/* 宁波宇瑞运输代理有限公司 — 报纸排版风格 */
:root{
  --paper:#f6f1e7;
  --ink:#1a1a18;
  --navy:#173a5e;        /* 主色：来自海运与港口的深靛蓝 */
  --navy-dark:#0e2740;
  --rust:#8a4a2b;        /* 强调色：集装箱铁锈红，低饱和 */
  --line:#1a1a18;
  --muted:#5c5850;
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px;
  --fs-h1:clamp(2.2rem,6vw,4.5rem);
  --fs-h2:1.75rem;
  --fs-h3:1.15rem;
  --fs-lead:1.15rem;
  --fs-body:1rem;
  --fs-small:.8rem;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--paper);color:var(--ink);
  font-family:"Noto Serif SC","Songti SC","SimSun",Georgia,serif;
  font-size:var(--fs-body);line-height:1.75;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
a:hover{color:var(--rust)}
a:focus-visible,button:focus-visible{outline:3px solid var(--rust);outline-offset:2px}
.container{max-width:1240px;margin:0 auto;padding:0 var(--s5)}

/* 页头 */
.site-head{border-bottom:3px double var(--line);background:var(--paper);position:sticky;top:0;z-index:10}
.head-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--s3);padding-top:var(--s3);padding-bottom:var(--s3)}
.site-head nav{display:flex;gap:var(--s4);flex-wrap:wrap}
.site-head nav a{font-family:"Noto Sans SC",sans-serif;font-weight:700;font-size:var(--fs-small);letter-spacing:.12em;text-decoration:none;text-transform:uppercase;color:var(--ink);border-bottom:2px solid transparent}
.site-head nav a:hover{border-bottom-color:var(--rust);color:var(--rust)}

/* 面包屑 */
.breadcrumb{font-family:"Noto Sans SC",sans-serif;font-size:var(--fs-small);letter-spacing:.08em;color:var(--muted);margin:var(--s5) 0 var(--s4);display:flex;gap:var(--s2)}
.breadcrumb a{color:var(--muted);text-decoration:none}
.breadcrumb a:hover{color:var(--rust)}

/* 通用标题 */
h1{font-size:var(--fs-h1);font-weight:900;line-height:1.2;letter-spacing:-.01em}
h2.rule-head{font-size:var(--fs-h2);font-weight:900;border-top:3px solid var(--line);border-bottom:1px solid var(--line);padding:var(--s2) 0;margin-bottom:var(--s5)}
h3{font-size:var(--fs-h3);font-weight:700;font-family:"Noto Sans SC",sans-serif}
.lead{font-size:var(--fs-lead);max-width:62ch}
.section-note{font-size:var(--fs-small);color:var(--muted);margin-top:calc(var(--s2)*-1);margin-bottom:var(--s5)}
.narrow{max-width:70ch}

/* hero（首页：报纸通栏大字标题 + 左右分栏导语） */
.hero{padding:var(--s8) 0 var(--s7)}
.kicker{font-family:"Noto Sans SC",sans-serif;font-size:var(--fs-small);letter-spacing:.3em;text-transform:uppercase;color:var(--rust);border-top:3px solid var(--line);display:inline-block;padding-top:var(--s2);margin-bottom:var(--s4)}
.hero h1{margin-bottom:var(--s6)}
.hero-split{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--s6);align-items:start}
.hero-split img{border:1px solid var(--line)}

/* 能力区：报纸三栏 */
.abilities{padding:var(--s7) 0;border-top:1px solid var(--line)}
.ability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s6)}
.ability-grid article{border-top:1px solid var(--line);padding-top:var(--s4)}
.ability-grid h3{color:var(--navy);margin-bottom:var(--s3)}
.ability-grid p{font-size:.95rem;color:var(--ink)}

/* 九宫格 */
.items{padding:var(--s7) 0;border-top:1px solid var(--line)}
.items>h2{margin-bottom:var(--s3)}
.items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.items .container{grid-column:1/-1}
.item{border:1px solid var(--line);background:var(--paper)}
.item img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;border-bottom:1px solid var(--line)}
.item h2{font-size:1.1rem;font-family:"Noto Sans SC",sans-serif;font-weight:700;padding:var(--s3) var(--s3) 0}
.item p{font-size:.9rem;padding:var(--s2) var(--s3) 0;color:var(--ink)}
.item ul{list-style:none;padding:var(--s2) var(--s3) var(--s3)}
.item li{font-size:.85rem;font-family:"Noto Sans SC",sans-serif;color:var(--muted);padding-left:var(--s4);position:relative}
.item li::before{content:"—";position:absolute;left:0;color:var(--rust)}

