/* 页面级样式 — 提取自 网站前端模板/case.html */

/* ================= 案例详情页专属布局 ================= */

/* --- 工程实拍图集 --- */
.cd-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:20px}
.cd-gallery-item{margin:0;border-radius:14px;overflow:hidden;border:1px solid var(--line2);background:var(--veil)}
.cd-gallery-item img{display:block;width:100%;height:auto}

/* --- 大渐变封面头 --- */
.cd-hero{position:relative;overflow:hidden;padding:170px 0 70px;border-bottom:1px solid var(--line)}
.cd-hero .bgicon{position:absolute;right:-30px;top:30px;font-size:300px;opacity:.06;user-select:none;line-height:1}
.cd-hero .crumb{font-family:var(--mono);font-size:12px;color:var(--txt3);margin-bottom:24px;letter-spacing:.1em}
.cd-hero .crumb a:hover{color:var(--cyan)}
.cd-hero h1{font-size:clamp(26px,4vw,46px);font-weight:900;max-width:900px;line-height:1.35}
.cd-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.cd-meta span{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;font-size:13px;color:var(--txt2);border:1px solid var(--line2);background:var(--veil)}
.cd-meta b{color:var(--cyan);font-family:var(--mono);font-weight:600}
.cd-meta span.web{background:linear-gradient(120deg,rgba(34,211,238,.14),rgba(139,92,246,.14));border-color:transparent}
.cd-meta span.web a{color:var(--cyan)}

/* --- 主体：左内容 + 右信息栏 --- */
.cd-body{display:grid;grid-template-columns:1fr 320px;gap:54px;padding:64px 32px 100px}
.cd-prose h2{font-size:22px;font-weight:800;margin:44px 0 16px;padding-left:16px;border-left:4px solid var(--cyan)}
.cd-prose h2:first-child{margin-top:0}
.cd-prose p{color:var(--txt2);font-size:15.5px;margin-bottom:16px;text-align:justify}
.cd-prose ul{list-style:none;margin:16px 0}
.cd-prose li{padding:12px 0 12px 32px;position:relative;color:var(--txt2);border-bottom:1px dashed var(--line)}
.cd-prose li::before{content:"▸";position:absolute;left:6px;color:var(--cyan)}
.cd-prose .lead{font-size:17px;color:var(--txt);line-height:2}
/* 案例真实项目图（限制最大宽度，避免放大导致模糊） */
.cd-shot{margin:0 auto 26px;max-width:700px;border-radius:18px;overflow:hidden;border:1px solid var(--line2);background:var(--panel);box-shadow:var(--shadow)}
.cd-shot img{display:block;width:100%;height:auto}

/* 右信息栏：渐变信息卡 */
.cd-side{position:sticky;top:110px;align-self:start;display:flex;flex-direction:column;gap:18px}
.cd-info-card{border-radius:18px;border:1px solid var(--line2);padding:26px;position:relative;overflow:hidden;
  background:linear-gradient(160deg,rgba(34,211,238,.07),rgba(139,92,246,.08))}
.cd-info-card h4{font-family:var(--mono);font-size:11px;color:var(--txt3);letter-spacing:.28em;margin-bottom:18px}
.cd-info-card .row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed var(--line);font-size:13.5px}
.cd-info-card .row:last-child{border-bottom:0}
.cd-info-card dt{color:var(--txt3);white-space:nowrap}
.cd-info-card dd{color:var(--txt);text-align:right}
.cd-contact{border-radius:18px;padding:26px;text-align:center;color:#fff;position:relative;overflow:hidden;
  background:linear-gradient(135deg,#22d3ee,#3b82f6 55%,#8b5cf6)}
.cd-contact::after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.12);top:-80px;right:-60px}
.cd-contact b{font-size:17px;display:block;position:relative;z-index:1}
.cd-contact .tel{font-family:var(--mono);font-size:24px;font-weight:700;margin-top:12px;display:block;position:relative;z-index:1}
.cd-contact small{display:block;margin-top:8px;opacity:.9;font-size:12.5px;position:relative;z-index:1}
@media(max-width:960px){.cd-body{grid-template-columns:1fr}.cd-side{position:static}}