:root{
  --ink:#1b2430;        /* 深钢蓝：泵体铸件色 */
  --paper:#f4f2ec;      /* 说明书纸色 */
  --accent:#c96a1e;     /* 机油橙，工业警示色的低饱和版本 */
  --line:#2e3a47;
  --muted:#5c6875;
  --s:16px;
  --fs-xs:.75rem;--fs-s:.9rem;--fs-m:1rem;--fs-l:1.45rem;--fs-xl:2.4rem;--fs-xxl:4rem;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--paper);color:var(--ink);font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;font-size:var(--fs-m);line-height:1.8}
.wrap{max-width:1280px;margin:0 auto;padding:0 var(--s)}
a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
a:hover{color:var(--accent)}
a:focus,summary:focus,.btn:focus{outline:3px solid var(--accent);outline-offset:2px}
/* 页头 */
.site-head{border-bottom:3px solid var(--ink);background:var(--paper)}
.head-in{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-top:16px;padding-bottom:16px}
.head-in nav ul{display:flex;list-style:none;gap:24px;flex-wrap:wrap}
.head-in nav a{text-decoration:none;font-weight:700;letter-spacing:.06em;font-size:var(--fs-s)}
.head-in nav a[aria-current]{color:var(--accent);border-bottom:3px solid var(--accent)}
/* 面包屑 */
.breadcrumb{font-size:var(--fs-xs);letter-spacing:.08em;color:var(--muted);padding:16px 0;display:flex;gap:8px}
.breadcrumb a{color:var(--muted)}
/* 首屏：超大字标题（首页） */
.hero{padding:48px 0 32px;border-bottom:2px solid var(--line)}
.hero .tag{font-size:var(--fs-xs);letter-spacing:.2em;color:var(--accent);font-weight:700;text-transform:uppercase;margin-bottom:16px}
.hero h1{font-size:var(--fs-xxl);line-height:1.15;letter-spacing:-.01em;font-weight:900;max-width:20ch}
.hero .lead{max-width:64ch;margin-top:24px}
.hero-copy{max-width:70ch}
.hero.split{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}
.hero-art img{width:100%;height:auto;border:2px solid var(--ink)}
.cta-row{margin-top:32px;display:flex;gap:16px;flex-wrap:wrap}
.btn{display:inline-block;background:var(--ink);color:var(--paper);padding:12px 24px;text-decoration:none;font-weight:700;border:2px solid var(--ink)}
.btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.ghost:hover{background:var(--ink);color:var(--paper)}
/* 区块 */
.block{padding:48px 0;border-bottom:1px solid var(--line)}
.block h2{font-size:var(--fs-xl);font-weight:900;border-left:8px solid var(--accent);padding-left:16px;margin-bottom:32px}
/* 能力：编号说明书式 */
.caps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.cap{border-top:3px solid var(--ink);padding-top:16px}
.cap-n{font-size:var(--fs-xl);font-weight:900;color:var(--accent);display:block;line-height:1}
.cap h3{font-size:var(--fs-l);margin:8px 0}
/* 九宫格 */
.items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.item{border:2px solid var(--ink);padding:0 0 16px}
.item img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;border-bottom:2px solid var(--ink)}
.item h2,.item h3{font-size:var(--fs-l);padding:12px 16px 0;letter-spacing:.04em}
.item p{padding:8px 16px 0;color:var(--muted)}
.item ul{list-style:none;padding:8px 16px 0}
.item li{padding-left:16px;position:relative;font-size:var(--fs-s)}
.item li::before{content:"▸";position:absolute;left:0;color:var(--accent)}
@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:16px}
.steps li{border:2px solid var(--ink);padding:16px;position:relative}
.steps li::before{counter-increment:st;content:"0" counter(st);display:block;font-weight:900;color:var(--accent);font-size:var(--fs-l)}
.steps li b{display:block;margin-bottom:8px}
.steps li span{font-size:var(--fs-s)}
.steps.tall li span{font-size:var(--fs-m)}
@media(max-width:900px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.steps{grid-template-columns:minmax(0,1fr)}}
/* FAQ */
.faq-list details{border-bottom:1px solid var(--line);padding:12px 0}
.faq-list summary{cursor:pointer;font-weight:700;font-size:var(--fs-l);letter-spacing:.02em}
.faq-list p{margin-top:8px;max-width:64ch}
.band{background:var(--ink);color:var(--paper)}
.band h2{color:var(--paper);border-color:var(--accent)}
.band-note{color:#c8cfda;margin-bottom:24px;max-width:64ch}
.band-note a{color:var(--paper)}
.band .item{border-color:var(--paper)}
.band .item img{border-color:var(--paper)}
.band .item p{color:#c8cfda}
.band .item li{color:#c8cfda}
/* 内页首屏（区别于首页） */
.hero.formtop{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.hero.formtop .side-art{order:-1;width:100%;height:auto;border:2px solid var(--ink)}
.hero.artside{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.hero.artside img{width:100%;height:auto;border:2px solid var(--ink)}
.hero.artleft{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.hero.artleft img{width:100%;height:auto;border:2px solid var(--ink)}
.hero.darktop{background:var(--ink);color:var(--paper);margin-top:24px;padding:48px var(--s);border:none}
.hero.darktop .lead{color:#c8cfda}
.hero.darktop a{color:var(--paper)}
/* 正文 */
.prose{max-width:76ch}
.prose h2{font-size:var(--fs-l);border-left:none;padding-left:0;border-bottom:2px solid var(--ink);padding-bottom:8px}
.prose p{margin-bottom:16px}
table.cmp{width:100%;border-collapse:collapse;margin:24px 0;font-size:var(--fs-s)}
.cmp caption{text-align:left;font-weight:700;padding-bottom:8px;letter-spacing:.06em}
.cmp th,.cmp td{border:1px solid var(--line);padding:8px 12px;text-align:left;max-width:60ch}
.cmp thead th{background:var(--ink);color:var(--paper)}
/* CTA */
.cta-final{background:var(--accent);color:#fff}
.cta-final h2{color:#fff;border-left-color:var(--ink)}
.cta-final a{color:#fff}
.cta-final .btn{background:#fff;color:var(--ink);border-color:#fff}
.cta-final .btn:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
/* 页脚 */
.site-foot{background:var(--ink);color:var(--paper);padding:32px 0;margin-top:48px}
.site-foot a{color:var(--paper)}
.site-foot ul{list-style:none;display:flex;gap:24px;flex-wrap:wrap;margin:8px 0}
@media(max-width:900px){
  .hero.split,.hero.formtop,.hero.artside,.hero.artleft,.caps{grid-template-columns:minmax(0,1fr)}
  .hero h1{font-size:var(--fs-xl)}
  .head-in{flex-direction:column;align-items:flex-start}
}
</style>