:root{--content-max: 1360px;--white: #fff;--bg: #09111f;--bg2: #1a2740;--panel: #101a2d;--panel-soft: #18233d;--panel-strong: #13203a;--panel-border: #243657;--ink: #eef4ff;--ink2: #b2c0df;--ink3: #7484aa;--blue: #4f7cff;--blue2: #3a67f5;--violet: #7c5cfc;--teal: #00c9b1;--green: #22d87a;--yellow: #ffd542;--orange: #ff7f3e;--pink: #ff5fa0;--header-bg: #080e1bd1;--hero-bg: linear-gradient(160deg, #0d1529 0%, #16132c 50%, #241126 100%);--hero-glow-blue: radial-gradient(circle, #4f7cff47, transparent 70%);--hero-glow-violet: radial-gradient(circle, #7c5cfc38, transparent 70%);--live-bg: linear-gradient(135deg, #22d87a2e, #00c9b11f);--live-ink: #71efae;--announce-border: #8d6d1f;--announce-border-shadow: #00000047;--announce-head-bg: linear-gradient(90deg, #40300cf2, #2c230cf2);--announce-title: #ffd978;--announce-count-bg: #ffd542;--announce-count-ink: #533600;--announce-toggle-bg: #ffffff14;--announce-divider: #ffdf781f;--card-thumb-bg: transparent;--card-overlay: linear-gradient(180deg, #040a1814 0%, #030812e0 100%);--footer-bg: #0e1729;--toast-bg: #13213a;--theme-toggle-bg: #101a2df2;--theme-toggle-border: #30456f;--theme-toggle-hover: #182845;--shadow-sm: 0 8px 20px #01081247;--shadow-md: 0 18px 44px #0108126b;--shadow-card: 0 6px 0 0 #02060e5c;--shadow-card-light: 0 3px 0 0 #00000024;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--font-heading: "Sora", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-body: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "JetBrains Mono", "Consolas", monospace;--transition: .18s ease}[data-theme=light]{--bg: #f0f4ff;--bg2: #e6ecff;--panel: #fff;--panel-soft: #eff3ff;--panel-strong: #fff;--panel-border: #dfe6ff;--ink: #1a1f36;--ink2: #4a5280;--ink3: #8e98c0;--header-bg: #ffffffe0;--hero-bg: linear-gradient(160deg, #eef2ff 0%, #f5f0ff 50%, #fff0f6 100%);--hero-glow-blue: radial-gradient(circle, #4f7cff2e, transparent 70%);--hero-glow-violet: radial-gradient(circle, #7c5cfc26, transparent 70%);--live-bg: linear-gradient(135deg, #e8fff4, #d4f7e8);--live-ink: #16a057;--announce-border: #ffe37a;--announce-border-shadow: #ffd54280;--announce-head-bg: linear-gradient(90deg, #fffbea, #fff8d6);--announce-title: #8a6400;--announce-count-bg: #ffd542;--announce-count-ink: #7a5500;--announce-toggle-bg: #0000000f;--announce-divider: #fef5d0;--card-thumb-bg: transparent;--card-overlay: linear-gradient(180deg, #0000000d 0%, #0a1032bf 100%);--footer-bg: #fff;--toast-bg: #1a1f36;--theme-toggle-bg: #ffffffbf;--theme-toggle-border: #d9e2ff;--theme-toggle-hover: #edf2ff;--shadow-sm: 0 2px 8px #4f7cff1f;--shadow-md: 0 6px 24px #4f7cff29;--shadow-card: 0 4px 0 0 #0000001a;--shadow-card-light: 0 3px 0 0 #00000014}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:linear-gradient(160deg,#060b18,#0b1030,#100d28 60%,#0d1025,#060b18);background-attachment:fixed;color:var(--ink);min-height:100vh;font-family:var(--font-body);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:color var(--transition);overflow-x:hidden}[data-theme=light] body{background:linear-gradient(160deg,#e8eeff,#f0e8ff 35%,#ffe8f4 65%,#e8f0ff);background-attachment:fixed}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%}.page-shell{width:min(var(--content-max),calc(100vw - 32px));margin:0 auto}header,.navbar{z-index:200;background:var(--header-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:2px solid var(--bg2);width:100%;position:sticky;top:0}.header-shell,.nav-container{justify-content:space-between;align-items:center;height:66px;display:flex;width:min(var(--content-max),calc(100vw - 32px));margin:0 auto}.logo,.nav-brand{align-items:center;gap:10px;text-decoration:none;display:flex}.logo-mark,.brand-icon{background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-family:var(--font-heading);font-size:16px;font-weight:700;display:flex;box-shadow:0 4px #4f7cff59}.logo-text,.brand-text{color:var(--ink);letter-spacing:.5px;font-family:var(--font-heading);font-size:22px;font-weight:700}.logo-text em,.brand-text em{color:var(--blue);font-style:normal}.nav-menu{gap:2px;display:flex;margin-left:auto;margin-right:16px}.nav-link{border-radius:20px;color:var(--ink2);padding:6px 14px;font-size:13px;font-weight:700;text-decoration:none;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-link:hover{background:#4f7cff1a;color:var(--blue);box-shadow:0 0 18px #4f7cff26;transform:translateY(-1px)}.nav-link.active{background:linear-gradient(135deg,#4f7cff2e,#7c5cfc24);color:#fff;box-shadow:0 0 14px #4f7cff33,inset 0 0 0 1px #4f7cff33}.nav-actions{align-items:center;gap:10px;display:flex}.live-pill{border:none;background:linear-gradient(135deg,#22d87a1f,#00c9b114);color:var(--live-ink);letter-spacing:1.5px;border-radius:20px;align-items:center;gap:7px;padding:5px 14px;font-size:12px;font-weight:800;display:flex;box-shadow:0 0 14px #22d87a26,inset 0 0 0 1px #22d87a33;animation:livePulse 2.5s ease-in-out infinite}@keyframes livePulse{0%,to{box-shadow:0 0 14px #22d87a26,inset 0 0 0 1px #22d87a33}50%{box-shadow:0 0 22px #22d87a4d,inset 0 0 0 1px #22d87a59}}.live-dot{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 6px var(--green);animation:dotPulse 2.5s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.theme-toggle{border:1.5px solid var(--theme-toggle-border);background:var(--theme-toggle-bg);box-shadow:var(--shadow-sm);color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-family:var(--font-body);font-size:12px;font-weight:800;transition:background var(--transition),border-color var(--transition),transform var(--transition);display:inline-flex}.theme-toggle:hover{background:var(--theme-toggle-hover);border-color:var(--blue);transform:translateY(-1px)}.theme-icon-dark,.theme-icon-light{background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;line-height:1;display:inline-flex}[data-theme=dark] .theme-icon-light,[data-theme=light] .theme-icon-dark{display:none}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.hamburger span{display:block;width:22px;height:2px;background:var(--ink);border-radius:1px;transition:all .2s}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hero{padding:52px 0 44px;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.hero:before{background:radial-gradient(circle,rgba(79,124,255,.18),transparent 70%);width:380px;height:380px;top:-80px;left:-60px}.hero:after{background:radial-gradient(circle,rgba(124,92,252,.14),transparent 70%);width:320px;height:320px;bottom:-60px;right:-40px}.hero-row{display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;z-index:1}.hero-left{flex-shrink:0}.hero-center{flex:1;text-align:center}.hero-right{flex-shrink:0}.hero-title{background:linear-gradient(135deg,#00d4ff,#4f7cff,#7c5cfc 70%,#ff5fa0);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-1px;font-family:var(--font-heading);font-size:clamp(32px,5vw,56px);font-weight:800;line-height:1.1}.hero-subtitle{background:linear-gradient(135deg,#4f7cff,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:2px;text-transform:uppercase;margin-bottom:6px;font-size:13px;font-weight:700}.hero-tagline{background:linear-gradient(135deg,#4f7cff,#7c5cfc,#ff5fa0);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:15px;font-weight:600}.hero-stats{flex-wrap:wrap;justify-content:center;gap:10px;display:inline-flex}.stat-pill{border-radius:var(--radius-lg);background:var(--panel);border:2px solid var(--panel-border);box-shadow:var(--shadow-sm),var(--shadow-card);align-items:center;gap:9px;padding:10px 20px;display:flex;transition:transform var(--transition)}.stat-pill:hover{transform:translateY(-2px)}.stat-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:17px;display:flex}.stat-icon.blue{background:#eff3ff}.stat-icon.green{background:#edfff6}.stat-icon.orange{background:#fff5ee}[data-theme=dark] .stat-icon.blue{background:#1a2f50}[data-theme=dark] .stat-icon.green{background:#1a3a2a}[data-theme=dark] .stat-icon.orange{background:#3a251a}.stat-val{color:#00d4ff;font-family:var(--font-heading);font-size:24px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 0 12px rgba(0,212,255,.6),0 0 30px rgba(0,180,255,.3)}.stat-label{color:var(--ink3);margin-top:2px;font-size:11px;font-weight:700}.section-head{align-items:center;gap:10px;margin-bottom:18px;display:flex}.section-label,.section-title{color:var(--ink);font-family:var(--font-heading);font-size:17px;font-weight:700}.section-badge{background:var(--blue);color:#fff;border-radius:99px;padding:3px 12px;font-family:var(--font-heading);font-size:13px;font-weight:700;box-shadow:0 3px #3a67f559}.announcements{padding:32px 0}.announce-list-solo{display:flex;flex-direction:column;gap:10px}.ann-solo-card{border:1px solid var(--panel-border);border-left:3px solid var(--panel-border);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--panel) 0%,rgba(255,255,255,.01) 100%);overflow:hidden;transition:border-color .35s ease,border-left-color .35s ease,box-shadow .35s ease,transform .35s ease}.ann-solo-card:hover{border-color:#ffffff1f;box-shadow:0 0 24px #4f7cff14,0 4px 16px #0003;transform:translateY(-1px)}.ann-solo-head{justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease}.ann-solo-head:hover{background:var(--bg)}.ann-solo-head h3{flex:1;color:var(--ink);font-family:var(--font-heading);font-size:13px;font-weight:700}.ann-head-left{align-items:center;gap:8px;display:flex;flex-shrink:0}.ann-dot{border-radius:50%;width:8px;height:8px;flex-shrink:0}.ann-date{color:var(--ink3);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.ann-tag{letter-spacing:.5px;border-radius:14px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-block;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.collapse-btn{background:none;color:var(--ink3);cursor:pointer;border:none;padding:4px 10px;font-family:var(--font-body);font-size:11px;font-weight:700;transition:all .3s ease;flex-shrink:0}.collapse-btn:hover{color:var(--ink)}.collapse-arrow{display:inline-block;font-size:10px;transition:transform .4s cubic-bezier(.4,0,.2,1)}.ann-solo-card.collapsed .collapse-arrow{transform:rotate(-90deg)}.ann-solo-body{max-height:500px;opacity:1;padding:0 18px 16px;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1),padding .5s cubic-bezier(.4,0,.2,1)}.ann-solo-card.collapsed .ann-solo-body{max-height:0;opacity:0;padding-top:0;padding-bottom:0}.announce-empty{text-align:center;padding:32px 16px;color:var(--ink3);font-size:13px;font-weight:600}.ann-solo-body p{color:var(--ink2);font-size:13px;font-weight:500;line-height:1.7;padding-top:12px}.ann-solo-body p+p{padding-top:4px}.t-notice,.d-notice{color:#3a67f5;background:#e8f0ff}.t-update,.d-update{color:#18a857;background:#e6fff4}.t-warning,.d-warning{color:#d96900;background:#fff3e0}.t-event,.d-event{color:#7c3fe0;background:#f3eeff}[data-theme=dark] .t-notice,[data-theme=dark] .d-notice{background:#1a2a50;color:#6b9aff}[data-theme=dark] .t-update,[data-theme=dark] .d-update{background:#1a3528;color:#4ae08a}[data-theme=dark] .t-warning,[data-theme=dark] .d-warning{background:#352415;color:#ffa040}[data-theme=dark] .t-event,[data-theme=dark] .d-event{background:#2a1a40;color:#b57aff}.d-notice,.d-update,.d-warning,.d-event{display:inline-block;border-radius:50%;width:10px;height:10px}.ann-tag.t-warning{background:#fff3e0;color:#d96900}.ann-tag.t-notice{background:#e8f0ff;color:#3a67f5}.ann-tag.t-update{background:#e6fff4;color:#18a857}.ann-tag.t-event{background:#f3eeff;color:#7c3fe0}[data-theme=dark] .ann-tag.t-warning{background:#352415;color:#ffa040}[data-theme=dark] .ann-tag.t-notice{background:#1a2a50;color:#6b9aff}[data-theme=dark] .ann-tag.t-update{background:#1a3528;color:#4ae08a}[data-theme=dark] .ann-tag.t-event{background:#2a1a40;color:#b57aff}.servers{padding:32px 0 48px}.server-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.server-card{border-radius:var(--radius-xl);background:var(--panel);box-shadow:var(--shadow-sm),0 4px #00000017;border:2px solid transparent;display:flex;flex-direction:column;overflow:hidden;transition:all var(--transition);height:340px}.server-card:hover{border-color:var(--blue);transform:translateY(-2px)}.card-thumb{height:148px;flex-shrink:0;position:relative;overflow:hidden;background:var(--card-thumb-bg)}.card-thumb-img{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;width:100%;height:100%;z-index:1}.card-thumb-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(0deg,#000000e6 0%,transparent 50%);pointer-events:none}.card-thumb-tag{position:absolute;top:10px;left:10px;z-index:3}.card-type-badge{color:#fff;border-radius:7px;padding:3px 10px;font-family:var(--font-heading);font-size:11px;font-weight:700;letter-spacing:.5px;box-shadow:0 2px 8px #0006,0 0 12px #ffffff1a;text-shadow:0 1px 2px rgba(0,0,0,.3)}.t1{background:#22d87ad9;box-shadow:0 2px 8px #22d87a66,0 0 16px #22d87a33}.t2{background:#3cc88ad9;box-shadow:0 2px 8px #3cc88a66,0 0 16px #3cc88a33}.t3{background:#ffb01cd9;box-shadow:0 2px 8px #ffb01c66,0 0 16px #ffb01c33}.t4{background:#ff7f3ed9;box-shadow:0 2px 8px #ff7f3e66,0 0 16px #ff7f3e33}.t5{background:#ff5252d9;box-shadow:0 2px 8px #ff525266,0 0 16px #ff525233}.t6{background:#7c5cfcd9;box-shadow:0 2px 8px #7c5cfc66,0 0 16px #7c5cfc33}.t7{background:#e040fbd9;box-shadow:0 2px 8px #e040fb66,0 0 16px #e040fb33}.t0{background:#4a5280d9}.card-thumb-label{position:absolute;bottom:10px;left:14px;right:14px;z-index:3}.card-thumb-title{color:#fff;font-family:var(--font-heading);font-size:15px;font-weight:700;text-shadow:0 2px 6px #000000cc}.card-thumb-sub{color:#ffffffb3;font-size:11px;font-weight:600;font-family:var(--font-mono);text-shadow:0 1px 3px #000000cc;margin-top:2px}.card-info{padding:10px 16px;display:flex;align-items:center;gap:10px;flex-shrink:0}.sdot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sdot.online{background:var(--green);box-shadow:0 0 6px #22d87a80}.sdot.offline{background:var(--ink3)}.card-info-status{color:var(--ink2);font-size:11px;font-weight:700;flex-shrink:0}.card-info-players{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;flex-shrink:0}.card-info-players.pc-has{color:var(--blue)}.card-info-players.pc-empty{color:var(--ink3)}.card-info-max{color:var(--ink3);font-weight:600}.bar-wrap{background:var(--bg2);border-radius:99px;flex:1;height:5px;overflow:hidden}.bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--teal));transition:width .5s ease}.card-players-list{display:flex;flex-wrap:wrap;align-content:flex-start;gap:4px;padding:8px 12px 8px 16px;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--bg2) transparent}.card-players-list::-webkit-scrollbar{width:4px}.card-players-list::-webkit-scrollbar-track{background:transparent}.card-players-list::-webkit-scrollbar-thumb{background:var(--bg2);border-radius:4px}.card-players-list::-webkit-scrollbar-thumb:hover{background:var(--ink3)}.player-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border:1px solid var(--bg2);border-radius:20px;background:var(--bg);color:var(--ink2);font-size:11px;font-weight:600;transition:all var(--transition)}.player-badge:hover{border-color:var(--blue);color:var(--ink)}.card-players-empty{color:var(--ink3);font-size:11px;font-weight:600}.card-foot{display:flex;gap:8px;padding:0 16px 16px;flex-shrink:0}.btn-join,.btn-copy{border-radius:var(--radius-md);justify-content:center;align-items:center;padding:9px 14px;font-family:var(--font-heading);font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;display:flex;transition:all var(--transition);border:none}.btn-join{background:linear-gradient(135deg,var(--blue),var(--violet));box-shadow:0 3px #3a67f566;color:#fff;flex:1}.btn-join:hover{transform:translateY(-1px);box-shadow:0 5px #3a67f566}.btn-copy{background:var(--bg);border:2px solid var(--bg2);color:var(--ink2);flex-shrink:0}.btn-copy:hover{border-color:var(--blue);color:var(--blue)}.btn-copy.copied{border-color:var(--green);color:var(--green);background:#22d87a15}.footer{padding:16px 24px;text-align:right}.footer-shell{width:min(var(--content-max),calc(100vw - 32px));margin:0 auto}.footer-brand{color:var(--ink3);font-family:var(--font-body);font-size:11px;font-weight:500}.toast{z-index:9999;border-radius:var(--radius-md);background:var(--toast-bg);box-shadow:var(--shadow-md);color:#fff;opacity:0;pointer-events:none;align-items:center;gap:8px;padding:12px 20px;display:flex;position:fixed;bottom:24px;right:24px;transition:opacity .2s}.toast.show{opacity:1}.toast-icon{background:var(--green);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex}@media (max-width: 900px){.hamburger{display:flex}.nav-menu{position:fixed;top:66px;left:0;right:0;background:var(--header-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:2px solid var(--bg2);flex-direction:column;gap:0;padding:8px 0;display:none;margin-left:0;margin-right:0}.nav-menu.active{display:flex}.nav-link{display:block;padding:12px 20px;font-size:14px}.hero{padding:36px 0 32px}.hero-row{flex-direction:column;text-align:center;gap:20px}.hero-title{font-size:clamp(32px,8vw,48px)}.server-grid{grid-template-columns:1fr}.server-card{flex-direction:column}}