:root{--bg:#08080b;--deep:#050508;--surface:#111116;--surface2:#19191f;--card:#17171e;--text:#f5f5f7;--muted:#b9bbc5;--red:#e32b39;--bright:#ff4252;--line:rgba(255,66,82,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 system-ui,-apple-system,'Microsoft YaHei',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a,button{touch-action:manipulation}a:hover{color:#fff}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--bright);outline-offset:3px}.wrap{width:min(1120px,calc(100% - 32px));margin:auto}.site-header{background:var(--deep);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.topbar{min-height:64px;display:flex;align-items:center;gap:22px}.brand,.foot-brand{display:flex;align-items:center;gap:9px;white-space:nowrap}.brand strong,.foot-brand strong{font-size:19px;color:#fff}.brand small,.foot-brand small{font-size:9px;letter-spacing:1.3px;color:var(--muted)}.logo{max-height:26px;max-width:60px;object-fit:contain;object-position:center}.desktop-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.desktop-nav a{font-size:14px;padding:8px 11px;border-radius:6px;white-space:nowrap}.desktop-nav a:hover{background:#361018}.desktop-nav a[aria-current]{background:#951a28;color:white}.head-actions{display:flex;align-items:center;gap:6px}.head-actions button,.head-actions a,.all-trigger{border:1px solid var(--line);border-radius:8px;background:#19191f;color:white;padding:9px 12px;font-size:13px;white-space:nowrap;min-height:44px}.head-actions button:hover,.all-trigger:hover{border-color:var(--bright)}.menu-trigger{display:none}.category-bar{border-bottom:1px solid #29222a;background:#0c0c10}.category-inner{display:flex;align-items:center;gap:22px;min-height:47px}.category-inner a{font-size:13px;color:#e3e3e8;border-bottom:2px solid transparent;padding:10px 1px}.category-inner a.active{color:#fff;border-bottom-color:var(--bright);background:#241016}.all-trigger{min-height:34px;padding:4px 10px}.breadcrumb{font-size:13px;color:var(--muted);margin:26px 0 18px}.breadcrumb a:hover{color:var(--bright)}main{padding-bottom:38px}.eyebrow{color:#ff6974;font-size:12px;font-weight:750;letter-spacing:2px;text-transform:uppercase}.page-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:32px;align-items:center;background:linear-gradient(125deg,#17171e,#0e0c11 70%);border:1px solid var(--line);border-radius:14px;padding:35px;margin:18px 0 30px}.page-hero h1,.home-hero h1{font-size:clamp(28px,3vw,32px);line-height:1.3;color:#fff;margin:13px 0}.lead{font-size:16px;color:#e3e3e8;line-height:1.9;margin:0}.page-figure{display:flex;justify-content:center;align-items:center;min-height:70px;background:#0a090d;border-radius:11px}.page-figure img{max-width:100%;height:auto;max-height:210px;object-fit:contain;object-position:center}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:start}.long-read{min-width:0}.read-section{position:relative;background:var(--surface);border:1px solid #2d272d;border-radius:12px;padding:25px 28px;margin-bottom:15px;scroll-margin-top:90px}.read-section:nth-child(even){background:#15141a}.section-number{color:var(--bright);font-size:12px;letter-spacing:2px}.read-section h2{font-size:21px;line-height:1.45;margin:3px 0 12px;color:#fff}.read-section p{margin:0;line-height:1.95;color:#e3e3e8}.read-aside{position:sticky;top:92px;border:1px solid var(--line);border-radius:12px;padding:22px;background:#101014}.read-aside h2{font-size:16px;margin:0 0 10px}.read-aside h2:not(:first-child){margin-top:25px}.read-aside a{display:block;border-bottom:1px solid #332b30;padding:10px 0;font-size:13px;color:#e3e3e8}.read-aside a:hover,.feature-card a:hover,.path-list a:hover{color:var(--bright)}.home-hero{display:grid;grid-template-columns:3fr 2fr;gap:22px;align-items:stretch;margin:32px 0 45px}.home-hero>div{padding:32px 22px 32px 4px}.home-hero .lead{line-height:1.95}.hero-side{background:var(--surface);border:1px solid var(--line);padding:25px;border-radius:14px}.hero-side h2{font-size:20px;margin:0 0 12px}.hero-side p{color:#e3e3e8}.hero-side img{width:100%;max-height:250px;height:auto;object-fit:contain;object-position:center}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid var(--line);background:var(--surface2);color:#fff;border-radius:8px;font-size:14px}.btn.primary{background:linear-gradient(135deg,#ff4252,#e32b39,#951a28);border-color:transparent}.btn:hover{filter:brightness(1.15)}.home-section{margin:0 0 52px}.section-heading{margin-bottom:18px}.section-heading h2,.home-section h2{font-size:25px;line-height:1.4;color:#fff;margin:6px 0 15px}.focus-grid,.three-grid,.two-grid{display:grid;gap:16px}.focus-grid{grid-template-columns:1fr 1fr}.focus-grid .wide{grid-column:span 2;display:grid;grid-template-columns:1.2fr .8fr;align-items:center}.three-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.two-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card{min-width:0;border:1px solid #342730;background:var(--card);border-radius:12px;padding:23px;box-shadow:0 14px 36px rgba(0,0,0,.16)}.feature-card h3,.story-row h3{font-size:20px;margin:0 0 11px}.feature-card p,.story-row p,.explore p,.mobile-feature p{color:#e3e3e8;margin:0 0 14px}.feature-card a{color:#fff;display:inline-block;margin:9px 16px 0 0;border-bottom:1px solid var(--red);padding-bottom:3px;font-size:14px}.feature-card img{display:block;max-width:100%;height:auto;max-height:190px;object-fit:contain;object-position:center;margin:10px auto 16px}.feature-card.wide img{max-height:200px}.outline{border-color:var(--red);background:#100d12}.story-row{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center;margin:16px 0;padding:22px;background:#111116;border:1px solid #2a242b;border-radius:13px}.story-row.reverse>div:first-child{order:2}.story-row img{display:block;max-width:100%;height:auto;max-height:200px;object-fit:contain;margin:auto}.story-row a{color:#ff7b85}.explore,.mobile-feature{display:grid;grid-template-columns:1.2fr .8fr;gap:26px;padding:28px;border-radius:13px;background:linear-gradient(120deg,#181015,#111116);border:1px solid var(--line);align-items:center}.explore img{max-width:100%;height:auto;max-height:210px;object-fit:contain}.path-list{display:grid;gap:9px;margin:14px 0}.path-list a{color:white;padding:7px 0;border-bottom:1px solid #42313a}.mobile-feature{grid-template-columns:1fr 280px}.mobile-feature .app-art{display:block;max-height:380px;max-width:100%;width:auto;height:auto;object-fit:contain;margin:auto}.mini-icon img{max-height:60px;max-width:60px;object-fit:contain}.faq-list{max-width:900px;margin:0 auto 45px;display:grid;gap:14px}.faq-entry{border:1px solid #3b2c34;background:#17171e;border-radius:12px;padding:20px 25px}.faq-entry h2{margin:0 0 9px;font-size:19px;color:#fff}.faq-entry p{margin:0;color:#e3e3e8;line-height:1.85}.site-footer{background:var(--deep);border-top:1px solid var(--red);padding:44px 0 24px}.foot-brand{margin-bottom:25px}.foot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.foot-group h3,.menu-group h3{font-size:15px;color:white;margin:0 0 6px}.foot-group p,.menu-group p{font-size:12px;color:var(--muted);margin:0 0 9px}.foot-group a,.menu-group a{display:inline-block;color:#d9d9e0;font-size:13px;margin:3px 13px 5px 0}.foot-group a:hover,.menu-group a:hover{color:var(--bright)}.foot-notice,.copyright{color:var(--muted);font-size:12px;margin:22px 0 0}.mobile-bottom{display:none}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:40;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .18s}.overlay.open{visibility:visible;pointer-events:auto;opacity:1}.drop-panel{position:fixed;z-index:41;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .18s;background:#141219;border:1px solid var(--line);border-radius:0 0 12px 12px;box-shadow:0 14px 36px rgba(0,0,0,.32);max-height:calc(100dvh - 70px);overflow-y:auto}.drop-panel.open{visibility:visible;pointer-events:auto;opacity:1}.menu-panel{top:64px;left:max(16px,calc((100vw - 1120px)/2));width:min(1120px,calc(100vw - 32px));padding:25px}.search-panel{top:64px;right:max(16px,calc((100vw - 1120px)/2));width:min(460px,calc(100vw - 32px));padding:20px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.panel-heading h2{font-size:20px;margin:0 0 15px}.panel-heading button{background:#2b1c24;border:1px solid var(--line);color:#fff;padding:7px 15px;border-radius:7px;min-height:44px}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.menu-group{padding:15px;border:1px solid #403039;border-radius:10px}.menu-group a{padding:4px 0}.search-panel label{font-size:13px;color:#e3e3e8;display:block}.search-panel input{display:block;width:100%;padding:10px 13px;margin:7px 0 13px;background:#08080b;border:1px solid #714049;border-radius:7px;color:white;min-height:44px}.result-list{max-height:45dvh;overflow-y:auto}.search-item{display:flex;align-items:center;justify-content:space-between;padding:8px;border-bottom:1px solid #372b33}.search-item small{color:var(--muted)}.search-item[hidden],[hidden]{display:none!important}.panel-open{overflow:hidden}
@media(max-width:1000px){.desktop-nav a{padding:7px;font-size:12px}.topbar{gap:8px}.brand small{display:none}.three-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.three-grid>*:last-child{grid-column:span 2}.category-inner{gap:13px}}
@media(max-width:790px){.desktop-nav,.desktop-app,.category-bar{display:none}.topbar{height:56px;min-height:56px}.brand small{display:inline;font-size:8px}.head-actions{margin-left:auto}.menu-trigger{display:inline-flex!important;align-items:center;justify-content:center}.head-actions button{min-width:44px}.page-hero{grid-template-columns:1fr;padding:25px;margin-top:22px}.page-figure{max-height:190px}.content-layout{grid-template-columns:1fr}.read-aside{position:static;order:2}.home-hero{grid-template-columns:1fr}.home-hero>div{padding:10px 0}.menu-panel,.search-panel{top:56px;left:0;right:0;width:100%;max-height:calc(100dvh - 56px);border-radius:0;padding:18px}.menu-grid{grid-template-columns:1fr 1fr;gap:10px}.mobile-bottom{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:29;background:#050508;border-top:1px solid var(--red);padding-bottom:env(safe-area-inset-bottom);height:calc(54px + env(safe-area-inset-bottom))}.mobile-bottom a{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:12px}.site-footer{padding-bottom:calc(86px + env(safe-area-inset-bottom))}.foot-grid{grid-template-columns:1fr 1fr}.explore,.mobile-feature{grid-template-columns:1fr 220px}}
@media(max-width:550px){.brand{gap:5px}.brand strong{font-size:17px}.brand small{display:none}.logo{max-width:42px}.head-actions button{padding:7px 9px}.page-hero{padding:21px}.read-section{padding:20px}.read-section h2{font-size:19px}.focus-grid,.three-grid,.two-grid{grid-template-columns:1fr}.focus-grid .wide{grid-column:auto;grid-template-columns:1fr}.three-grid>*:last-child{grid-column:auto}.story-row,.explore,.mobile-feature{grid-template-columns:1fr}.story-row.reverse>div:first-child{order:0}.menu-grid{grid-template-columns:1fr}.menu-group a{margin-right:15px}.foot-grid{grid-template-columns:1fr 1fr;gap:17px}.home-section{margin-bottom:39px}.home-hero{margin:20px 0 36px}.mobile-feature .app-art{max-height:300px}.section-heading h2,.home-section h2{font-size:23px}}