:root{
  --ink:#25302b;          /* 低饱和墨绿灰，正文 */
  --pine:#3d5a4c;         /* 主色：取自账本墨绿的电商记账联想 */
  --pine-deep:#2b4237;
  --paper:#f4f2ec;        /* 打底低饱和米白 */
  --block:#e4e1d6;
  --accent:#c8a15a;       /* 低饱和赭金，用于强调线 */
  --fs-1:13px;--fs-2:15px;--fs-3:19px;--fs-4:26px;--fs-5:40px;--fs-6:60px;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;
  --line:1px solid #c9c5b8;
}
*{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px}
body{
  font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  background:var(--paper);color:var(--ink);
  font-size:var(--fs-2);line-height:1.75;
}
img{max-width:100%;height:auto}
a{color:var(--pine);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--pine-deep);text-decoration-thickness:2px}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
h1{font-size:var(--fs-6);line-height:1.15;font-weight:800;letter-spacing:.02em}
h2{font-size:var(--fs-5);font-weight:700;line-height:1.25;border-left:6px solid var(--pine);padding-left:var(--s4);margin-bottom:var(--s5)}
h3{font-size:var(--fs-3);font-weight:700}
.container{max-width:1240px;margin:0 auto;padding:0 var(--s5)}
/* 头部 */
.site-header{background:var(--pine-deep);color:#fff;border-bottom:4px solid var(--accent)}
.header-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s4);padding-top:var(--s4);padding-bottom:var(--s4)}
.header-inner nav{display:flex;flex-wrap:wrap;gap:var(--s5)}
.header-inner nav a{color:#e9e6dc;text-decoration:none;font-size:var(--fs-2);letter-spacing:.06em;padding:var(--s1) 0;border-bottom:2px solid transparent}
.header-inner nav a:hover{color:#fff;border-bottom-color:var(--accent)}
.header-inner nav a:focus-visible{outline-color:#fff}
/* 面包屑 */
.breadcrumb{font-size:var(--fs-1);letter-spacing:.12em;color:#8a8677;margin:var(--s6) 0 var(--s5)}
.breadcrumb a{color:#6f6c5f;text-decoration:none}
.breadcrumb a:hover{color:var(--pine)}
.breadcrumb span{margin:0 var(--s2)}
/* 首屏变体 */
.hero-block{padding:var(--s8) 0}
.kicker{font-size:var(--fs-1);letter-spacing:.3em;text-transform:uppercase;color:var(--pine);font-weight:700;margin-bottom:var(--s4)}
.lead{max-width:38em;margin-top:var(--s5);font-size:var(--fs-3);line-height:1.9}
.hero-home{background:var(--block);border-bottom:var(--line);display:grid;grid-template-columns:1.1fr .9fr;gap:var(--s7);align-items:center}
.hero-figure img{border:var(--line);background:#fff}
.hero-about{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--s7);align-items:center}
.hero-about .about-figure img{border:var(--line)}
.hero-services{display:grid;grid-template-columns:1fr 1fr;gap:var(--s7);align-items:center;background:var(--pine-deep);color:#f0eee6;padding:var(--s8) var(--s5)}
.hero-services h1{color:#fff}
.hero-services .kicker{color:var(--accent)}
.hero-services img{border:2px solid var(--accent)}
.hero-contact{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--s7);align-items:center}
.hero-guide{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--s7);align-items:center}
.hero-actions{margin-top:var(--s6);display:flex;gap:var(--s4);flex-wrap:wrap}
.btn{display:inline-block;background:var(--pine);color:#fff;text-decoration:none;padding:var(--s3) var(--s6);font-weight:700;letter-spacing:.08em;border:2px solid var(--pine)}
.btn:hover{background:var(--pine-deep);border-color:var(--pine-deep);color:#fff}
.btn.ghost{background:transparent;color:var(--pine)}
.btn.ghost:hover{background:var(--pine);color:#fff}
/* 能力 */
.cap-block,.items-wrap,.process,.faq-block,.cta-block,.text-block,.faq-list,.about-cols{padding:var(--s8) 0}
.cap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s6)}
.cap{border-top:4px solid var(--pine);padding-top:var(--s4)}
.cap h3{margin-bottom:var(--s3)}
.section-note{max-width:42em;color:#5c594e;margin-bottom:var(--s6)}
/* 九宫格（契约） */
.items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.item{background:#fff;border:var(--line);padding:var(--s4)}
.item img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;border-bottom:4px solid var(--pine);margin-bottom:var(--s3)}
.item h2{font-size:var(--fs-3);border-left:none;padding-left:0;margin-bottom:var(--s2)}
.item p{font-size:var(--fs-2);color:#4a473e}
.item ul{margin-top:var(--s3);padding-left:1.2em;font-size:var(--fs-1);color:#6f6c5f}
.item ul li{margin-bottom:var(--s1)}
@media(max-width:760px){.items{grid-template-columns:minmax(0,1fr)}}
/* 流程 */
.steps{list-style:none;counter-reset:st;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s5)}
.steps li{counter-increment:st;border:var(--line);background:#fff;padding:var(--s4);position:relative}
.steps li::before{content:"0" counter(st);display:block;font-size:var(--fs-4);font-weight:800;color:var(--accent);margin-bottom:var(--s2)}
.steps.vertical{grid-template-columns:minmax(0,1fr);max-width:52em}
/* FAQ */
.faq-block dl,.faq-list dl{max-width:56em}
dt{font-size:var(--fs-3);font-weight:700;margin-top:var(--s5)}
dt::before{content:"Q ";color:var(--accent);font-weight:800}
dd{margin-top:var(--s2);color:#4a473e;border-left:2px solid var(--block);padding-left:var(--s4)}
.more-faq{margin-top:var(--s6)}
/* CTA */
.cta-block{background:var(--pine-deep);color:#ecead f;color:#eceadf;margin-top:var(--s8)}
.cta-block h2{color:#fff;border-left-color:var(--accent)}
.cta-block p{max-width:38em;margin-bottom:var(--s5)}
.cta-block .btn{background:var(--accent);border-color:var(--accent);color:#25302b}
.cta-block .btn:hover{background:#b8904a;border-color:#b8904a;color:#25302b}
/* 表格 */
.cmp{width:100%;border-collapse:collapse;background:#fff;border:var(--line);margin:var(--s5) 0;font-size:var(--fs-2)}
.cmp caption{text-align:left;font-size:var(--fs-1);letter-spacing:.1em;color:#8a8677;padding-bottom:var(--s2)}
.cmp th,.cmp td{border:var(--line);padding:var(--s3) var(--s4);text-align:left;vertical-align:top}
.cmp thead th{background:var(--block);font-weight:700}
/* 文章 */
.article-body p{max-width:42em;margin-bottom:var(--s5)}
.article-body h2{margin-top:var(--s7)}
.article-body .lead{margin-bottom:var(--s6)}
.about-cols p{max-width:44em;margin-bottom:var(--s5)}
/* 页脚 */
.site-footer{background:#20291f;color:#c9c7bb;margin-top:var(--s8)}
.footer-inner{padding:var(--s6) var(--s5);display:flex;flex-wrap:wrap;gap:var(--s5);justify-content:space-between;align-items:center}
.footer-inner nav{display:flex;flex-wrap:wrap;gap:var(--s4)}
.footer-inner a{color:#c9c7bb;text-decoration:none}
.footer-inner a:hover{color:#fff;text-decoration:underline}
/* 响应式 */
@media(max-width:900px){
  h1{font-size:var(--fs-5)}
  .hero-home,.hero-about,.hero-services,.hero-contact,.hero-guide{grid-template-columns:minmax(0,1fr)}
  .cap-grid,.steps{grid-template-columns:minmax(0,1fr)}
}