/* 大同鑫丰充电桩运营有限公司 · 深色电力网格体系 */
:root{
  --bg:#101412;
  --panel:#171d1a;
  --line:#2a3531;
  --ink:#e9efe9;
  --muted:#9fb0a7;
  --accent:#41d68f;
  --accent-ink:#0a1410;
  --fs-xs:.8125rem;
  --fs-s:.9375rem;
  --fs-m:1.0625rem;
  --fs-l:clamp(1.4rem,3vw,2rem);
  --fs-xl:clamp(2rem,6vw,3.75rem);
  --gap-1:4px;--gap-2:8px;--gap-3:12px;--gap-4:16px;--gap-5:24px;--gap-6:32px;--gap-7:48px;--gap-8:64px;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--bg);color:var(--ink);
  font-family:"PingFang SC","Microsoft YaHei","Source Han Sans SC",sans-serif;
  font-size:var(--fs-m);line-height:1.8;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:120px 120px;background-position:-1px -1px;
}
.wrap{max-width:1280px;margin:0 auto;padding:0 var(--gap-5)}
a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent}
a:hover{border-bottom-color:var(--accent)}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
img{max-width:100%;height:auto}
.mono{font-family:var(--mono);letter-spacing:.04em}
.kicker{font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.25em;color:var(--accent);text-transform:uppercase;margin-bottom:var(--gap-4)}
h1{font-size:var(--fs-xl);font-weight:800;line-height:1.2;letter-spacing:-.02em;margin-bottom:var(--gap-5)}
h2{font-size:var(--fs-l);font-weight:700;letter-spacing:-.01em}
h3{font-size:1.15rem;font-weight:700}
.lead{max-width:38em;color:var(--muted);font-size:var(--fs-m)}
p{max-width:38em}
.sec-title{border-left:4px solid var(--accent);padding-left:var(--gap-3);margin-bottom:var(--gap-6)}

/* header */
.site-header{border-bottom:1px solid var(--line);background:rgba(16,20,18,.92);position:sticky;top:0;z-index:10}
.header-in{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-5);padding-top:var(--gap-4);padding-bottom:var(--gap-4);flex-wrap:wrap}
nav[aria-label="主导航"]{display:flex;gap:var(--gap-5);flex-wrap:wrap;font-size:var(--fs-s)}
nav[aria-label="主导航"] a{color:var(--muted)}
nav[aria-label="主导航"] a:hover{color:var(--ink)}
nav[aria-label="主导航"] a[aria-current="page"]{color:var(--accent);border-bottom:1px solid var(--accent)}

/* breadcrumb */
.breadcrumb{font-size:var(--fs-xs);letter-spacing:.12em;color:var(--muted);padding-top:var(--gap-5)}
.breadcrumb a{color:var(--muted)}
.breadcrumb a:hover{color:var(--accent)}
.breadcrumb span{margin:0 var(--gap-2)}

/* hero variants — 每页首屏结构不同 */
.hero{padding:var(--gap-8) 0}
.hero-split{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--gap-7);align-items:center}
.hero-fig img{border:1px solid var(--line);display:block}
.hero-band{padding:var(--gap-7) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel)}
.hero-band .hero-fig{margin-top:var(--gap-6)}
.hero-side .hero-text{max-width:44em}
.hero-side .hero-fig{margin-top:var(--gap-6)}
.hero-narrow{padding:var(--gap-7) 0}
.hero-narrow .hero-fig{margin-top:var(--gap-6)}

/* buttons */
.btn{display:inline-block;background:var(--accent);color:var(--accent-ink);font-weight:700;padding:var(--gap-3) var(--gap-5);border:none;font-size:var(--fs-s)}
.btn:hover{background:#5ce6a4;border-bottom:none;color:var(--accent-ink)}
.btn.ghost{background:transparent;color:var(--accent);border:1px solid var(--accent)}
.btn.ghost:hover{background:var(--accent);color:var(--accent-ink)}

/* features — 主叙述式，非三卡 */
.feat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-6);border-top:1px solid var(--line);padding-top:var(--gap-6)}
.feat-grid article{border-top:2px solid var(--accent);padding-top:var(--gap-4)}
.feat-grid p{color:var(--muted);font-size:var(--fs-s)}

