/* 说明书风 / 技术文档风 · 兰州隆优内容审核有限公司 */
:root{
  --ink:#22292f;
  --ink-soft:#4b5560;
  --paper:#f4f2ec;
  --paper-2:#eae7de;
  --line:#c9c4b6;
  --accent:#2b5d6b;      /* 钢青色：来自审核工单墨水与金属档案柜 */
  --accent-ink:#1d424c;
  --warn:#a3502e;        /* 低饱和锈红，用于编号与强调 */
  --fs-xs:12px;
  --fs-s:14px;
  --fs-m:16px;
  --fs-l:22px;
  --fs-xl:34px;
  --fs-hero:clamp(38px,6vw,64px);
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;
  font-size:var(--fs-m);
  line-height:1.75;
}
.container{max-width:1280px;margin:0 auto;padding:0 var(--sp-5)}
.mono{font-family:ui-monospace,"SF Mono",Consolas,monospace}
a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--accent-ink);text-decoration-thickness:2px}
a:focus-visible,button:focus-visible{outline:2px solid var(--warn);outline-offset:2px}

/* 页头：细线说明书目录式 */
.site-header{border-bottom:2px solid var(--ink);background:var(--paper)}
.header-inner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-4);padding-top:var(--sp-4);padding-bottom:var(--sp-4)}
.header-inner img{display:block}
.site-header nav{margin-left:auto;display:flex;flex-wrap:wrap;gap:var(--sp-4)}
.site-header nav a{
  color:var(--ink-soft);text-decoration:none;font-size:var(--fs-s);
  padding:var(--sp-1) 0;border-bottom:2px solid transparent;
}
.site-header nav a:hover{color:var(--ink);border-bottom-color:var(--accent)}
.site-header nav a[aria-current="page"]{color:var(--ink);border-bottom-color:var(--warn);font-weight:600}

/* 面包屑 */
.breadcrumb{font-size:var(--fs-xs);letter-spacing:.08em;color:var(--ink-soft);margin-top:var(--sp-5);display:flex;gap:var(--sp-2)}
.breadcrumb a{color:var(--ink-soft);text-decoration:none}
.breadcrumb a:hover{color:var(--accent);text-decoration:underline}

/* 标题体系：跨幅拉开 */
h1{font-size:var(--fs-hero);line-height:1.15;font-weight:800;letter-spacing:-0.01em}
h2{font-size:var(--fs-xl);font-weight:700}
h3{font-size:var(--fs-l);font-weight:600}
p{max-width:66ch}
.lead{font-size:var(--fs-l);line-height:1.7;color:var(--ink);max-width:62ch}
.sec-num{display:flex;align-items:baseline;gap:var(--sp-3);border-top:2px solid var(--ink);padding-top:var(--sp-4);margin-bottom:var(--sp-5)}
.sec-num span{font-family:ui-monospace,monospace;color:var(--warn);font-size:var(--fs-l);font-weight:700}
.mono-tag{font-family:ui-monospace,monospace;font-size:var(--fs-xs);letter-spacing:.12em;color:var(--warn);text-transform:uppercase;margin-bottom:var(--sp-3)}

main{padding-bottom:var(--sp-8)}
section{margin-top:var(--sp-7)}

/* 按钮：方角、粗边框，无阴影渐变 */
.btn{
  display:inline-block;background:var(--accent);color:#fff;
  padding:var(--sp-3) var(--sp-5);text-decoration:none;font-weight:600;
  border:2px solid var(--accent-ink);border-radius:0;
}
.btn:hover{background:var(--accent-ink)}
.btn.ghost{background:transparent;color:var(--accent);border-color:var(--accent)}
.btn.ghost:hover{background:var(--paper-2);color:var(--accent-ink)}

/* 首页首屏：左右分栏（说明书封面式） */
.hero-split{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--sp-7);align-items:start;margin-top:var(--sp-6)}
.hero-copy .lead{margin-top:var(--sp-5);font-size:var(--fs-m)}
.hero-copy .btn{margin-top:var(--sp-4);margin-right:var(--sp-3)}
.hero-fig{border:1px solid var(--line);background:#fff;padding:var(--sp-3)}
.hero-fig img{width:100%;height:auto;display:block}
.hero-fig figcaption{font-size:var(--fs-xs);color:var(--ink-soft);font-family:ui-monospace,monospace;margin-top:var(--sp-2);letter-spacing:.05em}

/* 能力区块：主叙述加侧边粗线 */
.cap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-6)}
.cap{border-left:4px solid var(--accent);padding-left:var(--sp-4)}
.cap h3{margin-bottom:var(--sp-3)}
.cap p{color:var(--ink-soft)}

