@charset "UTF-8";
:root{--bg:#0d1118;--panel:#151b25;--panel2:#1b2330;--text:#f5f4ed;--muted:#b5bac4;--line:#303948;--accent:#ecb65d;--accent2:#f17d72;--deep:#080b10;--radius:20px;--max:1240px;--sans:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.76;-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:#151515}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}img{max-width:100%;display:block;object-fit:cover}button{font:inherit}p{margin:0 0 1em}h1,h2,h3,h4{line-height:1.28;letter-spacing:-.035em;margin:0;font-weight:750}h1{font-size:clamp(2.75rem,5.3vw,5.4rem)}h2{font-size:clamp(1.85rem,3.2vw,3rem)}h3{font-size:1.4rem}h4{font-size:1.1rem}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip-link{position:absolute;z-index:20;top:-200px;left:1rem;padding:.6rem 1rem;background:var(--accent);color:#111}.skip-link:focus{top:10px}.site-shell{overflow:hidden}.site-header{position:relative;z-index:5;max-width:calc(var(--max) + 72px);margin:auto;padding:22px 36px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #29313b}.brand{display:flex;align-items:center;gap:12px;flex:none}.brand-mark{display:grid;place-items:center;width:44px;height:44px;background:var(--accent);border-radius:13px 7px 13px 7px;color:#1a1510;font-size:22px;font-weight:850}.brand-type{display:flex;flex-direction:column;gap:0}.brand-type strong{font-size:19px;line-height:1.2;letter-spacing:.03em}.brand-type small{font-size:10px;letter-spacing:.12em;color:var(--muted)}.main-nav{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.main-nav a{padding:9px 13px;border-radius:24px;font-size:13px;font-weight:600;color:#c1c4cd;transition:background .2s,color .2s}.main-nav a:hover,.main-nav a.active{background:#28313b;color:#fff}.main-nav a.active{box-shadow:inset 0 0 0 1px #48505b}.menu-toggle{display:none}.site-footer{max-width:calc(var(--max) + 72px);margin:80px auto 0;padding:50px 36px 25px;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;gap:32px}.footer-brand{font-size:26px;font-weight:850}.footer-top p{font-size:13px;color:var(--muted);margin-top:9px}.footer-top nav{display:flex;gap:18px;flex-wrap:wrap;align-self:center}.footer-top nav a{font-size:13px;color:var(--muted)}.footer-top nav a:hover{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:30px;margin-top:24px;border-top:1px solid #242b34;font-size:12px;color:#949ba6}
main{max-width:var(--max);margin:auto;padding:0 22px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.24em;color:var(--accent);text-transform:uppercase;margin:0 0 20px}.pulse{display:inline-block;width:7px;height:7px;background:#e9b55d;border-radius:50%;margin-right:8px;box-shadow:0 0 0 5px #e9b55d22}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;padding:11px 22px;border-radius:6px;font-size:13px;font-weight:800;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--accent);color:#1c1b19}.button-primary:hover{color:#151515;background:#f4c879}.button-secondary{border:1px solid #67717d;color:white}.button-secondary:hover{border-color:var(--accent)}.text-link{display:inline-flex;gap:12px;color:var(--accent);font-weight:800;font-size:14px;border-bottom:1px solid #997b48;padding-bottom:8px}.section-title{margin:0 0 36px}.section-title p:last-child{color:var(--muted)}.section-title-split{display:flex;justify-content:space-between;gap:50px;align-items:end}.section-title-split>p{max-width:330px;font-size:13px}.home-hero{display:grid;grid-template-columns:1.04fr .96fr;min-height:630px;align-items:stretch;margin:22px 0 100px}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:72px 6% 68px 3%;position:relative}.hero-copy:before{position:absolute;content:"";z-index:-1;width:500px;height:500px;border-radius:50%;left:-300px;top:0;background:radial-gradient(circle,#5f463335,transparent 68%)}.hero-copy h1{font-size:clamp(3.3rem,5.9vw,6.8rem);line-height:1.12;max-width:720px}.hero-copy h1 span{color:var(--accent);display:block}.hero-lead{font-size:16px;max-width:500px;color:#c8cbd1;margin:30px 0 35px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-note{margin-top:46px;padding-left:15px;border-left:2px solid var(--accent);font-size:12px;color:#979faa}.hero-visual{min-height:590px;position:relative;border-radius:6px 60px 6px 6px;background:linear-gradient(130deg,#403c49,#1d2632 60%,#24272a);overflow:hidden}.hero-visual>img{height:100%;width:100%;opacity:.76}.hero-visual:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0d1118cb)}.hero-visual-label{position:absolute;z-index:1;bottom:35px;left:36px;display:flex;flex-direction:column;gap:6px}.hero-visual-label b{font-size:11px;letter-spacing:.18em;color:var(--accent)}.hero-visual-label span{font-size:19px;font-weight:700}.home-catalog{margin-bottom:115px}.catalog-grid{display:grid;grid-template-columns:1.22fr 1fr 1fr;grid-template-rows:repeat(2,245px);gap:14px}.catalog-item{position:relative;overflow:hidden;background:var(--panel2);border-radius:9px}.catalog-short{grid-row:span 2}.catalog-item img{height:100%;width:100%;transition:transform .5s ease}.catalog-item:hover img{transform:scale(1.055)}.catalog-shade{position:absolute;inset:0;background:linear-gradient(0deg,#030609f2 0%,#03060996 44%,transparent 85%)}.catalog-body{position:absolute;left:24px;right:20px;bottom:22px;display:flex;flex-direction:column;align-items:flex-start}.catalog-body small{color:#eec782;font-weight:800;font-size:10px;letter-spacing:.12em}.catalog-body strong{font-size:27px;line-height:1.45}.catalog-body>span{font-size:12px;color:#e5e5e7;max-width:280px}.catalog-body em{font-style:normal;font-size:12px;font-weight:700;margin-top:15px;color:var(--accent)}.catalog-short .catalog-body{bottom:36px;left:32px}.catalog-short .catalog-body strong{font-size:46px}.catalog-short .catalog-body>span{font-size:14px}.home-feature{display:grid;grid-template-columns:1fr 1fr;gap:min(7vw,90px);align-items:center;background:#171e27;border-radius:9px;margin-bottom:105px}.feature-art{height:520px;overflow:hidden;border-radius:9px 0 0 9px}.feature-art img{width:100%;height:100%}.feature-copy{padding:45px 55px 45px 0}.feature-copy h2{margin-bottom:26px}.feature-copy>p:not(.eyebrow){color:var(--muted);font-size:15px}.check-list{list-style:none;padding:0;margin:30px 0}.check-list li{padding:12px 0 12px 24px;border-bottom:1px solid #303b48;position:relative;font-size:13px}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--accent)}.decision{margin-bottom:110px}.decision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.decision-grid article{background:var(--panel);border:1px solid #2d3541;padding:30px;border-radius:9px}.decision-grid article>span{display:block;color:var(--accent);font-size:12px;font-weight:750;margin-bottom:25px}.decision-grid h3{margin-bottom:16px}.decision-grid p{font-size:13px;color:var(--muted);min-height:76px}.decision-grid a{font-size:13px;color:#f0c77a;font-weight:700}.home-bottom{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center;margin:0 0 60px;padding:50px 0;border-top:1px solid var(--line)}.home-bottom h2{max-width:650px;margin-bottom:17px}.home-bottom p:not(.eyebrow){color:var(--muted);max-width:680px;font-size:14px}.home-bottom .button{margin-top:14px}.question-banner{background:linear-gradient(145deg,#2c3440,#151b25);padding:38px;border-radius:10px;min-height:250px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #46505d}.question-banner span{font-size:12px;color:var(--accent)}.question-banner strong{font-size:23px;line-height:1.45}
.crumb{display:flex;gap:10px;align-items:center;font-size:12px;color:#a1aab5;margin:32px 0 20px}.crumb a:hover{color:var(--accent)}.page-intro{display:grid;grid-template-columns:1.4fr .6fr;gap:38px;align-items:center;min-height:390px;margin:0 0 85px;padding:44px 50px;background:linear-gradient(110deg,#202734,#111720);border:1px solid #313948;border-radius:11px;overflow:hidden}.page-intro-copy{position:relative;z-index:1}.page-intro h1{font-size:clamp(2.2rem,4vw,4.3rem);max-width:850px}.page-intro .lead{font-size:16px;color:#c3c8d1;max-width:750px;margin-top:25px;margin-bottom:0}.intro-art{height:290px;position:relative;border-radius:12px;overflow:hidden;transform:rotate(2deg)}.intro-art img{height:100%;width:100%;opacity:.82}.editorial-section{margin:70px 0 90px}.genre-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.genre-card{min-height:300px;background:var(--panel);padding:35px;border:1px solid var(--line);border-radius:12px}.genre-index{font-size:12px;letter-spacing:.13em;color:var(--accent)}.genre-card h3{font-size:28px;margin:12px 0 5px}.genre-focus{font-weight:700;color:#e4c084;font-size:13px}.genre-card p:not(.genre-focus){font-size:14px;color:var(--muted)}.genre-tip{display:grid;gap:5px;border-top:1px solid #343e4b;padding-top:20px;font-size:13px}.genre-tip strong{color:white}.genre-tip span{color:#c5cad1}.reading-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;background:#242129;border-left:4px solid var(--accent2);padding:45px 50px;margin:90px 0;border-radius:0 9px 9px 0}.reading-panel p:not(.eyebrow){font-size:14px;color:#c5c6cc}.comparison{margin:90px 0}.comparison>h2{margin-bottom:25px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.compare-grid>div{border:1px solid #37404b;padding:34px;border-radius:9px}.compare-grid h3{margin-bottom:15px}.compare-grid p{font-size:14px;color:var(--muted)}.compare-grid a{font-size:13px;color:var(--accent)}.related{margin:100px 0 65px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related-card{position:relative;display:flex;flex-direction:column;gap:13px;padding:26px 50px 28px 25px;background:var(--panel);min-height:166px;border:1px solid #394150;border-radius:7px;transition:background .2s}.related-card:hover{background:#222c39}.related-card>span:first-child{font-size:11px;color:var(--accent)}.related-card strong{font-size:17px;line-height:1.55}.related-card .arrow{position:absolute;right:22px;bottom:23px;color:var(--accent)}.mode-stack{border-top:1px solid var(--line)}.mode-row{display:grid;grid-template-columns:65px 210px 1fr;gap:20px;align-items:start;padding:35px 12px;border-bottom:1px solid var(--line)}.mode-number{font-size:14px;color:var(--accent);font-weight:800}.mode-row h3{font-size:24px}.mode-row p{color:var(--muted);font-size:14px;max-width:680px}.series-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center;margin:100px 0}.series-image{height:550px;border-radius:10px;overflow:hidden}.series-image img{width:100%;height:100%}.series-notes h2{margin-bottom:24px}.series-notes h3{font-size:18px;margin:27px 0 10px}.series-notes p{color:var(--muted);font-size:14px}.short-lead{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px;margin:0 0 100px;align-items:center}.short-stat{background:#dca963;padding:36px;color:#201910;border-radius:9px;min-height:220px;display:flex;flex-direction:column;justify-content:center}.short-stat span{font-size:16px}.short-stat strong{font-size:clamp(2rem,3.8vw,3.7rem);line-height:1.4}.short-stat small{font-size:11px}.short-lead h2{margin-bottom:20px}.short-lead p{color:var(--muted);font-size:15px}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.check-card{background:var(--panel);padding:35px;border-top:3px solid #e7b660;border-radius:6px}.check-card>span{font-weight:800;font-size:13px;color:var(--accent)}.check-card h3{margin:18px 0}.check-card p{font-size:14px;color:var(--muted)}.short-versus{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin:100px 0}.short-versus img{border-radius:8px;width:100%;max-height:480px}.short-versus h2{margin-bottom:24px}.short-versus p:not(.eyebrow){font-size:14px;color:var(--muted)}.variety-layout{display:grid;grid-template-columns:.6fr 1.4fr;gap:60px;margin:70px 0 100px}.variety-head h2{position:sticky;top:28px}.variety-list{border-top:1px solid var(--line)}.variety-entry{border-bottom:1px solid var(--line);padding:30px 5px 35px}.variety-top{display:flex;align-items:center;gap:22px}.variety-top span{color:var(--accent);font-size:12px}.variety-top h3{font-size:30px}.variety-entry h4{margin:16px 0 10px}.variety-entry p{font-size:14px;color:var(--muted);max-width:750px}.feature-strip{position:relative;overflow:hidden;min-height:420px;display:grid;grid-template-columns:1fr 1fr;margin:80px 0;border-radius:12px;background:#21252d}.feature-strip>img{height:100%;width:100%;position:absolute;inset:0;opacity:.28}.feature-strip>div{position:relative;grid-column:2;padding:55px;background:#131821cf}.feature-strip h2{margin-bottom:20px}.feature-strip ol{padding-left:20px}.feature-strip li{margin-bottom:8px;font-size:14px}.feature-strip p:not(.eyebrow){font-size:13px;color:var(--muted)}.timeline{max-width:940px;margin:auto}.timeline-item{display:grid;grid-template-columns:85px 1fr;gap:32px;padding:30px 15px;border-top:1px solid var(--line)}.timeline-num{font-size:27px;font-weight:800;color:var(--accent)}.timeline-item h3{margin-bottom:14px}.timeline-item p{font-size:14px;color:var(--muted);max-width:700px}.watch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:95px 0}.watch-grid article{background:#1d2530;padding:35px;border-radius:9px}.watch-grid h2{font-size:23px;margin:24px 0}.watch-grid p{font-size:13px;color:var(--muted)}.mini-icon{width:53px;height:53px;border:1px solid var(--accent);border-radius:50%;display:grid;place-items:center;color:var(--accent);font-weight:800}.question-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;margin:75px 0 100px}.question-layout aside h2{margin-bottom:22px}.question-layout aside p:not(.eyebrow){font-size:14px;color:var(--muted)}.question-layout aside .text-link{margin-top:18px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:0}.faq-list summary{cursor:pointer;padding:23px 35px 23px 0;position:relative;font-size:16px;font-weight:700;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:7px;color:var(--accent);font-size:22px;top:17px}.faq-list details[open] summary:after{content:"−"}.faq-answer{padding:0 35px 20px 0}.faq-answer p{font-size:14px;color:var(--muted)}.question-end{border-radius:9px;padding:45px;background:#26252c;margin:100px 0 30px}.question-end h2{max-width:780px}.question-end p{font-size:14px;color:var(--muted);max-width:750px;margin-top:25px}.question-end>div{display:flex;gap:25px;flex-wrap:wrap}.question-end a{color:var(--accent);font-size:13px;font-weight:800}.not-found{padding:130px 0 160px;text-align:center;max-width:740px;margin:auto}.not-found p:not(.eyebrow){color:var(--muted);margin:25px 0}.notfound-links{display:flex;justify-content:center;gap:25px;margin-top:40px}.notfound-links a{color:var(--accent)}
@media(max-width:1080px){.site-header{padding:18px 22px}.main-nav a{padding:8px 9px;font-size:12px}.home-hero{min-height:520px}.hero-visual{min-height:520px}.catalog-grid{grid-template-rows:repeat(2,220px)}.feature-copy{padding-right:25px}.page-intro{grid-template-columns:1.5fr .5fr;padding:35px}.variety-layout{gap:30px}}
@media(max-width:800px){.site-header{flex-wrap:wrap}.menu-toggle{display:flex;cursor:pointer;flex-direction:column;gap:5px;justify-content:center;width:44px;height:44px;border:1px solid var(--line);border-radius:8px;background:#18202a;padding:10px}.menu-toggle span{height:2px;background:white;width:100%}.main-nav{display:none;flex-basis:100%;width:100%;padding:12px 0 5px;align-items:stretch;flex-direction:column}.main-nav.open{display:flex}.main-nav a{padding:12px 16px;font-size:15px}main{padding:0 18px}.home-hero{grid-template-columns:1fr;min-height:unset;margin:5px 0 75px}.hero-copy{padding:55px 14px}.hero-visual{min-height:400px;max-height:460px}.hero-lead{max-width:680px}.catalog-grid{grid-template-columns:1fr 1fr;grid-template-rows:370px 270px 270px}.catalog-short{grid-column:span 2;grid-row:span 1}.home-feature,.series-split,.short-versus{grid-template-columns:1fr;gap:0}.feature-art{height:390px;border-radius:9px 9px 0 0}.feature-copy{padding:35px}.series-image{height:380px;margin-bottom:35px}.short-versus{gap:30px}.home-bottom{grid-template-columns:1fr;gap:30px}.page-intro{margin-bottom:65px;min-height:320px}.intro-art{height:230px}.reading-panel{gap:30px}.question-layout{grid-template-columns:1fr;gap:30px}.variety-layout{grid-template-columns:1fr;gap:15px}.watch-grid{grid-template-columns:1fr}.watch-grid article{min-height:unset}.footer-top{flex-direction:column}}
@media(max-width:560px){body{line-height:1.7}.site-header{padding:15px 18px}.brand-type strong{font-size:17px}.brand-type small{font-size:9px}h2{font-size:clamp(1.7rem,7.4vw,2.4rem)}.hero-copy h1{font-size:clamp(3.2rem,12vw,4.8rem)}.hero-copy{padding:48px 3px}.hero-lead{font-size:15px}.hero-visual{min-height:320px;border-radius:7px 45px 7px 7px}.hero-visual-label{left:22px;bottom:20px}.hero-actions{width:100%;flex-direction:column}.hero-actions .button{justify-content:center}.home-hero{margin-bottom:65px}.section-title-split{flex-direction:column;align-items:start;gap:10px}.catalog-grid{grid-template-columns:1fr;grid-template-rows:340px repeat(3,230px)}.catalog-short{grid-column:span 1}.catalog-item .catalog-body strong{font-size:27px}.catalog-short .catalog-body strong{font-size:34px}.catalog-item{border-radius:7px}.catalog-body{left:20px;bottom:18px}.home-catalog,.home-feature,.decision{margin-bottom:75px}.decision-grid{grid-template-columns:1fr}.decision-grid article{padding:24px}.decision-grid p{min-height:auto}.feature-art{height:280px}.feature-copy{padding:28px 22px}.home-bottom{padding:40px 0}.question-banner{min-height:200px;padding:25px}.page-intro{display:flex;flex-direction:column-reverse;align-items:stretch;padding:0;margin-top:15px}.page-intro-copy{padding:20px 23px 28px}.page-intro h1{font-size:clamp(2.2rem,9vw,3.3rem)}.page-intro .lead{font-size:14px}.intro-art{height:220px;transform:none;border-radius:0}.crumb{margin-top:20px}.genre-grid,.check-grid,.compare-grid,.related-grid,.short-lead{grid-template-columns:1fr}.short-lead{gap:22px}.short-stat{min-height:180px}.genre-card,.check-card{padding:27px}.reading-panel{grid-template-columns:1fr;padding:28px 24px;gap:10px}.mode-row{grid-template-columns:40px 1fr;gap:10px}.mode-row p{grid-column:2}.series-image{height:285px}.series-notes h2{margin-top:10px}.short-versus img{height:260px}.variety-entry h4{margin-top:16px}.feature-strip{display:block}.feature-strip>div{padding:33px 22px}.timeline-item{grid-template-columns:50px 1fr;gap:12px}.timeline-num{font-size:20px}.question-layout{margin-bottom:60px}.question-end{padding:30px 24px;margin-top:70px}.footer-top nav{gap:12px}.footer-bottom{flex-direction:column;gap:7px}.site-footer{padding:34px 20px 25px;margin-top:45px}.not-found{padding:85px 10px}.related-card{min-height:125px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}