/* 乌鲁木齐承昊批发有限公司 —— 复古印刷 / 功能网格风格
   主色：赭石（来自货运纸箱与牛皮包装纸的低饱和暖橙）
   打底：纸白偏米；文字深墨。无圆角、无阴影。*/
:root{
  --ink:#26231c;
  --ink-soft:#57503f;
  --paper:#f4f0e6;
  --paper-deep:#eae3d2;
  --ochre:#b05a24;
  --ochre-deep:#8d431a;
  --line:#26231c;
  --fs-hero:clamp(2rem,5.2vw,3.75rem);
  --fs-h2:clamp(1.4rem,2.6vw,2rem);
  --fs-h3:1.125rem;
  --fs-body:1rem;
  --fs-small:.875rem;
  --fs-tiny:.75rem;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:"Noto Serif SC","Songti SC","SimSun",Georgia,serif;
  font-size:var(--fs-body);line-height:1.8;color:var(--ink);
  background:var(--paper);
}
h1,h2,h3{font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.3}
img{max-width:100%;height:auto;display:block}
a{color:var(--ochre-deep);text-decoration:none}
a:hover{color:var(--ochre)}
a:focus-visible,button:focus-visible{outline:2px solid var(--ochre);outline-offset:2px}
.wrap{max-width:1280px;margin:0 auto;padding:0 var(--s5)}

/* 页头 */
.site-head{border-bottom:3px solid var(--line);background:var(--paper)}
.head-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s4);padding-top:var(--s4);padding-bottom:var(--s4)}
.head-in nav{display:flex;flex-wrap:wrap;gap:var(--s5)}
.head-in nav a{font-family:"Noto Sans SC","PingFang SC",sans-serif;font-size:var(--fs-small);letter-spacing:.12em;color:var(--ink)}
.head-in nav a[aria-current="page"]{color:var(--ochre);border-bottom:2px solid var(--ochre)}

/* 面包屑 */
.breadcrumb{padding-top:var(--s4);font-size:var(--fs-tiny);letter-spacing:.08em;color:var(--ink-soft);display:flex;gap:var(--s2)}
.breadcrumb a{color:var(--ink-soft)}
.breadcrumb a:hover{color:var(--ochre)}

/* 首屏变体 */
.hero{border-bottom:1px solid var(--line);padding:var(--s8) 0}
.kicker{font-family:"Noto Sans SC",sans-serif;font-size:var(--fs-tiny);letter-spacing:.3em;color:var(--ochre);margin-bottom:var(--s3)}
.hero-a .hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s7);align-items:center}
.hero h1{font-size:var(--fs-hero);font-weight:900;letter-spacing:.02em;margin-bottom:var(--s5)}
.lead{max-width:38em;font-size:var(--fs-body);color:var(--ink-soft)}
.hero-fig{border:1px solid var(--line);background:var(--paper-deep)}
.hero-b{padding:var(--s7) 0}
.hero-b h1{max-width:24em}
.hero-b .lead{margin-top:var(--s4)}
.hero-c{background:var(--ink);color:var(--paper);border-bottom:3px solid var(--ochre)}
.hero-c .lead{color:#d8d1c0}
.hero-d{background:var(--paper-deep);border-bottom:1px solid var(--line)}
.contact-mail{font-family:"Noto Sans SC",sans-serif;font-size:1.25rem;margin:var(--s4) 0}
.contact-mail a{border-bottom:2px solid var(--ochre)}

.btn{
  display:inline-block;font-family:"Noto Sans SC",sans-serif;
  background:var(--ochre);color:#fff;padding:var(--s3) var(--s5);
  font-size:var(--fs-small);letter-spacing:.15em;border:1px solid var(--ochre-deep);
}
.btn:hover{background:var(--ochre-deep);color:#fff}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}
.btn.ghost:hover{background:var(--ink);color:var(--paper)}
.cta-row{display:flex;gap:var(--s4);flex-wrap:wrap;margin-top:var(--s5)}

/* 能力区 */
.caps{padding:var(--s8) 0;border-bottom:1px solid var(--line)}
.caps h2{font-size:var(--fs-h2);margin-bottom:var(--s6)}
.cap-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s6)}
.cap-cols h3{border-top:3px solid var(--ochre);padding-top:var(--s3);margin-bottom:var(--s3)}
.cap-cols p{color:var(--ink-soft)}

