@charset "UTF-8";

:root{
    --black:#0d0e10;--black-2:#15171a;--black-3:#1a1c20;--graphite:#272a30;
    --yellow:#f5c518;--yellow-deep:#d8a900;--yellow-dark:#a97e00;
    --white:#f7f7f5;--text:#cacbc8;--muted:#92958f;--line:rgba(245,197,24,.13);
    --danger:#d95c4f;--blue:#55a6c9;--radius:16px;--wrap:1320px;
    --shadow:0 14px 34px rgba(0,0,0,.4);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.72;overflow-x:hidden}
body.search-open,body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
img{display:block;width:100%;max-width:100%;height:auto;object-fit:cover}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{color:var(--white);line-height:1.2;overflow-wrap:anywhere}
p{overflow-wrap:anywhere}
.wrap{width:min(calc(100% - 40px),var(--wrap));margin-inline:auto;min-width:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:18px;top:-60px;z-index:2000;background:var(--yellow);color:#111;padding:10px 16px;border-radius:8px}.skip-link:focus{top:12px}
.notice{background:#08090a;border-bottom:1px solid rgba(255,255,255,.06);font-size:.82rem;color:var(--muted)}
.notice .wrap{min-height:32px;display:flex;align-items:center;gap:22px}.notice strong{color:var(--yellow);letter-spacing:.08em}.notice a{margin-left:auto;color:var(--text)}
.site-header{position:sticky;top:0;z-index:800;background:rgba(13,14,16,.92);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(16px)}
.site-header.scrolled{box-shadow:0 12px 30px rgba(0,0,0,.32)}
.header-row{min-height:74px;display:flex;align-items:center;gap:24px}
.brand{display:flex;align-items:center;gap:10px;flex:0 0 auto}.brand-logo{width:42px;height:42px;object-fit:contain}.brand span{display:flex;flex-direction:column;line-height:1.15}.brand b{font-size:1.05rem;color:var(--white);letter-spacing:.08em}.brand small{font-size:.72rem;color:var(--muted);margin-top:4px}
.desktop-nav{display:flex;align-items:center;gap:4px;min-width:0;margin-left:auto}.desktop-nav a{padding:9px 10px;border-radius:8px;color:#b8bab6;font-size:.89rem;white-space:nowrap}.desktop-nav a:hover,.desktop-nav a.active{background:rgba(245,197,24,.1);color:var(--yellow)}
.header-tools{display:flex;align-items:center;gap:8px}.icon-button,.menu-button,.app-link{border:1px solid rgba(255,255,255,.13);background:transparent;color:var(--white);border-radius:9px;padding:9px 12px;white-space:nowrap}.app-link{background:var(--yellow);border-color:var(--yellow);color:#111;font-weight:700}.icon-button:hover,.menu-button:hover{border-color:var(--yellow);color:var(--yellow)}
.home-hero{background:linear-gradient(135deg,#0d0e10 0%,#15171a 50%,#272a30 100%);border-bottom:1px solid var(--line)}
.hero-grid{min-height:520px;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:54px;align-items:center;padding-block:54px}
.hero-copy h1{font-size:clamp(2.5rem,5vw,4.9rem);letter-spacing:-.045em;margin:12px 0 24px;max-width:850px}.hero-copy h1 em{font-style:normal;background:linear-gradient(90deg,var(--yellow),var(--yellow-deep),var(--yellow-dark));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{max-width:760px;font-size:1.08rem;color:#cacbc8}
.eyebrow{display:inline-block;color:var(--yellow);font-size:.78rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.hero-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:0 20px;background:var(--yellow);border:1px solid var(--yellow);border-radius:10px;color:#111214;font-weight:800}.button:hover{background:var(--yellow-deep);border-color:var(--yellow-deep)}.button.secondary{background:rgba(255,255,255,.02);border-color:rgba(245,197,24,.48);color:var(--yellow)}.text-link{color:var(--yellow);font-weight:700}.text-link.light{padding:10px 5px}
.hero-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;color:var(--muted);font-size:.86rem}.hero-meta span{padding-left:13px;border-left:2px solid var(--yellow-deep)}
.hero-visual{margin:0;position:relative}.hero-visual img{aspect-ratio:4/5;border-radius:22px;box-shadow:0 30px 70px rgba(0,0,0,.5);border:1px solid rgba(245,197,24,.16)}.hero-visual figcaption{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(13,14,16,.82);padding:11px 14px;border-radius:10px;font-size:.82rem;color:var(--white);backdrop-filter:blur(10px)}
.quick-channels{background:var(--black-2);padding:24px 0}.quick-channels nav{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.quick-channels a{min-width:0;padding:16px 13px;background:var(--black-3);border:1px solid var(--line);border-radius:12px}.quick-channels a:hover{transform:translateY(-2px);border-color:rgba(245,197,24,.42)}.quick-channels span{display:grid;place-items:center;width:30px;height:30px;background:var(--yellow);border-radius:8px;color:#111;font-weight:900}.quick-channels b{display:block;color:var(--white);margin:10px 0 4px}.quick-channels small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted);line-height:1.5}
.section{padding:76px 0}.section.panel{background:var(--black-2)}.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:40px;align-items:end;margin-bottom:30px}.section-head h2{font-size:clamp(1.8rem,3vw,2.8rem);margin:8px 0 0}.section-head>p{margin:0;color:var(--muted)}
.editorial-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px}.editorial-grid>figure{margin:0;position:relative;min-width:0}.editorial-grid>figure img{height:100%;min-height:520px;border-radius:var(--radius)}.editorial-grid>figure figcaption{position:absolute;inset:auto 18px 18px;background:rgba(13,14,16,.86);padding:16px;border-radius:12px}.editorial-grid>figure b,.editorial-grid>figure span{display:block}.editorial-grid>figure span{color:var(--muted);margin-top:6px}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}.editorial-grid .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-card{min-width:0;padding:22px;background:var(--black-3);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 4px 18px rgba(0,0,0,.24);transition:.2s}.content-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.content-card h3{font-size:1.18rem;margin:13px 0 9px}.content-card p{color:var(--muted);font-size:.92rem}.badge{display:inline-flex;padding:4px 9px;background:#fff6cc;color:#8f6d00;border-radius:999px;font-size:.74rem;font-weight:800}
.image-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.image-triptych>a,.image-triptych>article{display:block;min-width:0;padding:16px;background:var(--black-3);border:1px solid var(--line);border-radius:var(--radius)}.image-triptych img{aspect-ratio:16/10;border-radius:11px}.image-triptych h2,.image-triptych h3{margin:17px 0 7px}.image-triptych p{color:var(--muted);margin-bottom:5px}
.split-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:38px;align-items:center;margin-bottom:28px}.split-feature.reverse figure{order:2}.split-feature figure{margin:0}.split-feature img{aspect-ratio:16/9;border-radius:var(--radius)}.split-feature h2,.split-feature h3{font-size:clamp(1.6rem,2.7vw,2.5rem);margin:14px 0}.split-feature p{color:var(--muted)}
.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.topic-major{margin:0;position:relative;min-height:380px}.topic-major img{height:100%;min-height:380px;border-radius:var(--radius)}.topic-major figcaption{position:absolute;inset:auto 18px 18px;padding:18px;background:rgba(13,14,16,.88);border:1px solid rgba(255,255,255,.08);border-radius:12px}.topic-major h2,.topic-major h3{margin-bottom:7px}.topic-major p{color:var(--muted);margin-bottom:8px}.topic-major a{color:var(--yellow);font-weight:700}
.app-showcase,.screen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.app-showcase article,.screen-grid article{min-width:0;background:var(--black-3);padding:14px;border:1px solid var(--line);border-radius:var(--radius)}.app-showcase figure,.screen-grid figure{margin:0}.app-showcase img,.screen-grid img{aspect-ratio:9/16;border-radius:11px}.app-showcase h3,.screen-grid h3{margin:14px 3px 6px}.app-showcase p,.screen-grid p{color:var(--muted);font-size:.91rem;margin:0 3px 5px}
.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.feature-grid article{min-width:0;padding:25px;background:var(--black-3);border:1px solid var(--line);border-radius:var(--radius)}.feature-index{display:inline-grid;place-items:center;width:38px;height:38px;background:rgba(245,197,24,.12);border-radius:10px;color:var(--yellow);font-weight:900}.feature-grid h3{margin:18px 0 9px}.feature-grid p{color:var(--muted);margin:0}
.wide-banner{margin:28px 0 0;position:relative}.wide-banner img{aspect-ratio:21/8;border-radius:var(--radius)}.wide-banner figcaption{position:absolute;inset:auto auto 22px 22px;max-width:560px;background:rgba(13,14,16,.85);padding:16px 18px;border-radius:12px}.wide-banner h2{margin-bottom:5px}.wide-banner p{margin:0;color:var(--text)}
.breadcrumb{padding:22px 0 0;display:flex;gap:9px;color:var(--muted);font-size:.84rem}.breadcrumb a:hover{color:var(--yellow)}
.page-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.78fr);gap:50px;align-items:center;padding:48px 0 58px;border-bottom:1px solid var(--line)}.page-hero.compact{display:block;max-width:900px}.page-hero h1{font-size:clamp(2.2rem,4.5vw,4.6rem);letter-spacing:-.04em;margin:10px 0 20px}.page-hero .lead{font-size:1.06rem;color:var(--text)}.page-hero-image{aspect-ratio:16/10;border-radius:20px;box-shadow:var(--shadow)}
.faq-list{display:grid;gap:12px}.faq-item{background:var(--black-3);border:1px solid var(--line);border-radius:12px}.faq-item h3{margin:0}.faq-item button{width:100%;display:flex;justify-content:space-between;gap:20px;text-align:left;padding:18px 20px;background:transparent;border:0;color:var(--white);font-weight:750}.faq-item button span{color:var(--yellow)}.faq-answer{padding:0 20px 17px;color:var(--muted)}.faq-answer p{margin:0}.faq-answer[hidden]{display:none!important}
.cta-band{margin:40px 0 76px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(120deg,#242116,#17191d);border:1px solid rgba(245,197,24,.27);border-radius:18px}.cta-band h2{margin:7px 0}.cta-band p{margin:0;color:var(--muted)}
.search-page{max-width:900px;padding:62px 0 20px}.search-page h1{font-size:clamp(2.2rem,4vw,4rem);margin:10px 0 28px}.search-page form>div{display:flex;gap:10px}.search-page label{display:block;color:var(--muted);margin-bottom:8px}.search-page input,.search-dialog input{width:100%;min-width:0;border:1px solid rgba(255,255,255,.14);background:#101215;color:var(--white);border-radius:10px;padding:13px 15px;outline:0}.search-page input:focus,.search-dialog input:focus{border-color:var(--yellow);box-shadow:0 0 0 3px rgba(245,197,24,.12)}.empty-state{padding:36px;background:var(--black-3);border:1px solid var(--line);border-radius:var(--radius)}
.search-modal{display:none;position:fixed;inset:0;z-index:1200;background:rgba(0,0,0,.78);padding:22px;align-items:flex-start;justify-content:center;overflow:auto}.search-modal.is-open{display:flex}.search-modal[hidden]{display:none!important}.search-dialog{position:relative;width:min(720px,100%);margin-top:min(14vh,120px);padding:34px;background:var(--black-2);border:1px solid rgba(245,197,24,.25);border-radius:18px;box-shadow:0 34px 90px rgba(0,0,0,.65)}.search-dialog h2{font-size:clamp(1.7rem,3vw,2.5rem);margin:8px 45px 22px 0}.search-dialog form{display:flex;gap:10px}.search-hints{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.search-hints a{padding:6px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.84rem}.modal-close{position:absolute;right:14px;top:14px;width:40px;height:40px;border:1px solid rgba(255,255,255,.13);background:#22252a;color:var(--white);border-radius:10px;font-size:1.5rem}
.site-drawer{position:fixed;inset:0;z-index:1150;background:rgba(0,0,0,.7)}.site-drawer[hidden]{display:none!important}.drawer-panel{position:absolute;right:0;top:0;width:min(560px,100%);height:100%;overflow:auto;background:var(--black-2);padding:80px 32px 32px;border-left:1px solid var(--line)}.drawer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.drawer-grid a{padding:16px;background:var(--black-3);border:1px solid var(--line);border-radius:10px}.drawer-grid a:hover{border-color:var(--yellow);color:var(--yellow)}
.site-footer{background:#0a0b0d;border-top:1px solid rgba(255,255,255,.07);padding:56px 0 22px}.footer-grid{display:grid;grid-template-columns:minmax(260px,1.6fr) repeat(4,minmax(120px,.65fr));gap:34px}.footer-brand p{max-width:420px;color:var(--muted);margin-top:18px}.footer-grid nav{display:flex;flex-direction:column;gap:8px}.footer-grid nav h2{font-size:.95rem;margin-bottom:6px}.footer-grid nav a{font-size:.87rem;color:var(--muted)}.footer-grid nav a:hover{color:var(--yellow)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:25px;margin-top:34px;border-top:1px solid rgba(255,255,255,.07);font-size:.8rem;color:#747873}
.mobile-bottom{display:none}.back-top{position:fixed;right:18px;bottom:18px;z-index:700;width:42px;height:42px;border:1px solid var(--line);background:var(--graphite);color:var(--yellow);border-radius:10px;opacity:0;pointer-events:none;transition:.2s}.back-top.visible{opacity:1;pointer-events:auto}
.reveal{opacity:1;transform:none}.js-ready .reveal{opacity:0;transform:translateY(14px);transition:.55s ease}.js-ready .reveal.in-view{opacity:1;transform:none}
:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
@media(max-width:1180px){.desktop-nav a{padding-inline:7px;font-size:.82rem}.quick-channels nav{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.desktop-nav{display:none}.header-tools{margin-left:auto}.hero-grid,.page-hero{grid-template-columns:1fr}.hero-grid{min-height:0}.hero-visual img{aspect-ratio:16/9}.editorial-grid{grid-template-columns:1fr}.editorial-grid>figure img{min-height:0;aspect-ratio:16/9}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand{grid-column:1/-1}}
@media(max-width:760px){.wrap{width:min(calc(100% - 28px),var(--wrap))}.notice span{display:none}.header-row{min-height:64px}.brand small,.icon-button{display:none}.hero-grid{padding-block:38px;gap:28px}.hero-copy h1{font-size:clamp(2.2rem,12vw,3.7rem)}.section{padding:54px 0}.section-head{grid-template-columns:1fr;gap:12px}.quick-channels nav{grid-template-columns:repeat(2,minmax(0,1fr))}.image-triptych,.topic-grid,.app-showcase,.screen-grid{grid-template-columns:1fr}.split-feature{grid-template-columns:1fr;gap:18px}.split-feature.reverse figure{order:0}.feature-grid{grid-template-columns:1fr}.topic-major,.topic-major img{min-height:300px}.wide-banner img{aspect-ratio:16/10}.editorial-grid .card-grid{grid-template-columns:1fr}.page-hero{gap:25px;padding-top:34px}.page-hero h1{font-size:clamp(2rem,10vw,3.3rem)}.search-dialog{padding:28px 20px}.search-dialog form,.search-page form>div{display:grid}.cta-band{align-items:flex-start;flex-direction:column;padding:24px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.footer-bottom{flex-direction:column}.mobile-bottom{position:sticky;bottom:0;z-index:780;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(13,14,16,.97);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{text-align:center;padding:11px 4px;font-size:.78rem}.back-top{bottom:66px}}
@media(max-width:420px){.app-link,.menu-button{padding:8px 9px}.brand-logo{width:36px;height:36px}.hero-actions .button{width:100%}.footer-grid{grid-template-columns:1fr}.drawer-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js-ready .reveal{opacity:1;transform:none}}