:root{
  --clay:#a4552e;        /* 陶土色主色：取自草原商贸的牛皮纸箱与陶器 */
  --clay-dark:#7c3c1f;
  --steppe:#f3ecdd;      /* 米色打底：草原干草色 */
  --paper:#faf6ec;
  --ink:#2e2620;
  --ink-soft:#5c5248;
  --green:#4a5d43;       /* 低饱和草原绿辅助色 */
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;
  --space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;
  --fs-xs:12px;--fs-s:14px;--fs-m:16px;--fs-l:20px;--fs-xl:28px;--fs-2xl:44px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:"Songti SC","Noto Serif SC",Georgia,serif;
  background:var(--steppe);color:var(--ink);
  font-size:var(--fs-m);line-height:1.75;
}
.container{max-width:1240px;margin:0 auto;padding:0 var(--space-5)}
.narrow{max-width:760px;margin-left:auto;margin-right:auto}
a{color:var(--clay-dark)}
a:hover{color:var(--clay)}
a:focus-visible,button:focus-visible{outline:2px solid var(--clay);outline-offset:2px}

/* header */
.site-header{background:var(--paper);border-bottom:3px solid var(--clay)}
.header-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);padding-top:var(--space-4);padding-bottom:var(--space-4)}
.nav-list{display:flex;flex-wrap:wrap;gap:var(--space-4);list-style:none}
.nav-list a{text-decoration:none;font-size:var(--fs-s);letter-spacing:.08em;color:var(--ink)}
.nav-list a:hover{color:var(--clay)}
.nav-list a[aria-current="page"]{color:var(--clay-dark);border-bottom:2px solid var(--clay)}

/* breadcrumb */
.breadcrumb{font-size:var(--fs-xs);letter-spacing:.12em;color:var(--ink-soft);padding:var(--space-4) var(--space-5) 0;max-width:1240px;margin:0 auto}
.breadcrumb a{color:var(--ink-soft)}
.breadcrumb span{margin:0 var(--space-2)}

/* hero variants */
.hero{padding:var(--space-8) 0}
.hero-split .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-7);align-items:center}
.hero-grid.reverse{grid-template-columns:.9fr 1.1fr}
h1{font-size:var(--fs-2xl);line-height:1.25;font-weight:900;letter-spacing:-.01em;color:var(--ink)}
.lead{margin-top:var(--space-5);color:var(--ink-soft);max-width:60ch}
.hero-actions{margin-top:var(--space-6)}
.hero-figure img{width:100%;height:auto;display:block;border:1px solid var(--clay)}
.hero-stack img{width:100%;max-width:720px;height:auto;margin-top:var(--space-6);border:1px solid var(--clay)}
.banner-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:center}
.banner-grid img{width:100%;height:auto;border:1px solid var(--clay)}

/* buttons */
.btn,.btn-ghost{display:inline-block;padding:var(--space-3) var(--space-6);text-decoration:none;font-size:var(--fs-s);letter-spacing:.1em}
.btn{background:var(--clay);color:var(--paper);border:2px solid var(--clay)}
.btn:hover{background:var(--clay-dark);border-color:var(--clay-dark);color:var(--paper)}
.btn-ghost{color:var(--clay-dark);border:2px solid var(--clay-dark)}
.btn-ghost:hover{background:var(--clay-dark);color:var(--paper)}

/* sections */
section{padding:var(--space-8) 0}
h2{font-size:var(--fs-xl);font-weight:900;margin-bottom:var(--space-5)}
h3{font-size:var(--fs-l);font-weight:700;margin-bottom:var(--space-3)}
.section-note{color:var(--ink-soft);margin-bottom:var(--space-5)}

/* ability: asymmetric editorial rows */
.ability-flow{display:grid;gap:var(--space-6)}
.ability-block{border-left:4px solid var(--clay);padding-left:var(--space-5);max-width:70ch}
.ability-block:nth-child(2){margin-left:10%}
.ability-block:nth-child(3){margin-left:20%}

