
:root{color-scheme:dark;--bg:#08080B;--deep:#050508;--content:#111116;--sub:#19191F;--card:#17171E;--text:#F5F5F7;--muted:#B9BBC5;--accent:#FF4252;--red:#E32B39;--dark-red:#951A28;--line:rgba(255,255,255,.1);--glow:rgba(255,66,82,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;overflow-x:hidden}body.overlay-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a,button{outline-offset:3px}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent)}a:hover{color:#ff6571}.wrap{width:min(1120px,calc(100% - 40px));margin-inline:auto}h1,h2,h3{line-height:1.35;letter-spacing:.01em}h1{font-size:clamp(28px,3.1vw,32px)}h2{font-size:clamp(23px,2.6vw,28px)}h3{font-size:19px}p{margin:0 0 1.08em;color:var(--text)}img{display:block;max-width:100%;height:auto;object-fit:contain;object-position:center}.site-header{position:sticky;z-index:40;top:0;background:#08080bf5;border-bottom:1px solid var(--glow);backdrop-filter:blur(14px)}.topbar{min-height:68px;display:flex;align-items:center;gap:20px}.brand,.footer-brand{display:inline-flex;gap:10px;align-items:center;flex-shrink:0;white-space:nowrap}.brand img,.footer-brand img{height:26px;width:auto;max-width:100px;object-fit:contain}.brand strong,.footer-brand strong{font-size:23px;color:white}.brand small,.footer-brand small{font-size:10px;color:#e9cbd0;letter-spacing:.12em}.primary-nav{display:flex;gap:2px;align-items:center;justify-content:center;flex:1;white-space:nowrap}.primary-nav a{padding:8px 10px;font-size:14px;border-radius:5px}.primary-nav a.active,.category-inner .active{background:#951a283a;color:#fff;border-bottom:2px solid var(--red)}.primary-nav a:hover,.category-inner a:hover{background:#951a284d;color:#fff}.top-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.icon-button,.category-inner button,.panel-top button{border:1px solid var(--glow);background:#19191f;color:white;border-radius:8px;min-height:44px;padding:0 14px}.icon-button:hover,.category-inner button:hover,.panel-top button:hover{box-shadow:0 0 16px var(--glow);background:#44202a}.desktop-app{font-size:14px;padding:9px 6px;white-space:nowrap}.menu-trigger{display:none}.category-bar{background:#0d0d12;border-bottom:1px solid var(--line)}.category-inner{display:flex;align-items:center;gap:24px;min-height:43px}.category-inner a{font-size:13px;padding:10px 7px;border-bottom:2px solid transparent}.category-inner .active{border-bottom-color:var(--accent)}.category-inner button{margin-left:auto;min-height:32px;font-size:13px;padding:3px 13px}.eyebrow{text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.13em;color:#ff6b78}.home-hero{display:grid;grid-template-columns:1.4fr .96fr;gap:25px;padding:39px 0 18px}.hero-copy{padding:27px 8px 18px 0}.hero-copy h1{font-size:clamp(29px,3.4vw,42px);margin:13px 0 25px}.hero-copy>p:not(.eyebrow){font-size:17px;color:#e3e3e8}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.btn{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:9px 18px;border-radius:8px;border:1px solid var(--glow);font-weight:650}.btn.primary{background:linear-gradient(135deg,#FF4252,#E32B39,#951A28);color:white}.btn.secondary{background:#19191f;color:white}.btn:hover{filter:brightness(1.15);color:#fff}.hero-side,.card{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 36px #0004}.hero-side{padding:24px;align-self:stretch}.hero-side h2{font-size:22px}.hero-side p{color:#e3e3e8}.side-label{color:#ff6571!important;font-size:13px;font-weight:700}.hero-side>a,.text-link{color:#ff838c;font-weight:650}.hero-cover{margin:16px 0 0;background:#111116;border-radius:9px;display:flex;align-items:center;justify-content:center}.hero-cover img{max-height:245px;width:auto;max-width:100%}figure{margin:0}.article-figure{display:flex;justify-content:center;align-items:center;background:#101016;border-radius:9px;margin-bottom:18px}.article-figure img{max-height:190px;max-width:100%;width:auto}.home-section{padding:35px 0 9px}.section-header{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:18px;border-bottom:1px solid var(--line)}.section-header h2{margin:0 0 15px}.section-header>a{font-size:14px;color:#ff949d;margin-bottom:15px}.focus-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:18px}.card{padding:20px;min-width:0}.card h3{margin:6px 0 12px}.card p{font-size:15px;color:#e3e3e8}.focus-side{display:grid;gap:18px;grid-template-rows:auto auto}.focus-main img{max-height:200px}.focus-side img{max-height:110px}.three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-stack{display:grid;gap:20px}.feature-card{display:grid;grid-template-columns:.95fr 1.1fr;align-items:center;gap:25px;background:#111116;padding:20px;border:1px solid var(--line);border-radius:12px}.feature-card.reverse figure{order:2}.feature-card img{max-height:190px;margin-inline:auto}.editor-grid{display:grid;grid-template-columns:1.25fr .95fr;gap:18px}.timeline{padding-left:23px}.timeline li{margin:10px 0;border-left:2px solid var(--red);padding-left:12px}.timeline strong,.timeline span{display:block}.timeline span{color:var(--muted)}.editorial-card .article-figure img{max-height:165px}.explore-box{display:grid;grid-template-columns:.9fr 1.2fr;align-items:center;gap:22px;padding:30px;margin-top:40px;background:#111116;border:1px solid var(--glow);border-radius:12px}.explore-box .article-figure{margin:0}.route-lines{border-left:2px solid var(--red);padding-left:15px}.route-lines p{font-size:14px}.route-lines a{color:#ff919a}.mobile-feature{display:grid;grid-template-columns:1.25fr .75fr;gap:30px;align-items:center}.device-visual{display:flex;flex-direction:column;align-items:center;gap:18px}.app-visual img{max-height:400px;width:auto;max-width:100%}.tiny-icon img{width:auto;max-height:56px;max-width:56px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.service-grid>div{background:#111116;padding:24px;border:1px solid var(--line);border-radius:12px}.service-grid a{display:inline-block;color:#ff8994;margin:6px 16px 0 0}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;padding:25px 0 4px;color:var(--muted);font-size:13px}.breadcrumbs a{color:#ff9199}.page-intro{padding:18px 0 26px;border-bottom:1px solid var(--line)}.page-intro h1{margin:7px 0 15px}.lead{font-size:17px;color:#e3e3e8;max-width:850px}.page-visual{margin:20px auto 0;display:flex;align-items:center;justify-content:center;background:#14141a;padding:12px;border-radius:12px}.page-visual img{max-height:220px;width:auto}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:42px;align-items:start;margin:30px 0 48px}.article-body{min-width:0}.prose-section{padding:0 0 18px;margin-bottom:25px;border-bottom:1px solid var(--line)}.prose-section h2{font-size:23px;margin:0 0 16px}.prose-section p{color:#e3e3e8;line-height:1.9;margin-bottom:18px}.article-aside{position:sticky;top:96px;background:#17171e;border:1px solid var(--line);padding:18px;border-radius:12px}.article-aside h2{font-size:18px;margin:0 0 10px}.article-aside>a{display:block;padding:13px 0;border-top:1px solid var(--line)}.article-aside span{display:block;font-size:13px;color:var(--muted)}.app-layout{display:grid;grid-template-columns:1fr .6fr;align-items:center;gap:20px;padding:20px 0}.app-layout img{max-height:390px}.data-table{overflow-x:auto;max-width:100%}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:12px 9px;text-align:left;border:1px solid #49414b}th{background:#331a22}.path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.path-grid a{color:#ff949d}.pathways{margin-bottom:40px}.faq-list{max-width:950px;margin:25px auto 65px}.faq-item{padding:22px 24px;background:#17171e;border:1px solid var(--line);border-radius:11px;margin-bottom:15px}.faq-item h2{font-size:20px;margin:0 0 12px}.faq-item p{color:#e3e3e8;margin:0}.site-footer{background:var(--deep);border-top:1px solid var(--glow);margin-top:55px}.footer-top{display:grid;grid-template-columns:1fr 2.1fr;gap:35px;padding:35px 0}.footer-top>div:first-child p{font-size:13px;color:#c7c7d0;margin-top:15px}.footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.footer-links h2{font-size:15px;color:#fff}.footer-links a{display:block;font-size:13px;color:#c7c7d0;margin:8px 0}.copyright{border-top:1px solid var(--line);color:#b9bbc5;font-size:13px;padding:17px 0}.scrim{position:fixed;inset:0;z-index:49;background:#000b;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .2s}.overlay-open .scrim{visibility:visible;pointer-events:auto;opacity:1}.overlay-panel{position:fixed;z-index:50;top:70px;right:max(20px,calc((100vw - 1120px)/2));width:min(730px,calc(100vw - 40px));max-height:calc(100dvh - 90px);overflow:auto;visibility:hidden;pointer-events:none;opacity:0;transform:translateY(-9px);transition:.2s;background:#111116;border:1px solid var(--glow);border-radius:11px;box-shadow:0 14px 36px #0008;padding:21px}.overlay-panel.shown{visibility:visible;pointer-events:auto;opacity:1;transform:translateY(0)}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-top h2{font-size:21px;margin:0}.menu-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:13px}.menu-groups section{border-top:1px solid var(--glow);padding:12px 4px}.menu-groups h3{font-size:15px;margin:0}.menu-groups p{font-size:12px;color:var(--muted)}.menu-groups a{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;background:#1b1b22;border:1px solid #ffffff13;border-radius:6px;margin:4px;font-size:13px}.search-panel{width:min(460px,calc(100vw - 40px))}.search-panel label{display:block;color:var(--muted);margin:16px 0 7px}.search-panel input{width:100%;background:#09090d;border:1px solid #69404a;border-radius:8px;color:#fff;padding:12px}.search-results section{padding:12px 0;border-bottom:1px solid var(--line)}.search-results h3{font-size:14px;margin:0 0 7px}.search-results a{display:inline-flex;align-items:center;min-height:40px;padding:7px 12px;background:#19191f;margin:5px;border-radius:7px;border:1px solid var(--line);font-size:13px}#search-empty{color:var(--muted);padding-top:10px}.mobile-bottom{display:none}
@media(max-width:1080px){.primary-nav{display:none}.menu-trigger{display:inline-block}.topbar{justify-content:space-between}.category-inner{gap:14px}}@media(max-width:760px){.wrap{width:calc(100% - 32px)}.topbar{min-height:56px}.brand small{font-size:9px}.brand img{height:24px}.desktop-app,.category-bar{display:none}.icon-button{min-width:44px;padding:0 9px}.home-hero,.focus-grid,.feature-card,.editor-grid,.explore-box,.mobile-feature,.footer-top,.article-layout,.app-layout{grid-template-columns:1fr}.hero-copy{padding:0}.home-hero{gap:15px;padding-top:22px}.hero-side{padding:18px}.three-grid,.path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.focus-side{grid-template-columns:1fr 1fr}.feature-card.reverse figure{order:0}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}.article-aside{position:static}.overlay-panel{top:57px;left:0;right:0;width:100%;max-height:calc(100dvh - 61px);border-radius:0 0 12px 12px}.menu-groups{grid-template-columns:1fr 1fr}.site-footer{margin-bottom:calc(54px + env(safe-area-inset-bottom))}.mobile-bottom{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;z-index:40;bottom:0;left:0;right:0;background:#050508;border-top:1px solid var(--red);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;min-height:54px;font-size:13px}.mobile-bottom a.active{background:#951a2845;color:#fff}.app-layout img{max-height:300px}.article-layout{gap:12px}.page-visual img{max-height:180px}}@media(max-width:520px){.brand{gap:5px}.brand small{letter-spacing:0;font-size:8px}.home-hero h1{font-size:29px}.three-grid,.focus-side,.service-grid,.path-grid{grid-template-columns:1fr}.card{padding:16px}.menu-groups{grid-template-columns:1fr}.menu-groups section>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.menu-groups a{margin:0;justify-content:center;text-align:center}.hero-buttons .btn{flex:1}.footer-links{gap:10px}.feature-card{padding:15px}.site-footer .footer-top{gap:15px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
