/* 镇江盛华货运信息有限公司 — 复古印刷 · 功能网格 */
:root{
  --paper:#f3eddf;
  --paper-deep:#e9e0cc;
  --ink:#26221a;
  --ink-soft:#5a5344;
  --green:#2f5d50;      /* 主色：邮政墨绿 */
  --green-deep:#23463c;
  --line:#c9bfa6;
  --fs-xs:12px;--fs-s:14px;--fs-m:16px;--fs-l:22px;--fs-xl:34px;--fs-xxl:52px;
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;
  --serif:"Songti SC","Noto Serif SC","STSong","SimSun",serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:var(--fs-m);line-height:1.8;
  background-image:radial-gradient(var(--line) 0.6px,transparent 0.6px);background-size:22px 22px;}
.wrap{max-width:1200px;margin:0 auto;padding:0 var(--sp-5)}
a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
a:hover{color:var(--green-deep);text-decoration-thickness:2px}
a:focus-visible{outline:2px solid var(--green);outline-offset:3px}
img{max-width:100%}
h1,h2,h3{font-weight:700;letter-spacing:.06em;line-height:1.35}
h1{font-size:var(--fs-xxl)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-l)}

/* 页头 */
.site-head{border-bottom:3px double var(--ink);background:var(--paper)}
.head-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5);padding-top:var(--sp-4);padding-bottom:var(--sp-4);flex-wrap:wrap}
.site-head nav{display:flex;gap:var(--sp-4);flex-wrap:wrap;font-size:var(--fs-s);letter-spacing:.12em}
.site-head nav a{text-decoration:none;color:var(--ink);border-bottom:2px solid transparent;padding-bottom:2px}
.site-head nav a:hover,.site-head nav a[aria-current="page"]{border-bottom-color:var(--green);color:var(--green)}

/* 面包屑 */
.breadcrumb{padding:var(--sp-3) var(--sp-5) 0;font-size:var(--fs-xs);letter-spacing:.12em;color:var(--ink-soft);max-width:1200px;margin:0 auto}
.breadcrumb a{color:var(--ink-soft);text-decoration:none}
.breadcrumb a:hover{color:var(--green);text-decoration:underline}
.breadcrumb span{margin:0 var(--sp-1)}

.kicker{font-size:var(--fs-s);letter-spacing:.35em;color:var(--green);text-transform:uppercase;margin-bottom:var(--sp-3)}
.lead{max-width:38em;margin-top:var(--sp-4);color:var(--ink-soft)}

/* 首页首屏：图文错位 */
.hero-index{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--sp-7);align-items:center;padding-top:var(--sp-7);padding-bottom:var(--sp-7)}
.hero-art img{border:1px solid var(--ink);box-shadow:8px 8px 0 var(--paper-deep)}
.cta-row{margin-top:var(--sp-5);display:flex;gap:var(--sp-4);flex-wrap:wrap}
.btn{display:inline-block;background:var(--green);color:var(--paper);text-decoration:none;padding:var(--sp-2) var(--sp-5);border:2px solid var(--green);letter-spacing:.15em;font-size:var(--fs-s)}
.btn:hover{background:var(--green-deep);border-color:var(--green-deep);color:#fff}
.btn.ghost{background:transparent;color:var(--green)}
.btn.ghost:hover{background:var(--green);color:var(--paper)}

/* 能力三块：横排带编号，非卡片 */
.cap{padding:var(--sp-7) var(--sp-5);border-top:1px solid var(--line)}
.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6);margin-top:var(--sp-5)}
.cap-block{border-top:3px solid var(--ink);padding-top:var(--sp-4)}
.cap-block h3{font-size:var(--fs-l)}
.cap-block p{margin-top:var(--sp-3);font-size:var(--fs-s);color:var(--ink-soft)}

/* 九宫格（契约） */
.items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-top:var(--sp-7);padding-bottom:var(--sp-7)}
.items h2{grid-column:1/-1;border-bottom:3px double var(--ink);padding-bottom:var(--sp-2)}
.item img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;border:1px solid var(--ink);filter:sepia(.18) saturate(.85)}
.item h3{font-size:var(--fs-m);margin-top:var(--sp-3);letter-spacing:.1em}
.item p{font-size:var(--fs-s);color:var(--ink-soft);margin-top:var(--sp-1)}
.item ul{margin:var(--sp-2) 0 0 var(--sp-4);font-size:var(--fs-s);color:var(--ink-soft)}
.items-more{grid-column:1/-1;margin-top:var(--sp-2)}
@media(max-width:760px){.items{grid-template-columns:minmax(0,1fr)}}