/* 九宫格（契约结构） */
.items-sec{padding:var(--s8) 0;border-bottom:1px solid var(--line)}
.items-sec h2{font-size:var(--fs-h2);margin-bottom:var(--s2)}
.sec-note{color:var(--ink-soft);font-size:var(--fs-small);margin-bottom:var(--s6)}
.items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.item{border:1px solid var(--line);background:#fff}
.item img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;border-bottom:1px solid var(--line)}
.item h2,.item h3{font-size:var(--fs-h3);padding:var(--s3) var(--s4) 0}
.item p{padding:var(--s2) var(--s4);color:var(--ink-soft);font-size:var(--fs-small)}
.item ul{list-style:none;padding:0 var(--s4) var(--s4)}
.item li{font-size:var(--fs-small);padding-left:var(--s4);position:relative;color:var(--ink-soft)}
.item li::before{content:"—";position:absolute;left:0;color:var(--ochre)}
@media(max-width:760px){.items{grid-template-columns:minmax(0,1fr)}}

/* 流程 */
.process{padding:var(--s8) 0;border-bottom:1px solid var(--line)}
.process h2{font-size:var(--fs-h2);margin-bottom:var(--s6)}
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s5);counter-reset:none}
.steps li{border-top:1px solid var(--line);padding-top:var(--s3)}
.steps span{font-family:"Noto Sans SC",sans-serif;font-weight:900;font-size:var(--fs-h2);color:var(--ochre);display:block}
.steps h3{margin:var(--s2) 0}
.steps p{color:var(--ink-soft);font-size:var(--fs-small)}
.steps-vertical{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.steps,.steps-vertical,.cap-cols,.hero-a .hero-grid{grid-template-columns:minmax(0,1fr)}}

/* FAQ */
.faq-sec{padding:var(--s8) 0;border-bottom:1px solid var(--line)}
.faq-sec h2{font-size:var(--fs-h2);margin-bottom:var(--s6)}
.faq div{border-left:3px solid var(--ochre);padding-left:var(--s4);margin-bottom:var(--s5)}
.faq dt{font-family:"Noto Sans SC",sans-serif;font-weight:700;margin-bottom:var(--s2)}
.faq dd{color:var(--ink-soft)}
.more-faq{margin-top:var(--s5);font-family:"Noto Sans SC",sans-serif;font-size:var(--fs-small)}

/* CTA */
.cta-sec{padding:var(--s8) 0}
.cta-in{border:3px solid var(--line);background:var(--paper-deep);padding:var(--s7) var(--s5);text-align:center}
.cta-in h2{font-size:var(--fs-h2);margin-bottom:var(--s3)}
.cta-in p{color:var(--ink-soft);margin-bottom:var(--s5)}

/* 关于页 */
.about-grid{padding:var(--s7) 0;border-bottom:1px solid var(--line)}
.about-cols{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s7)}
.about-cols figure{border:1px solid var(--line);background:var(--paper-deep)}
.about-text h2{font-size:var(--fs-h2);margin:var(--s6) 0 var(--s3)}
.about-text h2:first-child{margin-top:0}
.about-text p{color:var(--ink-soft);margin-bottom:var(--s4);max-width:38em}

/* 文章 */
.article-body{padding:var(--s7) var(--s5)}
.article-body h2{font-size:var(--fs-h2);margin:var(--s7) 0 var(--s4)}
.article-body h2:first-child{margin-top:0}
.article-body p{color:var(--ink-soft);max-width:42em;margin-bottom:var(--s4)}
.article-body table{width:100%;border-collapse:collapse;margin:var(--s5) 0;font-size:var(--fs-small)}
.article-body th,.article-body td{border:1px solid var(--line);padding:var(--s2) var(--s3);text-align:left}
.article-body th{background:var(--paper-deep);font-family:"Noto Sans SC",sans-serif}

/* 页脚 */
.site-foot{border-top:3px solid var(--line);background:var(--paper-deep)}
.foot-in{padding:var(--s6) var(--s5);display:grid;gap:var(--s3)}
.foot-in nav{display:flex;flex-wrap:wrap;gap:var(--s4)}
.foot-in nav a{font-family:"Noto Sans SC",sans-serif;font-size:var(--fs-small);color:var(--ink)}
.foot-in nav a:hover{color:var(--ochre)}
.tiny{font-size:var(--fs-tiny);color:var(--ink-soft)}

@media(max-width:900px){
  .hero{padding:var(--s7) 0}
  .about-cols{grid-template-columns:minmax(0,1fr)}
}