:root{--ink:#192137;--ink-soft:#4b5770;--deep:#10182b;--deep2:#18243a;--cream:#faf9f5;--paper:#fff;--surface:#f0f2f5;--line:#e0e3e9;--accent:#f66e4a;--accent-dark:#c94b2c;--mint:#a9e4d0;--radius:20px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.72;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{line-height:1.25;letter-spacing:-.035em}h1{font-size:clamp(2.6rem,5.2vw,5.4rem)}h2{font-size:clamp(1.9rem,3.4vw,3.15rem)}h3{font-size:1.4rem}p{color:var(--ink-soft)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip-link{position:absolute;left:12px;top:-100px;background:#fff;padding:10px 16px;z-index:100}.skip-link:focus{top:12px}.site-header{background:var(--deep);color:#fff;position:relative;z-index:20}.header-shell{max-width:1320px;margin:auto;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand img{width:42px;height:42px;object-fit:contain}.brand span{font-size:24px;font-weight:850;letter-spacing:-.05em}.brand small{font-size:11px;font-weight:500;color:#b1bdd1;margin-left:8px;letter-spacing:.06em}.primary-nav{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.primary-nav a{border-radius:100px;padding:8px 15px;color:#b6c2d5;font-size:14px;transition:background .2s,color .2s}.primary-nav a:hover,.primary-nav a[aria-current]{background:#ffffff1b;color:#fff}.menu-toggle{display:none;background:#ffffff15;color:#fff;border:1px solid #ffffff32;border-radius:12px;padding:8px 12px;cursor:pointer}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-weight:800;font-size:11px;color:var(--accent-dark)}.home-intro{background:var(--deep);color:#fff;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);min-height:590px;overflow:hidden}.intro-copy{padding:92px max(40px,calc((100vw - var(--max))/2)) 88px max(40px,calc((100vw - var(--max))/2));padding-right:50px;max-width:900px;align-self:center}.intro-copy .eyebrow{color:var(--mint)}.intro-copy h1{max-width:650px;margin:24px 0;letter-spacing:-.06em}.intro-copy h1 em{display:block;font-style:normal;color:var(--mint)}.intro-copy p{color:#c1ccdc;max-width:580px;font-size:17px;line-height:1.9}.intro-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:35px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:50px;border-radius:100px;font-weight:750;padding:12px 25px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--accent);color:#1d1b1c}.btn-primary:hover{background:#ff8c68}.btn-quiet{color:white;border:1px solid #718199}.btn-quiet:hover{background:#ffffff12}.intro-visual{position:relative;min-height:500px;background:radial-gradient(circle at 60% 40%,#38536a,transparent 70%),#243349}.intro-visual img{width:100%;height:100%;object-fit:cover;opacity:.83}.intro-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--deep),transparent 30%),linear-gradient(0deg,#10182b9c,transparent 45%);pointer-events:none}.visual-caption{position:absolute;bottom:38px;left:30px;right:25px;color:white;z-index:1;border-left:3px solid var(--mint);padding-left:20px}.visual-caption span{display:block;font-size:12px;color:#b9cbd1}.visual-caption strong{font-size:20px}.section-pad{max-width:var(--max);padding:90px 30px;margin:auto}.section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:37px}.section-head h2{margin:12px 0 0;max-width:680px}.section-head>p{max-width:330px;font-size:14px}.lane-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(220px,auto);gap:16px}.lane{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;justify-content:space-between;min-width:0;transition:transform .2s,box-shadow .2s}.lane:hover{transform:translateY(-4px);box-shadow:0 12px 28px #1a2b4412}.lane-num{font-size:11px;letter-spacing:.15em;color:#758097;font-weight:850}.lane h3{font-size:30px;margin:18px 0 8px}.lane p{font-size:14px;max-width:390px}.lane .arrow{display:block;font-weight:750;color:var(--accent-dark);font-size:14px;margin-top:20px}.lane-feature{position:relative;grid-row:span 2;background:var(--deep2);color:white;overflow:hidden;min-height:445px;border:0;justify-content:space-between}.lane-feature .lane-num{color:#a8c3bf}.lane-feature p{color:#d1d6df}.lane-feature>div{position:relative;z-index:2}.lane-feature .arrow{color:var(--mint)}.lane-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22}.lane-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#152238 5%,transparent 95%)}.lane-feature>span{position:relative;z-index:2}.feature-band{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#e9efe9;overflow:hidden}.feature-band>div{padding:85px 10% 85px max(40px,calc((100vw - var(--max))/2));}.feature-band h2{margin:20px 0}.feature-band p{max-width:490px}.feature-band>img{width:100%;height:500px;object-fit:cover}.text-link{display:inline-flex;color:var(--accent-dark);font-weight:850;margin-top:20px;border-bottom:2px solid currentColor;padding-bottom:5px}.text-link:hover{color:#802f1e}.picks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.picks-grid article{padding:32px;border-radius:var(--radius);background:white;border:1px solid var(--line)}.picks-grid article>span{font-size:12px;letter-spacing:.07em;color:#768097}.picks-grid h3{margin:24px 0 14px;min-height:90px}.picks-grid p{font-size:14px}.picks-grid a{font-size:14px;font-weight:800;color:var(--accent-dark)}.bottom-cta{text-align:center;padding:70px 25px 90px;background:#f2efeb}.bottom-cta h2{max-width:780px;margin:0 auto 14px}.bottom-cta p{margin-bottom:25px}.site-footer{background:var(--deep);color:#f3f5fb;padding:55px 28px 20px}.footer-shell{max-width:var(--max);margin:auto;display:flex;justify-content:space-between;gap:50px}.footer-shell strong{font-size:23px}.footer-shell p{max-width:380px;color:#9baac1;font-size:13px}.footer-shell nav{display:grid;grid-template-columns:repeat(3,max-content);gap:12px 28px}.footer-shell nav a{color:#cbd5e4;font-size:13px}.footer-shell nav a:hover{color:var(--mint)}.footer-bottom{max-width:var(--max);margin:42px auto 0;padding-top:18px;border-top:1px solid #ffffff22;font-size:12px;color:#93a0b6}.interior{max-width:var(--max);padding:35px 30px 90px;margin:auto}.breadcrumbs{display:flex;align-items:center;gap:12px;color:#778294;font-size:12px;margin:6px 0 38px}.breadcrumbs a:hover{color:var(--accent-dark)}.section-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center;margin-bottom:70px}.section-hero h1{font-size:clamp(2.5rem,4.8vw,4.6rem);margin:20px 0 24px}.section-hero p{max-width:600px;font-size:17px}.section-hero figure{margin:0;min-height:390px;max-height:460px;border-radius:26px;overflow:hidden;background:#dae4eb}.section-hero img{height:100%;width:100%;object-fit:cover;aspect-ratio:1.1}.article-section{padding:35px 0 70px;border-top:1px solid var(--line)}.editorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.editorial-card{background:white;border:1px solid var(--line);padding:32px;border-radius:20px;box-shadow:0 2px 3px #11111104}.article-top{display:flex;justify-content:space-between;gap:12px;font-size:12px}.tag{color:#b8492a;font-weight:800}.reading{color:#8490a2}.editorial-card h3{margin:18px 0 15px;font-size:25px}.editorial-card p{font-size:15px;color:#4d5870}.detail-points{padding:18px 0 0 20px;border-top:1px solid var(--line);color:#47536b;font-size:14px}.detail-points li{margin:10px 0;padding-left:4px}.detail-points li::marker{color:var(--accent)}.related{margin-top:20px;padding:35px 40px;background:#e8eeed;border-radius:22px}.related h2{font-size:24px}.related-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related-links a{background:white;border-radius:12px;padding:15px 16px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:14px;font-weight:650}.related-links a:hover{background:#fff5f1;color:var(--accent-dark)}.guide-head{background:var(--deep2);color:#fff;border-radius:25px;overflow:hidden;display:grid;grid-template-columns:1.2fr .8fr;min-height:470px}.guide-head>div{padding:70px 60px;align-self:center}.guide-head .eyebrow{color:var(--mint)}.guide-head h1{font-size:clamp(2.5rem,4.3vw,4.3rem);margin:19px 0}.guide-head p{color:#cad5e0;max-width:620px}.guide-head img{width:100%;height:100%;object-fit:cover;min-height:360px}.steps-area{padding:70px 0}.steps-area h2{margin-bottom:28px}.step-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.step{display:flex;gap:22px;padding:30px;border-bottom:1px solid var(--line);background:#fff;border-radius:15px}.step>span{font-size:29px;color:var(--accent-dark);font-weight:850}.step h3{margin-bottom:10px}.step p{font-size:14px}.troubleshoot{background:#eaf0eb;padding:45px;border-radius:24px}.troubleshoot>div:first-child{max-width:650px}.trouble-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:25px}.trouble-grid article{border-left:3px solid var(--accent);padding:10px 20px;background:#ffffff9c}.trouble-grid strong{font-size:17px}.trouble-grid p{font-size:14px;margin:8px 0}.faq-page{max-width:950px}.faq-intro{max-width:850px;margin:35px 0 55px}.faq-intro h1{font-size:clamp(2.4rem,5vw,4.5rem);margin:20px 0}.faq-intro p{font-size:17px}.faq-stack{display:grid;gap:12px}.faq-stack details{background:white;border:1px solid var(--line);border-radius:14px;padding:0 28px}.faq-stack summary{cursor:pointer;list-style:none;display:flex;gap:22px;align-items:center;font-weight:750;padding:24px 0;font-size:17px}.faq-stack summary::-webkit-details-marker{display:none}.faq-stack summary span{color:var(--accent-dark);font-size:13px}.faq-stack summary:after{content:'+';margin-left:auto;font-size:25px;font-weight:400}.faq-stack details[open] summary:after{content:'−'}.faq-stack details p{margin:0 0 28px 35px;padding-top:8px;border-top:1px solid var(--line)}.faq-end{margin:55px 0;padding:40px;border-radius:20px;background:#e8eeed}.faq-end h2{font-size:28px}.faq-end .btn{margin-top:10px}
@media(max-width:1100px){.header-shell{padding:16px 22px}.brand small{display:none}.primary-nav a{padding:8px 10px}.intro-copy{padding:70px 45px}.section-pad{padding:75px 30px}.feature-band>div{padding:50px}.related-links{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.header-shell{flex-wrap:wrap;padding:12px 18px}.brand span{font-size:22px}.brand img{height:34px;width:34px}.menu-toggle{display:inline-flex;align-items:center;gap:8px}.primary-nav{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:6px 0 0}.js .primary-nav:not(.is-open){display:none}.primary-nav a{padding:10px 8px;text-align:center;font-size:13px}.home-intro{grid-template-columns:1fr}.intro-copy{padding:60px 24px 42px}.intro-copy h1{font-size:clamp(2.6rem,10vw,4.2rem)}.intro-copy p{font-size:15px}.intro-visual{min-height:250px;max-height:300px}.intro-visual img{min-height:300px}.visual-caption{bottom:20px}.section-pad{padding:56px 18px}.section-head{display:block;margin-bottom:23px}.section-head h2{font-size:clamp(2rem,7vw,2.8rem)}.section-head>p{max-width:unset}.lane-grid{grid-template-columns:1fr 1fr;grid-auto-rows:auto}.lane{padding:22px;min-height:225px}.lane-feature{grid-column:span 2;grid-row:auto;min-height:300px}.lane h3{font-size:25px}.feature-band{grid-template-columns:1fr}.feature-band>div{padding:55px 24px}.feature-band>img{height:280px}.picks-grid{grid-template-columns:1fr}.picks-grid h3{min-height:0}.bottom-cta{padding:55px 20px}.footer-shell{display:block}.footer-shell nav{grid-template-columns:repeat(3,1fr);margin-top:30px}.interior{padding:22px 18px 65px}.breadcrumbs{margin:8px 0 26px}.section-hero{grid-template-columns:1fr;gap:28px;margin-bottom:45px}.section-hero h1{font-size:clamp(2.5rem,8.5vw,4rem)}.section-hero p{font-size:15px}.section-hero figure{min-height:240px;max-height:320px}.section-hero img{aspect-ratio:1.5}.editorial-grid{grid-template-columns:1fr}.article-section{padding-bottom:35px}.editorial-card{padding:25px}.related{padding:25px 20px}.related-links{grid-template-columns:1fr 1fr}.guide-head{grid-template-columns:1fr}.guide-head>div{padding:45px 28px}.guide-head img{max-height:260px}.step-list{grid-template-columns:1fr}.steps-area{padding:50px 0}.troubleshoot{padding:25px}.faq-intro{margin:30px 0}.faq-stack details{padding:0 18px}.faq-stack summary{font-size:15px;gap:10px}.faq-stack details p{margin-left:22px}.faq-end{padding:28px}}
@media(max-width:430px){.primary-nav{grid-template-columns:repeat(2,1fr)}.intro-actions{align-items:stretch;flex-direction:column}.btn{width:100%}.lane-grid{grid-template-columns:1fr}.lane-feature{grid-column:auto}.lane{min-height:190px}.related-links{grid-template-columns:1fr}.footer-shell nav{grid-template-columns:repeat(2,1fr)}.trouble-grid{grid-template-columns:1fr}.step{padding:20px}.step>span{font-size:23px}.site-footer{padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}