:root{--content-max:1360px;--white:#fff;--bg:#f0f4ff;--bg2:#e6ecff;--ink:#1a1f36;--ink2:#4a5280;--ink3:#8e98c0;--blue:#4f7cff;--blue2:#3a67f5;--violet:#7c5cfc;--teal:#00c9b1;--green:#22d87a;--yellow:#ffd542;--orange:#ff7f3e;--pink:#ff5fa0;--shadow-sm:0 2px 8px #4f7cff1f;--shadow-md:0 6px 24px #4f7cff29;--shadow-card:0 4px 0 0 #0000001a;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);min-height:100vh;font-family:Noto Sans SC,Sora,sans-serif;overflow-x:hidden}a{color:inherit}.page-shell{width:min(var(--content-max),calc(100vw - 32px));margin:0 auto}header{z-index:200;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:2px solid var(--bg2);background:#ffffffe0;width:100%;position:sticky;top:0}.header-shell{justify-content:space-between;align-items:center;height:66px;display:flex}.logo{align-items:center;gap:10px;text-decoration:none;display:flex}.logo-mark{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:Sora,sans-serif;font-size:16px;display:flex;box-shadow:0 4px #4f7cff59}.logo-text{color:var(--ink);letter-spacing:.5px;font-family:Sora,sans-serif;font-size:22px}.logo-text em,.footer-logo em{color:var(--blue);font-style:normal}nav{gap:4px;display:flex}nav a,.footer-links a{border-radius:var(--radius-sm);color:var(--ink2);padding:7px 14px;font-size:13px;font-weight:700;text-decoration:none;transition:background .18s,color .18s}nav a:hover,.footer-links a:hover{background:var(--bg);color:var(--blue)}.header-right{align-items:center;gap:10px;display:flex}.live-pill{border:1.5px solid var(--green);color:#16a057;letter-spacing:.5px;background:linear-gradient(135deg,#e8fff4,#d4f7e8);border-radius:99px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:800;display:flex}.live-dot{background:var(--green);border-radius:50%;width:7px;height:7px}.hero{background:linear-gradient(160deg,#eef2ff 0%,#f5f0ff 50%,#fff0f6 100%);padding:52px 0 44px;position:relative;overflow:hidden}.hero-shell{text-align:center}.hero:before,.hero:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.hero:before{background:radial-gradient(circle,#4f7cff2e,#0000 70%);width:380px;height:380px;top:-80px;left:-60px}.hero:after{background:radial-gradient(circle,#7c5cfc26,#0000 70%);width:320px;height:320px;bottom:-60px;right:-40px}.hero-eyebrow{color:var(--blue);letter-spacing:1.5px;text-transform:uppercase;background:#4f7cff1a;border:1.5px solid #4f7cff40;border-radius:99px;align-items:center;gap:6px;margin-bottom:16px;padding:4px 14px;font-size:11px;font-weight:800;display:inline-flex}.hero-eyebrow span{background:var(--blue);border-radius:50%;width:6px;height:6px;display:block}.hero h1{background:linear-gradient(135deg,var(--blue)0%,var(--violet)50%,var(--pink)100%);letter-spacing:-1px;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-family:Sora,sans-serif;font-size:clamp(40px,6.5vw,78px);font-weight:800;line-height:1.05}.hero-tagline{color:var(--ink2);margin-bottom:28px;font-size:16px;font-weight:600}.hero-tagline b{color:var(--ink)}.hero-stats{flex-wrap:wrap;justify-content:center;gap:10px;display:inline-flex}.stat-pill{border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-sm),var(--shadow-card);border:2px solid #0000;align-items:center;gap:9px;padding:10px 20px;display:flex}.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}.stat-val{color:var(--ink);font-family:Sora,sans-serif;font-size:22px;line-height:1}.stat-label{color:var(--ink3);margin-top:2px;font-size:11px;font-weight:700}.announce-wrap{padding-bottom:24px}.announce-card{border-radius:var(--radius-xl);background:var(--white);box-shadow:var(--shadow-sm),0 4px 0 #ffd54280;border:2px solid #ffe37a;overflow:hidden}.announce-head{background:linear-gradient(90deg,#fffbea,#fff8d6);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.announce-head-left{align-items:center;gap:10px;display:flex}.announce-emoji{font-size:22px}.announce-head-title{color:#8a6400;font-family:Sora,sans-serif;font-size:16px}.announce-cnt{color:#7a5500;background:#ffd542;border-radius:99px;padding:2px 9px;font-family:Sora,sans-serif;font-size:13px}.announce-toggle{color:#8a6400;cursor:pointer;background:#0000000f;border:none;border-radius:99px;padding:5px 12px;font-size:12px;font-weight:800}.announce-body.collapsed{display:none}.ann-item{border-top:1.5px solid #fef5d0;gap:14px;padding:14px 20px;display:flex}.ann-left{flex-direction:column;align-items:center;gap:4px;padding-top:2px;display:flex}.ann-dot{border-radius:50%;width:10px;height:10px}.ann-date{color:var(--ink3);writing-mode:vertical-rl;font-size:10px;font-weight:700;transform:rotate(180deg)}.ann-tag{letter-spacing:1px;text-transform:uppercase;border-radius:6px;margin-bottom:5px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-block}.ann-title{color:var(--ink);margin-bottom:3px;font-size:14px;font-weight:800;line-height:1.4}.ann-text{color:var(--ink2);font-size:13px;font-weight:600;line-height:1.7}.t-notice{color:#3a67f5;background:#e8f0ff}.t-update{color:#18a857;background:#e6fff4}.t-warning{color:#d96900;background:#fff3e0}.t-event{color:#7c3fe0;background:#f3eeff}.d-notice{background:#4f7cff}.d-update{background:#22d87a}.d-warning{background:#ff9f1c}.d-event{background:#9b59f5}.quicklinks{flex-wrap:wrap;justify-content:center;gap:8px;padding-bottom:24px;display:flex}.qlink{border-radius:var(--radius-md);background:var(--white);box-shadow:var(--shadow-sm),0 3px 0 #00000014;color:var(--ink2);border:2px solid #0000;align-items:center;gap:7px;padding:8px 16px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;padding:0 0 20px;display:flex}.search-wrap{flex:1;min-width:180px;max-width:340px}.search-wrap input{border:2px solid var(--bg2);border-radius:var(--radius-md);background:var(--white);width:100%;box-shadow:var(--shadow-sm);color:var(--ink);outline:none;padding:10px 14px;font-family:Noto Sans SC,Sora,sans-serif;font-size:14px;font-weight:600}.filter-group,.view-btns{flex-wrap:wrap;gap:6px;display:flex}.flt,.vbtn{border-radius:var(--radius-md);background:var(--white);box-shadow:var(--shadow-sm),0 3px 0 #00000014;color:var(--ink2);cursor:pointer;border:2px solid #0000;padding:9px 16px;font-family:Noto Sans SC,Sora,sans-serif;font-size:13px;font-weight:800}.vbtn{min-width:38px;padding:9px 12px}.flt.active,.vbtn.active{background:var(--blue);border-color:var(--blue2);color:#fff}.section-wrap{padding-bottom:40px}.section-head{align-items:center;gap:12px;margin-bottom:18px;display:flex}.section-label{color:var(--ink);font-family:Sora,sans-serif;font-size:17px}.section-divider{background:var(--bg2);border-radius:99px;flex:1;height:2px}.section-badge{background:var(--blue);color:#fff;border-radius:99px;padding:3px 12px;font-family:Sora,sans-serif;font-size:13px;box-shadow:0 3px #3a67f559}.server-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;display:grid}.server-grid.list-view{grid-template-columns:1fr}.card{border-radius:var(--radius-xl);background:var(--white);box-shadow:var(--shadow-sm),0 4px 0 #00000017;border:2px solid #0000;flex-direction:column;display:flex;overflow:hidden}.card.hot{border-color:var(--yellow)}.card-thumb{background:#e8ecff;height:148px;position:relative;overflow:hidden}.card-thumb img{object-fit:cover;width:100%;height:100%}.card-thumb-overlay{background:linear-gradient(#0000000d 0%,#0a1032bf 100%);position:absolute;inset:0}.card-type-badge,.card-diff-badge,.card-hot-badge{color:#fff;border-radius:8px;padding:3px 10px;font-family:Sora,sans-serif;font-size:11px;position:absolute;top:10px}.card-type-badge{left:10px}.card-diff-badge,.card-hot-badge{right:10px}.type-kz{background:#4f7cffd9}.type-surf{background:#00c9b1d9}.type-bhop{background:#ff7f3ed9}.type-climb{background:#9b59f5d9}.type-unknown{background:#4a5280d9}.diff-easy{background:#22d87ae0}.diff-medium{background:#ff9f1ce0}.diff-hard{background:#ff643ce0}.diff-extreme{background:#ff3250e0}.diff-pro{background:#9b59f5e0}.diff-unknown{background:#4a5280e0}.card-hot-badge{color:#7a4500;background:linear-gradient(135deg,#ffd542,#ffb300)}.card-map-info{justify-content:space-between;align-items:flex-end;gap:8px;padding:8px 14px;display:flex;position:absolute;bottom:0;left:0;right:0}.card-map-name,.card-map-lv{color:#fff;text-shadow:0 2px 8px #0009;font-family:Sora,sans-serif}.card-map-name{font-size:16px}.card-map-lv{font-size:13px}.lv-easy{color:#6fffc0}.lv-medium{color:#ffd88a}.lv-hard{color:#ffa07a}.lv-extreme{color:#ff8fa0}.lv-pro{color:#d4aaff}.lv-unknown{color:#d6dcff}.card-body{flex-direction:column;flex:1;gap:10px;padding:14px 16px 10px;display:flex}.card-title{color:var(--ink);font-family:Sora,sans-serif;font-size:15px}.card-ip-row{border-radius:var(--radius-sm);background:var(--bg);align-items:center;gap:6px;padding:7px 10px;display:flex}.card-ip-text{color:var(--ink2);flex:1;font-size:12px;font-weight:700}.copy-btn,.btn-ip{border:1.5px solid var(--bg2);background:var(--white);color:var(--ink2);cursor:pointer;border-radius:6px}.copy-btn{padding:4px 8px}.player-row{align-items:center;gap:8px;display:flex}.player-count{font-family:Sora,sans-serif;font-size:15px}.pc-has{color:var(--blue)}.pc-full{color:#ff4d6d}.pc-empty{color:var(--ink3)}.bar-wrap{background:var(--bg2);border-radius:99px;flex:1;height:6px;overflow:hidden}.bar-fill{height:100%}.bar-normal{background:linear-gradient(90deg,var(--blue),var(--teal))}.bar-full{background:linear-gradient(90deg,var(--orange),#ff4d6d)}.bar-label,.players-head,.no-player{color:var(--ink3);font-size:11px;font-weight:800}.players-tags{flex-wrap:wrap;gap:5px;display:flex}.ptag{border:1.5px solid var(--bg2);background:var(--bg);color:var(--ink2);border-radius:8px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.ptag-dot{background:var(--green);border-radius:50%;width:6px;height:6px}.card-foot{gap:8px;padding:0 16px 16px;display:flex}.btn-join,.btn-ip{border-radius:var(--radius-md);justify-content:center;align-items:center;padding:11px 14px;font-family:Sora,sans-serif;font-size:13px;text-decoration:none;display:flex}.btn-join{background:linear-gradient(135deg,var(--blue),var(--violet));box-shadow:0 4px 0 #3a67f566,var(--shadow-sm);color:#fff;border:none;flex:1}.btn-ip{background:var(--bg)}footer{border-top:2px solid var(--bg2);background:var(--white);padding:28px 2rem}.footer-shell{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.footer-logo{color:var(--ink2);font-family:Sora,sans-serif;font-size:18px}.footer-links{flex-wrap:wrap;gap:4px;display:flex}.footer-copy{color:var(--ink3);font-size:12px;font-weight:600}.toast{z-index:9999;border-radius:var(--radius-md);background:var(--ink);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}.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:640px){.page-shell{width:calc(100vw - 32px)}header{padding:0}nav{display:none}.hero,.announce-wrap,.section-wrap{padding-left:0;padding-right:0}.server-grid{grid-template-columns:1fr}footer{padding:20px 1rem}.footer-shell{flex-direction:column;align-items:flex-start}}