:root{
  --brick:#B9473F;
  --amber:#D89A45;
  --charcoal:#1E2026;
  --paper:#F7F4EF;
  --paper-2:#EEE9E2;
  --text:#2B2D31;
  --muted:#6F706F;
  --accent:#E06A3B;
  --white:#fff;
  --line:#d9d3cb;
  --line-dark:rgba(255,255,255,.12);
  --shadow:0 20px 60px rgba(30,32,38,.10);
  --radius:22px;
  --radius-sm:14px;
  --shell:min(1180px,calc(100% - 40px));
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;background:var(--paper);color:var(--text);font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",Arial,sans-serif;line-height:1.72;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.modal-open{overflow:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
.shell{width:var(--shell);margin-inline:auto}
.narrow-shell{max-width:860px;margin-inline:auto}
.skip-link{position:fixed;left:12px;top:-60px;z-index:1000;background:var(--white);color:var(--charcoal);padding:10px 16px;border-radius:0 0 8px 8px;box-shadow:var(--shadow)}
.skip-link:focus{top:0}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--brick);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.eyebrow::before{content:"";width:22px;height:2px;background:currentColor;border-radius:99px}
.eyebrow.amber{color:var(--amber)}
.lead{font-size:clamp(1.04rem,1.6vw,1.22rem);line-height:1.85;color:#4c4e52;max-width:780px}
.section{padding:84px 0}
.alt-bg{background:var(--paper-2)}
.section-head{display:flex;flex-direction:column;align-items:flex-start;max-width:760px;margin-bottom:34px}
.section-head.narrow{max-width:720px;margin-inline:auto 0;text-align:left}
.section-head h2,.two-col h2,.editorial-main h2,.ai-copy h2,.final-cta h2,.callout-grid h2{margin:.45rem 0 .8rem;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.85rem,3.2vw,3rem);line-height:1.18;color:var(--charcoal)}
.section-head p{margin:0;color:var(--muted);font-size:1.02rem}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 18px;border-radius:999px;border:1px solid transparent;font-weight:800;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.btn:hover{transform:translateY(-1px)}
.btn.primary{background:var(--brick);color:var(--white);box-shadow:0 12px 28px rgba(185,71,63,.24)}
.btn.primary:hover{background:#a63c35}
.btn.secondary{background:transparent;color:var(--charcoal);border-color:#b9b0a6}
.btn.secondary:hover{background:var(--white)}
.btn.light{background:var(--paper);color:var(--charcoal)}
.btn.outline-light{border-color:rgba(255,255,255,.45);color:var(--white)}
.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--brick);font-weight:800;text-decoration:underline;text-decoration-color:rgba(185,71,63,.3);text-underline-offset:5px}
.text-link::after{content:"→";transition:transform .2s ease}
.text-link:hover::after{transform:translateX(3px)}
.text-link.light{color:#f6dfd6;text-decoration-color:rgba(255,255,255,.26)}

.site-header{position:sticky;top:0;z-index:80;background:rgba(30,32,38,.97);color:var(--white);border-bottom:1px solid var(--line-dark);backdrop-filter:blur(12px)}
.header-bar{min-height:78px;display:flex;align-items:center;gap:22px}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}
.brand img{width:44px;height:44px;object-fit:contain;border-radius:10px}
.brand-text{display:flex;flex-direction:column;line-height:1.2}
.brand-text strong{font-size:1rem;letter-spacing:.02em}
.brand-text small{margin-top:4px;color:#b8b9bc;font-size:.7rem}
.primary-nav{display:flex;align-items:center;gap:6px;margin-left:auto}
.primary-nav a{padding:9px 10px;border-radius:10px;color:#dbdcde;font-size:.9rem;white-space:nowrap}
.primary-nav a:hover,.primary-nav a[aria-current="page"]{background:rgba(255,255,255,.08);color:var(--white)}
.search-trigger,.menu-toggle{border:1px solid rgba(255,255,255,.16);background:transparent;color:var(--white);border-radius:999px;padding:9px 14px;font-weight:700}
.search-trigger:hover,.menu-toggle:hover{background:rgba(255,255,255,.08)}
.menu-toggle{display:none}

.search-modal[hidden]{display:none!important}
.search-modal{position:fixed;inset:0;z-index:200;background:rgba(14,15,18,.74);display:grid;place-items:start center;padding:120px 20px 40px;overflow:auto}
.search-dialog{position:relative;width:min(720px,100%);background:var(--paper);border-radius:26px;padding:34px;box-shadow:0 40px 100px rgba(0,0,0,.35)}
.search-dialog h2{margin:.45rem 0 .5rem;font-family:Georgia,"Times New Roman",serif;font-size:2rem;line-height:1.2}
.search-dialog p{color:var(--muted);margin:0 0 20px}
.search-close{position:absolute;right:16px;top:14px;width:40px;height:40px;border:0;border-radius:50%;background:var(--paper-2);color:var(--charcoal);font-size:1.6rem;line-height:1}
.search-form label{display:block;font-size:.82rem;font-weight:800;color:var(--muted);margin-bottom:7px}
.search-row{display:flex;gap:10px}
.search-row input{min-width:0;flex:1;border:1px solid #cfc7be;background:#fff;border-radius:12px;padding:13px 14px;color:var(--text);outline:none}
.search-row input:focus{border-color:var(--brick);box-shadow:0 0 0 3px rgba(185,71,63,.12)}
.search-row button{border:0;border-radius:12px;padding:0 20px;background:var(--brick);color:#fff;font-weight:800}

.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#22242b 0%,#1e2026 58%,#2b2423 100%);color:var(--white)}
.hero::after{content:"";position:absolute;inset:auto -8% -46% auto;width:520px;height:520px;border-radius:50%;border:1px solid rgba(216,154,69,.18);box-shadow:0 0 0 70px rgba(216,154,69,.035),0 0 0 140px rgba(216,154,69,.02)}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:58px;align-items:center;min-height:620px;padding-block:68px}
.hero-copy h1{margin:.55rem 0 1rem;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.7rem,5.4vw,5rem);line-height:1.04;letter-spacing:-.035em;max-width:850px}
.hero-copy .lead{color:#d1d2d3}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.hero-points{display:flex;flex-wrap:wrap;gap:16px 22px;padding:0;margin:28px 0 0;list-style:none;color:#c5c6c7;font-size:.9rem}
.hero-points li{position:relative;padding-left:16px}
.hero-points li::before{content:"";position:absolute;left:0;top:.7em;width:6px;height:6px;border-radius:50%;background:var(--amber)}
.hero-media{position:relative}
.hero-media::before{content:"";position:absolute;inset:-18px 26px 18px -20px;border:1px solid rgba(255,255,255,.15);border-radius:30px}
.hero-media img{position:relative;width:100%;aspect-ratio:1.25/1;object-fit:cover;border-radius:28px;box-shadow:0 34px 70px rgba(0,0,0,.28)}

.intro-band{padding-block:64px;background:#fff;border-bottom:1px solid #e4ded6}
.split-intro{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:start}
.split-intro h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,3.6vw,3.2rem);line-height:1.16;margin:.5rem 0 0}
.prose{font-size:1.03rem;color:#3d3f43}
.prose p{margin:0 0 1.2em}
.prose strong{color:var(--charcoal)}
.prose a{color:var(--brick);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.prose ul,.prose ol{padding-left:1.35em}
.prose li{margin:.55em 0}
.prose code{background:#ebe5de;border:1px solid #d9d0c7;padding:2px 6px;border-radius:6px;font-size:.92em}

.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.feature-card{display:grid;grid-template-columns:190px 1fr;background:#fff;border:1px solid #ded8d0;border-radius:var(--radius);overflow:hidden;min-height:250px;transition:transform .22s ease,box-shadow .22s ease}
.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.feature-card img{width:100%;height:100%;object-fit:cover}
.feature-body{padding:25px 24px;display:flex;flex-direction:column;align-items:flex-start}
.feature-body h3{font-family:Georgia,"Times New Roman",serif;font-size:1.45rem;line-height:1.28;margin:0 0 10px}
.feature-body p{color:var(--muted);margin:0 0 18px;font-size:.95rem}
.feature-body .text-link{margin-top:auto}

.dark-strip{background:var(--charcoal);color:var(--white)}
.callout-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);gap:62px;align-items:center}
.callout-grid h2{color:var(--white)}
.callout-grid p{color:#c8c9ca;font-size:1.03rem;margin-bottom:24px}
.callout-grid img{width:100%;border-radius:24px;aspect-ratio:1.35/1;object-fit:cover;box-shadow:0 28px 60px rgba(0,0,0,.22)}

.editorial-layout{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:center}
.editorial-main p{font-size:1.06rem;color:var(--muted)}
.editorial-image{margin:0}
.editorial-image img{width:100%;border-radius:26px;aspect-ratio:1.35/1;object-fit:cover}
.editorial-image figcaption{font-size:.82rem;color:var(--muted);margin-top:9px}
.inline-links{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:22px}
.inline-links a{color:var(--brick);font-weight:800;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(185,71,63,.3)}

.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.steps-grid article{background:#fff;border-top:4px solid var(--brick);padding:28px;border-radius:0 0 18px 18px;box-shadow:0 12px 30px rgba(30,32,38,.06)}
.steps-grid strong{font-family:Georgia,"Times New Roman",serif;font-size:2rem;color:var(--amber)}
.steps-grid h3{font-size:1.18rem;margin:12px 0 7px}
.steps-grid p{margin:0;color:var(--muted)}
.center-action{display:flex;justify-content:center;margin-top:34px}

.ai-panel{display:grid;grid-template-columns:1fr .9fr;gap:44px;align-items:center;background:#fff;border:1px solid #ded8d0;border-radius:30px;padding:42px;box-shadow:0 18px 50px rgba(30,32,38,.07)}
.ai-copy p{color:var(--muted);font-size:1.02rem}
.ai-panel img{width:100%;border-radius:20px;aspect-ratio:1.55/1;object-fit:cover}

.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.article-card{display:flex;flex-direction:column;align-items:flex-start;background:#fff;border:1px solid #ddd6ce;border-radius:18px;padding:24px;min-height:260px}
.article-card h3{font-family:Georgia,"Times New Roman",serif;font-size:1.28rem;line-height:1.35;margin:10px 0}
.article-card h3 a:hover{color:var(--brick)}
.article-card p{color:var(--muted);font-size:.94rem;margin:0 0 18px}
.article-card .text-link{margin-top:auto;font-size:.9rem}

.guide-ribbon{background:#fff}
.guide-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.guide-item{display:grid;grid-template-columns:minmax(180px,.6fr) 1.4fr;gap:24px;align-items:center;padding:20px 22px;border:1px solid #ded8d0;border-radius:14px;transition:background .2s,border-color .2s}
.guide-item:hover{background:var(--paper-2);border-color:#c7bdb2}
.guide-item span{font-weight:800;color:var(--charcoal)}
.guide-item small{color:var(--muted);font-size:.88rem;line-height:1.6}

.two-col{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.two-col.reverse{direction:rtl;align-items:center}
.two-col.reverse>*{direction:ltr}
.two-col>img{width:100%;border-radius:24px;aspect-ratio:1.45/1;object-fit:cover}
.info-box{background:#fff;border:1px solid #ddd5cc;border-radius:20px;padding:28px}
.info-box h2,.info-box h3{font-family:Georgia,"Times New Roman",serif;margin:0 0 14px}
.info-box h2{font-size:1.7rem}
.info-box h3{font-size:1.35rem}
.info-box p{color:var(--muted)}
.info-box a{color:var(--brick);font-weight:700}
.check-list{list-style:none;padding:0;margin:0}
.check-list li{position:relative;padding:12px 0 12px 28px;border-bottom:1px solid #ece7e1}
.check-list li:last-child{border-bottom:0}
.check-list li::before{content:"✓";position:absolute;left:0;color:var(--brick);font-weight:900}

.faq-list{display:grid;gap:12px}
.faq-item{border:1px solid #d9d2ca;border-radius:16px;background:#fff;overflow:hidden}
.faq-item summary{cursor:pointer;list-style:none;padding:20px 54px 20px 22px;font-weight:800;position:relative}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:20px;top:15px;font-size:1.55rem;color:var(--brick);font-weight:400}
.faq-item[open] summary::after{content:"−"}
.faq-answer{padding:0 22px 20px;color:var(--muted)}
.faq-answer p{margin:0}

.question-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.question-grid a{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid #d9d2ca;border-radius:16px;padding:20px 22px;transition:transform .2s,box-shadow .2s}
.question-grid a:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.question-grid strong{color:var(--charcoal)}
.question-grid span{color:var(--muted);font-size:.9rem}

.final-cta{background:linear-gradient(120deg,#a13e37,#7c312d);color:#fff}
.final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}
.final-cta h2{color:#fff;margin-bottom:.45rem}
.final-cta p{margin:0;color:#f3d8d2}
.final-actions{display:flex;gap:10px;flex-wrap:wrap;min-width:max-content}

.breadcrumbs{background:#fff;border-bottom:1px solid #e7e1da}
.breadcrumbs ol{width:var(--shell);margin:0 auto;padding:13px 0;list-style:none;display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:.82rem}
.breadcrumbs li{display:flex;align-items:center;gap:8px}
.breadcrumbs li:not(:last-child)::after{content:"/";color:#b2aaa1}
.breadcrumbs a:hover{color:var(--brick)}

.page-hero{background:#fff;border-bottom:1px solid #e4ded6}
.page-hero.compact .page-hero-grid{padding-block:54px}
.page-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);gap:56px;align-items:center;padding-block:66px}
.page-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.5rem,4.8vw,4.3rem);line-height:1.08;letter-spacing:-.03em;margin:.55rem 0 1rem;color:var(--charcoal)}
.page-hero img{width:100%;border-radius:24px;aspect-ratio:1.45/1;object-fit:cover;box-shadow:0 20px 45px rgba(30,32,38,.08)}
.page-hero .hero-actions{margin-top:24px}

.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:54px;align-items:start}
.article-prose{font-size:1.04rem}
.article-prose h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.55rem,2.6vw,2.25rem);line-height:1.25;color:var(--charcoal);margin:2.2em 0 .65em}
.article-prose h2:first-child{margin-top:0}
.article-prose h3{font-size:1.15rem;margin:1.6em 0 .6em;color:var(--charcoal)}
.article-prose p{line-height:1.88}
.article-prose ul,.article-prose ol{line-height:1.82}
.article-aside{position:sticky;top:104px;display:grid;gap:16px}
.article-aside>img{width:100%;border-radius:18px;aspect-ratio:1.3/1;object-fit:cover}
.aside-card{background:#fff;border:1px solid #ddd5cd;border-radius:18px;padding:22px}
.aside-card h2{font-family:Georgia,"Times New Roman",serif;font-size:1.25rem;margin:0 0 14px}
.aside-card p{color:var(--muted);font-size:.9rem}
.aside-card>a:not(.text-link){display:block;padding:10px 0;border-top:1px solid #ece7e1;font-size:.9rem;font-weight:700;line-height:1.5}
.aside-card>a:first-of-type{border-top:0}
.aside-card>a:hover{color:var(--brick)}
.note-box{margin:30px 0 0;background:#f3e8e2;border-left:4px solid var(--brick);padding:18px 20px;border-radius:0 12px 12px 0;color:#4d413f}
.content-table{border:1px solid #ddd5cc;border-radius:16px;overflow:hidden;background:#fff;margin:24px 0}
.content-table>div{display:grid;grid-template-columns:180px 1fr;gap:18px;padding:16px 18px;border-bottom:1px solid #ebe5df}
.content-table>div:last-child{border-bottom:0}
.content-table span{color:var(--muted)}
.number-list{counter-reset:item;list-style:none!important;padding:0!important;margin:24px 0!important}
.number-list li{counter-increment:item;position:relative;padding:14px 16px 14px 52px;margin:0!important;border-bottom:1px solid #ded7cf}
.number-list li::before{content:counter(item);position:absolute;left:8px;top:12px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--charcoal);color:#fff;font-size:.8rem;font-weight:800}
.number-list li:last-child{border-bottom:0}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}
.compare-grid section{background:#fff;border:1px solid #ddd6ce;border-radius:16px;padding:22px}
.compare-grid h3{margin:0 0 10px}
.compare-grid ul{margin:0}
.search-demo{background:#fff;border:1px solid #ddd6ce;border-radius:18px;padding:22px;margin:26px 0}
.search-form.inline label{margin-bottom:9px}

.route-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.route-grid a{display:flex;flex-direction:column;gap:7px;background:#fff;border:1px solid #ddd6ce;border-radius:16px;padding:24px;transition:transform .2s,box-shadow .2s}
.route-grid a:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.route-grid strong{font-family:Georgia,"Times New Roman",serif;font-size:1.3rem}
.route-grid span{color:var(--muted);font-size:.92rem}
.tag-cloud{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.tag-cloud a{background:#fff;border:1px solid #d7d0c7;padding:10px 16px;border-radius:999px;font-weight:800;color:var(--charcoal)}
.tag-cloud a:hover{border-color:var(--brick);color:var(--brick)}

.article-page{background:#fff}
.article-header{padding-block:66px 30px;max-width:980px}
.article-header h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.6rem,5vw,4.5rem);line-height:1.08;letter-spacing:-.03em;margin:.55rem 0 1rem}
.article-header .lead{font-size:1.15rem}
.article-meta{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:.84rem;margin-top:20px}
.article-cover{margin-top:34px;width:100%;aspect-ratio:1.85/1;object-fit:cover;border-radius:26px}
.article-page>.section{padding-top:42px;background:var(--paper)}

.safety-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.safety-grid article{position:relative;background:#fff;border:1px solid #ddd6ce;border-radius:20px;padding:28px 30px 30px;overflow:hidden}
.safety-grid article>span{position:absolute;right:18px;top:8px;font-family:Georgia,"Times New Roman",serif;font-size:4.2rem;color:#efe8e1;line-height:1}
.safety-grid h2{position:relative;font-family:Georgia,"Times New Roman",serif;font-size:1.55rem;margin:0 0 10px}
.safety-grid p{position:relative;color:var(--muted)}
.safety-grid a{position:relative;color:var(--brick);font-weight:800;text-decoration:underline;text-underline-offset:4px}

.search-page-hero .shell{padding-block:58px;max-width:900px}
.search-page-hero h1{font-size:clamp(2.4rem,4.5vw,4rem)}
.page-search{margin-top:26px;background:var(--paper-2);padding:18px;border-radius:16px;max-width:760px}
.search-results{display:grid;gap:14px}
.search-results article{background:#fff;border:1px solid #ddd6ce;border-radius:16px;padding:22px}
.search-results h3{font-family:Georgia,"Times New Roman",serif;font-size:1.35rem;margin:8px 0}
.search-results h3 a:hover{color:var(--brick)}
.search-results p{color:var(--muted);margin:0 0 12px}
.result-head{margin-bottom:26px}
.result-head h2{font-family:Georgia,"Times New Roman",serif;font-size:2rem;margin:0 0 5px}
.result-head p{color:var(--muted);margin:0}
.empty-state{text-align:center;background:#fff;border:1px solid #ddd6ce;border-radius:22px;padding:44px 30px}
.empty-state h2{font-family:Georgia,"Times New Roman",serif;font-size:2rem;margin:0 0 8px}
.empty-state p{color:var(--muted);margin:0 0 22px}
.empty-state .inline-links{justify-content:center}

.error-page{min-height:68vh;display:grid;align-items:center;padding:72px 0;background:#fff}
.error-grid{display:grid;grid-template-columns:1fr .8fr;gap:56px;align-items:center}
.error-code{display:block;font-family:Georgia,"Times New Roman",serif;font-size:clamp(5rem,12vw,9rem);line-height:.8;color:#eee5de;margin-bottom:20px}
.error-grid h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.1rem,4vw,3.5rem);line-height:1.15;margin:.5rem 0 .8rem}
.error-grid p{color:var(--muted);font-size:1.02rem}
.error-grid img{width:100%;border-radius:24px;aspect-ratio:1.35/1;object-fit:cover}

.site-footer{background:#18191e;color:#d3d4d6;padding:58px 0 22px}
.footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:42px}
.site-footer h2{color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:1.12rem;margin:0 0 14px}
.footer-about p{max-width:430px;color:#aeb0b3;font-size:.9rem}
.site-footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.site-footer nav a{color:#b9bbbe;font-size:.9rem}
.site-footer nav a:hover{color:#fff}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line-dark);margin-top:42px;padding-top:20px;color:#8f9196;font-size:.78rem}
.back-top{position:fixed;right:20px;bottom:20px;z-index:60;width:44px;height:44px;border-radius:50%;border:0;background:var(--brick);color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.2);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}
.back-top.is-visible{opacity:1;transform:none;pointer-events:auto}

@media (max-width:1100px){
  :root{--shell:min(100% - 32px,1050px)}
  .brand-text small{display:none}
  .primary-nav{gap:2px}
  .primary-nav a{padding-inline:7px;font-size:.84rem}
  .search-trigger{padding-inline:12px}
  .hero-grid{grid-template-columns:1fr .85fr;gap:34px;min-height:560px}
  .feature-card{grid-template-columns:150px 1fr}
  .article-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:32px}
  .footer-grid nav:last-child{grid-column:2/4}
}

@media (max-width:960px){
  .header-bar{min-height:70px}
  .menu-toggle{display:inline-flex;margin-left:auto}
  .search-trigger{order:4}
  .primary-nav{display:none;position:absolute;left:16px;right:16px;top:72px;margin:0;background:#24262d;border:1px solid var(--line-dark);border-radius:16px;padding:10px;box-shadow:0 20px 50px rgba(0,0,0,.25);flex-direction:column;align-items:stretch}
  .primary-nav.is-open{display:flex}
  .primary-nav a{padding:11px 12px;font-size:.92rem}
  .hero-grid,.page-hero-grid,.callout-grid,.editorial-layout,.ai-panel,.two-col,.error-grid{grid-template-columns:1fr}
  .hero-grid{padding-block:58px}
  .hero-media{max-width:720px}
  .split-intro{grid-template-columns:1fr;gap:20px}
  .feature-grid{grid-template-columns:1fr}
  .feature-card{grid-template-columns:220px 1fr}
  .steps-grid{grid-template-columns:1fr}
  .guide-item{grid-template-columns:1fr;gap:6px}
  .article-layout{grid-template-columns:1fr}
  .article-aside{position:static;grid-template-columns:repeat(2,1fr)}
  .article-aside>img{max-height:320px}
  .two-col.reverse{direction:ltr}
  .final-cta-inner{align-items:flex-start;flex-direction:column}
  .final-actions{min-width:0}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid nav:last-child{grid-column:auto}
}

@media (max-width:768px){
  :root{--shell:calc(100% - 28px)}
  .section{padding:64px 0}
  .hero-grid{min-height:auto}
  .hero-copy h1{font-size:clamp(2.5rem,11vw,4.2rem)}
  .hero-media::before{display:none}
  .hero-media img{border-radius:20px}
  .page-hero-grid{padding-block:48px;gap:34px}
  .page-hero h1{font-size:clamp(2.2rem,9vw,3.6rem)}
  .feature-card{grid-template-columns:1fr}
  .feature-card img{height:240px}
  .article-grid{grid-template-columns:1fr}
  .article-card{min-height:0}
  .guide-list{grid-template-columns:1fr}
  .route-grid{grid-template-columns:1fr}
  .question-grid{grid-template-columns:1fr}
  .safety-grid{grid-template-columns:1fr}
  .compare-grid{grid-template-columns:1fr}
  .content-table>div{grid-template-columns:1fr;gap:4px}
  .article-aside{grid-template-columns:1fr}
  .article-header{padding-top:50px}
  .article-cover{border-radius:18px;aspect-ratio:1.45/1}
  .search-dialog{padding:28px 22px}
  .search-modal{padding-top:90px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
  .footer-about{grid-column:1/3}
}

@media (max-width:600px){
  :root{--shell:calc(100% - 24px)}
  .header-bar{gap:10px}
  .brand-text strong{font-size:.9rem}
  .search-trigger{font-size:.82rem;padding:8px 10px}
  .menu-toggle{font-size:.82rem;padding:8px 10px}
  .hero-grid{padding-block:44px;gap:30px}
  .hero-copy h1{letter-spacing:-.025em}
  .hero-actions{flex-direction:column;align-items:stretch}
  .hero-actions .btn{width:100%}
  .hero-points{display:grid;gap:8px}
  .split-intro h2,.section-head h2,.two-col h2,.editorial-main h2,.ai-copy h2,.final-cta h2,.callout-grid h2{font-size:2rem}
  .feature-card img{height:210px}
  .ai-panel{padding:24px;border-radius:20px}
  .search-row{flex-direction:column}
  .search-row button{min-height:46px}
  .breadcrumbs ol{font-size:.76rem}
  .article-prose{font-size:1rem}
  .number-list li{padding-right:0}
  .safety-grid article{padding:24px}
  .footer-grid{grid-template-columns:1fr}
  .footer-about{grid-column:auto}
  .footer-bottom{flex-direction:column;gap:6px}
  .back-top{right:14px;bottom:14px}
}

@media (max-width:390px){
  .brand img{width:38px;height:38px}
  .brand-text strong{max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .search-trigger{display:none}
  .menu-toggle{margin-left:auto}
  .hero-copy h1{font-size:2.45rem}
  .page-hero h1{font-size:2.2rem}
  .btn{padding-inline:14px}
  .article-header h1{font-size:2.4rem}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}