:root{--ink:#172a46;--purple:#6b42c8;--mint:#34c99a;--paper:#f1f3f0;--card:#fff;--line:#cbd2d8;--text:#17202c;--muted:#5d6875;--warm:#f2b84b;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{max-width:1280px;margin:auto;padding:0 24px}.site-header{background:var(--ink);color:#fff;position:sticky;top:0;z-index:10}.nav{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:800;letter-spacing:.2px}.brand small{display:block;font-weight:400;color:#b8c8dc;font-size:11px}.nav-list{list-style:none;display:flex;align-items:center;gap:4px;margin:0;padding:0}.nav-list a{display:block;padding:8px 12px;border-radius:7px}.nav-list a.on,.nav-list a:hover{background:#294166;color:#a3f1d8}.nav-toggle{display:none;background:transparent;border:0;color:white;font-size:24px}.hero{background:linear-gradient(115deg,#172a46,#35256c);color:#fff;padding:46px 0}.hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:30px;align-items:end}.eyebrow,.chip{color:#183d35;background:#b8f2df;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.hero h1,.page-intro h1{font-size:42px;line-height:1.22;margin:12px 0}.lead{font-size:17px;max-width:760px;color:#e3e7f5}.hero-note{border:1px solid #6a75a1;background:#202f55;border-radius:12px;padding:18px}.hero-note b{display:block;color:#9ff0d5;margin-bottom:8px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.button{display:inline-block;padding:10px 17px;border:1px solid var(--purple);border-radius:8px;background:var(--purple);color:#fff;font-weight:700}.button.alt{background:transparent;border-color:#c5d1e8}.section{padding:42px 0}.section h2{font-size:28px;line-height:1.3;margin:0 0 10px;color:var(--ink)}.section-intro{color:var(--muted);margin-top:0}.browser{display:grid;grid-template-columns:2fr 7fr 3fr;gap:18px;align-items:start;margin-top:22px}.panel,.server-row,.article,.faq-item,.callout,.entry-card{background:var(--card);border:1px solid var(--line);border-radius:12px}.panel{padding:16px}.filter-tag{border:1px solid var(--line);border-radius:999px;background:#fff;padding:7px 11px;margin:0 4px 8px 0;font:inherit;cursor:pointer}.filter-tag.active{border-color:var(--purple);background:#eee8ff;color:#4c2797;font-weight:700}.filter-tag:focus,.button:focus,a:focus{outline:3px solid var(--mint);outline-offset:2px}.server-list{display:grid;gap:10px}.server-row{padding:15px;scroll-margin-top:80px}.server-top,.server-bottom{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.server-top strong{font-size:18px;flex:1;min-width:180px}.time{font-variant-numeric:tabular-nums;color:var(--purple);font-weight:800}.tag{background:#e8eef4;border-radius:5px;padding:2px 8px;font-size:12px}.status{background:#e1f8ef;color:#146747}.status.wait{background:#fff3d7;color:#815500}.server-bottom{margin-top:7px;color:var(--muted);font-size:14px}.server-bottom a{color:var(--purple);font-weight:700;margin-left:auto}.aside-img{aspect-ratio:16/9;object-fit:cover;border-radius:8px;margin:12px 0}.aside-list{padding-left:20px}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.entry-card{padding:20px}.entry-card h3{margin:0 0 8px;color:var(--ink)}.article{padding:28px;max-width:800px;margin:auto}.article h2{margin-top:24px}.article h3{color:var(--purple)}.article p{color:#33404e}.callout{border-left:5px solid var(--mint);padding:16px;margin:18px 0;background:#f7fffb}.faq{max-width:850px;margin:auto}.faq-item{margin-bottom:10px;overflow:hidden}.faq-q{width:100%;border:0;background:#fff;text-align:left;padding:15px;font:inherit;font-weight:700;cursor:pointer;min-height:44px}.faq-a{max-height:0;overflow:hidden;padding:0 15px;color:var(--muted)}.faq-item.open .faq-a{padding-bottom:15px}.page-intro{padding:44px 0 24px;background:#e5e9ed}.page-intro h1{color:var(--ink)}.wide-list{display:grid;gap:12px}.wide-list .server-row{padding:18px}.footer{background:var(--ink);color:#e4eaf2;padding:34px 0;margin-top:38px}.footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:30px}.footer p{color:#c0cad9}.footer ul{list-style:none;padding:0;margin:0}.footer li{margin:6px 0}.footer a{color:#a9e9d4}@media(max-width:1024px){.browser{grid-template-columns:1fr 3fr}.browser aside{grid-column:1/-1}.aside-img{max-width:360px}.hero h1,.page-intro h1{font-size:36px}}@media(max-width:720px){.container{padding:0 16px}.nav-toggle{display:block}.nav-list{display:none;position:absolute;top:64px;left:0;right:0;background:var(--ink);padding:12px 16px;flex-direction:column;align-items:stretch}.nav-list.open{display:flex}.nav-list a{padding:10px}.hero{padding:32px 0}.hero-grid,.browser,.content-grid,.footer-grid{grid-template-columns:1fr}.hero h1,.page-intro h1{font-size:31px}.browser aside{grid-column:auto}.server-top strong{flex-basis:100%}.server-bottom a{margin-left:0}.section{padding:32px 0}.article{padding:20px}.page-intro{padding:30px 0 16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}