/* 流程 */
.process{padding:var(--sp-7) var(--sp-5);border-top:1px solid var(--line)}
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-5);margin-top:var(--sp-5);counter-reset:none}
.steps .no{font-size:var(--fs-xl);color:var(--green);font-weight:700;display:block;letter-spacing:.05em}
.steps h3{font-size:var(--fs-m);margin:var(--sp-2) 0 var(--sp-1)}
.steps p{font-size:var(--fs-s);color:var(--ink-soft)}
.steps.vertical{grid-template-columns:1fr;gap:var(--sp-5);max-width:42em}
.steps.vertical li{border-left:3px solid var(--green);padding-left:var(--sp-4)}

/* FAQ */
.faq{padding:var(--sp-7) var(--sp-5);border-top:1px solid var(--line)}
.qa-list{margin-top:var(--sp-5);display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5) var(--sp-6)}
.qa{border-top:1px solid var(--line);padding-top:var(--sp-3)}
.qa h3{font-size:var(--fs-m)}
.qa p{font-size:var(--fs-s);color:var(--ink-soft);margin-top:var(--sp-2)}
.faq-more{margin-top:var(--sp-5)}
.qa-full .qa-list{grid-template-columns:1fr}

/* CTA */
.cta{padding:var(--sp-8) var(--sp-5);border-top:3px double var(--ink);text-align:left}
.cta p{margin-top:var(--sp-3);color:var(--ink-soft)}
.cta .btn{margin-top:var(--sp-2)}

/* 服务页首屏：右起图、左文窄栏 */
.hero-services{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--sp-7);padding:var(--sp-7) var(--sp-5);align-items:start}
.svc-art img{border:1px solid var(--ink)}
.hero-services h1{font-size:var(--fs-xl)}

/* 关于页首屏：满屏色块标题带 */
.hero-about{padding:var(--sp-7) var(--sp-5)}
.hero-about .about-copy{background:var(--green);color:var(--paper);padding:var(--sp-6);border:1px solid var(--ink)}
.hero-about .lead{color:var(--paper-deep)}
.about-art{margin-top:var(--sp-5)}
.about-art img{border:1px solid var(--ink)}
.about-body{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-6) var(--sp-7);padding:var(--sp-7) var(--sp-5);border-top:1px solid var(--line)}
.about-body h2{font-size:var(--fs-l)}
.about-body p{margin-top:var(--sp-3);font-size:var(--fs-s);color:var(--ink-soft)}

/* 联系页首屏：满栏大字 */
.hero-contact{padding:var(--sp-7) var(--sp-5);border-bottom:1px solid var(--line)}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--sp-7);padding:var(--sp-7) var(--sp-5)}
.mail{font-size:var(--fs-l);letter-spacing:.05em}
.muted{color:var(--ink-soft);font-size:var(--fs-s)}

/* 指南 */
.guide{padding:var(--sp-7) var(--sp-5);max-width:820px}
.guide h2{font-size:var(--fs-l);margin-top:var(--sp-7);border-left:6px solid var(--green);padding-left:var(--sp-4)}
.guide p{margin-top:var(--sp-3);max-width:40em}
.guide table{width:100%;border-collapse:collapse;margin-top:var(--sp-5);font-size:var(--fs-s);border:1px solid var(--ink)}
.guide caption{font-size:var(--fs-xs);letter-spacing:.15em;color:var(--ink-soft);text-align:left;padding-bottom:var(--sp-2)}
.guide th,.guide td{border:1px solid var(--line);padding:var(--sp-2) var(--sp-3);text-align:left}
.guide th{background:var(--paper-deep);letter-spacing:.1em}

/* 页脚 */
.site-foot{border-top:3px double var(--ink);margin-top:var(--sp-7);background:var(--paper-deep)}
.foot-row{display:flex;justify-content:space-between;gap:var(--sp-5);padding:var(--sp-6) var(--sp-5);flex-wrap:wrap}
.site-foot nav{display:flex;gap:var(--sp-4);flex-wrap:wrap;font-size:var(--fs-s)}
.site-foot nav a{color:var(--ink-soft)}

@media(max-width:900px){
  .hero-index,.hero-services,.hero-about + .about-body,.contact-grid,.cap-grid,.qa-list,.steps{grid-template-columns:1fr}
  .about-body{grid-template-columns:1fr}
  h1{font-size:var(--fs-xl)}
  :root{--fs-xxl:38px}
} 
@media(max-width:900px){.hero-about .about-copy{padding:var(--sp-5)}}