:root{--primary:#E8A63A;--primary-soft:#F4D89B;--ink:#26231F;--bg:#FFFDF8;--bg-alt:#F7F1E7;--text:#302D29;--muted:#746D64;--accent:#D96F38;--line:#E9E0D2;--white:#fff;--radius:22px;--shadow:0 14px 34px rgba(56,44,29,.08);--shell:min(1180px,calc(100% - 40px));}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;left:12px;top:12px;z-index:9999;background:var(--ink);color:#fff;padding:9px 13px;border-radius:10px;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,253,248,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(233,224,210,.8)}.header-inner{min-height:76px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:11px;min-width:max-content}.brand img{width:44px;height:44px;object-fit:contain;border-radius:12px}.brand span{display:grid;line-height:1.25}.brand strong{font-size:17px}.brand small{font-size:11px;color:var(--muted);margin-top:4px}.primary-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.primary-nav a{padding:9px 11px;border-radius:10px;font-size:14px;color:#4e4841}.primary-nav a:hover,.primary-nav a.active{background:var(--bg-alt);color:var(--ink)}.menu-toggle{display:none}.search-open,.menu-toggle{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:9px 14px;cursor:pointer}.search-open:hover,.menu-toggle:hover{border-color:var(--primary)}.search-modal[hidden]{display:none!important}.search-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:start center;padding-top:12vh}.search-backdrop{position:absolute;inset:0;background:rgba(38,35,31,.56)}.search-panel{position:relative;width:min(620px,calc(100% - 32px));background:var(--bg);border-radius:24px;padding:30px;box-shadow:0 30px 90px rgba(0,0,0,.24)}.search-close{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:30px;cursor:pointer;color:var(--muted)}.search-panel h2{margin:0 0 6px;font-size:28px}.search-panel p{margin:0 0 22px;color:var(--muted)}.search-form label,.search-page-form label{display:block;font-weight:700;margin-bottom:8px}.search-row,.search-page-form>div{display:flex;gap:10px}.search-row input,.search-page-form input{flex:1;min-width:0;border:1px solid var(--line);border-radius:12px;background:white;padding:12px 14px;outline:none}.search-row input:focus,.search-page-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(232,166,58,.18)}.search-row button{border:0;border-radius:12px;background:var(--ink);color:#fff;padding:0 20px;cursor:pointer}.modal-open{overflow:hidden}.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#9d6220;font-weight:800;margin:0 0 12px}.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center;padding:64px 0 52px}.hero h1,.page-hero h1{font-size:clamp(38px,5vw,64px);line-height:1.12;letter-spacing:-.04em;margin:0 0 20px;color:var(--ink)}.hero-lead,.page-hero p{font-size:18px;color:#5b544c;margin:0 0 24px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border-radius:999px;font-weight:700;border:1px solid transparent;cursor:pointer}.btn.primary{background:var(--ink);color:#fff}.btn.primary:hover{background:#3b352f}.btn.secondary{background:#fff;border-color:var(--line)}.btn.secondary:hover{border-color:var(--primary)}.hero-points{display:flex;gap:16px 24px;flex-wrap:wrap;padding:0;margin:26px 0 0;list-style:none;font-size:13px;color:var(--muted)}.hero-points li:before{content:"•";color:var(--accent);margin-right:7px}.hero-media{margin:0}.hero-media img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:32px;box-shadow:var(--shadow)}figcaption{font-size:12px;color:var(--muted);margin-top:10px}.section{padding:72px 0}.section.alt{background:var(--bg-alt);border-block:1px solid #eee2d1}.section-heading{max-width:760px;margin-bottom:30px}.section-heading h2,.split-feature h2,.mini-columns h2,.about-strip h2,.help-strip h2{font-size:clamp(28px,3.4vw,44px);line-height:1.2;letter-spacing:-.025em;margin:0 0 12px;color:var(--ink)}.section-heading p{margin:0;color:var(--muted);font-size:17px}.route-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.route-card{display:grid;grid-template-columns:180px 1fr;gap:22px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px;transition:.2s ease}.route-card.large{grid-row:span 2;grid-template-columns:1fr;align-content:start}.route-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#dfc48e}.route-card img{width:100%;height:100%;min-height:160px;object-fit:cover;border-radius:16px}.route-card.large img{aspect-ratio:16/10;min-height:0}.route-card span{font-size:12px;color:#9d6220;font-weight:800}.route-card h3{font-size:26px;line-height:1.2;margin:6px 0}.route-card p{color:var(--muted);margin:0 0 12px}.route-card strong,.text-link{color:#9d5f1a;font-weight:750}.split-feature{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.split-feature figure{margin:0}.split-feature img{border-radius:26px;box-shadow:var(--shadow)}.check-list,.plain-list{padding-left:20px}.check-list li,.plain-list li{margin:8px 0}.editorial-list{border-top:1px solid var(--line)}.editorial-list article{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.index-no{font-size:13px;color:#a57c46;font-weight:800}.editorial-list h3{margin:0 0 5px;font-size:22px}.editorial-list p{margin:0;color:var(--muted)}.promo-band{position:relative;overflow:hidden;border-radius:30px;background:var(--ink);color:#fff;display:grid;grid-template-columns:1fr 1fr;padding:0}.promo-band img{width:100%;height:100%;min-height:320px;object-fit:cover;opacity:.74}.promo-band>div{padding:44px;align-self:center}.promo-band h2{font-size:36px;line-height:1.2;margin:0 0 12px}.promo-band p{color:#e8e1d8}.promo-band .eyebrow{color:#f4c46d}.inline-links{display:flex;gap:14px;flex-wrap:wrap}.inline-links a{border-bottom:1px solid rgba(255,255,255,.4)}.mini-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mini-columns section{padding:26px;background:rgba(255,255,255,.54);border:1px solid #e8dcc9;border-radius:18px}.mini-columns h2{font-size:25px}.mini-columns p{color:var(--muted)}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.faq-grid article{padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff}.faq-grid h3{margin:0 0 8px;font-size:19px}.faq-grid p{margin:0;color:var(--muted)}.about-strip{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr .8fr;gap:50px;align-items:center}.about-strip h2{font-size:34px}.about-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.about-links a{background:var(--bg-alt);padding:14px 16px;border-radius:12px}.site-footer{background:#25221e;color:#eee7de;padding:54px 0 18px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:42px}.site-footer h2,.site-footer h3{margin-top:0;color:#fff}.site-footer p{color:#bdb5ab}.site-footer section a{display:block;color:#d8d0c6;margin:8px 0;font-size:14px}.site-footer section a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:#9f978d;font-size:12px}.back-top{position:fixed;right:20px;bottom:20px;width:44px;height:44px;border:0;border-radius:50%;background:var(--ink);color:#fff;box-shadow:var(--shadow);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s}.back-top.show{opacity:1;pointer-events:auto;transform:none}.breadcrumbs{width:var(--shell);margin:22px auto 0}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;list-style:none;font-size:13px;color:var(--muted)}.breadcrumbs li+li:before{content:"/";margin-right:8px;color:#b7ab9c}.breadcrumbs a:hover{color:var(--ink)}.page-hero{display:grid;grid-template-columns:1fr .88fr;gap:46px;align-items:center;padding:48px 0 34px}.page-hero.compact{padding-top:38px}.page-hero img{border-radius:28px;aspect-ratio:16/10;object-fit:cover;box-shadow:var(--shadow)}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.media-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.media-grid img{width:100%;aspect-ratio:16/10;object-fit:cover}.media-grid article div{padding:18px}.media-grid h3{margin:0 0 7px;font-size:20px}.media-grid p{margin:0;color:var(--muted)}.reading-flow{display:grid;grid-template-columns:1fr .95fr;gap:48px;align-items:center}.reading-flow img{border-radius:24px}.numbered-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.numbered-grid article{padding:24px;background:#fff;border:1px solid var(--line);border-radius:18px}.numbered-grid span{font-size:12px;color:#a16b2c;font-weight:800}.numbered-grid h3{font-size:20px;margin:12px 0 8px}.numbered-grid p{color:var(--muted);margin:0}.step-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:56px}.step-layout h2{font-size:38px;line-height:1.2;margin-top:0}.steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.steps li{position:relative;padding:22px 0 22px 48px;border-bottom:1px solid var(--line)}.steps li:before{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;left:0;top:22px;color:#a16b2c;font-size:12px;font-weight:800}.steps{counter-reset:step}.steps strong{font-size:19px}.steps p{margin:4px 0 0;color:var(--muted)}.two-up{display:grid;grid-template-columns:1fr 1fr;gap:22px}.two-up section{background:rgba(255,255,255,.55);border:1px solid #e7dbc7;padding:28px;border-radius:20px}.two-up h2{margin-top:0}.feature-rows{display:grid;gap:16px}.feature-rows article{display:grid;grid-template-columns:220px 1fr;gap:26px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff}.feature-rows img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:14px}.feature-rows h3{margin:0 0 6px}.feature-rows p{margin:0;color:var(--muted)}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:22px}.comparison>div{border:1px solid var(--line);background:#fff;border-radius:20px;padding:28px}.comparison h3{margin-top:0;font-size:24px}.comparison a{color:#9d5f1a;font-weight:700}.guide-timeline{max-width:900px;margin:auto}.guide-timeline article{display:grid;grid-template-columns:64px 1fr;gap:22px;padding:28px 0;border-bottom:1px solid var(--line)}.guide-timeline span{font-size:13px;color:#a16b2c;font-weight:800}.guide-timeline h2{margin:0 0 8px;font-size:28px}.guide-timeline p{margin:0;color:var(--muted)}.decision-map{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px}.decision-map h2{font-size:38px;margin:0 0 8px}.decision-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.decision-links a{padding:20px;background:#fff;border:1px solid #e8dcc9;border-radius:16px}.decision-links strong,.decision-links span{display:block}.decision-links span{font-size:14px;color:var(--muted);margin-top:4px}.prose{font-size:17px}.prose.wide{max-width:900px}.prose h2{font-size:30px;line-height:1.25;margin:36px 0 10px}.prose p{color:#514b44}.prose a{color:#9d5f1a;text-decoration:underline}.topic-list{border-top:1px solid var(--line)}.topic-list article{display:grid;grid-template-columns:72px 1fr;gap:22px;padding:28px 0;border-bottom:1px solid var(--line)}.topic-count{font-size:13px;font-weight:800;color:#a16b2c}.topic-list h2{margin:0 0 7px;font-size:27px}.topic-list p{margin:0 0 8px;color:var(--muted)}.faq-accordion{max-width:900px;margin:auto;border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item h2{margin:0}.faq-item button{width:100%;border:0;background:transparent;padding:22px 0;display:flex;justify-content:space-between;gap:20px;text-align:left;font-weight:750;font-size:20px;cursor:pointer;color:var(--ink)}.faq-item button b{font-size:26px;color:#a16b2c}.faq-answer{padding:0 40px 22px 0}.faq-answer p{margin:0;color:var(--muted)}.help-strip{display:flex;align-items:center;justify-content:space-between;gap:30px}.help-strip h2{font-size:32px}.help-strip p{margin-bottom:0;color:var(--muted)}.help-strip>div:last-child{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.safety-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.safety-grid article{padding:24px;border:1px solid var(--line);background:#fff;border-radius:18px}.safety-grid h2{font-size:21px;margin-top:0}.safety-grid p{margin-bottom:0;color:var(--muted)}.search-page-form{max-width:760px;margin:0 0 38px}.search-page-form .btn{border-radius:12px}.empty-state{padding:34px;background:var(--bg-alt);border-radius:18px}.empty-state h2{margin-top:0}.empty-state a{color:#9d5f1a;text-decoration:underline}.search-results{display:grid;gap:14px}.result-count{color:var(--muted)}.search-results article{padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff}.search-results h2{margin:0 0 8px;font-size:23px}.search-results p{margin:0 0 10px;color:var(--muted)}.not-found{min-height:58vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.not-found h1{font-size:clamp(42px,7vw,72px);margin:0 0 10px}.not-found>p:not(.eyebrow){max-width:620px;color:var(--muted);font-size:18px}
@media (max-width:1024px){:root{--shell:min(100% - 32px,960px)}.header-inner{gap:14px}.primary-nav{gap:0}.primary-nav a{padding:8px;font-size:13px}.hero,.page-hero,.split-feature,.reading-flow{gap:34px}.numbered-grid{grid-template-columns:repeat(2,1fr)}.media-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid section:last-child{grid-column:2/4}.safety-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:820px){.menu-toggle{display:inline-flex;margin-left:auto}.search-open{display:none}.primary-nav{display:none;position:absolute;left:16px;right:16px;top:68px;background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.primary-nav.open{display:flex}.primary-nav a{padding:11px 12px}.hero,.page-hero,.split-feature,.reading-flow,.step-layout,.decision-map{grid-template-columns:1fr}.hero{padding-top:38px}.hero-media{order:-1}.route-grid{grid-template-columns:1fr}.route-card.large{grid-row:auto}.mini-columns{grid-template-columns:1fr}.promo-band{grid-template-columns:1fr}.promo-band img{max-height:340px}.about-strip{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid section:last-child{grid-column:auto}.feature-rows article{grid-template-columns:180px 1fr}.help-strip{align-items:flex-start;flex-direction:column}.help-strip>div:last-child{justify-content:flex-start}.page-hero img{max-height:460px;width:100%}}
@media (max-width:600px){:root{--shell:calc(100% - 24px)}.header-inner{min-height:66px}.brand img{width:38px;height:38px}.brand strong{font-size:15px}.brand small{display:none}.hero h1,.page-hero h1{font-size:38px}.hero-lead,.page-hero p{font-size:16px}.hero{gap:24px}.hero-actions .btn{width:100%}.section{padding:52px 0}.section-heading h2,.split-feature h2{font-size:31px}.route-card{grid-template-columns:1fr}.route-card img{aspect-ratio:16/9;min-height:0}.faq-grid,.two-up,.comparison,.decision-links,.safety-grid,.media-grid,.numbered-grid{grid-template-columns:1fr}.about-links{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.promo-band>div{padding:28px 22px}.promo-band h2{font-size:29px}.feature-rows article{grid-template-columns:1fr}.feature-rows img{max-height:280px}.editorial-list article,.guide-timeline article,.topic-list article{grid-template-columns:44px 1fr}.search-row,.search-page-form>div{flex-direction:column}.search-row button,.search-page-form .btn{min-height:46px}.back-top{right:14px;bottom:14px}.page-hero{padding-top:28px}}
@media (max-width:390px){.hero h1,.page-hero h1{font-size:33px}.section-heading h2,.split-feature h2{font-size:28px}.route-card h3{font-size:22px}.promo-band h2{font-size:26px}.site-header .shell{width:calc(100% - 18px)}}