/* 成功案例列表 */
#casePage #breadcrumb{background-color:#15171b;}
#casePage #breadcrumb a,#casePage #breadcrumb span{color:#b9bcc4;}
#caseMain{background-color:#f5f6f8;}
.caseHero{background:linear-gradient(135deg,#15171b 0%,#23262c 62%,#2c2a24 100%);color:#fff;padding:66px 0 54px;position:relative;overflow:hidden;}
.caseHero:after{content:'';position:absolute;right:-80px;top:-90px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(225,180,79,.2),rgba(225,180,79,0) 68%);pointer-events:none;}
.caseHero .inner{position:relative;z-index:2;}
.caseHero .eyebrow{font-size:13px;letter-spacing:.2em;color:#e1b44f;margin-bottom:14px;}
.caseHero h1{font-size:42px;line-height:1.25;font-weight:700;color:#fff;margin-bottom:16px;}
.caseHero .lead{max-width:840px;font-size:16px;line-height:1.9;color:#c6c9d1;}
.caseWrap{padding:54px 0 72px;}
.caseGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.caseCard{display:flex;flex-direction:column;background:#fff;border:1px solid #eceef2;border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s;}
.caseCard:hover{transform:translateY(-4px);border-color:#e7d3a2;box-shadow:0 16px 34px rgba(21,23,27,.1);}
.caseCard .pic{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:#eceef2;}
.caseCard .pic img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s;}
.caseCard:hover .pic img{transform:scale(1.04);}
.caseCard .year{position:absolute;left:14px;top:14px;padding:3px 10px;border-radius:20px;background:rgba(21,23,27,.72);color:#fff;font-size:12px;line-height:1.6;letter-spacing:.04em;backdrop-filter:blur(2px);}
.caseCard .body{display:flex;flex-direction:column;flex:1;padding:20px 22px 22px;}
.caseCard h2{font-size:18px;line-height:1.55;font-weight:700;color:#18191b;margin-bottom:8px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.caseCard h2 a{color:inherit;}
.caseCard h2 a:hover{color:#c99a2e;}
.caseCard p{font-size:13px;line-height:1.85;color:#687284;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:16px;}
.caseCard .more{display:inline-flex;align-items:center;gap:4px;margin-top:auto;font-size:13px;font-weight:600;color:#c99a2e;}
.caseCard .more:hover{color:#a97f1f;}
.caseWrap .pagebar{margin-top:44px;}
@media (max-width:1100px){
  .caseHero h1{font-size:34px;}
  .caseGrid{grid-template-columns:repeat(2,1fr);gap:20px;}
}
@media (max-width:768px){
  .caseHero{padding:46px 0 38px;}
  .caseHero h1{font-size:28px;}
  .caseHero .lead{font-size:14px;line-height:1.85;}
  .caseHero .eyebrow{font-size:11px;letter-spacing:.14em;}
  .caseWrap{padding:32px 0 48px;}
  .caseGrid{grid-template-columns:1fr;gap:16px;}
  .caseCard .body{padding:16px 18px 18px;}
  .caseCard h2{font-size:17px;}
  .caseWrap .pagebar{margin-top:32px;}
}