:root{--navy-950:#06162b;--navy-900:#0b2545;--navy-800:#12355e;--sea-600:#1e6fa8;--sea-400:#3ea0dc;--sea-100:#e4f2fb;--accent:#ff7a2f;--accent-600:#e85d12;--gold:#ffb020;--teal:#14b8a6;--ink:#102036;--ink-2:#3a4b61;--muted:#66768a;--bg:#f4efe7;--paper:#fff;--paper-2:#fbf8f3;--line:#e8dfd0;--ok:#1f9d62;--bad:#9aa4b1;--radius:14px;--radius-sm:9px;--shadow-sm:0 1px 2px #1020360f;--shadow:0 1px 2px #1020360d, 0 10px 28px -14px #10203647;--shadow-lg:0 18px 40px -18px #06162b73;--header-h:60px;--tabbar-h:62px;--font:-apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Microsoft YaHei", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 12px)}html.no-scroll{overflow:hidden}body{font:15px/1.75 var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}a{color:var(--sea-600);text-decoration:none}a:hover{color:var(--accent-600)}img{max-width:100%;height:auto}h1,h2,h3{color:var(--navy-900);letter-spacing:.01em;line-height:1.35}h1{margin:.6rem 0;font-size:1.5rem;font-weight:800}h2{margin:1.6rem 0 .7rem;font-size:1.2rem;font-weight:800}h3{margin:1rem 0 .4rem;font-size:1.04rem;font-weight:700}code{font-family:var(--mono)}button{font:inherit}:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:4px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--gold);color:var(--navy-950);border-radius:8px;padding:8px 14px;font-weight:700;position:absolute;top:-60px;left:8px}.skip-link:focus{top:8px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 14px}.site-main{min-height:70vh;padding-bottom:32px}.muted{color:var(--muted);font-size:.9em}.state{color:var(--muted);text-align:center;padding:32px 0}.card,.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin:12px 0;padding:14px}.panel>h2:first-child,.card>h2:first-child,.card>h3:first-child{margin-top:0}.btn{cursor:pointer;color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-600));border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:0 20px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 6px 16px -8px #e85d12cc}.btn:hover{color:#fff;filter:brightness(1.05)}.btn:disabled{opacity:.55;cursor:default;box-shadow:none}.btn.ghost{background:var(--paper);color:var(--navy-900);border:1px solid var(--line);box-shadow:none}.badge,.chip{vertical-align:middle;white-space:nowrap;background:var(--sea-100);color:var(--sea-600);border-radius:999px;align-items:center;gap:3px;margin-right:6px;padding:5px 8px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}a.chip:hover{color:var(--accent-600)}.chip-cat{background:linear-gradient(135deg, var(--c-from,var(--sea-400)), var(--c-to,var(--sea-600)));color:#fff}a.chip-cat:hover{color:#fff;filter:brightness(1.08)}.chip-hot{color:var(--accent-600);background:#fff1e6}.chip-light{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e}a.chip-light:hover{color:#fff;background:#ffffff4d}.chip-btn{border:1px solid var(--line);background:var(--paper);color:var(--ink-2);cursor:pointer;padding:7px 11px}.chip-btn:hover{border-color:var(--accent);color:var(--accent-600)}.icon{vertical-align:-.15em;flex:none}.sec-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.sec-head h2,.sec-title{align-items:center;gap:8px;margin:0;display:flex}.sec-head h2 .icon,.sec-title .icon{color:var(--accent)}.sec-title{margin:1.6rem 0 .8rem}.sec-more{white-space:nowrap;align-items:center;gap:2px;font-size:13px;font-weight:600;display:inline-flex}.count-pill{background:var(--ok);color:#fff;border-radius:999px;margin-left:4px;padding:2px 10px;font-size:13px}.count-pill.grey{background:var(--bad)}.site-header{z-index:30;height:var(--header-h);color:#fff;-webkit-backdrop-filter:saturate(1.4)blur(10px);background:#081a33eb;border-bottom:1px solid #ffffff14;position:sticky;top:0}.header-row{align-items:center;gap:8px;height:100%;display:flex;position:relative}.logo{color:#fff;align-items:center;gap:9px;margin-right:auto;text-decoration:none;display:inline-flex}.logo:hover{color:#fff}.logo-text{flex-direction:column;line-height:1.05;display:flex}.logo-text strong{letter-spacing:.06em;font-size:17px;font-weight:900}.logo-text small{letter-spacing:.32em;color:var(--gold);font-size:10px;font-weight:700}.desk-nav{display:none}.icon-btn{color:#fff;cursor:pointer;background:#ffffff14;border:0;border-radius:12px;place-items:center;width:40px;height:40px;padding:0;display:inline-grid}.icon-btn:hover{background:#ffffff29}.icon-btn.dark{background:var(--paper-2);color:var(--navy-900)}.search-box{align-items:center;display:flex;position:relative}.search-box .search-ico{color:var(--muted);pointer-events:none;display:flex;position:absolute;left:12px}.search-box input{min-width:0;height:40px;color:var(--ink);background:#fff;border:1px solid #0000;border-radius:999px 0 0 999px;outline:none;flex:1;padding:0 12px 0 36px;font-size:14px}.search-box input:focus{border-color:var(--gold)}.search-box button{cursor:pointer;height:40px;color:var(--navy-950);background:linear-gradient(135deg, var(--gold), var(--accent));border:0;border-radius:0 999px 999px 0;padding:0 16px;font-size:14px;font-weight:700}.suggest{z-index:40;color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow-lg);background:#fff;border-radius:12px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0}.suggest li{cursor:pointer;border-radius:8px;padding:8px 10px;font-size:14px}.suggest li.active,.suggest li:hover{background:var(--sea-100)}.header-search{display:none}.header-search.open{left:0;right:0;top:calc(var(--header-h) - 1px);background:var(--navy-900);box-shadow:var(--shadow-lg);padding:10px 14px 12px;display:flex;position:absolute}.drawer-mask{z-index:60;background:#040e1c8c;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{width:min(380px,92vw);height:100%;padding:14px 14px calc(20px + env(safe-area-inset-bottom));background:var(--bg);box-shadow:var(--shadow-lg);overflow-y:auto}.drawer-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.drawer-title{color:var(--navy-900);align-items:center;gap:8px;font-size:17px;font-weight:900;display:inline-flex}.drawer-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.drawer-tile{border-radius:var(--radius);color:#fff;background:linear-gradient(140deg, var(--c-from), var(--c-to));min-height:104px;box-shadow:var(--shadow);flex-direction:column;gap:2px;padding:12px;text-decoration:none;display:flex;position:relative;overflow:hidden}.drawer-tile:hover{color:#fff;transform:translateY(-1px)}.drawer-tile-icon{background:#fff3;border-radius:12px;place-items:center;width:40px;height:40px;margin-bottom:4px;display:inline-grid}.drawer-tile-name{font-size:15px;font-weight:800}.drawer-tile small{opacity:.85;font-size:11px;line-height:1.4}.drawer-enter-active,.drawer-leave-active{transition:opacity .2s}.drawer-enter-active .drawer,.drawer-leave-active .drawer{transition:transform .25s cubic-bezier(.2,.8,.2,1)}.drawer-enter-from,.drawer-leave-to{opacity:0}.drawer-enter-from .drawer,.drawer-leave-to .drawer{transform:translate(100%)}.tabbar{z-index:40;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);background:#fffffff5;align-items:flex-end;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 20px -14px #06162b66}.tab{height:var(--tabbar-h);cursor:pointer;color:var(--muted);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:0;font-size:11px;font-weight:600;text-decoration:none;display:flex}.tab.router-link-exact-active,.tab.on{color:var(--accent-600)}.tab-main{position:relative}.tab-main-bubble{color:#fff;background:linear-gradient(135deg, #ff4f8b, var(--accent));border:4px solid #fff;border-radius:50%;place-items:center;width:50px;height:50px;margin-top:-26px;display:grid;box-shadow:0 8px 18px -8px #e85d12e6}.site-footer{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 10px)!important}.home-hero{color:#fff;background:var(--navy-950);min-height:470px;position:relative;overflow:hidden}.home-hero-art{position:absolute;inset:0}.home-hero:after{content:"";pointer-events:none;background:linear-gradient(#06162b8c 0%,#06162b1a 42%,#06162b00 60%);position:absolute;inset:0}.home-hero-inner{z-index:1;padding-top:26px;padding-bottom:150px;position:relative}.eyebrow{letter-spacing:.08em;color:var(--gold);background:#ffb0201f;border:1px solid #ffb02059;border-radius:999px;align-items:center;gap:6px;margin:0 0 8px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.home-title{color:#fff;letter-spacing:.04em;text-shadow:0 3px 18px #00000059;margin:0;font-size:2.1rem;font-weight:900;line-height:1.15}.home-title span{letter-spacing:.12em;background:linear-gradient(90deg, var(--gold), #ff8a5c);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:.62em;display:block}.home-hero-intro{color:#dbe7f3;text-shadow:0 1px 8px #0006;max-width:30em;margin:10px 0 14px;font-size:14px}.hero-search{border-radius:999px;max-width:520px;box-shadow:0 12px 30px -12px #0009}.hero-search input{height:46px;font-size:15px}.hero-search button{height:46px;padding:0 20px}.hero-stats{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.hero-stats li{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06162b73;border:1px solid #ffffff24;border-radius:12px;align-items:baseline;gap:4px;padding:6px 12px;display:flex}.hero-stats strong{color:#fff;font-size:18px;font-weight:900}.hero-stats span{color:#c9d8e8;font-size:12px}.home-body{z-index:2;margin-top:-44px;position:relative}.cat-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 14px;display:grid}.cat-tile{border-radius:var(--radius);color:#fff;background:linear-gradient(145deg, var(--c-from), var(--c-to));min-height:104px;box-shadow:var(--shadow);flex-direction:column;align-items:flex-start;gap:2px;padding:12px 10px 10px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.cat-tile:after{content:"";background:#ffffff24;border-radius:50%;width:70px;height:70px;position:absolute;bottom:-18px;right:-18px}.cat-tile:hover{color:#fff;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.cat-tile-icon{background:#fff3;border-radius:12px;place-items:center;width:40px;height:40px;margin-bottom:4px;display:grid}.cat-tile-name{font-size:15px;font-weight:800}.cat-tile-sub{opacity:.88;font-size:11px;line-height:1.35}.code-strip{background:linear-gradient(135deg,#fff,#fff6f0);border-color:#ffd8c2}.ticket-row{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;margin:0 -14px;padding:2px 14px 6px;list-style:none;display:flex;overflow-x:auto}.ticket-row::-webkit-scrollbar{display:none}.ticket{scroll-snap-align:start;color:#fff;background:linear-gradient(135deg, var(--c-from), var(--c-to));border-radius:12px;flex:none;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;min-width:200px;padding:10px 12px 10px 16px;display:grid;position:relative}.ticket:before,.ticket:after{content:"";background:#fff8f3;border-radius:50%;width:14px;height:14px;position:absolute;left:-7px}.ticket:before{top:calc(50% - 7px)}.ticket:after{display:none}.ticket-code{letter-spacing:.04em;-webkit-user-select:all;user-select:all;font-size:17px;font-weight:800}.ticket-exp{opacity:.85;grid-column:1;font-size:11px}.ticket-copy{cursor:pointer;color:var(--accent-600);background:#fff;border:0;border-radius:999px;grid-area:1/2/span 2;align-items:center;gap:4px;padding:7px 11px;font-size:12px;font-weight:700;display:inline-flex}.hero-strip{scrollbar-width:none;gap:12px;margin:0 -14px;padding:4px 14px 8px;list-style:none;display:flex;overflow-x:auto}.hero-strip::-webkit-scrollbar{display:none}.hero-mini{width:82px;color:var(--ink);text-align:center;flex-direction:column;align-items:center;gap:4px;text-decoration:none;display:flex}.hero-mini:hover{color:var(--accent-600)}.hero-mini-name{font-size:13px;font-weight:700;line-height:1.3}.hero-mini-sub{color:var(--muted);align-items:center;gap:4px;font-size:11px;display:inline-flex}.home-cols{gap:4px;display:grid}.home-latest .sec-head{margin-top:18px}.about p{color:var(--ink-2);margin:0;font-size:13px}.rank-list{counter-reset:none;margin:0;padding:0;list-style:none}.rank-item{border-bottom:1px dashed var(--line);color:var(--ink);align-items:center;gap:10px;padding:9px 2px;text-decoration:none;display:flex}.rank-list li:last-child .rank-item{border-bottom:0}.rank-no{width:26px;height:26px;color:var(--muted);background:var(--paper-2);border:1px solid var(--line);border-radius:8px;flex:none;place-items:center;font-size:13px;font-weight:900;display:grid}.rank-no.no-1{color:#fff;background:linear-gradient(135deg,#ff3d5a,#ff9a3c);border:0}.rank-no.no-2{color:#fff;background:linear-gradient(135deg,#ff8a00,#ffd23f);border:0}.rank-no.no-3{color:#fff;background:linear-gradient(135deg,#e9a800,#f7d774);border:0}.rank-text{flex-direction:column;flex:1;min-width:0;display:flex}.rank-title{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.45;display:-webkit-box;overflow:hidden}.rank-meta{color:var(--muted);font-size:12px}.rank-go{color:var(--muted)}.rank-item:hover .rank-title,.rank-item:hover .rank-go{color:var(--accent-600)}.article-grid{grid-template-columns:1fr;gap:12px;margin:0;padding:0;list-style:none;display:grid}.article-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);grid-template-columns:112px 1fr;transition:transform .18s,box-shadow .18s;display:grid;overflow:hidden}.article-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.article-cover-link{display:block;overflow:hidden}.article-cover-link .cover{aspect-ratio:auto;width:100%;height:100%;min-height:112px}.article-body{flex-direction:column;min-width:0;padding:10px 12px;display:flex}.article-chips{flex-wrap:wrap;gap:4px;margin:0 0 4px;display:flex}.article-chips .chip{margin:0;padding:4px 7px;font-size:11px}.article-title{margin:0;font-size:15px;line-height:1.45}.article-title a{color:var(--navy-900);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.article-title a:hover{color:var(--accent-600)}.article-desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:13px;line-height:1.6;display:none;overflow:hidden}.article-meta{color:var(--muted);align-items:center;gap:4px;margin:auto 0 0;padding-top:4px;font-size:12px;display:flex}.cover{aspect-ratio:16/9;background:linear-gradient(140deg, var(--c-from,var(--sea-400)), var(--c-to,var(--navy-800)));color:#fff;place-items:center;display:grid;position:relative;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cover.has-img:after{content:"";background:linear-gradient(#0000 55%,#06162b59);position:absolute;inset:0}.cover-art{width:100%;height:100%;position:absolute;inset:0}.cover-badge{background:#fff3;border:1px solid #ffffff59;border-radius:14px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:12px;left:12px;box-shadow:inset 0 1px #ffffff4d}.page-hero{color:#fff;background:radial-gradient(120% 140% at 100% 0%, #ffffff2e, transparent 55%), linear-gradient(140deg, var(--c-from,var(--sea-600)), var(--c-to,var(--navy-900)));padding:12px 0 34px;position:relative}.page-hero:before{content:"";pointer-events:none;opacity:.14;background-image:radial-gradient(circle at 1px 1px,#fff 1px,#0000 1.4px);background-size:18px 18px;position:absolute;inset:0}.page-hero-inner{position:relative}.page-hero-row{align-items:flex-start;gap:12px;margin-top:6px;display:flex}.page-hero-icon{background:#fff3;border:1px solid #ffffff4d;border-radius:16px;flex:none;place-items:center;width:52px;height:52px;display:grid;box-shadow:inset 0 1px #ffffff4d}.page-hero h1{color:#fff;text-shadow:0 2px 12px #0000002e;margin:2px 0 0;font-size:1.35rem;font-weight:900}.page-hero-sub{color:#ffffffe0;margin:4px 0 0;font-size:13px;line-height:1.6}.page-hero-note{background:#06162b40;border-radius:999px;align-items:center;gap:5px;margin:10px 0 0;padding:4px 10px;font-size:12px;display:inline-flex}.page-hero .hero-search{margin-top:12px}.page-hero-edge{width:100%;height:22px;fill:var(--bg);position:absolute;bottom:-1px;left:0;right:0}.breadcrumb{color:var(--muted);padding-top:4px;font-size:12px}.breadcrumb .sep{opacity:.7;margin:0 5px}.breadcrumb.on-dark,.breadcrumb.on-dark a{color:#fffc}.breadcrumb.on-dark a:hover{color:#fff}.breadcrumb [aria-current]{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:14em;display:inline-block;overflow:hidden}.cat-switch{scrollbar-width:none;gap:8px;margin:14px -14px 12px;padding:0 14px 4px;display:flex;overflow-x:auto}.cat-switch::-webkit-scrollbar{display:none}.cat-switch-item{color:var(--ink-2);background:var(--paper);border:1px solid var(--line);border-radius:999px;flex:none;align-items:center;gap:5px;padding:7px 13px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.cat-switch-item.on{color:#fff;background:linear-gradient(135deg, var(--c-from), var(--c-to));border-color:#0000}.empty{text-align:center;color:var(--muted);padding:26px 0 10px}.empty h1{margin-top:14px}.empty-actions{justify-content:center;gap:10px;display:flex}.not-found{padding-top:40px}.article-head-meta{flex-wrap:wrap;align-items:center;gap:6px;margin:12px 0 0;font-size:12px;display:flex}.article-head-meta .chip{margin:0}.head-date{color:#ffffffd9;align-items:center;gap:4px;display:inline-flex}.article-layout{gap:14px;margin-top:6px;display:grid}.article-main{min-width:0}.md{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow-wrap:anywhere;color:#1c2c42;padding:6px 16px 14px;font-size:15.5px}.md h2{color:var(--navy-900);background:linear-gradient(90deg,#fff1e6,#fff1e600);border-radius:10px;margin:1.6em 0 .7em;padding:8px 12px 8px 14px;font-size:1.12rem;position:relative}.md h2:before{content:"";background:linear-gradient(var(--gold), var(--accent));border-radius:4px;width:4px;position:absolute;top:8px;bottom:8px;left:0}.md h3{align-items:center;gap:8px;margin:1.3em 0 .5em;display:flex}.md h3:before{content:"";background:var(--teal);border-radius:2px;flex:none;width:8px;height:8px;transform:rotate(45deg)}.md p{margin:.7em 0}.md ul,.md ol{padding-left:1.3em}.md li{margin:.25em 0}.md li::marker{color:var(--accent);font-weight:700}.md strong{color:var(--navy-900);background:linear-gradient(#0000 62%,#ffb02059 0)}.md blockquote{color:#3d4b5e;background:var(--sea-100);border:1px solid #cfe6f6;border-left:5px solid var(--sea-400);border-radius:12px;margin:12px 0;padding:10px 14px}.md blockquote p{margin:.3em 0}.md img{box-shadow:var(--shadow);border-radius:12px;margin:12px auto;display:block}.md pre{background:var(--navy-950);color:#e3eef7;border-radius:10px;padding:12px;overflow-x:auto}.md code{background:#f3ede3;border-radius:5px;padding:1px 5px;font-size:.92em}.md pre code{background:0 0;padding:0}.md hr{background:var(--line);border:0;height:1px;margin:1.6em 0}.tags{color:var(--accent);flex-wrap:wrap;align-items:center;gap:6px;margin:14px 0;display:flex}.tags .tag{color:var(--ink-2);background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.prev-next{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;display:grid}.pn-card{border-radius:var(--radius);background:var(--paper);border:1px solid var(--line);color:var(--ink);flex-direction:column;gap:2px;padding:12px;font-size:14px;font-weight:600;line-height:1.45;text-decoration:none;display:flex}.pn-card small{color:var(--muted);align-items:center;gap:3px;font-size:12px;font-weight:600;display:inline-flex}.pn-card.next{text-align:right;align-items:flex-end}.pn-card span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}a.pn-card:hover{border-color:var(--accent);color:var(--accent-600)}.pn-card.is-empty{color:var(--muted);font-weight:400}.article-side .panel h2{align-items:center;gap:6px;margin-bottom:8px;font-size:1rem;display:flex}.article-side .panel h2 .icon{color:var(--accent)}.toc ol{margin:0;padding-left:1.2em;font-size:14px}.toc li{margin:4px 0}.toc li::marker{color:var(--accent);font-weight:700}.toc a{color:var(--ink-2)}.toc a:hover{color:var(--accent-600)}.toc-mobile{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);margin:0 0 12px;padding:10px 14px}.toc-mobile summary{color:var(--navy-900);cursor:pointer;align-items:center;gap:6px;font-weight:700;display:flex}.toc-mobile ol{margin-top:8px}.toc-desk{display:none}.related{margin:0;padding:0;list-style:none}.related li{border-bottom:1px dashed var(--line);padding:7px 0;font-size:14px;line-height:1.5}.related li:last-child{border-bottom:0}.related a{color:var(--ink)}.related a:hover{color:var(--accent-600)}.side-promo{border-radius:var(--radius);color:#fff;background:linear-gradient(135deg, var(--c-from), var(--c-to));box-shadow:var(--shadow);align-items:center;gap:12px;padding:14px;text-decoration:none;display:flex}.side-promo:hover{color:#fff;filter:brightness(1.05)}.side-promo span{flex-direction:column;display:flex}.side-promo small{opacity:.85;font-size:12px}.table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:12px;margin:10px 0;overflow-x:auto}.table-wrap table,.data-table{border-collapse:collapse;background:#fff;width:100%;font-size:13px}.table-wrap th,.table-wrap td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:8px 10px}.table-wrap tr:last-child td,.table-wrap tr:last-child th{border-bottom:0}.table-wrap thead th{background:var(--navy-900);color:#fff;font-weight:700}.table-wrap tbody tr:nth-child(2n){background:var(--paper-2)}.data-table tbody th{color:var(--navy-900);font-weight:700}.filter-bar{flex-direction:column;gap:8px;margin:14px 0 4px;display:flex}.filter{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.filter-bar .filter{margin:0}.filter button{cursor:pointer;border:1px solid var(--line);background:var(--paper);color:var(--ink-2);border-radius:999px;align-items:center;gap:4px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex}.filter button:hover{border-color:var(--accent);color:var(--accent-600)}.filter button.on{color:#fff;background:linear-gradient(135deg, var(--navy-800), var(--sea-600));border-color:#0000}.tier{letter-spacing:.02em;color:#fff;background:var(--sea-600);border-radius:6px;place-items:center;min-width:30px;height:20px;padding:0 6px;font-size:12px;font-style:italic;font-weight:900;display:inline-grid;box-shadow:inset 0 -2px #00000026}.tier-T0{background:linear-gradient(135deg,#ff3d5a,#ff7a2f)}.tier-T0-5{background:linear-gradient(135deg,#ff7a2f,#ffb020)}.tier-T1{color:#3b2a00;background:linear-gradient(135deg,#e9a800,#f5c542)}.tier-T2{background:linear-gradient(135deg,#3a8dde,#5fb2f0)}.tier-lg{border-radius:8px;min-width:46px;height:30px;font-size:16px}.avatar{background:linear-gradient(145deg, var(--r-from), var(--r-to));width:64px;height:64px;box-shadow:0 6px 14px -8px var(--r-from);border-radius:16px;flex:none;place-items:center;padding:3px;display:grid;position:relative}.avatar img,.avatar .glyph{border-radius:13px;width:100%;height:100%}.avatar img{object-fit:cover}.avatar .glyph{color:#fff;letter-spacing:.02em;background:radial-gradient(90% 70% at 30% 20%, #ffffff47, transparent 60%), linear-gradient(160deg, var(--navy-800), var(--navy-950));text-shadow:0 2px 6px #00000080;place-items:center;font-size:20px;font-weight:900;display:grid;overflow:hidden}.avatar.len-3 .glyph{font-size:16px}.avatar.small{border-radius:12px;width:44px;height:44px}.avatar.small .glyph{border-radius:10px;font-size:14px}.role-pip{color:#fff;background:var(--navy-900);border:2px solid var(--r-to);border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;bottom:-5px;right:-5px}.avatar.small .role-pip{width:17px;height:17px;bottom:-4px;right:-4px}.tier-section{margin-top:10px}.tier-head{align-items:center;gap:10px;display:flex}.tier-head small{color:var(--muted);font-size:13px;font-weight:600}.hero-grid{grid-template-columns:1fr;gap:12px;display:grid}.hero-card{border-radius:var(--radius);background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-sm);padding:14px;position:relative;overflow:hidden}.hero-card:before{content:"";background:linear-gradient(90deg, var(--r-from), var(--r-to));height:4px;position:absolute;top:0;left:0;right:0}.hero-card:target{box-shadow:0 0 0 3px var(--gold), var(--shadow)}.hero-card-top{align-items:center;gap:14px;display:flex}.hero-card-id h3{margin:0 0 4px;font-size:1.12rem}.hero-card-tags{flex-wrap:wrap;align-items:center;gap:5px;margin:0;display:flex}.hero-card-tags .chip{margin:0}.chip-rarity{color:#fff;background:linear-gradient(135deg, var(--r-from), var(--r-to));text-shadow:0 1px 2px #00000040}.hero-facts{gap:6px;margin:12px 0 0;display:grid}.hero-facts div{align-items:baseline;gap:8px;font-size:13px;line-height:1.55;display:flex}.hero-facts dt{color:var(--navy-900);background:var(--sea-100);border-radius:6px;flex:none;padding:1px 7px;font-size:11px;font-weight:800}.hero-facts div:nth-child(2) dt{color:var(--accent-600);background:#fff1e6}.hero-facts dd{color:var(--ink-2);margin:0}.hero-more{border-top:1px dashed var(--line);margin-top:10px;padding-top:8px}.hero-more summary{cursor:pointer;color:var(--sea-600);font-size:13px;font-weight:700;list-style:none}.hero-more summary::-webkit-details-marker{display:none}.hero-more summary:after{content:" ▾"}.hero-more[open] summary:after{content:" ▴"}.hero-more dl{margin:8px 0 0;font-size:13px}.hero-more dt{color:var(--navy-900);margin-top:8px;font-weight:800}.hero-more dd{color:var(--ink-2);margin:2px 0 0;line-height:1.65}.hero-note{white-space:pre-line}.code-grid{gap:12px;margin:0;padding:0;list-style:none;display:grid}.code-ticket{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);grid-template-columns:54px 1fr;gap:0;display:grid;position:relative;overflow:hidden}.code-ticket-stub{color:#fff;background:linear-gradient(160deg, #ff4f8b, var(--accent));border-right:2px dashed #ffffffb3;grid-row:1/span 2;place-items:center;display:grid}.code-ticket-main{min-width:0;padding:12px 14px 4px}.code-ticket-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.code-ticket-row code{letter-spacing:.04em;color:var(--navy-900);-webkit-user-select:all;user-select:all;word-break:break-all;font-size:1.25rem;font-weight:900}.status{color:#fff;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}.status.valid{background:var(--ok)}.status.expired{background:var(--bad)}.days-left{color:var(--accent-600);background:#fff1e6;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}.days-left.soon{color:#fff;background:#e5484d}.code-reward{color:var(--ink-2);margin:6px 0 0;font-size:13px;line-height:1.6}.code-dates{color:var(--muted);margin:4px 0 0;font-size:12px}.codes-note{margin:-4px 0 10px;font-size:13px;line-height:1.6}.src-tag{color:var(--sea-600);background:var(--sea-100);border-radius:999px;padding:1px 6px;font-size:11px;font-weight:700;display:inline-block}.status.soon-badge{background:#e5484d}.code-actions{flex-wrap:wrap;grid-column:2;align-items:center;gap:8px;margin:6px 14px 12px;display:flex}.code-copy{cursor:pointer;color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-600));border:0;border-radius:999px;align-items:center;gap:6px;height:38px;padding:8px 18px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 6px 14px -8px #e85d12e6}.code-claim{cursor:pointer;height:38px;color:var(--ink-2);background:var(--paper);border:1px solid var(--line);border-radius:999px;align-items:center;gap:5px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.code-claim:hover{border-color:var(--ok);color:var(--ok)}.code-claim[aria-pressed=true]{color:var(--ok);border-color:var(--ok);background:#eefaf3}.code-report{cursor:pointer;height:38px;color:var(--muted);border:1px dashed var(--line);background:0 0;border-radius:999px;align-items:center;gap:5px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.code-report:hover:not(:disabled){color:var(--bad);border-color:var(--bad)}.code-report:disabled{cursor:default;opacity:.7}.report-error{color:var(--bad);margin:8px 0 0;font-size:13px}.code-ticket.claimed{opacity:.62;box-shadow:none}.code-ticket.claimed .code-ticket-stub{background:linear-gradient(160deg, #b9c2cc, var(--bad))}.code-ticket.claimed .code-copy{box-shadow:none}.status.claimed-status{background:var(--bad)}.new-badge{color:#fff;background:#e5484d;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:900;display:inline-block}.code-stats{color:var(--ink-2);margin:-2px 0 10px;font-size:14px}.code-stats strong{color:var(--navy-900);font-size:1.05rem}.code-toolbar{flex-wrap:wrap;gap:8px;margin:0 0 10px;display:flex}.code-chip{border:1px solid var(--line);background:var(--paper);height:34px;color:var(--ink-2);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:0 13px;font-size:13px;font-weight:700;display:inline-flex}.code-chip:hover{border-color:var(--sea-600);color:var(--sea-600)}.code-chip[aria-pressed=true]{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-600));border-color:#0000}.code-chip:focus-visible,.code-banner-btn:focus-visible{outline:3px solid var(--gold);outline-offset:1px}.chip-count{opacity:.85;font-size:11px}.code-banner{margin:0 0 10px}.code-banner-btn{color:#7a4a05;width:100%;font:inherit;text-align:left;cursor:pointer;background:#fff8e6;border:1px solid #f3d9a4;border-radius:12px;align-items:center;gap:8px;padding:9px 12px;font-size:13px;font-weight:700;display:flex}.code-banner-btn:hover{border-color:var(--gold)}.code-banner-more{color:var(--accent-600);white-space:nowrap;margin-left:auto;font-weight:800}.code-group+.code-group{margin-top:22px}.pending-title{color:var(--accent-600)}.pending-pill{background:#b45309}.group-note{margin:-4px 0 10px;font-size:13px}.used-group summary{cursor:pointer;list-style:none}.used-group summary::-webkit-details-marker{display:none}.used-group summary .sec-title:after{content:" 展开 ▾";color:var(--sea-600);font-size:13px;font-weight:600}.used-group[open] summary .sec-title:after{content:" 收起 ▴"}.used-group .code-grid{margin-top:10px}.status.pending{background:#b45309}.rel-time{color:var(--muted);font-size:11px}.feedback-hint{color:var(--accent-600);margin:5px 0 0;font-size:12px}.feedback-hint.strong{color:var(--bad);font-weight:700}.expired-link{color:var(--muted);margin:12px 0 0;font-size:13px}.link-btn{cursor:pointer;font:inherit;color:var(--sea-600);background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.claim-bar{color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;margin:-4px 0 10px;font-size:14px;display:flex}.claim-toggle{cursor:pointer;align-items:center;gap:5px;font-size:13px;display:inline-flex}.claim-hint{margin:-4px 0 10px;font-size:13px}.calc{margin-top:14px}.calc-grid{gap:12px;margin-top:10px;display:grid}.calc-grid.two{grid-template-columns:1fr 1fr}.calc-box{border:1px solid var(--line);background:var(--paper-2);border-radius:12px;align-content:start;gap:10px;min-width:0;margin:0;padding:10px 12px 12px;display:grid}.calc-box legend{color:var(--navy-900);padding:0 6px;font-weight:800}.calc-field{gap:4px;font-size:14px;display:grid}.calc-field>span{color:var(--ink-2);font-weight:700}.calc-field.indent{margin-left:24px}.calc-field input[type=number]{border:1px solid var(--line);height:40px;color:var(--ink);background:#fff;border-radius:10px;max-width:220px;padding:0 12px;font-size:16px}.calc-field input:focus-visible,.calc-check input:focus-visible{outline:3px solid var(--gold);outline-offset:1px}.calc-check{cursor:pointer;align-items:flex-start;gap:8px;font-size:14px;line-height:1.5;display:flex}.calc-check input{flex:none;width:18px;height:18px;margin-top:2px}.calc-check small{color:var(--muted)}.calc-result{color:#fff;background:linear-gradient(135deg,#0ea5a4,#155e75);border-radius:12px;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:14px 0 10px;padding:14px 16px;display:flex}.calc-result .muted{color:#ffffffd9}.calc-notice{color:#4a2a00;background:#ffe8b8;border-radius:8px;flex-basis:100%;margin:0;padding:4px 8px;font-size:13px;font-weight:700}.calc-big{font-size:1.5rem;font-weight:900}.calc-yield{flex-wrap:wrap;gap:8px 18px;width:100%;margin:4px 0 0;padding:0;list-style:none;display:flex}.calc-yield li{flex-direction:column;font-size:13px;display:flex}.calc-yield b{font-size:1.3rem}.calc-events{margin:0 0 10px;padding-left:18px;font-size:14px}.calc-foot{font-size:13px}.data-table td.wrap{white-space:normal;min-width:180px}.src-note{flex-wrap:wrap;gap:4px 10px;font-size:12px;display:inline-flex}.src-item{align-items:baseline;gap:4px;display:inline-flex}.src-trust{background:var(--sea-100);color:var(--sea-600);border-radius:999px;padding:1px 6px;font-size:11px;font-weight:700}.src-trust.t-official{color:var(--ok);background:#e8f7ef}.src-trust.t-player{color:var(--accent-600);background:#fff4e5}.src-trust.t-thirdparty{color:var(--muted);background:#eef0f3}.my-heroes{margin-top:14px}.my-heroes summary{cursor:pointer;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;list-style:none;display:flex}.my-heroes summary::-webkit-details-marker{display:none}.my-heroes summary .sec-title{margin:0}.my-heroes summary .sec-title:after{content:"展开 ▾";color:var(--sea-600);margin-left:6px;font-size:13px;font-weight:600}.my-heroes[open] summary .sec-title:after{content:"收起 ▴"}.my-heroes-tip{margin:10px 0 8px;font-size:13px}.hero-picks{flex-wrap:wrap;gap:6px;display:flex}.hero-pick{cursor:pointer;color:var(--ink-2);background:var(--paper);border:1px solid var(--line);border-radius:999px;align-items:baseline;gap:4px;padding:6px 11px;font-size:13px;font-weight:700;display:inline-flex}.hero-pick small{color:var(--muted);font-size:10px;font-weight:600}.hero-pick:hover{border-color:var(--accent)}.hero-pick.on{color:#fff;background:linear-gradient(135deg,#7c5cff,#352593);border-color:#0000}.hero-pick.on small{color:#fffc}.my-heroes-actions{align-items:center;gap:12px;margin:12px 0 0;display:flex}.lineup-section{margin-top:6px}.lineup-grid{grid-template-columns:1fr;gap:12px;display:grid}.lineup-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:14px 14px 10px}.lineup-card:target{box-shadow:0 0 0 3px var(--gold), var(--shadow)}.lineup-head h3{margin:0 0 6px;font-size:1.05rem}.lineup-tags{flex-wrap:wrap;gap:5px;margin:0 0 10px;display:flex}.lineup-tags .chip{margin:0}.chip.coverage{color:var(--accent-600);background:#fff4e5}.chip.coverage.full{background:var(--ok);color:#fff}.lineup-members{gap:6px;margin:0;padding:0;list-style:none;display:grid}.lineup-members li{background:var(--paper-2);border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:6px 8px;display:flex}.lineup-members li.own{background:#effaf4;border-color:#bfe8d0}.lineup-members li.missing{opacity:.55}.member-text{flex-wrap:wrap;align-items:baseline;gap:2px 8px;min-width:0;font-size:13px;display:flex}.member-text strong{font-size:14px}.member-text strong a{color:var(--navy-900)}.member-role{color:#5b45d6;font-weight:700}.member-pos,.member-alt{color:var(--muted);font-size:12px}.member-use{color:var(--ok);font-size:12px;font-weight:700}.lineup-note{color:var(--ink-2);margin:10px 0 0;font-size:13px;line-height:1.7}.lineup-source{color:var(--muted);margin:8px 0 0;font-size:12px}.howto h2{margin-bottom:10px}.steps{counter-reset:step;gap:8px;margin:0 0 10px;padding:0;list-style:none;display:grid}.steps li{background:var(--paper-2);border:1px solid var(--line);counter-increment:step;border-radius:12px;padding:8px 12px 8px 44px;font-size:14px;position:relative}.steps li:before{content:counter(step);color:#fff;background:linear-gradient(135deg, var(--gold), var(--accent));border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;font-weight:900;display:grid;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.expired-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.expired-list li{background:var(--paper);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:8px 12px;display:flex}.expired-list code{color:var(--bad);font-weight:800;text-decoration:line-through}.expired-list .muted{font-size:12px}.expired-note{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:100%;min-width:0;display:-webkit-box;overflow:hidden}.month-nav{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);margin:18px 0 6px;padding:12px 14px}.month-nav-title{color:var(--muted);margin-bottom:8px;font-size:13px;font-weight:800;display:block}.month-nav-chips{flex-wrap:wrap;gap:6px;display:flex}.month-chip{color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);border-radius:999px;align-items:baseline;gap:5px;padding:6px 11px;font-size:13px;font-weight:700;display:inline-flex}.month-chip small{color:var(--muted);font-size:11px;font-weight:600}.month-chip:hover{border-color:var(--accent)}.month-chip.on{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-600));border-color:#0000}.month-chip.on small{color:#ffffffd1}.code-source{color:var(--muted);overflow-wrap:anywhere;margin:4px 0 0;font-size:12px}.month-back{margin:18px 0 0}.priority-grid{grid-template-columns:1fr;gap:8px;margin:0;padding:0;list-style:none;display:grid}.priority-item{color:var(--ink);background:var(--paper-2);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;display:flex}.priority-item:hover{border-color:var(--accent);color:var(--ink)}.priority-no{color:#fff;background:var(--bad);border-radius:10px;flex:none;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.priority-no.p-1{background:linear-gradient(135deg,#ff3d5a,#ff7a2f)}.priority-no.p-2{background:linear-gradient(135deg,#ff8a00,#ffc23f)}.priority-no.p-3{background:linear-gradient(135deg,#2bb3a3,#138a7e)}.priority-no.p-4{background:linear-gradient(135deg,#3a8dde,#2363b0)}.priority-text{flex-direction:column;min-width:0;line-height:1.4;display:flex}.priority-text small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.building-grid{gap:12px;display:grid}.building-card{border-radius:var(--radius);background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-sm);min-width:0;padding:14px}.building-card-head{align-items:flex-start;gap:10px;display:flex}.building-card-head>div{flex:1;min-width:0}.building-card-head h3{margin:0}.building-card-head .muted{margin:2px 0 0;font-size:13px}.building-badge{color:#fff;background:linear-gradient(135deg,#d79a4e,#7a4b22);border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.no-levels{margin:8px 0 0}mark{color:inherit;background:#ffe3a3;border-radius:3px;padding:0 2px}.result-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.result-card{border-radius:var(--radius);background:var(--paper);border:1px solid var(--line);padding:12px 14px}.result-title{color:var(--navy-900);align-items:center;gap:4px;font-weight:800;display:flex}.result-snippet{color:var(--ink-2);margin:6px 0 0;font-size:13px}.ask-form{flex-direction:column;gap:10px;display:flex}.ask-form textarea{width:100%;font:inherit;border:1px solid var(--line);background:var(--paper-2);resize:vertical;border-radius:12px;padding:12px}.ask-form textarea:focus{border-color:var(--sea-400);background:#fff;outline:none}.ask-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.ask-examples{flex-wrap:wrap;gap:6px;display:flex}.ask-examples .chip{margin:0}.chat{flex-direction:column;gap:16px;margin-top:16px;display:flex}.chat-pair{flex-direction:column;gap:8px;display:flex}.bubble{border-radius:16px;max-width:92%;margin:0;padding:10px 14px;font-size:14px;line-height:1.7}.bubble.me{color:#fff;background:linear-gradient(135deg, var(--sea-600), var(--navy-800));border-bottom-right-radius:4px;align-self:flex-end}.bubble.bot{background:var(--paper);border:1px solid var(--line);border-bottom-left-radius:4px;align-self:flex-start;gap:10px;display:flex}.bubble.bot.none .a{color:var(--muted)}.bot-ava{color:#fff;background:linear-gradient(135deg,#16b9de,#2c4fcf);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.bubble .a{white-space:pre-wrap;margin:0}.sources{color:var(--muted);margin:8px 0 0;font-size:12px}.sources a{margin-right:10px}.site-footer{color:#b6c8dc;background:var(--navy-950);margin-top:30px;padding:26px 0 18px;font-size:13px;position:relative}.footer-edge{width:100%;height:24px;fill:var(--navy-950);position:absolute;top:-22px;left:0;right:0}.footer-grid{gap:16px;display:grid}.footer-brand p{max-width:36em;margin:10px 0 0;line-height:1.7}.footer-links{flex-wrap:wrap;gap:6px 16px;display:flex}.footer-links a{color:#e3eef7}.footer-links a:hover{color:var(--gold)}.footer-copy{color:#7f93ab;border-top:1px solid #ffffff14;margin:16px auto 0;padding-top:12px;font-size:12px}.footer-copy .footer-icp{color:#e3eef7;text-underline-offset:2px;text-decoration:underline}.footer-copy .footer-icp:hover{color:var(--gold)}@media (width>=640px){.container{padding:0 20px}.ticket-row,.hero-strip,.cat-switch{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}.home-title{font-size:2.8rem}.home-hero{min-height:520px}.home-hero-inner{padding-top:48px}.cat-grid{grid-template-columns:repeat(3,1fr)}.article-grid{grid-template-columns:repeat(2,1fr)}.article-card{grid-template-columns:1fr}.article-cover-link .cover{aspect-ratio:2.35;height:auto;min-height:0}.article-desc{display:-webkit-box}.hero-grid,.code-grid,.priority-grid,.lineup-grid{grid-template-columns:repeat(2,1fr)}.calc-grid:not(.two){grid-template-columns:1fr 1fr}.filter-bar{flex-flow:wrap;justify-content:space-between}.page-hero{padding:18px 0 44px}.page-hero h1{font-size:1.7rem}.page-hero-icon{width:60px;height:60px}.md{padding:10px 26px 20px}.footer-grid{grid-template-columns:1.2fr 1fr;align-items:start}}@media (width>=900px){body{font-size:16px}.tabbar{display:none}.site-footer{padding-bottom:18px!important}.only-mobile{display:none}.header-search,.header-search.open{box-shadow:none;background:0 0;width:260px;margin-left:8px;padding:0;display:flex;position:relative;top:auto;left:auto;right:auto}.header-search input{color:#fff;background:#ffffff1f;border-color:#ffffff24;height:36px}.header-search input::placeholder{color:#b6c8dc}.header-search input:focus{color:var(--ink);background:#fff}.header-search button{height:36px;padding:0 14px}.home-hero{min-height:560px}.home-hero-inner{padding-top:70px;padding-bottom:190px}.home-title{font-size:3.4rem}.home-hero-intro{font-size:16px}.cat-grid{grid-template-columns:repeat(9,1fr);gap:10px}.cat-tile{text-align:center;align-items:center;min-height:124px;padding:14px 6px 12px}.cat-tile-icon{width:46px;height:46px}.cat-tile-sub{font-size:11px}.home-cols{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px}.home-side{top:calc(var(--header-h) + 12px);position:sticky}.article-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:22px}.article-side{top:calc(var(--header-h) + 12px);position:sticky}.toc-mobile{display:none}.toc-desk{max-height:50vh;display:block;overflow-y:auto}.hero-grid{grid-template-columns:repeat(3,1fr)}.code-grid{grid-template-columns:repeat(2,1fr)}.priority-grid{grid-template-columns:repeat(3,1fr)}.building-grid{grid-template-columns:repeat(2,1fr)}.avatar{width:72px;height:72px}}@media (width>=1100px){.desk-nav{gap:2px;margin:0 auto 0 18px;display:flex}.logo{margin-right:0}.desk-nav-item{color:#c9d8e8;white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:14px;font-weight:600}.desk-nav-item:hover{color:#fff;background:#ffffff14}.desk-nav-item.router-link-active{color:var(--navy-950);background:linear-gradient(135deg, var(--gold), #ffd36b)}.header-search{width:200px}.article-grid{grid-template-columns:repeat(3,1fr)}.home-latest .article-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}