@font-face{font-family:Figtree;src:url(figtree.woff2) format('woff2');font-weight:400 900;font-style:normal;font-display:swap}
:root{--bg:#f8f6f2;--panel:#fffefc;--ink:#292624;--muted:#69625d;--line:#dfd9d2;--coral:#d9523f;--coral-dark:#ac3526;--coral-soft:#f8e8e2;--dark:#211f1d;--header-height:76px;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0}body{margin:0;background:var(--bg);color:var(--ink);font-family:Figtree,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;line-height:1.65}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;display:block}p,h1,h2,h3,figure{margin:0}h1,h2,h3{line-height:1.35;letter-spacing:-.025em;text-wrap:balance}p{text-wrap:pretty}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--coral);outline-offset:5px}::selection{background:#f2c4b7;color:#292624}.wrap{max-width:var(--max);margin-inline:auto;width:calc(100% - 96px)}.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}[hidden]{display:none!important}.skip-link{position:fixed;left:16px;top:12px;transform:translateY(-160%);background:var(--coral);color:white;padding:10px 20px;z-index:50;border-radius:7px}.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:20;height:var(--header-height);background:var(--bg);border-bottom:1px solid var(--line)}.nav-wrap{max-width:var(--max);width:calc(100% - 96px);margin:auto;display:flex;align-items:center;gap:21px;height:100%}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;font-weight:800;font-size:23px;letter-spacing:-.7px}.brand img{border-radius:8px}.nav-divider{width:1px;height:20px;background:#cbc3ba}.nav-title{font-size:15px;color:var(--muted);white-space:nowrap}.nav-wrap nav{margin-left:auto;display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600}.nav-wrap nav a:hover{color:var(--coral-dark)}.nav-cta{font-size:13px;font-weight:700;border:1px solid #c9bfb5;border-radius:30px;padding:8px 17px;white-space:nowrap;transition:background .2s,color .2s}.nav-cta:hover{background:var(--ink);color:white}.nav-cta span{margin-left:7px}
.home-intro{padding-top:78px;padding-bottom:48px;display:grid;grid-template-columns:1.4fr 1fr;gap:90px;align-items:end}.section-label{font-size:14px;color:var(--coral-dark);font-weight:700;margin-bottom:20px}.home-intro h1{font-size:clamp(38px,4.25vw,61px);font-weight:760;line-height:1.27}.home-intro h1 span{color:#82786e}.intro-aside{max-width:350px;padding-bottom:7px;justify-self:end}.intro-aside p{font-size:17px;line-height:1.95;color:var(--muted);margin-bottom:23px}.text-link{font-weight:700;font-size:14px;display:inline-flex;gap:18px;align-items:center}.text-link span{transition:transform .22s}.text-link:hover{color:var(--coral-dark)}.text-link:hover span{transform:translateX(4px)}
.featured{display:grid;grid-template-columns:1.35fr 1fr;background:#ece7df;border-radius:22px;overflow:hidden;align-items:center;min-height:400px}.featured-image{padding:34px 0 34px 30px}.featured-image .screen{margin:0}.featured-image .screen img{border-radius:11px;box-shadow:0 8px 24px #29262412;border:1px solid #d5cfc6}.featured-image figcaption{font-size:11px;text-align:left;margin-left:4px;color:#6b625a}.featured-copy{padding:46px 44px 46px 50px}.featured-label{color:var(--coral-dark);font-size:12px;font-weight:700;display:inline-block;margin-bottom:14px}.featured h2{font-size:32px;line-height:1.45;letter-spacing:-.03em;margin-bottom:17px}.featured-copy>p{font-size:15px;line-height:1.9;color:#645b53;max-width:31ch;margin-bottom:25px}.button{border:1px solid var(--line);background:var(--panel);border-radius:30px;display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:12px 23px;font-size:14px;font-weight:700;transition:background .22s,transform .22s}.button:hover{transform:translateY(-2px)}.button.coral{background:#c44835;border-color:#c44835;color:#fff}.button.coral:hover{background:var(--coral-dark)}.featured-time{display:block;color:#70665d;font-size:12px;margin-top:14px}.featured-copy .button{font-size:14px}
.guides-section{padding-top:84px;padding-bottom:88px;scroll-margin-top:110px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:30px}.section-heading h2{font-size:30px;margin-bottom:9px}.section-heading p{font-size:15px;color:var(--muted)}.search-form{display:flex;align-items:center;gap:12px;min-width:295px;border:1px solid #cec7be;background:#fffdf9;border-radius:12px;padding:11px 16px;color:var(--muted)}.search-form input{border:0;background:transparent;color:var(--ink);outline:0;min-width:0;width:100%;font-size:14px}.search-form:focus-within{outline:2px solid var(--coral);outline-offset:3px}.search-form input:focus-visible{outline:0}.search-form input::placeholder{color:#746b62}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0 34px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:0;color:#6d635a;background:transparent;padding:8px 18px;border-radius:20px;font-size:14px;transition:background .2s,color .2s}.filters button:hover{background:#ede7df}.filters button[aria-pressed=true]{background:var(--ink);color:white}.result-count{white-space:nowrap;color:var(--muted);font-size:13px}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 34px}.guide-card{min-width:0;border-bottom:1px solid var(--line);padding-bottom:28px}.guide-visual{border:1px solid #e1dbd2;border-radius:14px;background:#efebe4;padding:22px;aspect-ratio:1.85;display:flex;align-items:center;justify-content:center;overflow:hidden}.guide-visual img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px #2b23120a);border-radius:5px}.guide-visual.dark-visual{background:#292523;border-color:#292523}.guide-card-body{padding:21px 1px 0}.card-meta{display:flex;justify-content:space-between;color:#786f65;font-size:12px;margin-bottom:10px}.card-meta span:first-child{color:var(--coral-dark);font-weight:700}.guide-card h3{font-size:25px;line-height:1.5;margin-bottom:11px}.guide-card h3 a:hover{color:var(--coral-dark)}.guide-card p{color:var(--muted);font-size:15px;line-height:1.9;max-width:57ch;margin-bottom:18px}.empty-results{text-align:center;border:1px dashed #cfc5bb;border-radius:16px;padding:64px 20px}.empty-results h3{font-size:24px}.empty-results p{margin:14px 0 25px;color:var(--muted)}
.watch-banner{background:var(--dark);color:#fff9f2;padding:64px 0}.watch-banner>.wrap{display:grid;grid-template-columns:.9fr 1.25fr;gap:55px;align-items:center}.watch-banner .section-label{color:#ef9889}.watch-banner h2{font-size:35px;line-height:1.45;margin-bottom:18px}.watch-banner p:not(.section-label){font-size:15px;color:#c5bcb4;max-width:30ch;margin-bottom:26px;line-height:1.9}.watch-banner .screen{margin:0}.watch-banner img{border:1px solid #504741;border-radius:10px}.watch-banner figcaption{color:#c3b6ab;font-size:11px}.watch-banner figcaption a{color:#f3b7a9}.button.light{background:#f8eee4;border-color:#f8eee4;color:#30271f}.faq-section{padding-block:96px;display:grid;grid-template-columns:.8fr 1.35fr;gap:90px}.faq-section h2{font-size:32px;line-height:1.5}.faq-section>div>p{color:var(--muted);font-size:15px;margin-top:18px}.faq{border-bottom:1px solid var(--line)}.faq:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.faq summary{padding:23px 0;display:flex;gap:24px;justify-content:space-between;font-size:17px;font-weight:600}.faq summary span{font-size:22px;color:var(--coral-dark);transition:transform .2s}.faq[open] summary span{transform:rotate(45deg)}.faq>div{padding:0 35px 24px 0;font-size:15px;color:var(--muted);line-height:1.9}.faq a{color:var(--coral-dark);display:inline-block;margin-top:12px;font-size:14px;font-weight:600}
.site-footer{border-top:1px solid var(--line);max-width:var(--max);width:calc(100% - 96px);margin-inline:auto;padding:38px 0 30px}.footer-top{display:flex;align-items:center;gap:24px}.footer-top .brand{font-size:21px}.footer-top p{font-size:13px;color:#756b62}.footer-top>div{margin-left:auto;display:flex;gap:23px;font-size:13px;color:var(--muted)}.footer-top a:hover{color:var(--coral-dark)}.footer-bottom{display:flex;justify-content:space-between;gap:24px;color:#746a61;font-size:11px;margin-top:32px;padding-top:22px;border-top:1px solid #e7e0d7}.footer-bottom a{text-decoration:underline;text-underline-offset:3px}
.breadcrumb{font-size:13px;display:flex;gap:13px;color:var(--muted);align-items:center;margin-bottom:38px}.breadcrumb a:hover{color:var(--coral-dark)}.article-heading{padding-top:41px;max-width:1040px}.article-heading .breadcrumb{margin-bottom:36px}.article-label{color:var(--coral-dark);font-weight:700;font-size:14px;margin-bottom:15px}.article-heading h1{font-size:clamp(32px,3.8vw,49px);line-height:1.38;max-width:24ch;margin-bottom:22px;font-weight:750}.article-deck{font-size:19px;color:var(--muted);max-width:57ch;line-height:1.9}.article-meta{display:flex;align-items:center;gap:25px;color:#786e65;font-size:12px;border-top:1px solid var(--line);padding-top:19px;margin-top:28px;margin-bottom:34px}.copy-link{margin-left:auto;background:transparent;border:0;padding:4px;color:var(--coral-dark);font-size:12px;font-weight:650}.copy-link span{margin-left:8px}.article-hero{max-width:1140px}.screen{margin:32px 0 40px}.screen img{width:100%;height:auto;border:1px solid #ddd7cf;border-radius:10px;background:#eeece9}.screen figcaption{display:block;font-size:12px;color:#7a7067;line-height:1.8;margin:12px 3px 0;letter-spacing:0}.screen figcaption a{white-space:nowrap;color:var(--coral-dark);text-decoration:underline;text-underline-offset:3px;margin-left:8px}.article-hero .screen{margin-top:0;margin-bottom:48px}.article-hero .screen img{border-radius:15px;box-shadow:0 12px 34px #362c1c0a}.article-layout{display:grid;grid-template-columns:210px minmax(0,790px);gap:64px;max-width:1140px;justify-content:start}.toc{align-self:start;position:sticky;top:110px;border-top:1px solid #bcb1a6;padding-top:20px}.toc summary{font-weight:700;font-size:13px;cursor:default;margin-bottom:15px}.toc nav{display:flex;flex-direction:column;gap:6px}.toc nav a{font-size:13px;color:#6f655b;line-height:1.8;border-radius:6px;padding:8px 10px;margin-left:-10px;transition:background .2s,color .2s}.toc nav a:hover{color:var(--coral-dark)}.toc nav a[aria-current=location]{background:var(--coral-soft);color:var(--coral-dark);font-weight:650}.back-guides{display:inline-block;font-size:12px;margin-top:32px;color:#8a6c5e}.prose{font-size:17px;line-height:2;min-width:0}.prose>p,.prose section>p{margin-bottom:21px}.prose .lead{font-size:20px;line-height:1.95;color:#4f4740;margin-bottom:30px}.learning{display:flex;gap:29px;border-block:1px solid var(--line);padding:21px 0;margin-bottom:43px;font-size:14px;color:#645a51}.learning strong{white-space:nowrap;color:var(--ink)}.learning ul{padding:0;margin:0;list-style:none}.learning li{margin-bottom:3px}.learning li:before{content:'✓';color:var(--coral-dark);margin-right:12px}.article-section{scroll-margin-top:106px;margin-bottom:54px}.article-section h2{font-size:29px;margin-bottom:25px;line-height:1.5}.prose h3{font-size:21px;margin:25px 0 12px}.prose a:not(.related-item){color:var(--coral-dark);text-decoration:underline;text-underline-offset:4px}.prose p{color:#4f4842}.prose strong{color:#282320;font-weight:700}.prose ul,.prose ol{padding-left:1.4em;margin-block:22px}.prose li{margin-bottom:13px;padding-left:5px;color:#4f4842}.prose li::marker{color:var(--coral-dark);font-weight:700}.prose code{font-size:.88em;padding:3px 5px;background:#ede7df;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.prose pre{background:#ede8e1;border:1px solid #dfd6cb;padding:22px 26px;border-radius:11px;overflow:auto;margin:27px 0;line-height:1.8;font-size:14px}.prose pre code{background:none;padding:0;overflow-wrap:normal}.prose kbd{font:13px ui-monospace,monospace;background:white;border:1px solid #d7cdc2;border-bottom-width:2px;border-radius:4px;padding:3px 6px}.note{background:#eee9e1;border-radius:12px;padding:24px 28px;margin:29px 0;font-size:15px;line-height:1.95}.note>strong{font-size:15px;display:block;margin-bottom:7px}.note p{margin:0}.note p+p{margin-top:12px}.table-wrap{overflow:auto;margin:26px 0;border:1px solid var(--line);border-radius:10px}.prose table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.9;min-width:510px}.prose td,.prose th{padding:16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.prose th{background:#eee8e0;font-weight:700;white-space:nowrap}.prose td:first-child{font-weight:700;white-space:nowrap}.prose tr:last-child td{border-bottom:0}.prose blockquote{margin:28px 0;padding:27px 31px;background:#fffdf9;border:1px solid #d8cec3;border-radius:11px;font-size:21px;color:#704a3d;line-height:1.8}.article-end{display:flex;gap:17px;padding:26px 0;border-block:1px solid var(--line);margin-top:55px}.article-end p{font-size:12px;line-height:1.9;color:#7a6e63}.end-dot{width:7px;height:7px;background:var(--coral);border-radius:50%;flex-shrink:0;margin-top:8px}.related{margin:42px 0 78px}.related h2{font-size:23px;margin-bottom:20px}.related-list{display:grid;grid-template-columns:1fr 1fr;gap:22px}.related-item{background:#eee8e0;border-radius:12px;padding:23px;position:relative;transition:background .2s}.related-item:hover{background:#e6dbcf}.related-item>span:first-child{font-size:12px;color:#786556}.related-item h3{font-size:18px;max-width:17ch;padding-right:20px;margin:8px 0 0}.related-arrow{position:absolute;right:18px;top:21px;color:var(--coral-dark)}.reading-progress{position:fixed;z-index:21;left:0;top:75px;height:2px;background:var(--coral);width:100%;transform:scaleX(0);transform-origin:left;pointer-events:none}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--ink);color:white;border-radius:9px;padding:11px 19px;font-size:13px;z-index:30;transition:opacity .18s,transform .18s}.toast.visible{opacity:1;transform:translate(-50%,0)}
.credits-page{max-width:990px;padding-top:46px;padding-bottom:78px}.credits-page h1{font-size:44px;margin-bottom:23px}.credits-page .article-deck{margin-bottom:38px}.credits-page .prose{max-width:850px}.credit-entry{border-top:1px solid var(--line);margin-top:35px;padding-top:27px}.credit-entry h2{font-size:25px;margin-bottom:19px}.credit-entry ul{list-style:none;padding:0;margin:0}.credit-entry li{font-size:14px;padding:0;margin-bottom:22px}.credit-entry li p{font-size:12px;color:var(--muted);margin-top:4px}
@media(min-width:1600px){:root{--max:1320px}.home-intro{padding-top:94px}.featured-copy{padding-inline:60px}.featured{min-height:430px}}
@media(max-width:1100px){.wrap,.nav-wrap,.site-footer{width:calc(100% - 56px)}.home-intro{gap:40px}.featured-copy{padding:32px}.featured h2{font-size:28px}.featured-image{padding:25px 0 25px 24px}.featured{min-height:355px}.nav-wrap{gap:15px}.nav-wrap nav{gap:21px}.article-layout{grid-template-columns:180px minmax(0,1fr);gap:38px}.faq-section{gap:50px}.guide-card h3{font-size:22px}.footer-top p{display:none}.watch-banner>.wrap{gap:35px}.watch-banner h2{font-size:30px}}
@media(max-width:800px){:root{--header-height:68px}.wrap,.nav-wrap,.site-footer{width:calc(100% - 40px)}.site-header{height:68px}.brand{font-size:21px}.brand img{width:30px;height:30px}.nav-title{font-size:13px}.nav-wrap nav{gap:16px}.nav-wrap nav a:nth-child(2){display:none}.nav-cta{display:none}.nav-divider{margin-inline:-3px}.home-intro{padding-top:48px;padding-bottom:32px;grid-template-columns:1fr;gap:23px}.home-intro h1{font-size:43px}.section-label{margin-bottom:13px}.intro-aside{max-width:540px;justify-self:start;padding:0}.intro-aside p{font-size:16px;margin-bottom:14px;line-height:1.85}.featured{grid-template-columns:1fr 1fr;min-height:0}.featured-copy{padding:30px 23px}.featured h2{font-size:24px}.featured-image{padding-left:18px}.featured-label{font-size:11px}.featured-copy>p{font-size:13px;line-height:1.85;margin-bottom:19px}.featured .button{font-size:12px;padding:10px 15px;gap:12px}.featured-time{font-size:11px}.featured-image figcaption{font-size:10px}.guides-section{padding-top:55px;padding-bottom:60px}.section-heading{align-items:start;flex-direction:column;gap:24px}.section-heading h2{font-size:28px}.search-form{width:100%;min-width:0}.filter-row{gap:12px;align-items:start}.result-count{font-size:12px;margin-top:8px}.filters{gap:4px}.filters button{padding:7px 12px;font-size:12px}.guide-grid{gap:32px 20px}.guide-visual{padding:14px}.guide-card h3{font-size:20px}.guide-card p{font-size:14px}.card-meta{font-size:11px}.watch-banner{padding:45px 0}.watch-banner>.wrap{grid-template-columns:1fr;gap:30px}.watch-banner h2{font-size:31px}.watch-banner p:not(.section-label){max-width:none}.watch-banner .screen{max-width:700px}.faq-section{grid-template-columns:1fr;gap:28px;padding-block:57px}.faq-section h2{font-size:28px}.faq-section h2 br{display:none}.faq summary{font-size:16px}.footer-top{flex-wrap:wrap;gap:20px}.footer-top>div{gap:17px}.footer-bottom{flex-direction:column;gap:9px;margin-top:25px}.article-heading{padding-top:27px}.breadcrumb{font-size:12px}.article-heading .breadcrumb{margin-bottom:25px}.article-heading h1{font-size:36px}.article-deck{font-size:17px}.article-meta{font-size:11px;gap:18px}.article-hero .screen{margin-bottom:30px}.article-layout{display:block}.toc{position:static;border:1px solid var(--line);border-radius:9px;padding:15px 18px;margin-bottom:32px}.toc summary{margin-bottom:0;cursor:pointer;display:flex;justify-content:space-between}.toc summary:after{content:'⌄';color:var(--coral-dark)}.toc details[open] summary{margin-bottom:12px}.toc nav{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;padding-top:9px}.toc nav a{padding:6px 10px;font-size:12px}.back-guides{display:none}.prose{font-size:16px}.prose .lead{font-size:18px}.article-section h2{font-size:25px}.article-section{margin-bottom:42px}.reading-progress{top:67px}.related{margin-bottom:55px}.credits-page h1{font-size:36px}}
@media(max-width:540px){.nav-wrap{gap:12px}.nav-wrap nav{gap:0}.nav-wrap nav a:not(:last-child){display:none}.nav-title{font-size:12px}.nav-wrap nav a{font-size:12px}.brand{font-size:20px;gap:8px}.home-intro h1{font-size:36px;line-height:1.4;letter-spacing:-.03em}.home-intro{padding-top:37px;gap:19px}.section-label{font-size:12px}.intro-aside p{font-size:14px}.intro-aside .text-link{font-size:13px}.featured{display:flex;flex-direction:column-reverse;border-radius:16px}.featured-copy{width:100%;padding:26px 25px 20px}.featured-copy h2{font-size:26px}.featured-copy h2 br{display:initial}.featured-copy>p{max-width:none;font-size:14px}.featured-time{display:inline;margin-left:12px}.featured-image{padding:0 18px 17px;width:100%}.featured-image figcaption{font-size:10px;margin-top:8px}.section-heading h2{font-size:26px}.section-heading p{font-size:14px}.filter-row{margin-bottom:24px}.result-count{display:none}.filters{gap:3px}.filters button{font-size:12px;padding:8px 11px}.guide-grid{grid-template-columns:1fr;gap:30px}.guide-visual{padding:16px}.guide-card h3{font-size:23px}.guide-card p{font-size:14px;line-height:1.9}.guide-card{padding-bottom:24px}.guide-card-body{padding-top:15px}.card-meta{font-size:12px}.watch-banner h2{font-size:29px}.watch-banner p:not(.section-label){font-size:14px}.faq-section h2{font-size:26px}.footer-top{gap:18px}.footer-top>div{width:100%;margin:0;justify-content:space-between;font-size:12px}.footer-bottom{font-size:10px}.article-heading h1{font-size:31px;line-height:1.45;letter-spacing:-.03em}.article-label{font-size:12px}.article-meta{flex-wrap:wrap;gap:7px 15px}.copy-link{font-size:11px}.article-deck{font-size:16px;line-height:1.85}.article-hero .screen img{border-radius:8px}.screen figcaption{font-size:11px}.toc nav{grid-template-columns:1fr}.prose{font-size:15px;line-height:2}.prose .lead{font-size:17px}.learning{flex-direction:column;gap:8px;font-size:13px;margin-bottom:35px}.learning ul{margin:0}.learning li{margin:0}.article-section h2{font-size:23px;margin-bottom:18px}.prose pre{padding:17px;font-size:12px}.note{padding:20px;font-size:14px}.prose blockquote{font-size:18px;padding:22px}.related-list{grid-template-columns:1fr}.related-item h3{max-width:none}.credits-page h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover,.text-link:hover span{transform:none}}
@media print{.site-header,.toc,.site-footer,.copy-link,.reading-progress,.related,.toast{display:none!important}.article-heading,.article-hero,.article-layout,.credits-page{width:100%;max-width:none}.article-layout{display:block}.prose{font-size:11pt}body{background:white}.screen{break-inside:avoid}.screen img{max-height:19cm;object-fit:contain}.article-section h2{break-after:avoid}.article-heading h1{font-size:28pt}}

.prose .learning ul{padding:0;margin:0;list-style:none}.prose .learning li{margin:0 0 3px;padding:0}.table-hint{display:none;font-size:12px!important;color:var(--muted)}@media(max-width:540px){.table-hint{display:block;margin-top:-15px!important}}