/* 九宫格（契约结构） */
.items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.item{border:1px solid var(--line);background:#fff;padding:var(--sp-3)}
.item img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;filter:grayscale(.15)}
.item h2,.item h3{font-size:var(--fs-m);margin-top:var(--sp-3);border-top:2px solid var(--ink);padding-top:var(--sp-2)}
.item p{font-size:var(--fs-s);color:var(--ink-soft);margin-top:var(--sp-1)}
.item ul{margin:var(--sp-2) 0 0;padding-left:var(--sp-4);font-size:var(--fs-s);color:var(--ink-soft)}
@media(max-width:760px){.items{grid-template-columns:minmax(0,1fr)}}
.sec-note{font-size:var(--fs-s);color:var(--ink-soft);margin-bottom:var(--sp-5)}

/* 流程步骤：编号说明书 */
.steps{list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-5)}
.steps li{border:1px solid var(--line);background:#fff;padding:var(--sp-4);position:relative}
.steps li strong{display:block;font-family:ui-monospace,monospace;color:var(--warn);margin-bottom:var(--sp-2)}
.steps li{color:var(--ink-soft)}
.steps li strong{color:var(--ink);font-size:var(--fs-l);font-family:inherit;font-weight:700}
.steps li strong::before{content:attr(data-n)}

/* FAQ */
.qa{border-top:1px solid var(--line);padding:var(--sp-4) 0}
.qa h3{font-size:var(--fs-m);font-weight:700}
.qa p{margin-top:var(--sp-2);color:var(--ink-soft)}

/* CTA：满版色块（唯一一处色块） */
.cta{background:var(--accent);color:#fff;padding:var(--sp-7) var(--sp-5);text-align:left}
.cta h2{color:#fff}
.cta p{color:#dce8eb;margin-top:var(--sp-2);margin-bottom:var(--sp-5)}
.cta .btn{background:#fff;color:var(--accent-ink);border-color:var(--accent-ink)}
.cta .btn:hover{background:var(--paper-2)}
.cta a:not(.btn){color:#fff}

/* 关于页首屏：图文错位 */
.about-hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--sp-6);align-items:end;margin-top:var(--sp-5)}
.about-hero img{width:100%;height:auto;border:1px solid var(--line)}
.about-body p{margin-top:var(--sp-4)}
.about-body h2{margin-top:var(--sp-7)}

/* 服务页首屏：说明书封面 */
.svc-hero{border:2px solid var(--ink);padding:var(--sp-6);margin-top:var(--sp-5);background:#fff}
.svc-hero .lead{font-size:var(--fs-m);margin-top:var(--sp-4)}

/* 联系页首屏 */
.contact-hero{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--sp-6);margin-top:var(--sp-5)}
.contact-hero img{width:100%;height:auto;border:1px solid var(--line)}
.contact-hero .lead{font-size:var(--fs-m);margin-top:var(--sp-4)}

/* 文章页 */
.article h2{margin-top:var(--sp-7);border-top:2px solid var(--ink);padding-top:var(--sp-4)}
.article p{margin-top:var(--sp-4)}
table{width:100%;border-collapse:collapse;margin-top:var(--sp-5);font-size:var(--fs-s);background:#fff;border:1px solid var(--line)}
caption{caption-side:top;text-align:left;font-family:ui-monospace,monospace;font-size:var(--fs-xs);letter-spacing:.1em;color:var(--warn);padding-bottom:var(--sp-2)}
th,td{border:1px solid var(--line);padding:var(--sp-2) var(--sp-3);text-align:left;vertical-align:top}
th{background:var(--paper-2);font-weight:700}
td:first-child{font-weight:600;color:var(--ink)}

/* 页脚 */
.site-footer{border-top:2px solid var(--ink);padding:var(--sp-5) 0;background:var(--paper-2)}
.site-footer nav{display:flex;flex-wrap:wrap;gap:var(--sp-4);margin-top:var(--sp-2)}
.site-footer a{color:var(--ink-soft);font-size:var(--fs-s);text-decoration:none}
.site-footer a:hover{color:var(--accent);text-decoration:underline}
.site-footer p{font-size:var(--fs-s);color:var(--ink-soft)}

/* 响应式 */
@media(max-width:900px){
  .hero-split,.about-hero,.contact-hero{grid-template-columns:minmax(0,1fr)}
  .cap-grid{grid-template-columns:minmax(0,1fr)}
  .steps{grid-template-columns:minmax(0,1fr)}
  .header-inner nav{margin-left:0}
}
@media(max-width:760px){
  .items{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}