/* ===== 案例详情页共享样式 ===== */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;background:#f8fafc;color:#1e293b;line-height:1.7;-webkit-font-smoothing:antialiased}
a{text-decoration:none}
.back-link{display:inline-block;margin:18px 0 0 24px;font-size:.85rem;color:#1a56db;font-weight:600}
.container{max-width:1080px;margin:0 auto;padding:0 20px}

/* Hero */
.cd-hero{color:#fff;padding:56px 20px 48px;text-align:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#0f172a,#1a56db)}
.cd-hero .badge{display:inline-block;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);padding:5px 18px;border-radius:20px;font-size:.76rem;font-weight:600;margin-bottom:14px}
.cd-hero h1{font-size:2rem;font-weight:800;margin-bottom:6px}
.cd-hero .client{font-size:.98rem;opacity:.9;margin-bottom:8px}
.cd-hero .industry{font-size:.8rem;opacity:.7}

/* 区块 */
.cd-sec{padding:48px 0}
.cd-sec.bg-light{background:#fff}
.cd-sec h2{font-size:1.35rem;font-weight:800;color:#0f172a;margin-bottom:8px;display:flex;align-items:center;gap:10px}
.cd-sec h2 .hline{width:4px;height:22px;background:linear-gradient(180deg,#1a56db,#3b82f6);border-radius:2px;display:inline-block}
.cd-sec .sec-sub{color:#64748b;font-size:.9rem;margin-bottom:28px}
.cd-sec p.desc{font-size:.92rem;color:#475569;line-height:2;margin-bottom:14px}

/* 数据卡 */
.cd-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}
.cd-stat{text-align:center;padding:22px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:12px}
.cd-stat .num{font-size:1.7rem;font-weight:800;color:#1a56db}
.cd-stat .lbl{font-size:.78rem;color:#64748b;margin-top:4px}

/* 功能卡 */
.cd-mods{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cd-mod{background:#f8fafc;border:1px solid #dbeafe;border-radius:12px;padding:18px}
.cd-mod .mi{font-size:1.4rem;margin-bottom:6px}
.cd-mod h4{font-size:.92rem;color:#1e3a8a;margin-bottom:5px}
.cd-mod p{font-size:.82rem;color:#64748b}

/* 详情图画廊 */
.cd-gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cd-gallery .gitem{border-radius:12px;overflow:hidden;border:1px solid #e2e8f0;background:#fff}
.cd-gallery .gitem img{width:100%;display:block;cursor:pointer;transition:transform .3s}
.cd-gallery .gitem img:hover{transform:scale(1.03)}
.cd-gallery .gitem .gcap{padding:10px 14px;font-size:.78rem;color:#64748b;background:#fff}

/* 评价 */
.cd-quote{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:1px solid #bfdbfe;border-radius:14px;padding:28px;margin-top:8px;position:relative}
.cd-quote::before{content:'"';position:absolute;top:4px;left:18px;font-size:3.5rem;color:#93c5fd;font-family:Georgia,serif}
.cd-quote .qtext{font-size:.95rem;color:#1e3a8a;font-weight:600;line-height:1.9;padding-left:14px}
.cd-quote .qfrom{font-size:.8rem;color:#64748b;margin-top:12px;padding-left:14px}

/* 其他案例 */
.cd-others{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.cd-other{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px;font-size:.84rem;color:#334155;text-align:center;transition:all .25s}
.cd-other:hover{border-color:#1a56db;color:#1a56db;transform:translateY(-2px)}

/* CTA */
.cd-cta{background:linear-gradient(135deg,#0f172a,#1a56db);color:#fff;text-align:center;padding:48px 20px}
.cd-cta h3{font-size:1.4rem;font-weight:800;margin-bottom:10px}
.cd-cta p{font-size:.88rem;opacity:.85;margin-bottom:22px}
.cd-cta .btn{display:inline-block;background:#fff;color:#1a56db;font-weight:700;padding:13px 38px;border-radius:8px;transition:all .25s}
.cd-cta .btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.25)}
.cd-footer{text-align:center;padding:22px;font-size:.78rem;color:#94a3b8}

@media(max-width:768px){
  .cd-hero h1{font-size:1.5rem}
  .cd-stats{grid-template-columns:1fr 1fr}
  .cd-mods{grid-template-columns:1fr}
  .cd-gallery{grid-template-columns:1fr}
  .cd-others{grid-template-columns:1fr}
}