/* Apple UX v2 - 服务卡片 + 信任条 + 内容区 */

/* 信任数字条 */
.hhcn-trust-bar{
  display:flex;align-items:center;justify-content:space-around;
  padding:18px 24px;margin:0 0 20px;
  background:var(--card);border:1px solid var(--b1);border-radius:var(--r2);
  box-shadow:var(--s1);
}
.hhcn-trust-item{text-align:center;flex:1;}
.hhcn-trust-item strong{display:block;font-size:22px;font-weight:700;color:var(--ap);letter-spacing:-.5px;}
.hhcn-trust-item span{display:block;font-size:12px;color:var(--t2);margin-top:2px;}
.hhcn-trust-bar .sep{width:1px;height:32px;background:var(--b1);}
@media(max-width:480px){
  .hhcn-trust-item strong{font-size:18px;}
  .hhcn-trust-item span{font-size:11px;}
}

/* 三大服务入口卡片 */
.hhcn-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 20px;}
.hhcn-service-card{
  background:var(--card);border:1px solid var(--b1);
  border-radius:var(--r2);padding:20px 16px 18px;text-align:center;
  transition:transform .22s,box-shadow .22s;position:relative;overflow:hidden;
  cursor:pointer;
}
.hhcn-service-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  border-radius:var(--r2) var(--r2) 0 0;
}
.hhcn-service-card.s1::before{background:linear-gradient(90deg,var(--ap),#5AC8FA);}
.hhcn-service-card.s2::before{background:linear-gradient(90deg,#FF9500,var(--aw));}
.hhcn-service-card.s3::before{background:linear-gradient(90deg,var(--ag),#5AC8FA);}
.hhcn-service-card:hover{transform:translateY(-4px);box-shadow:var(--s3);}
.hhcn-service-icon{font-size:28px;margin-bottom:10px;line-height:1;}
.hhcn-service-card h3{font-size:15px;font-weight:700;color:var(--t1);margin:0 0 6px;}
.hhcn-service-price{font-size:18px;font-weight:700;color:var(--aw);margin:0 0 4px;}
.hhcn-service-price small{font-size:12px;font-weight:400;color:var(--t3);}
.hhcn-service-card p{font-size:12px;color:var(--t2);margin:0 0 14px;line-height:1.6;}
.hhcn-service-btn{
  display:inline-block;padding:7px 16px;border-radius:999px;
  font-size:13px;font-weight:600;color:#fff;
  transition:opacity .18s;
}
.s1 .hhcn-service-btn{background:var(--ap);}
.s2 .hhcn-service-btn{background:var(--aw);}
.s3 .hhcn-service-btn{background:var(--ag);}
.hhcn-service-btn:hover{opacity:.85;color:#fff;}
@media(max-width:600px){
  .hhcn-service-grid{grid-template-columns:1fr;}
  .hhcn-service-card{display:flex;align-items:center;text-align:left;gap:14px;padding:16px;}
  .hhcn-service-icon{font-size:24px;flex-shrink:0;}
  .hhcn-service-card::before{width:3px;height:auto;top:0;bottom:0;left:0;right:auto;border-radius:var(--r2) 0 0 var(--r2);}
  .hhcn-service-card>div{flex:1;}
}

/* 首页介绍面板 */
.hhcn-intro-panel{
  background:var(--card);border:1px solid var(--b1);border-radius:var(--r3);
  box-shadow:var(--s2);position:relative;overflow:hidden;
}
.hhcn-intro-panel::after{
  content:'';position:absolute;top:-60px;right:-60px;width:200px;height:200px;
  background:radial-gradient(circle,rgba(0,122,255,.06),transparent 70%);
  pointer-events:none;
}
.hhcn-section-head span{background:rgba(0,122,255,.08);color:var(--ap);border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.06em;}
.hhcn-section-head h1,.hhcn-section-head h2,.hhcn-section-head h3{color:var(--t1);font-weight:700;letter-spacing:-.4px;}
.hhcn-section-head p{color:var(--t2);font-size:15px;line-height:1.7;}
.hhcn-chip-row span{background:#F5F5F7;border:1px solid var(--b1);color:var(--t2);border-radius:999px;font-size:13px;transition:all .18s;}
.hhcn-chip-row span:hover{background:var(--ap);color:#fff;border-color:var(--ap);}
.hhcn-trust-grid{gap:12px;}
.hhcn-trust-card{background:#F9F9FB;border:1px solid var(--b1);border-radius:var(--r2);transition:all .2s;}
.hhcn-trust-card:hover{background:var(--card);box-shadow:var(--s2);transform:translateY(-2px);}
.hhcn-trust-card strong{color:var(--t1);font-weight:600;}
.hhcn-trust-card p{color:var(--t2);font-size:13px;}
.hhcn-action-row a{border-radius:999px;padding:9px 20px;font-size:14px;font-weight:500;border:1.5px solid var(--ap);color:var(--ap);background:transparent;transition:all .18s;}
.hhcn-action-row a:hover{background:var(--ap);color:#fff;}
.hhcn-action-row a.primary{background:var(--ap);color:#fff;border-color:var(--ap);box-shadow:0 4px 14px rgba(0,122,255,.28);}
.hhcn-action-row a[href^="tel"]{background:var(--aw);color:#fff;border-color:var(--aw);box-shadow:0 4px 14px rgba(255,107,0,.24);}
.hhcn-action-row a[href^="tel"]:hover{background:#e05f00;}