/* 流程 */
.process{padding:var(--s7) 0;border-top:1px solid var(--line)}
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s5);counter-reset:step}
.steps li{border-top:3px solid var(--navy);padding-top:var(--s3);counter-increment:step}
.steps li h3::before{content:counter(step,decimal-leading-zero) "  ";color:var(--rust);font-family:Georgia,serif}
.steps li p{font-size:.92rem;margin-top:var(--s2)}
.steps.vertical{grid-template-columns:1fr;max-width:70ch}
.steps.vertical li{border-top:1px solid var(--line);padding:var(--s4) 0}

/* FAQ 区块 */
.faq-block{padding:var(--s7) 0;border-top:1px solid var(--line)}
.faq-block dl dt,.contact-faq dt,.faq-list dt{font-family:"Noto Sans SC",sans-serif;font-weight:700;color:var(--navy);margin-top:var(--s4);padding-left:var(--s4);border-left:3px solid var(--rust)}
.faq-block dd,.contact-faq dd,.faq-list dd{padding-left:var(--s4);border-left:1px solid var(--line);margin-top:var(--s2)}

/* CTA */
.cta{background:var(--navy);color:var(--paper);padding:var(--s8) 0;margin-top:var(--s7)}
.cta h2{color:var(--paper);font-size:2rem;font-weight:900;border:none;padding:0;margin-bottom:var(--s3)}
.cta p{max-width:60ch;margin-bottom:var(--s5)}
.btn{display:inline-block;font-family:"Noto Sans SC",sans-serif;font-weight:700;letter-spacing:.1em;background:var(--rust);color:#fff;padding:var(--s3) var(--s6);text-decoration:none;border:2px solid var(--rust)}
.btn:hover{background:var(--navy-dark);border-color:var(--paper);color:var(--paper)}

/* 内页 hero 变体 */
.about-hero{padding:var(--s5) 0 var(--s6)}
.about-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--s6);align-items:center}
.about-split img{border:3px solid var(--navy)}
.about-body{padding:var(--s6) 0 var(--s7);border-top:1px solid var(--line)}
.about-body h2{margin-top:var(--s6)}
.about-body h2:first-of-type{margin-top:0}
.about-body p{margin-top:var(--s3)}

.svc-hero{padding:var(--s5) 0 var(--s6)}
.svc-hero h1{margin-bottom:var(--s4)}

.contact-hero{padding:var(--s5) 0 var(--s6)}
.contact-hero h1{margin-bottom:var(--s4)}
.contact-hero img{margin-top:var(--s5);border:1px solid var(--line)}
.contact-flow{padding:var(--s7) 0;border-top:1px solid var(--line)}
.contact-faq{padding:var(--s7) 0;border-top:1px solid var(--line)}
.mail-line{margin-top:var(--s6);font-size:1.1rem;font-family:"Noto Sans SC",sans-serif;font-weight:700}

/* 指南 */
.guide{padding:var(--s5) 0 var(--s7)}
.guide h2{margin-top:var(--s7)}
.guide p{margin-top:var(--s3)}
.guide table{width:100%;border-collapse:collapse;margin-top:var(--s4);font-size:.92rem;font-family:"Noto Sans SC",sans-serif}
.guide th,.guide td{border:1px solid var(--line);padding:var(--s2) var(--s3);text-align:left}
.guide thead th{background:var(--navy);color:var(--paper);font-weight:700}
.guide tbody tr:nth-child(even){background:rgba(23,58,94,.06)}
.checklist{margin:var(--s4) 0 0 var(--s4)}
.checklist li{list-style:square;margin-bottom:var(--s2);padding-left:var(--s2)}

/* FAQ 页 */
.faq-page{padding:var(--s5) 0 var(--s8)}
.faq-page h1{margin-bottom:var(--s4)}
.faq-list{margin-top:var(--s5)}

/* 页脚 */
.site-foot{border-top:3px double var(--line);background:var(--paper);padding:var(--s6) 0;margin-top:var(--s7)}
.foot-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s5);flex-wrap:wrap}
.foot-name{font-family:"Noto Sans SC",sans-serif;font-weight:900;font-size:1.1rem;letter-spacing:.06em}
.site-foot p{color:var(--muted);font-size:var(--fs-small)}
.site-foot nav{display:flex;gap:var(--s4);flex-wrap:wrap}
.site-foot nav a{font-size:var(--fs-small);color:var(--muted)}
.site-foot nav a:hover{color:var(--rust)}

/* 响应式 */
@media(max-width:900px){
  .hero-split,.about-split{grid-template-columns:1fr}
  .ability-grid,.steps{grid-template-columns:1fr;gap:var(--s5)}
  .items{grid-template-columns:repeat(2,minmax(0,1fr))}
  .head-row{justify-content:center}
}
@media(max-width:760px){
  .items{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:600px){
  .container{padding:0 var(--s4)}
  .cta h2{font-size:1.5rem}
}