/* items grid (contract) */
.items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.item img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}
@media(max-width:760px){.items{grid-template-columns:minmax(0,1fr)}}
.item{background:var(--paper);border:1px solid var(--ink);padding-bottom:var(--space-4)}
.item h2,.item h3{font-size:var(--fs-m);padding:var(--space-4) var(--space-4) 0}
.item p{font-size:var(--fs-s);color:var(--ink-soft);padding:var(--space-2) var(--space-4) 0}
.item ul{list-style:none;padding:var(--space-3) var(--space-4) 0}
.item li{font-size:var(--fs-s);padding-left:var(--space-4);position:relative;color:var(--ink-soft)}
.item li::before{content:"—";position:absolute;left:0;color:var(--clay)}
.items-note{margin-top:var(--space-5);color:var(--ink-soft);font-size:var(--fs-s)}

/* process horizontal (index) */
.process-steps{list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}
.process-steps li{counter-increment:step;border-top:3px solid var(--clay);padding-top:var(--space-4)}
.process-steps li::before{content:"0" counter(step);display:block;font-size:var(--fs-xl);font-weight:900;color:var(--clay)}

/* process vertical (contact) */
.steps-vert{list-style:none;counter-reset:st;display:grid;gap:var(--space-6)}
.steps-vert li{counter-increment:st;border-bottom:1px solid var(--ink);padding-bottom:var(--space-6)}
.steps-vert li::before{content:counter(st,cjk-ideographic) "、";font-weight:900;color:var(--clay);font-size:var(--fs-l)}

/* faq */
.faq-list{display:grid;gap:var(--space-5)}
.faq-item{border-top:1px solid var(--ink);padding-top:var(--space-4)}
.faq-item dt{font-weight:900;color:var(--clay-dark)}
.faq-item dd{margin-top:var(--space-2);color:var(--ink-soft)}
.faq-more{margin-top:var(--space-5);font-size:var(--fs-s);color:var(--ink-soft)}

/* cta */
.cta{background:var(--clay);color:var(--paper)}
.cta-inner{text-align:left;max-width:760px}
.cta h2{color:var(--paper)}
.cta p{margin:var(--space-4) 0 var(--space-6)}
.cta .btn{background:var(--paper);color:var(--clay-dark);border-color:var(--paper)}
.cta .btn:hover{background:var(--steppe)}

/* story / article */
.story h2,.article h2{margin-top:var(--space-7)}
.story p,.article p{margin-top:var(--space-4);color:var(--ink-soft);max-width:62ch}
.article-meta{font-size:var(--fs-s);letter-spacing:.1em;color:var(--ink-soft)}
.story-link{margin-top:var(--space-6)}

/* table */
.compare-table{width:100%;border-collapse:collapse;margin-top:var(--space-5);font-size:var(--fs-s);background:var(--paper)}
.compare-table th,.compare-table td{border:1px solid var(--ink);padding:var(--space-3) var(--space-4);text-align:left}
.compare-table thead th{background:var(--green);color:var(--paper)}

/* contact */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-7)}
.contact-grid p{margin-top:var(--space-3);color:var(--ink-soft);max-width:60ch}

/* footer */
.site-footer{background:var(--ink);color:var(--steppe);padding:var(--space-6) 0}
.footer-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);font-size:var(--fs-s)}
.footer-nav{display:flex;flex-wrap:wrap;gap:var(--space-4);list-style:none}
.footer-nav a{color:var(--steppe)}

/* responsive */
@media(max-width:900px){
  h1{font-size:var(--fs-xl)}
  .hero-split .hero-grid,.hero-grid.reverse,.banner-grid,.contact-grid{grid-template-columns:minmax(0,1fr)}
  .process-steps{grid-template-columns:minmax(0,1fr)}
  .ability-block:nth-child(2),.ability-block:nth-child(3){margin-left:0}
  .container{padding:0 var(--space-4)}
}