/* 内页与图库补充样式 */
.media-card{
  position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg);
  aspect-ratio:4/3;background:#0b1c38;
}
.media-card img{width:100%;height:100%;object-fit:cover;display:block}
.media-card figcaption{
  position:absolute;left:0;right:0;bottom:0;padding:18px 20px;color:#fff;font-size:14px;
  background:linear-gradient(180deg,transparent,rgba(6,18,40,.85));
}
.figure-note{font-size:12.5px;color:var(--muted);margin-top:10px}

/* 产品详情块 */
.p-block{display:grid;grid-template-columns:.95fr 1.05fr;gap:44px;align-items:center;padding:52px 0;border-bottom:1px solid var(--line)}
.p-block:last-child{border-bottom:0}
.p-block:nth-child(even) .p-media{order:2}
.p-media{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:4/3;background:#0b1c38}
.p-media img{width:100%;height:100%;object-fit:cover;display:block}
.p-body h3{font-size:24px;margin-bottom:14px}
.p-body>p{color:var(--muted);margin-bottom:18px}
.spec{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0 24px}
.spec div{background:var(--bg);border-radius:10px;padding:12px 14px;font-size:13.5px;color:var(--muted)}
.spec b{display:block;color:var(--text);font-size:15px;margin-bottom:2px}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.tags span{font-size:12.5px;color:var(--blue);background:rgba(30,107,255,.08);border:1px solid rgba(30,107,255,.18);padding:5px 12px;border-radius:999px}

/* 案例墙 */
.wall{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.wall figure{margin:0;position:relative;border-radius:var(--radius);overflow:hidden;background:#0b1c38;aspect-ratio:4/3}
.wall figure img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.wall figure:hover img{transform:scale(1.05)}
.wall figcaption{
  position:absolute;left:0;right:0;bottom:0;padding:16px 18px;color:#fff;font-size:14px;
  background:linear-gradient(180deg,transparent,rgba(6,18,40,.88));
}
.wall figcaption b{display:block;font-size:15px;margin-bottom:3px}
.wall figcaption span{font-size:12.5px;color:rgba(255,255,255,.7)}

/* 视频区块 */
.video-band{
  position:relative;border-radius:20px;overflow:hidden;min-height:320px;
  display:grid;place-items:center;text-align:center;color:#fff;padding:60px 24px;
}
.video-band video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.4}
.video-band::before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(6,16,38,.9),rgba(14,54,120,.66))}
.video-band>div{position:relative;z-index:2;max-width:680px}
.video-band h2{font-size:clamp(22px,2.8vw,32px);margin-bottom:12px}
.video-band p{color:rgba(255,255,255,.76)}

/* 团队/资质 */
.fact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.fact{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 22px}
.fact b{display:block;font-size:26px;color:var(--blue);margin-bottom:6px}
.fact span{color:var(--muted);font-size:14px}

/* 联系页 */
.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:start}
.map-box{
  border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:#fff;
  margin-top:20px;
}
.map-box .map-head{padding:18px 22px;border-bottom:1px solid var(--line);font-size:15px;font-weight:600}
.map-box .map-body{padding:22px;font-size:14.5px;color:var(--muted);line-height:1.9}
.map-box .map-body strong{color:var(--text)}

/* 文字页面 */
.prose{max-width:900px}
.prose h2{font-size:23px;margin:38px 0 14px}
.prose h3{font-size:18px;margin:26px 0 10px}
.prose p{color:var(--muted);margin-bottom:14px}
.prose ul{margin:0 0 18px;display:grid;gap:9px}
.prose ul li{display:flex;gap:10px;color:var(--muted);font-size:15px}
.prose ul li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue);margin-top:9px;flex:none}
.credit-list{display:grid;gap:10px;margin-top:18px}
.credit-list li{font-size:13.5px;color:var(--muted);border-bottom:1px dashed var(--line);padding-bottom:10px}
.credit-list a{color:var(--blue)}

/* 文章正文排版 */
.prose p{margin:0 0 15px;color:var(--muted);line-height:1.9}
.prose h1{color:var(--text)}
.prose h2{color:var(--text)}
.prose h3{color:var(--text)}
.prose strong{color:var(--text)}
.prose a.inline{color:var(--blue);border-bottom:1px solid rgba(30,107,255,.35)}
.prose ul.prose-list{margin:0 0 18px}
.prose ul.prose-list li{position:relative;padding-left:20px;margin-bottom:10px;color:var(--muted);line-height:1.85}
.prose ul.prose-list li::before{content:"";position:absolute;left:3px;top:.75em;width:6px;height:6px;border-radius:50%;background:var(--blue)}
.prose .callout{background:#f2f7ff;border-left:3px solid var(--blue);border-radius:10px;padding:16px 20px;margin:20px 0;color:#26374f;font-size:14.5px;line-height:1.85}
.prose .callout b{color:var(--text)}
.prose table.tip-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px}
.prose table.tip-table th,.prose table.tip-table td{border:1px solid var(--line);padding:11px 13px;text-align:left;vertical-align:top}
.prose table.tip-table th{background:#f6f9ff;color:var(--text);font-weight:600}
.prose table.tip-table td{color:var(--muted)}
.prose .article-meta{font-size:13px;color:var(--muted);margin-bottom:8px}
.art-list{display:grid;gap:16px;margin-top:26px}
.art-card{display:block;border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;background:var(--white);transition:.25s}
.art-card:hover{border-color:var(--blue);box-shadow:var(--shadow)}
.art-card h3{font-size:19px;margin-bottom:8px;color:var(--text)}
.art-card p{font-size:14px;color:var(--muted);line-height:1.8;margin:0}
.art-card span.more{display:inline-block;margin-top:12px;font-size:13.5px;color:var(--blue);font-weight:500}

@media (max-width:1024px){
  .p-block{grid-template-columns:1fr;gap:26px}
  .p-block:nth-child(even) .p-media{order:0}
  .wall{grid-template-columns:repeat(2,1fr)}
  .fact-grid{grid-template-columns:repeat(2,1fr)}
  .contact-grid{grid-template-columns:1fr}
}
@media (max-width:680px){
  .wall{grid-template-columns:1fr}
  .spec{grid-template-columns:1fr}
  .fact-grid{grid-template-columns:1fr}
}