@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap";:root{--font-sans:"Outfit", "Inter", "Noto Sans SC", sans-serif;--bg-main:#060713;--bg-sidebar:#090b1c;--bg-card:#10132ca6;--bg-card-hover:#161b3dd9;--border-color:#3e498940;--border-color-hover:#7356f680;--glow-color:#7356f626;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--text-accent:#a5b4fc;--primary:#5d6bfa;--primary-hover:#7356f6;--primary-glow:#5d6bfa66;--gold:#eed5a1;--gold-glow:#eed5a14d;--status-available:#4ade80;--status-available-bg:#064e3b66;--status-available-border:#4ade804d;--status-expired:#f87171;--status-expired-bg:#7f1d1d66;--status-expired-border:#f871714d;--status-login:#60a5fa;--status-login-bg:#1e3a8a66;--status-login-border:#60a5fa4d;--status-ended:#94a3b8;--status-ended-bg:#33415566;--status-ended-border:#94a3b84d;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);background-image:radial-gradient(circle at 10% 20%, #0d0a3099 0%, transparent 50%), radial-gradient(circle at 90% 80%, #120b2e80 0%, transparent 50%), radial-gradient(circle at 50% 50%, #080618cc 0%, var(--bg-main) 100%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#06071380}::-webkit-scrollbar-thumb{background:#5d6bfa4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#5d6bfa99}#app{grid-template:"header header"70px"sidebar main"1fr/260px 1fr;height:100vh;display:grid;overflow:hidden}.header-bar{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#090b1ccc;grid-area:header;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.logo-section{align-items:center;gap:12px;display:flex}.logo-icon{background:linear-gradient(135deg, var(--primary), var(--primary-hover));width:32px;height:32px;box-shadow:0 0 15px var(--primary-glow);color:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.logo-text h1{letter-spacing:1px;background:linear-gradient(90deg,#fff,#b6c3ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:18px;font-weight:700}.logo-text p{color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;margin-top:-2px;font-size:10px}.nav-links{gap:8px;list-style:none;display:flex}.nav-item{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.nav-item i{font-size:16px}.nav-item:hover,.nav-item.active{color:var(--text-primary);background:#5d6bfa26;box-shadow:inset 0 0 8px #5d6bfa1a}.nav-item.active{background:linear-gradient(135deg,#5d6bfa40,#7356f626);border:1px solid #5d6bfa4d}.header-right{align-items:center;gap:16px;display:flex}.global-search-btn{border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;opacity:0;pointer-events:none;transition:opacity var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);background:#10132c99;border-radius:50%;justify-content:center;align-items:center;display:flex}.global-search-btn:hover{color:var(--text-primary);border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.login-btn{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#fff;cursor:pointer;transition:var(--transition-fast);box-shadow:0 4px 15px var(--primary-glow);border:none;border-radius:20px;align-items:center;gap:8px;padding:8px 20px;font-size:14px;font-weight:600;display:flex}.login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #5d6bfa80}.sidebar-panel{border-right:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#090b1c99;flex-direction:column;grid-area:sidebar;gap:24px;height:100%;padding:24px 16px;display:flex;overflow-y:auto}.filter-group{flex-direction:column;gap:10px;display:flex}.filter-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:4px;font-size:12px;font-weight:600}.filter-list{flex-direction:column;gap:4px;list-style:none;display:flex}.filter-btn{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;transition:var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13.5px;font-weight:500;display:flex}.filter-btn-left{align-items:center;gap:10px;display:flex}.filter-btn-left i{text-align:center;width:16px;font-size:15px}.filter-count{color:var(--text-muted);border:1px solid var(--border-color);background:#10132ccc;border-radius:10px;padding:2px 6px;font-size:11px;font-weight:600}.filter-btn:hover{color:var(--text-primary);border-color:var(--border-color);background:#10132c66}.filter-btn.active{color:var(--text-primary);background:#5d6bfa1f;border-color:#5d6bfa4d;box-shadow:inset 0 0 6px #5d6bfa0d}.filter-btn.active .filter-count{color:var(--text-primary);background:#5d6bfa4d;border-color:#5d6bfa66}.status-indicator{border-radius:50%;width:8px;height:8px}.status-indicator.available{background:var(--status-available);box-shadow:0 0 6px var(--status-available)}.status-indicator.expired{background:var(--status-expired);box-shadow:0 0 6px var(--status-expired)}.status-indicator.login{background:var(--status-login);box-shadow:0 0 6px var(--status-login)}.status-indicator.ended{background:var(--status-ended);box-shadow:0 0 6px var(--status-ended)}.stats-box{border:1px solid var(--border-color);background:linear-gradient(135deg,#10132ccc,#090b1ccc);border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 8px 20px #0003}.stats-title{color:var(--text-accent);text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.stats-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat-item{flex-direction:column;gap:4px;display:flex}.stat-num{font-family:Outfit,sans-serif;font-size:20px;font-weight:700}.stat-num.total{color:var(--text-primary)}.stat-num.available{color:var(--status-available)}.stat-num.expired{color:var(--status-expired)}.stat-label{color:var(--text-muted);font-size:9px}.stats-update-info{color:var(--text-muted);text-align:center;border-top:1px solid #ffffff0d;padding-top:8px;font-size:9px}.main-content{-webkit-overflow-scrolling:touch;flex-direction:column;grid-area:main;gap:24px;height:100%;padding:24px;display:flex;overflow-y:auto}.hero-wrapper{grid-template-columns:2fr 1fr;gap:20px;width:100%;display:grid}.hero-banner{background:radial-gradient(circle at top right, #5d6bfa1f 0%, transparent 55%), radial-gradient(circle at bottom left, #7356f61f 0%, transparent 55%), var(--bg-card);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;justify-content:center;padding:24px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.hero-text{z-index:2;text-align:center;max-width:550px;margin:0 auto;position:relative}.hero-text h2{letter-spacing:2px;background:linear-gradient(90deg,#fff,#dbe2ff,#fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:6px;font-size:26px;font-weight:800}.hero-text p{color:var(--text-secondary);letter-spacing:1px;margin-bottom:16px;font-size:12.5px}.search-box-container{border:1.5px solid var(--border-color);transition:var(--transition-fast);background:#090b1ccc;border-radius:30px;align-items:center;padding:4px;display:flex;position:relative;box-shadow:0 0 20px #5d6bfa1a}.search-box-container:focus-within{border-color:var(--primary);transform:translateY(-1px);box-shadow:0 0 25px #5d6bfa40}.search-input{color:var(--text-primary);font-size:14px;font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1;padding:10px 18px}.search-input::placeholder{color:#ffffff73}.search-btn{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#fff;cursor:pointer;width:38px;height:38px;transition:var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.search-btn:hover{box-shadow:0 0 15px var(--primary-glow);transform:scale(1.05)}.hot-searches{color:var(--text-secondary);justify-content:center;align-items:center;gap:12px;margin-top:10px;font-size:11.5px;display:flex}.hot-tags{gap:8px;display:flex}.hot-tag{color:#ffffffd9;cursor:pointer;transition:var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;padding:2px 8px;text-decoration:none}.hot-tag:hover{color:var(--gold);border-color:var(--gold);background:#eed5a10d}.hero-stats-container{justify-content:center;gap:16px;margin-top:18px;display:flex}.hero-stat-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:80px;height:75px;transition:var(--transition-fast);cursor:default;background:#10132c8c;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;display:flex}.hero-stat-card:hover{border-color:var(--primary-hover);background:#10132cbf;transform:translateY(-3px);box-shadow:0 6px 20px #5d6bfa33}.hero-stat-value{color:var(--text-primary);background:linear-gradient(135deg,#fff,#c7d2fe);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Outfit,sans-serif;font-size:22px;font-weight:700;line-height:1.1}.hero-stat-label{color:var(--text-secondary);margin-top:4px;font-size:11px}.recently-updated-panel{background:var(--bg-card);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;flex-direction:column;gap:14px;padding:20px;display:flex;box-shadow:0 8px 30px #0003}.panel-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.panel-title{color:var(--text-primary);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.panel-more{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);font-size:11px;text-decoration:none}.panel-more:hover{color:var(--primary)}.update-list{flex-direction:column;gap:10px;list-style:none;display:flex}.update-item{transition:var(--transition-fast);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.update-item:hover{background:#ffffff08}.update-item-left{align-items:center;gap:8px;max-width:70%;display:flex}.update-game-badge{border-radius:50%;flex-shrink:0;width:6px;height:6px}.update-game-badge.sr{background-color:#a78bfa}.update-game-badge.ys{background-color:#fbbf24}.update-game-badge.zzz{background-color:#34d399}.update-game-badge.bh3{background-color:#f472b6}.update-game-badge.all{background-color:#94a3b8}.update-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:500;overflow:hidden}.update-info{color:var(--text-secondary);text-align:right;flex-shrink:0;align-items:center;gap:6px;font-size:10px;display:flex}.game-portals{grid-template-columns:repeat(4,1fr);gap:20px;width:100%;display:grid}.portal-card{border:1px solid var(--border-color);cursor:pointer;height:250px;transition:var(--transition-normal);border-radius:20px;flex-direction:column;justify-content:flex-end;align-items:center;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #00000040}.portal-card[data-game=ys]{background:radial-gradient(circle at 50% 35%, #fbbf2426 0%, #090b1cf2 80%), var(--bg-card)}.portal-card[data-game=sr]{background:radial-gradient(circle at 50% 35%, #a78bfa26 0%, #090b1cf2 80%), var(--bg-card)}.portal-card[data-game=zzz]{background:radial-gradient(circle at 50% 35%, #34d39926 0%, #090b1cf2 80%), var(--bg-card)}.portal-card[data-game=bh3]{background:radial-gradient(circle at 50% 35%, #f472b626 0%, #090b1cf2 80%), var(--bg-card)}.portal-cover{width:100%;height:100%;transition:transform var(--transition-slow);z-index:0;background-position:50% 30%;background-repeat:no-repeat;position:absolute;top:0;left:0}.portal-cover.ys{background-image:url(/images/genshin_cover.png);background-size:70%}.portal-cover.sr{background-image:url(/images/hsr_cover.png);background-size:75%}.portal-cover.zzz{background-image:url(/images/zzz_cover.png);background-size:50%}.portal-cover.bh3{background-image:url(/images/bh3_cover.png);background-size:70%}.portal-card:before{content:"";z-index:1;transition:var(--transition-normal);background:linear-gradient(#06071300 20%,#060713b3 65%,#060713f2 100%);position:absolute;inset:0}.portal-card:hover:before{background:linear-gradient(#06071300 15%,#06071399 55%,#060713e6 100%)}.portal-card:hover .portal-cover{transform:scale(1.06)}.portal-info{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:4px;width:100%;display:flex;position:relative}.portal-name{color:#fff;letter-spacing:1px;text-shadow:0 2px 4px #0009;font-size:22px;font-weight:700}.portal-count{color:var(--text-secondary);text-shadow:0 1px 2px #0009;font-size:14px}.portal-action{z-index:2;color:var(--text-accent);box-sizing:border-box;width:100%;transition:var(--transition-fast);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;justify-content:center;align-items:center;gap:6px;margin-top:12px;padding:8px 16px;font-size:12.5px;font-weight:600;display:flex;position:relative}.portal-card:hover{box-shadow:0 10px 30px var(--glow-color);transform:translateY(-5px)}.portal-card[data-game=ys]:hover{--glow-color:#fbbf242e;border-color:#fbbf2466}.portal-card[data-game=sr]:hover{--glow-color:#a78bfa2e;border-color:#a78bfa66}.portal-card[data-game=zzz]:hover{--glow-color:#34d3992e;border-color:#34d39966}.portal-card[data-game=bh3]:hover{--glow-color:#f472b62e;border-color:#f472b666}.portal-card:hover .portal-action{color:#fff;background:var(--primary);border-color:var(--primary-hover);box-shadow:0 0 12px var(--primary-glow);opacity:1;transform:translateY(-2px)}.game-zone-header{border:1px solid var(--border-color);background:var(--bg-card);transition:var(--transition-normal);border-radius:20px;justify-content:space-between;align-items:center;padding:20px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #0003}.game-zone-header[data-zone=ys]{background:radial-gradient(circle at 15% 50%, #fbbf2426 0%, #090b1cf2 100%), var(--bg-card);border-color:#fbbf2440}.game-zone-header[data-zone=sr]{background:radial-gradient(circle at 15% 50%, #a78bfa26 0%, #090b1cf2 100%), var(--bg-card);border-color:#a78bfa40}.game-zone-header[data-zone=zzz]{background:radial-gradient(circle at 15% 50%, #34d39926 0%, #090b1cf2 100%), var(--bg-card);border-color:#34d39940}.game-zone-header[data-zone=bh3]{background:radial-gradient(circle at 15% 50%, #f472b626 0%, #090b1cf2 100%), var(--bg-card);border-color:#f472b640}.game-zone-left{align-items:center;gap:24px;display:flex}.back-to-home-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.back-to-home-btn:hover{background:var(--primary);border-color:var(--primary-hover);color:#fff;box-shadow:0 0 12px var(--primary-glow)}.game-zone-title-wrapper{align-items:center;gap:16px;display:flex}.game-zone-logo{object-fit:contain;height:48px}.game-zone-text h2{color:#fff;font-size:18px;font-weight:700}.game-zone-text p{color:var(--text-secondary);margin-top:2px;font-size:12px}.game-zone-stats{gap:20px;display:flex}.zone-stat-item{background:#090b1c66;border:1px solid #ffffff0d;border-radius:10px;flex-direction:column;align-items:center;min-width:70px;padding:8px 16px;display:flex}.zone-stat-num{color:#fff;font-family:Outfit,sans-serif;font-size:16px;font-weight:700}.zone-stat-num.available{color:var(--status-available)}.zone-stat-num.expired{color:var(--status-expired)}.zone-stat-label{color:var(--text-muted);margin-top:2px;font-size:10px}.control-bar{z-index:10;background:var(--bg-card);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;justify-content:space-between;align-items:center;padding:10px 16px;display:flex;position:relative}.control-tabs{gap:6px;display:flex}.control-tab{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:8px;padding:6px 16px;font-size:13px;font-weight:500}.control-tab:hover{color:var(--text-primary);background:#ffffff08}.control-tab.active{color:#fff;background:var(--primary);box-shadow:0 4px 12px var(--primary-glow)}.control-actions{align-items:center;gap:16px;display:flex}.view-switchers{border:1px solid var(--border-color);background:#090b1ccc;border-radius:8px;padding:2px;display:flex}.view-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.view-btn:hover{color:var(--text-primary)}.view-btn.active{color:#fff;background:var(--bg-card-hover);border:1px solid #ffffff0d}.sort-container{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.custom-select{width:180px;font-family:var(--font-sans);-webkit-user-select:none;user-select:none;position:relative}.select-trigger{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;box-sizing:border-box;height:32px;transition:var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#090b1ccc;border-radius:8px;justify-content:space-between;align-items:center;padding:6px 12px;font-size:12px;display:flex}.select-trigger:hover{border-color:var(--primary)}.trigger-arrow{color:var(--text-secondary);transition:transform var(--transition-fast);font-size:10px}.custom-select.open .trigger-arrow{transform:rotate(180deg)}.select-options{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--border-color);z-index:100;background:#0d1023f2;border-radius:8px;flex-direction:column;gap:2px;padding:4px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 10px 30px #0009}.custom-select.open .select-options{display:flex}.select-option{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);text-align:left;border-radius:6px;padding:8px 12px;font-size:12px}.select-option:hover{color:var(--text-primary);background:#ffffff0d}.select-option.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px var(--primary-glow);font-weight:500}.event-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;width:100%;display:grid}.event-card{background:var(--bg-card);border:1px solid var(--border-color);height:320px;transition:var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden}.card-img-wrapper{background:#090b1c80;height:150px;position:relative;overflow:hidden}.card-img-wrapper:after{content:"";z-index:1;background:linear-gradient(#0000 60%,#090b1cd9 100%);position:absolute;inset:0}.card-img{object-fit:cover;width:100%;height:100%;transition:var(--transition-slow)}.status-badge{z-index:2;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:flex;position:absolute;top:12px;left:12px}.status-badge.available{color:var(--status-available);background:var(--status-available-bg);border:1px solid var(--status-available-border)}.status-badge.expired{color:var(--status-expired);background:var(--status-expired-bg);border:1px solid var(--status-expired-border)}.status-badge.login{color:var(--status-login);background:var(--status-login-bg);border:1px solid var(--status-login-border)}.status-badge.ended{color:var(--status-ended);background:var(--status-ended-bg);border:1px solid var(--status-ended-border)}.bookmark-btn{z-index:2;width:28px;height:28px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#090b1c99;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.bookmark-btn:hover{color:var(--gold);background:#090b1ce6;border-color:#eed5a166}.bookmark-btn.active{color:var(--gold);box-shadow:0 0 10px var(--gold-glow);background:#5d6bfa33;border-color:#eed5a199}.event-details{flex-direction:column;flex:1;justify-content:space-between;gap:12px;padding:16px;display:flex}.event-info-top{flex-direction:column;gap:4px;display:flex}.event-meta-header{color:var(--text-secondary);align-items:center;gap:6px;font-size:12.5px;display:flex}.event-game-name{color:var(--text-accent);font-weight:600}.event-title-h3{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:15px;font-weight:700;line-height:1.35;overflow:hidden}.event-date-row{color:var(--text-secondary);justify-content:space-between;align-items:center;font-family:Outfit,sans-serif;font-size:12.5px;display:flex}.event-tags{flex-wrap:wrap;gap:4px;display:flex}.event-tag-badge{color:var(--text-secondary);background:#ffffff08;border:1px solid #ffffff0d;border-radius:4px;padding:2px 6px;font-size:11px}.event-card:hover{border-color:var(--border-color-hover);box-shadow:0 12px 30px var(--glow-color);transform:translateY(-4px)}.event-card:hover .card-img{transform:scale(1.06)}.event-list{flex-direction:column;gap:10px;width:100%;display:flex}.event-list-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #ffffff0d;grid-template-columns:2fr 1fr 1fr 1fr 1fr 60px;padding:12px 20px;font-size:12px;font-weight:600;display:grid}.event-list-row{background:var(--bg-card);border:1px solid var(--border-color);transition:var(--transition-fast);cursor:pointer;border-radius:12px;grid-template-columns:2fr 1fr 1fr 1fr 1fr 60px;align-items:center;padding:14px 20px;display:grid}.event-list-row:hover{border-color:var(--border-color-hover);background:var(--bg-card-hover);transform:translateY(-1px)}.list-title-cell{color:#fff;align-items:center;gap:12px;min-width:0;font-weight:600;display:flex}.list-img-thumbnail{object-fit:cover;border:1px solid #ffffff0d;border-radius:4px;flex-shrink:0;width:40px;height:25px}.list-title-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.list-game-cell{color:var(--text-accent);font-size:13.5px;font-weight:600}.list-type-cell{color:var(--text-secondary);font-size:13px}.list-date-cell{color:var(--text-muted);font-family:Outfit,sans-serif;font-size:12px}.list-status-cell{display:flex}.list-status-badge{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.list-status-badge.available{color:var(--status-available);background:var(--status-available-bg)}.list-status-badge.expired{color:var(--status-expired);background:var(--status-expired-bg)}.list-status-badge.login{color:var(--status-login);background:var(--status-login-bg)}.list-status-badge.ended{color:var(--status-ended);background:var(--status-ended-bg)}.list-action-cell{justify-content:center;display:flex}.timeline-container{flex-direction:column;gap:32px;max-width:800px;margin:0 auto;padding:20px 10px;display:flex;position:relative}.timeline-container:before{content:"";background:linear-gradient(#5d6bfa1a,#5d6bfa80 20% 80%,#5d6bfa1a);width:2px;position:absolute;top:0;bottom:0;left:31px}.timeline-year-group{flex-direction:column;gap:20px;display:flex}.timeline-year-header{color:#fff;z-index:2;align-items:center;gap:12px;margin-left:12px;font-size:24px;font-weight:800;display:flex;position:relative}.timeline-year-dot{background:var(--bg-main);border:3px solid var(--primary);width:40px;height:40px;box-shadow:0 0 15px var(--primary-glow);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.timeline-item{z-index:2;gap:24px;margin-left:20px;display:flex;position:relative}.timeline-item-left{flex-shrink:0;justify-content:center;align-items:center;width:24px;display:flex}.timeline-item-dot{background:var(--bg-main);border:2px solid var(--text-accent);width:12px;height:12px;transition:var(--transition-fast);border-radius:50%;box-shadow:0 0 8px #a5b4fc80}.timeline-item:hover .timeline-item-dot{border-color:var(--primary-hover);background:var(--primary-hover);box-shadow:0 0 12px var(--primary-glow)}.timeline-item-card{background:var(--bg-card);border:1px solid var(--border-color);transition:var(--transition-fast);cursor:pointer;border-radius:14px;flex:1;justify-content:space-between;align-items:center;padding:16px;display:flex}.timeline-item-card:hover{border-color:var(--border-color-hover);background:var(--bg-card-hover);transform:translate(4px)}.timeline-card-left{flex-direction:column;gap:6px;display:flex}.timeline-card-date{color:var(--text-accent);font-size:11px;font-weight:600}.timeline-card-title{color:#fff;font-size:14px;font-weight:700}.timeline-card-meta{color:var(--text-muted);gap:12px;font-size:11px;display:flex}.timeline-card-game{font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;opacity:0;pointer-events:none;transition:var(--transition-normal);background:#060713d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{border:1.5px solid var(--border-color);width:90%;max-width:600px;transition:var(--transition-normal);background:linear-gradient(135deg,#0f122c,#0b0c1b);border-radius:24px;overflow:hidden;transform:translateY(30px)scale(.95);box-shadow:0 20px 50px #00000080}.modal-overlay.active .modal-content{transform:translateY(0)scale(1)}.modal-hero{height:200px;position:relative;overflow:hidden}.modal-hero:after{content:"";z-index:1;background:linear-gradient(#0000 30%,#0f122c 100%);position:absolute;inset:0}.modal-hero-img{object-fit:cover;width:100%;height:100%}.modal-close-btn{z-index:10;color:#fff;cursor:pointer;width:32px;height:32px;transition:var(--transition-fast);background:#090b1cb3;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}.modal-close-btn:hover{color:#000;background:#fff}.modal-body{z-index:2;margin-top:-30px;padding:24px;position:relative}.modal-badge-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.modal-game-badge{text-transform:uppercase;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700}.modal-game-badge.ys{color:#fbbf24;background:#fbbf2433;border:1px solid #fbbf244d}.modal-game-badge.sr{color:#a78bfa;background:#a78bfa33;border:1px solid #a78bfa4d}.modal-game-badge.zzz{color:#34d399;background:#34d39933;border:1px solid #34d3994d}.modal-game-badge.bh3{color:#f472b6;background:#f472b633;border:1px solid #f472b64d}.modal-game-badge.all{color:#94a3b8;background:#94a3b833;border:1px solid #94a3b84d}.modal-title-h2{color:#fff;margin-bottom:16px;font-size:22px;font-weight:800;line-height:1.3}.modal-grid-meta{border:1px solid var(--border-color);background:#090b1c80;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;padding:12px 16px;font-size:12px;display:grid}.modal-meta-item{flex-direction:column;gap:4px;display:flex}.modal-meta-label{color:var(--text-muted)}.modal-meta-val{color:#fff;font-weight:500}.modal-desc{color:var(--text-secondary);border-left:3.5px solid var(--primary);background:#ffffff03;border-radius:10px;margin-bottom:24px;padding:12px;font-size:13.5px;line-height:1.6}.modal-tags{flex-wrap:wrap;gap:6px;margin-bottom:24px;display:flex}.modal-action-row{gap:12px;display:flex}.modal-primary-btn{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#fff;cursor:pointer;transition:var(--transition-fast);box-shadow:0 4px 15px var(--primary-glow);border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-weight:600;text-decoration:none;display:flex}.modal-primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #5d6bfa80}.modal-secondary-btn{border:1px solid var(--border-color);width:48px;height:48px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:#10132ccc;border-radius:12px;justify-content:center;align-items:center;display:flex}.modal-secondary-btn:hover{color:var(--gold);border-color:var(--gold);background:#eed5a10d}.about-card{background:var(--bg-card);border:1px solid var(--border-color);max-width:700px;color:var(--text-secondary);border-radius:20px;margin:0 auto;padding:32px;line-height:1.7;box-shadow:0 8px 30px #0000004d}.about-card h2{color:#fff;border-bottom:2px solid var(--primary);margin-bottom:16px;padding-bottom:6px;font-size:24px;font-weight:800;display:inline-block}.about-card h3{color:#fff;margin-top:24px;margin-bottom:8px;font-size:16px;font-weight:700}.about-card ul{margin-bottom:16px;list-style-position:inside}.about-card li{margin-bottom:6px}.tab-pane{flex-direction:column;gap:24px;width:100%;display:flex}.hidden{display:none!important}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;padding:60px 20px;display:flex}.empty-state i{color:var(--primary-glow);font-size:40px}.empty-state h4{color:var(--text-secondary);font-size:16px;font-weight:600}.drawer-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;opacity:0;pointer-events:none;background:#04050cb3;transition:opacity .3s cubic-bezier(.4,0,.2,1);position:fixed;inset:0}.drawer-overlay.active{opacity:1;pointer-events:all}.mobile-nav-toggle,.mobile-filter-btn,.sidebar-header-mobile{display:none}@media (width<=1024px){#app{grid-template:"header""main"1fr/1fr;height:100vh;overflow:hidden}.sidebar-panel{z-index:1000;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-right:1px solid var(--border-color);background:#0d1023f5;border-radius:0;flex-direction:column;gap:24px;width:300px;height:100%;padding:24px;transition:left .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:-320px;overflow-y:auto;box-shadow:10px 0 40px #0009}.sidebar-panel.open{left:0}.sidebar-header-mobile{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:12px;display:flex}.sidebar-header-mobile h3{color:var(--text-primary);font-size:18px;font-weight:600}.sidebar-close-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:22px;display:flex}.sidebar-close-btn:hover{color:var(--primary)}.main-content{height:100%;overflow-y:auto}.filter-group{width:100%;margin-bottom:0}.stats-box{width:100%;margin-top:auto}.hero-wrapper{grid-template-columns:1fr}.game-portals{grid-template-columns:repeat(2,1fr)}.game-zone-header{flex-direction:column;align-items:stretch;gap:16px;padding:16px 20px}.game-zone-left{flex-direction:column;align-items:flex-start;gap:16px}.game-zone-title-wrapper{width:100%}.game-zone-stats{border-top:1px solid #ffffff0d;justify-content:space-between;gap:10px;width:100%;padding-top:12px}.mobile-filter-btn{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;display:flex}.mobile-filter-btn:hover{border-color:var(--primary);background:#ffffff1a}.control-bar{flex-direction:column;align-items:stretch;gap:12px}.control-tabs{flex-wrap:wrap;justify-content:flex-start;gap:8px}.control-actions{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}}@media (width<=900px){.header-bar{z-index:1000;padding:0 20px}.header-bar nav{z-index:1000;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-left:1px solid var(--border-color);box-sizing:border-box;background:#0d1023f5;flex-direction:column;width:280px;height:100%;padding:80px 24px 24px;transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:-300px;box-shadow:-10px 0 40px #0009}.header-bar nav.open{right:0}.nav-links{flex-direction:column;align-items:flex-start;gap:12px;width:100%}.nav-links li{width:100%}.nav-item{box-sizing:border-box;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 16px;display:flex}.mobile-nav-toggle{border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);z-index:1001;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;font-size:18px;display:flex}}@media (width<=640px){.main-content{gap:16px;padding:16px 12px}.hero-banner{padding:24px 16px}.hero-text h2{font-size:24px}.hero-text p{font-size:12px;line-height:1.4}.hot-searches{flex-direction:column;align-items:center;gap:6px}.hot-tags{flex-wrap:wrap;justify-content:center}.hero-stats-container{grid-template-columns:repeat(2,1fr);gap:10px;width:100%;max-width:320px;margin:18px auto 0;display:grid}.hero-stat-card{width:100%;height:70px}.header-bar{height:60px;padding:0 16px}.logo-text h1{font-size:16px}.logo-text p{font-size:10px}.game-portals{grid-template-columns:1fr;gap:16px}.control-bar{flex-direction:column;align-items:stretch;gap:12px}.control-tabs{flex-wrap:wrap;gap:6px}.control-tab{padding:6px 12px;font-size:12px}.control-actions{flex-wrap:wrap;gap:10px;width:100%;display:flex}.mobile-filter-btn{box-sizing:border-box;flex:1;min-width:80px;height:36px}.view-switchers{box-sizing:border-box;flex:2;gap:0;height:36px;display:flex}.view-btn{white-space:nowrap;flex:1;justify-content:center;height:100%;padding:0 8px;font-size:12px}.sort-container{justify-content:space-between;align-items:center;gap:10px;width:100%;font-size:12px;display:flex}.custom-select{flex:1}.select-trigger{height:36px;font-size:12px}.event-list-header{display:none}.event-list-row{grid-template-columns:1fr;gap:8px;padding:16px}.list-status-cell{margin-top:4px}.list-action-cell{justify-content:flex-start}}.event-version-badge{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700;display:inline-block}.event-version-badge.ys{color:#fbbf24;background:#fbbf2426;border:1px solid #fbbf2440}.event-version-badge.sr{color:#a78bfa;background:#a78bfa26;border:1px solid #a78bfa40}.event-version-badge.zzz{color:#34d399;background:#34d39926;border:1px solid #34d39940}.event-version-badge.bh3{color:#f472b6;background:#f472b626;border:1px solid #f472b640}.event-version-badge.all,.event-version-badge.gen{color:#94a3b8;background:#94a3b826;border:1px solid #94a3b840}