/* items 九宫格 */
.items{padding:var(--gap-8) 0}
.items h2{margin-bottom:var(--gap-6)}
.items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.item{border:1px solid var(--line);background:var(--panel);padding:0 0 var(--gap-4)}
.item h2{font-size:1.05rem;padding:var(--gap-3) var(--gap-4) 0;margin:0}
.item p{padding:0 var(--gap-4);color:var(--muted);font-size:var(--fs-s)}
.item ul{list-style:none;padding:0 var(--gap-4)}
.item ul li{font-size:var(--fs-xs);color:var(--muted);font-family:var(--mono);padding:var(--gap-1) 0;border-bottom:1px dashed var(--line)}
.item img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;border-bottom:1px solid var(--line)}
.items + section,.items > h2{grid-column:1/-1}
@media(max-width:760px){.items{grid-template-columns:minmax(0,1fr)}}

/* process */
.process{padding:var(--gap-7) 0;border-top:1px solid var(--line)}
.process ol{list-style:none;margin-top:var(--gap-5)}
.process li{display:grid;grid-template-columns:12em 1fr;gap:var(--gap-4);padding:var(--gap-4) 0;border-bottom:1px solid var(--line)}
.process li strong{font-family:var(--mono);color:var(--accent);font-weight:600}
.process li span{color:var(--muted);font-size:var(--fs-s)}

/* faq */
.faq-block{padding:var(--gap-7) 0}
.faq-block dl{margin-top:var(--gap-5)}
.faq-block dt{font-weight:700;padding:var(--gap-3) 0;border-top:1px solid var(--line)}
.faq-block dd{color:var(--muted);padding-bottom:var(--gap-4);font-size:var(--fs-s)}

/* text cols / article */
.text-cols{padding:var(--gap-6) 0;border-top:1px solid var(--line)}
.text-cols p{color:var(--muted)}
.article{padding:var(--gap-6) 0 var(--gap-7)}
.article h2{margin:var(--gap-7) 0 var(--gap-4);border-left:4px solid var(--accent);padding-left:var(--gap-3)}
.article p{color:var(--muted)}
table{width:100%;border-collapse:collapse;margin:var(--gap-5) 0;font-size:var(--fs-s)}
th,td{border:1px solid var(--line);padding:var(--gap-3) var(--gap-4);text-align:left}
th{background:var(--panel);color:var(--accent);font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.08em}
td{color:var(--muted)}

/* cta */
.cta{margin:var(--gap-8) 0;padding:var(--gap-6);background:var(--panel);border:1px solid var(--line);border-left:6px solid var(--accent)}
.cta h2{margin-bottom:var(--gap-3)}
.cta p{color:var(--muted)}

/* footer */
.site-footer{border-top:1px solid var(--line);margin-top:var(--gap-7)}
.foot-in{display:flex;justify-content:space-between;align-items:center;gap:var(--gap-5);padding:var(--gap-6) var(--gap-5);flex-wrap:wrap;color:var(--muted);font-size:var(--fs-s)}
.foot-in nav{display:flex;gap:var(--gap-4);flex-wrap:wrap}
.foot-in a{color:var(--muted)}
.foot-in a:hover{color:var(--accent)}
.foot-in .mono{color:var(--accent)}

@media(max-width:900px){
  .hero-split{grid-template-columns:1fr}
  .feat-grid{grid-template-columns:1fr}
  .process li{grid-template-columns:1fr}
  .header-in{justify-content:center}
}
@media(max-width:600px){
  .foot-in{flex-direction:column;align-items:flex-start}
}