/* 济南进德会展服务有限公司 — 海报式/网点方向
   主色：舞台深青蓝（来自展馆灯光与夜景），打底米白，点缀低饱和橙 */
:root{
  --ink:#12283c;
  --ink-soft:#3d5468;
  --paper:#f4f1ea;
  --paper-2:#ece7dc;
  --accent:#b85c1e;
  --line:#12283c;
  --fs-1:clamp(2.2rem,5.5vw,4rem);
  --fs-2:clamp(1.4rem,3vw,2.1rem);
  --fs-3:1.25rem;
  --fs-4:1.05rem;
  --fs-5:.95rem;
  --fs-6:.78rem;
  --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}
body{
  font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  background:var(--paper);color:var(--ink);
  font-size:var(--fs-4);line-height:1.8;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,.kicker{font-weight:900;line-height:1.25;letter-spacing:.02em}
.wrap{max-width:1280px;margin:0 auto;padding:0 var(--sp-5)}
.narrow{max-width:840px}

/* 页头 */
.site-header{background:var(--ink);color:var(--paper);border-bottom:4px solid var(--accent)}
.header-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-3);padding-top:var(--sp-4);padding-bottom:var(--sp-4)}
.site-header nav ul{display:flex;flex-wrap:wrap;gap:var(--sp-4);list-style:none}
.site-header a{color:var(--paper);text-decoration:none;font-size:var(--fs-5);padding:var(--sp-1) var(--sp-2)}
.site-header a:hover,.site-header a:focus-visible{color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}
.site-header a[aria-current="page"]{color:var(--accent);font-weight:700}

/* 面包屑 */
.breadcrumb{font-size:var(--fs-6);letter-spacing:.08em;color:var(--ink-soft);padding:var(--sp-5) 0 var(--sp-3)}
.breadcrumb a{color:inherit}
.breadcrumb span{margin:0 var(--sp-2)}

/* 按钮 */
.btn{display:inline-block;background:var(--accent);color:#fff;border:2px solid var(--ink);
  padding:var(--sp-3) var(--sp-6);font-weight:700;text-decoration:none;font-size:var(--fs-4);letter-spacing:.05em}
.btn:hover,.btn:focus-visible{background:var(--ink);color:var(--paper);outline:3px solid var(--accent);outline-offset:2px}
.btn-ghost{background:transparent;color:var(--ink)}
.btn-ghost:hover,.btn-ghost:focus-visible{background:var(--ink);color:var(--paper)}

/* 首页 hero：图文错位 */
.hero-index{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--sp-7);align-items:center;padding:var(--sp-8) 0 var(--sp-7)}
.hero-index h1{font-size:var(--fs-1);border-left:10px solid var(--accent);padding-left:var(--sp-4)}
.hero-copy p{margin-top:var(--sp-4);max-width:38em;color:var(--ink-soft)}
.hero-visual{margin-top:var(--sp-6);border:2px solid var(--ink);background:var(--paper-2)}
.hero-visual img,.about-visual img,.guide-visual img{width:100%;height:auto;display:block}
.hero-actions{display:flex;gap:var(--sp-4);flex-wrap:wrap}

.kicker{font-size:var(--fs-2);margin:var(--sp-7) 0 var(--sp-4);padding-bottom:var(--sp-2);border-bottom:4px solid var(--ink)}
.block-lead{max-width:38em;color:var(--ink-soft);margin-bottom:var(--sp-5)}

/* 能力区块：左右交错 */
.feature{padding:var(--sp-5) 0;border-top:2px solid var(--ink)}
.feature h3{font-size:var(--fs-3);color:var(--accent)}
.feature p{margin-top:var(--sp-3);max-width:40em;color:var(--ink-soft)}
.feature-b{padding-left:20%}
.feature-c{padding-right:20%}
@media(max-width:760px){.feature-b,.feature-c{padding-left:0;padding-right:0}}

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

/* 流程 */
.process ol{list-style:none;counter-reset:step;margin-top:var(--sp-4);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-5)}
.process li{counter-increment:step;border-top:6px solid var(--accent);padding-top:var(--sp-3);font-size:var(--fs-5);color:var(--ink-soft)}
.process li::before{content:"0" counter(step);display:block;font-weight:900;font-size:var(--fs-3);color:var(--ink)}
.process li strong{color:var(--ink)}
@media(max-width:760px){.process ol{grid-template-columns:1fr}}

