/* ============================================================
   08-service.css  客服页：客服卡片 + 防仿冒提示
   主图标：images/cs_icon.png
   侧按钮：images/cs_side.png
   防仿冒图标：images/warn_shield.png
   ============================================================ */
.cs-card {
  background: rgba(18,46,56,.8);
  border: 1px solid rgba(60,190,170,.35);
  border-radius: 18px; padding: 18px; margin-bottom: 14px;
}
.cs-top { display:flex; align-items:center; gap:12px; margin-bottom: 16px; }
.cs-top .ricon {
  width:52px; height:52px; border-radius:12px; flex-shrink:0;
  background:linear-gradient(135deg,#2a4a55,#1c2f3a);
  display:flex; align-items:center; justify-content:center; font-size:28px;
}
.cs-top h3 { font-size:19px; display:flex; align-items:center; gap:8px; }
.online { display:inline-flex; align-items:center; gap:5px; font-size:12px; color:#22d3b8; font-weight:500; }
.online::before { content:''; width:8px; height:8px; border-radius:50%; background:#22d3b8; box-shadow:0 0 6px #22d3b8; }
.cs-channel { color:#22d3b8; font-size:14px; margin-top:4px; display:flex; align-items:center; gap:6px; }
.cs-actions { display:flex; gap:10px; }
.cs-actions .main {
  flex:1; padding: 14px; border-radius: 14px; border:none; cursor:pointer;
  background: linear-gradient(90deg,#22d3b8,#3fe0c5);
  color:#062a26; font-size:16px; font-weight:800;
}
.cs-actions .side {
  width: 52px; height: 52px; border-radius: 14px; cursor:pointer;
  background: rgba(40,80,95,.8); border:1px solid rgba(60,190,170,.4);
  color:#cfe8e2; font-size:22px;
  display:flex; align-items:center; justify-content:center;
display: flex; align-items: center; justify-content: center; text-decoration: none; 

}
.warn {
  display:flex; gap:12px; align-items:flex-start;
  padding: 16px 18px;
  background: rgba(60,40,40,.35);
  border: 1px solid rgba(255,150,120,.25);
  border-radius: 16px;
  font-size:14px; line-height:1.6; color:#e8d5cf;
}
.warn .shield {
  font-size:24px; flex-shrink:0;
  width:36px; height:36px; border-radius:10px;
  background: rgba(255,150,120,.15);
  display:flex; align-items:center; justify-content:center;
}