:root{--ink:#192133;--night:#111827;--night2:#1b2539;--paper:#faf9f6;--surface:#fff;--mist:#f0f1ee;--line:#dfe3e6;--muted:#647081;--accent:#ecb76b;--accent-dark:#b76d2e;--deep:#344e5f;--shadow:0 24px 64px rgba(19,31,47,.1);--radius:14px;--wide:1220px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;background:var(--paper);line-height:1.75;font-size:16px;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit}p{margin:0 0 1.15em}h1,h2,h3{line-height:1.25;letter-spacing:-.035em;margin:0}h1{font-size:clamp(2.7rem,5vw,5rem);font-weight:780}h2{font-size:clamp(1.8rem,3vw,2.9rem)}h3{font-size:1.2rem}.shell{width:min(calc(100% - 64px),var(--wide));margin-inline:auto}.section{padding-block:94px}.section-heading{margin-bottom:34px;max-width:760px}.section-heading h2{margin:10px 0 15px}.section-heading p{color:var(--muted);max-width:660px}.split-heading{display:flex;max-width:none;align-items:end;justify-content:space-between;gap:48px}.split-heading>div{max-width:760px}.split-heading>p{max-width:315px;margin-bottom:7px}.eyebrow,.overline{font-size:.77rem;font-weight:760;letter-spacing:.13em;text-transform:uppercase;color:var(--accent-dark)}.skip-link{position:absolute;z-index:30;background:#fff;padding:12px 20px;top:-100px;left:20px}.skip-link:focus{top:10px}.site-header{background:var(--night);color:#fff;position:relative;z-index:10;border-bottom:1px solid rgba(255,255,255,.11)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:35px;min-height:90px}.brand{display:inline-flex;gap:12px;align-items:center;flex-shrink:0}.brand-mark{width:49px;height:49px;display:grid;place-items:center;border:1px solid rgba(236,183,107,.6);border-radius:13px;color:var(--accent);font-weight:800;font-size:25px;transform:rotate(-6deg)}.brand-mark::first-letter{transform:rotate(6deg)}.brand-words{display:flex;flex-direction:column;gap:0}.brand-words strong{font-size:1.37rem;line-height:1.4;letter-spacing:.08em}.brand-words small{font-size:.63rem;letter-spacing:.09em;color:#aeb7c4}.main-nav{display:flex;align-items:center;gap:7px}.main-nav a{padding:10px 17px;border-radius:24px;font-size:.9rem;color:#d0d7df;white-space:nowrap;transition:background .18s,color .18s}.main-nav a:hover,.main-nav a[aria-current=page]{background:rgba(255,255,255,.12);color:#fff}.menu-toggle{display:none}.hero{background:var(--night);color:white;overflow:hidden}.hero-grid{min-height:640px;display:grid;grid-template-columns:1.04fr .96fr;gap:55px;align-items:center;padding-block:60px 75px}.hero-copy{padding-block:30px}.overline{color:var(--accent);display:flex;align-items:center;gap:13px;margin-bottom:31px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px rgba(236,183,107,.12)}.hero h1{max-width:710px;line-height:1.12;letter-spacing:-.07em}.hero h1 em{display:block;color:var(--accent);font-style:normal;margin-top:13px}.hero-lead{margin:32px 0 28px;color:#c4cbd5;font-size:1.12rem;max-width:580px;line-height:2}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;padding:13px 22px;border-radius:8px;font-weight:710;font-size:.91rem;line-height:1.6;transition:transform .2s,background .2s,color .2s;border:1px solid transparent}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--accent);color:#1d2330}.button-primary:hover{background:#ffd19a}.button-ghost{color:#fff;border-color:#697382;background:transparent}.button-ghost:hover{background:rgba(255,255,255,.1)}.button-dark{background:var(--night);color:#fff}.button-dark:hover{background:#344052}.button-outline{border-color:rgba(255,255,255,.5);color:#fff}.button-outline:hover{background:rgba(255,255,255,.1)}.hero-meta{display:flex;flex-wrap:wrap;gap:10px 30px;color:#8592a3;font-size:.75rem;margin-top:51px;letter-spacing:.06em}.hero-visual{height:575px;position:relative;isolation:isolate}.hero-visual:before{content:"";position:absolute;inset:-18px 30px 40px -18px;border:1px solid rgba(236,183,107,.33);border-radius:160px 8px 8px 8px;z-index:-1}.hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:160px 8px 8px 8px;background:#303d53;color:#fff}.visual-label{position:absolute;bottom:28px;left:-25px;max-width:290px;background:var(--accent);padding:20px 24px;color:#1a2331;box-shadow:0 18px 40px #0005}.visual-label span{display:block;font-size:.65rem;letter-spacing:.15em;font-weight:800}.visual-label strong{font-size:1.15rem;line-height:1.5;display:block;margin-top:8px}.feature-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:20px}.feature-large{position:relative;min-height:460px;background:var(--night);overflow:hidden;border-radius:12px;color:#fff}.feature-large>img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.64;transition:transform .4s}.feature-large:hover img{transform:scale(1.035)}.feature-large:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#101725e8)}.feature-caption{position:absolute;bottom:0;padding:36px;z-index:1}.feature-caption>span:first-child{color:var(--accent);font-size:.8rem}.feature-caption h3{font-size:clamp(1.6rem,2.2vw,2.15rem);line-height:1.35;max-width:430px;margin:10px 0 23px}.feature-caption .arrow{font-weight:650}.feature-aside{display:grid;grid-template-rows:1fr 1fr;gap:20px}.feature-aside a{display:flex;flex-direction:column;align-items:flex-start;background:#eceeea;padding:31px;border-radius:12px;transition:background .2s}.feature-aside a:hover{background:#e2e8e5}.feature-aside h3{font-size:1.38rem;max-width:400px;margin:14px 0 12px}.feature-aside p{color:var(--muted);font-size:.9rem}.text-link{font-size:.86rem;font-weight:750;color:#9b5925;border-bottom:1px solid #bd8d61;display:inline-block;padding-bottom:3px}.feature-aside .text-link{margin-top:auto}.tinted{background:var(--mist)}.genre-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.genre-tile{display:block;background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden;transition:transform .2s,box-shadow .2s}.genre-tile:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.genre-image{height:180px;background:#ddd}.genre-image img{height:100%;width:100%;object-fit:cover}.genre-text{padding:23px 25px 26px}.genre-text h3{font-size:1.45rem;margin:8px 0 12px}.genre-text p{color:var(--muted);font-size:.88rem;line-height:1.9;margin:0}.index-num{font-family:Georgia,serif;color:var(--accent-dark);font-size:.85rem}.story-row{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.story-row h2{margin:18px 0 22px;max-width:520px}.story-row p{color:var(--muted);line-height:2;max-width:480px;margin-bottom:28px}.story-image img{height:430px;width:100%;object-fit:cover;border-radius:13px 100px 13px 13px;background:#dde2e4}.tips-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.tips-grid a{padding:32px 36px 23px 0;display:block}.tips-grid a+a{padding-left:32px;border-left:1px solid var(--line)}.tip-icon{width:45px;height:45px;display:grid;place-items:center;background:#e6e9e8;color:var(--deep);font-family:Georgia,serif;font-weight:800;border-radius:50%;margin-bottom:25px}.tips-grid h3{font-size:1.33rem;margin-bottom:12px}.tips-grid p{color:var(--muted);font-size:.91rem}.closing-band{background:#233547;color:white;padding:72px 0}.closing-grid{display:grid;grid-template-columns:1fr .75fr;gap:90px;align-items:center}.closing-band .eyebrow{color:var(--accent)}.closing-grid h2{margin-top:16px}.closing-grid p{color:#cbd2da;line-height:2}.site-footer{background:var(--night);color:#c8d1dd}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:80px;padding:70px 0 62px}.footer-brand{display:inline-block;font-weight:850;font-size:1.55rem;color:#fff;margin-bottom:13px}.footer-grid p{max-width:385px;font-size:.9rem}.footer-note{font-size:.77rem!important;color:#96a2b2}.footer-grid h2{font-size:.96rem;color:#fff;margin:9px 0 20px}.footer-grid a:not(.footer-brand){display:block;margin-bottom:12px;font-size:.88rem}.footer-grid a:hover,.footer-bottom a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid #334052;padding:23px 0 30px;display:flex;justify-content:space-between;gap:20px;font-size:.8rem;color:#92a0b2}.page-wrap{padding-bottom:96px}.breadcrumb{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:.77rem;color:#7f8993;padding-top:30px}.breadcrumb a:hover{color:#ae662f}.page-heading{padding:72px 0 68px;max-width:870px}.page-heading h1{font-size:clamp(2.7rem,4.7vw,4.8rem);line-height:1.18;margin:15px 0 28px}.page-heading p{font-size:1.13rem;color:var(--muted);max-width:720px;line-height:2}.page-heading-wide{max-width:1100px}.editorial-intro{display:grid;grid-template-columns:1fr 1fr;background:#e7eae7;border-radius:14px;overflow:hidden}.editorial-intro>img{height:100%;min-height:500px;width:100%;object-fit:cover;background:#cfd4d2}.editorial-intro>div{padding:55px 60px}.editorial-intro h2{font-size:2rem;margin:15px 0 22px}.check-steps{list-style:none;counter-reset:step;padding:0;margin:0}.check-steps li{position:relative;padding:0 0 22px 48px;counter-increment:step}.check-steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:0;color:#9c632f;font:700 1.1rem Georgia,serif}.check-steps li strong{display:block;margin-bottom:5px}.check-steps li p{color:var(--muted);font-size:.89rem;margin:0}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.topic-card{display:flex;flex-direction:column;min-height:265px;padding:27px 28px;background:white;border:1px solid var(--line);border-radius:12px;transition:border-color .2s,box-shadow .2s}.topic-card:hover{border-color:#d1a472;box-shadow:0 16px 35px #1b253910}.topic-card__top{display:flex;gap:10px;justify-content:space-between;align-items:baseline;margin-bottom:22px}.topic-card .reading{font-size:.75rem;color:#8993a1}.topic-card h3{font-size:1.3rem;line-height:1.48;margin:0 0 14px}.topic-card h3 a:hover{color:#ad682b}.topic-card p{font-size:.87rem;color:var(--muted);line-height:1.85;flex:1}.topic-card .text-link{align-self:flex-start;margin-top:10px}.quote-panel{padding:55px 60px;background:var(--night2);border-radius:12px;color:#fff}.quote-panel .eyebrow{color:var(--accent)}.quote-panel blockquote{font-size:clamp(1.35rem,2.3vw,2rem);line-height:1.65;max-width:880px;margin:16px 0 25px}.quote-panel .text-link{color:var(--accent);border-color:var(--accent)}.anchor-bar{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:45px}.anchor-bar a{border:1px solid var(--line);background:white;padding:9px 18px;border-radius:30px;font-size:.9rem}.anchor-bar a:hover{background:var(--night);color:#fff}.genre-sections{border-top:1px solid var(--line)}.genre-detail{scroll-margin-top:40px;display:grid;grid-template-columns:350px 1fr;gap:60px;padding:52px 0;border-bottom:1px solid var(--line);align-items:center}.genre-detail__image img{width:100%;height:330px;object-fit:cover;border-radius:12px;background:#d4d9d8}.genre-detail h2{margin:8px 0 17px;font-size:2.3rem}.genre-detail p{max-width:680px;color:var(--muted)}.genre-detail h3{font-size:.94rem;margin:25px 0 12px}.genre-detail ul{padding-left:20px;margin:0 0 22px;columns:2;max-width:710px}.genre-detail li{padding:4px 10px 4px 0;font-size:.89rem;break-inside:avoid}.final-guidance{max-width:800px}.final-guidance h2{margin-bottom:20px}.final-guidance p{color:var(--muted);line-height:2;margin-bottom:28px}.viewing-hero{display:grid;grid-template-columns:1fr 1fr;background:var(--night2);color:white;overflow:hidden;border-radius:13px;min-height:385px}.viewing-hero>div{padding:55px}.viewing-hero h2{margin:15px 0 22px}.viewing-hero p{color:#c4cfdd;line-height:2;margin-bottom:23px}.viewing-hero img{width:100%;height:100%;min-height:385px;object-fit:cover;background:#38485b}.split-advice{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line);padding:40px 0 0}.split-advice h2{font-size:1.5rem;margin-bottom:15px}.split-advice p{color:var(--muted);line-height:2}.faq-layout{max-width:980px}.faq-list{border-top:1px solid #cdd3d6}.faq-item{border-bottom:1px solid #cdd3d6;background:transparent}.faq-item summary{list-style:none;display:grid;grid-template-columns:40px 1fr 26px;gap:20px;align-items:center;cursor:pointer;padding:27px 8px;font-size:1.13rem;font-weight:720;line-height:1.5}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:hover{color:#9b5b2d}.faq-num{color:#b47c4b;font:1rem Georgia,serif}.faq-plus{font-size:1.6rem;font-weight:300;transition:transform .2s}.faq-item[open] .faq-plus{transform:rotate(45deg)}.faq-item>p{margin:0 70px 28px 68px;color:var(--muted);line-height:2}.faq-bottom{margin-top:68px;padding:45px;background:#e9ebe9;border-radius:12px}.faq-bottom h2{font-size:1.65rem}.faq-bottom p{color:var(--muted);margin:16px 0 24px}.about-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px;align-items:start}.about-layout img{width:100%;height:620px;object-fit:cover;border-radius:12px;background:#cdd2d2}.about-copy h2{font-size:1.75rem;margin:0 0 19px}.about-copy h2:not(:first-child){margin-top:48px}.about-copy p{color:var(--muted);line-height:2.15}.about-copy a{text-decoration:underline;text-underline-offset:4px;color:#9f5b26}.article-shell{max-width:1120px;padding-bottom:100px}.article-body{max-width:850px;margin:0 auto}.article-header{padding:70px 0 54px;border-bottom:1px solid var(--line)}.article-header h1{font-size:clamp(2.5rem,4.5vw,4.5rem);margin:18px 0 30px;line-height:1.19}.article-deck{color:#677485;font-size:1.16rem;line-height:2;max-width:730px}.article-content{font-size:1.05rem;line-height:2.15}.article-content section{padding-top:37px}.article-content h2{font-size:1.73rem;margin-bottom:23px}.article-content p{color:#3c4654;margin-bottom:1.35em}.article-note{margin:50px 0 40px;border-left:4px solid var(--accent-dark);background:#edece8;padding:25px 32px}.article-note strong{font-size:1rem}.article-note p{color:var(--muted);margin:8px 0 0}.article-shell>.section{border-top:1px solid var(--line)}.missing{text-align:center;min-height:66vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:75px 0}.missing-number{font:800 clamp(5rem,14vw,12rem) Georgia,serif;line-height:1;color:#e2e3dd}.missing h1{font-size:2.4rem;margin:20px 0}.missing>p{color:var(--muted)}.missing-links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:23px}.missing-links .button-ghost{color:var(--ink);border-color:#b5bdc7}.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}:focus-visible{outline:3px solid #d78e45;outline-offset:4px}img{font-size:.8rem}a,button,summary{-webkit-tap-highlight-color:transparent}
@media(max-width:1100px){.shell{width:min(calc(100% - 48px),var(--wide))}.header-inner{gap:16px}.main-nav a{padding:9px 11px}.hero-grid{gap:35px}.hero-visual{height:500px}.hero h1{font-size:clamp(2.7rem,4.5vw,4.4rem)}.story-row{gap:45px}.genre-detail{grid-template-columns:290px 1fr;gap:35px}.editorial-intro>div{padding:38px}}
@media(max-width:820px){.section{padding-block:68px}.split-heading{align-items:start;flex-direction:column;gap:7px}.header-inner{min-height:78px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;background:transparent;border:1px solid #536174;border-radius:8px;width:44px;height:42px;padding:10px;cursor:pointer}.menu-toggle[hidden]{display:none}.menu-toggle span:not(.sr-only){background:#fff;height:2px;display:block;width:100%}.has-js .main-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:15px 24px 23px;flex-direction:column;align-items:stretch;background:#1a2535;border-top:1px solid #465163;box-shadow:0 15px 30px #0004}.has-js .main-nav.is-open{display:flex}.main-nav a{padding:11px 14px}.hero-grid{min-height:auto;grid-template-columns:1.2fr .8fr;gap:23px}.hero h1{font-size:clamp(2.5rem,5.2vw,3.8rem)}.hero-lead{font-size:1rem}.hero-visual{height:470px}.visual-label{left:-9px;right:12px;max-width:none;padding:15px}.visual-label strong{font-size:1rem}.genre-grid,.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid{grid-template-columns:1fr 1fr}.feature-large{min-height:420px}.feature-caption{padding:26px}.feature-aside a{padding:23px}.feature-aside h3{font-size:1.1rem}.editorial-intro{grid-template-columns:1fr 1.3fr}.editorial-intro>img{min-height:460px}.editorial-intro h2{font-size:1.6rem}.genre-detail{grid-template-columns:240px 1fr;gap:28px}.genre-detail__image img{height:290px}.genre-detail ul{columns:1}.about-layout{gap:30px}.footer-grid{gap:35px}.closing-grid{gap:40px}}
@media(max-width:600px){html{scroll-padding-top:80px}.shell{width:calc(100% - 36px)}.site-header .brand-words strong{font-size:1.15rem}.brand-words small{font-size:.58rem}.brand-mark{width:42px;height:42px;font-size:22px}.hero-grid{padding:38px 0 48px;display:block}.hero-copy{padding:10px 0 25px}.hero h1{font-size:clamp(2.8rem,10vw,4.4rem);max-width:500px}.overline{margin-bottom:21px}.hero-lead{margin:25px 0}.hero-meta{margin-top:26px}.hero-visual{height:300px;margin:25px 0 0 15px}.hero-visual>img{border-radius:92px 7px 7px 7px}.hero-visual:before{border-radius:100px 7px 7px 7px;inset:-9px 10px 24px -10px}.visual-label{bottom:15px;max-width:245px;left:-15px}.visual-label span{font-size:.58rem}.visual-label strong{font-size:.84rem}.section{padding-block:55px}.section-heading{margin-bottom:25px}.section-heading h2{font-size:clamp(1.8rem,7.1vw,2.5rem)}.section-heading p{font-size:.9rem}.feature-grid,.story-row,.editorial-intro,.viewing-hero,.about-layout,.closing-grid,.split-advice{grid-template-columns:1fr}.feature-large{min-height:340px}.feature-aside{grid-template-columns:1fr;grid-template-rows:auto;gap:12px}.feature-aside a{min-height:205px}.genre-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.genre-image{height:120px}.genre-text{padding:15px}.genre-text h3{font-size:1.15rem}.genre-text p{font-size:.77rem;line-height:1.8}.story-row{gap:24px}.story-image img{height:270px;border-radius:13px 70px 13px 13px}.tips-grid{grid-template-columns:1fr}.tips-grid a,.tips-grid a+a{padding:22px 0;border-left:0;border-bottom:1px solid var(--line)}.tip-icon{margin-bottom:13px}.closing-band{padding:52px 0}.closing-grid{gap:18px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:30px;padding:45px 0}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{font-size:.72rem}.page-heading{padding:48px 0 42px}.page-heading h1{font-size:clamp(2.4rem,9vw,3.8rem)}.page-heading p{font-size:1rem}.editorial-intro>img{height:240px;min-height:0}.editorial-intro>div{padding:30px 24px}.card-grid{grid-template-columns:1fr}.topic-card{min-height:230px}.quote-panel{padding:35px 27px}.anchor-bar{gap:7px}.anchor-bar a{font-size:.78rem;padding:8px 12px}.genre-detail{grid-template-columns:1fr;gap:22px;padding:35px 0}.genre-detail__image img{height:220px}.genre-detail h2{font-size:2rem}.genre-detail ul{columns:1}.viewing-hero>div{padding:35px 26px}.viewing-hero img{height:230px;min-height:0}.faq-item summary{grid-template-columns:25px 1fr 20px;gap:11px;padding:22px 0;font-size:1rem}.faq-item>p{margin:0 28px 24px 35px}.faq-bottom{padding:30px}.about-layout img{height:320px}.article-header{padding:50px 0 36px}.article-header h1{font-size:clamp(2.3rem,8.5vw,3.4rem)}.article-deck{font-size:1rem}.article-content{font-size:1rem}.article-content h2{font-size:1.5rem}.article-note{padding:22px}.missing h1{font-size:1.8rem}.missing-links{flex-direction:column;align-items:stretch}.missing-links .button{min-width:240px}}
@media(max-width:380px){.genre-grid{grid-template-columns:1fr}.genre-image{height:190px}.brand-words small{display:none}.hero h1{font-size:2.6rem}.hero-actions .button{width:100%}.hero-visual{height:260px}.footer-grid{gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}