/* FAQ */
dl dt{font-weight:700;margin-top:var(--sp-4)}
dl dd{color:var(--ink-soft);font-size:var(--fs-5);max-width:42em;margin-top:var(--sp-1)}
.faq-block,.cta{padding:var(--sp-6) 0}

/* 服务页 hero：满版色块 */
.svc-hero{background:var(--ink);color:var(--paper);margin:0 calc(-1 * var(--sp-5));padding:var(--sp-8) var(--sp-6)}
.svc-hero h1{font-size:var(--fs-1);color:var(--accent)}
.svc-hero p{margin-top:var(--sp-4);max-width:44em}
.svc-hero a{color:var(--paper);text-decoration:underline}
.svc-hero a:hover,.svc-hero a:focus-visible{color:var(--accent)}

/* 关于页：图左文右分栏 */
.about-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--sp-7);align-items:start;padding:var(--sp-7) 0}
.about-hero h1{font-size:var(--fs-2);border-top:6px solid var(--accent);padding-top:var(--sp-3)}
.about-visual{border:2px solid var(--ink);transform:translateY(var(--sp-5))}
.about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-5);border-top:2px solid var(--ink);padding:var(--sp-6) 0}
.about-grid h2{font-size:var(--fs-3)}
.about-grid p{margin-top:var(--sp-3);font-size:var(--fs-5);color:var(--ink-soft)}
@media(max-width:760px){.about-hero,.about-grid{grid-template-columns:1fr}.about-visual{transform:none}}

/* 联系页：居中大字开场 */
.contact-hero{text-align:center;padding:var(--sp-8) 0 var(--sp-6)}
.contact-hero h1{font-size:var(--fs-1)}
.contact-hero p{max-width:36em;margin:var(--sp-4) auto 0;color:var(--ink-soft)}
.contact-steps ol{list-style:none;counter-reset:s;margin-top:var(--sp-4)}
.contact-steps li{counter-increment:s;border-left:6px solid var(--accent);margin-bottom:var(--sp-5);padding-left:var(--sp-5);font-size:var(--fs-5);color:var(--ink-soft)}
.contact-steps li::before{content:counter(s,cjk-ideographic) "、";font-weight:900;color:var(--ink);font-size:var(--fs-3)}
.contact-steps li strong{color:var(--ink)}

/* 指南页 */
.guide{padding:var(--sp-5) 0 var(--sp-7)}
.guide h1{font-size:var(--fs-2);border-bottom:6px solid var(--accent);padding-bottom:var(--sp-3)}
.guide h2{font-size:var(--fs-3);margin-top:var(--sp-7)}
.guide p{margin-top:var(--sp-3);color:var(--ink-soft);max-width:42em}
.guide-visual{margin:var(--sp-5) 0;border:2px solid var(--ink)}
.guide table{width:100%;border-collapse:collapse;margin:var(--sp-5) 0;font-size:var(--fs-5)}
.guide caption{text-align:left;font-weight:700;padding-bottom:var(--sp-2)}
.guide th,.guide td{border:2px solid var(--ink);padding:var(--sp-2) var(--sp-3);text-align:left}
.guide thead th{background:var(--ink);color:var(--paper)}
.guide ul{margin:var(--sp-3) 0;padding-left:1.4em;color:var(--ink-soft);font-size:var(--fs-5)}

.faq-page h2{font-size:var(--fs-3);margin-top:var(--sp-7);border-left:8px solid var(--accent);padding-left:var(--sp-3)}
.faq-page > p{color:var(--ink-soft);margin-top:var(--sp-4);max-width:42em}

/* CTA */
.cta{background:var(--ink);color:var(--paper);margin:var(--sp-7) calc(-1 * var(--sp-5)) 0;padding:var(--sp-7) var(--sp-5);text-align:center}
.cta h2{font-size:var(--fs-2);color:var(--accent)}
.cta p{margin:var(--sp-3) auto var(--sp-5);max-width:32em}
.cta a{color:var(--paper)}

/* 页脚 */
.site-footer{border-top:4px solid var(--accent);margin-top:0;background:var(--paper-2)}
.footer-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-4);padding:var(--sp-6) var(--sp-5);font-size:var(--fs-6);color:var(--ink-soft)}
.footer-inner nav{display:flex;gap:var(--sp-4);flex-wrap:wrap}
.footer-inner a{color:var(--ink)}
.footer-inner a:hover,.footer-inner a:focus-visible{color:var(--accent)}

@media(max-width:900px){
  .hero-index{grid-template-columns:1fr;padding-top:var(--sp-6)}
  .hero-visual{margin-top:var(--sp-5)}
}