/* contact.css — cn「联系我们」页专属样式
 * 配色与全站统一：--primary #1A9B8A / --primary-dark #0D3B5C
 * 仅由 contact.html 引用。规则取自 com 站 style.css，已剔除 theme-dark 与 opacity:0 入场动画。
 */
:root{
  --primary:#1A9B8A;
  --primary-dark:#0D3B5C;
  --border:#e2e8f0;
  --shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);
  --shadow-xl:0 20px 25px -5px rgba(0,0,0,.12),0 10px 10px -5px rgba(0,0,0,.06);
}

.contact-badge{position:absolute;top:-10px;right:16px;background:#1A9B8A;color:#fff;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:700;}
.contact-card{background:#fff;border-radius:12px;padding:2rem 1.5rem;text-align:center;border:2px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 4px 6px -1px rgba(0,0,0,.08);}
.contact-card p{color:#4a5568;line-height:1.6;}
.contact-card a{color:#1A9B8A;text-decoration:none;font-weight:600;word-break:break-all;}
.contact-card h4{color:#0D3B5C;font-size:1.15rem;margin-bottom:.75rem;}
.contact-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 10px 20px -5px rgba(0,0,0,.12);}
.contact-card a:hover{text-decoration:underline;}
.contact-card-featured{border:2px solid #1A9B8A;transform:scale(1.02);position:relative;box-shadow:var(--shadow-lg);}
.contact-card-featured:hover{transform:scale(1.02) translateY(-4px);box-shadow:var(--shadow-xl);}
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto;}
.contact-hint{font-size:.85rem;color:#718096;margin-top:.5rem;}
.contact-icon{font-size:2.5rem;margin-bottom:1rem;}
.contact-section{padding:4rem 2rem;background:linear-gradient(135deg,#f0f4f8 0%,#e2e8f0 100%);}
.contact-wechat-qr{display:flex;justify-content:center;margin:.5rem 0 1rem;}
.contact-wechat-qr img{border-radius:8px;background:#fff;padding:6px;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:transform .2s;}
.contact-wechat-qr img:hover{transform:scale(1.05);}
.section-container{max-width:1200px;margin:0 auto;}
@media(max-width:1024px){.contact-grid{grid-template-columns:1fr;}}
@media(max-width:480px){.contact-card{padding:1.1rem;}}