/* ============================================================
   硕创兽药站 v2 修复层  shouyao-v2.css  2026-10-06
   作用：修复 style.css + sc-theme.css + 内联增强 CSS 三层冲突
   部署位置：/css/shouyao-v2.css（在 sc-theme.css 之后加载）
   回退：页面删除 <link href="/css/shouyao-v2.css"> 即回退
   ============================================================ */

/* ---- 0. 变量兜底（修复未定义变量引用） ---- */
:root{
  --gold-dark:#B8922F;
  --bg-white:#ffffff;
}

/* ---- 1. 按钮文字可见性 ----
   sc-theme.css 的 a{color:var(--sc-accent)!important} 把所有按钮
   链接文字强制成绿色，绿底绿字=隐形。此处按按钮类型恢复。 */
a.btn-primary,a.header-cta{ color:#fff !important; }
a.btn-primary:hover,a.header-cta:hover{ color:#fff !important; }
a.btn-gold{ color:#10241D !important; }
a.btn-gold:hover{ color:#10241D !important; }
a.btn-secondary{ color:var(--primary,#0D7C66) !important; }
a.btn-secondary:hover{ color:var(--primary-dark,#095C4B) !important; }
.cta-section a.btn-secondary{ color:#fff !important; }
.cta-section a.btn-secondary:hover{ color:#fff !important; }

/* ---- 2. 深色区文字（修复 h1-h6 被强制深色后深底深字） ---- */
.section-dark h1,.section-dark h2,.section-dark h3,.section-dark h4,
.page-hero h1,.page-hero h2,.page-hero h3,.page-hero h4,
.cta-section h1,.cta-section h2,.cta-section h3{ color:#fff !important; }
.section-dark h3{ color:#fff !important; }
.section-dark .adv-card h3{ color:#fff !important; }
.section-dark .adv-card p{ color:rgba(255,255,255,.78) !important; }
.section-dark .section-desc,
.page-hero p{ color:rgba(255,255,255,.82) !important; }
.page-hero .breadcrumb-nav,
.page-hero .breadcrumb-nav a,
.breadcrumb-nav a{ color:rgba(255,255,255,.8) !important; }
.section-dark a:not(.btn-primary):not(.btn-gold):not(.btn-secondary){ color:var(--gold,#D4A843) !important; }

/* ---- 3. 星空/粒子画布归位（修复约 760px 布局空洞） ----
   根因：内联 CSS 中 .section-dark>*{position:relative} 在
   .star-canvas{position:absolute} 之后、同优先级覆盖了定位。 */
canvas.star-canvas,canvas.hero-particles{
  position:absolute !important; top:0; left:0;
  width:100%; height:100%;
}

/* ---- 4. 入场动画可靠性（无 JS / 弱渲染兜底） ----
   内容默认可见；放弃"先隐藏再点亮"的脆弱模式。 */
.reveal{ opacity:1 !important; transform:none !important; transition:none !important; }
.hero-badge,.hero-desc,.hero-actions,.hero-stats{
  opacity:1 !important; animation:none !important; transform:none !important;
}

/* ---- 5. emoji 图标徽章化（廉价感修复） ---- */
.card-icon,.pain-icon{
  width:58px; height:58px; border-radius:14px;
  display:flex; align-items:center; justify-content:center;
  font-size:27px !important; line-height:1;
  background:linear-gradient(135deg,#E9F6F2,#D8EFE7);
  box-shadow:inset 0 0 0 1px rgba(14,140,110,.16);
  overflow:hidden;
}
.card-icon.gold-icon,.pain-card:nth-child(2n) .pain-icon{
  background:linear-gradient(135deg,#FBF3DC,#F3E5B9);
  box-shadow:inset 0 0 0 1px rgba(212,168,67,.28);
}
.section-dark .card-icon{ background:rgba(255,255,255,.08); box-shadow:inset 0 0 0 1px rgba(255,255,255,.14); }
.news-card-img{
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,#0F3D30,#0D7C66);
}
.news-card-img.gold-icon{ background:linear-gradient(135deg,#B8922F,#D4A843); }

/* ---- 6. page-hero 层次微调（面包屑/标题对比度） ---- */
.page-hero{ text-shadow:0 1px 12px rgba(0,0,0,.22); }
.page-hero h1 span{ color:var(--gold-light,#E8C97A) !important; }

/* ---- 7. 表单观感（contact 页） ---- */
input,select,textarea{
  font-family:inherit; color:var(--text-dark,#1A2E28);
  background:#fff; border:1px solid #CBDAD3; border-radius:10px;
}
input:focus,select:focus,textarea:focus{
  outline:none; border-color:var(--primary,#0D7C66);
  box-shadow:0 0 0 3px rgba(13,124,102,.14);
}

/* ---- 8. 数字滚动统计（防计数未触发时显示 0） ----
   若 JS 未执行，data-count 元素保留 HTML 初始文本；不额外处理。 */

/* ---- 9. 页脚链接 hover 品牌色 ---- */
.site-footer a:hover{ color:var(--gold-light,#E8C97A) !important; }

/* ---- 10. 移动端补丁 ---- */
@media (max-width:768px){
  .card-icon,.pain-icon{ width:48px; height:48px; font-size:23px !important; }
  .hero-title{ font-size:2.1rem !important; }
  .section-title{ font-size:1.55rem !important; }
}

/* ---- 11. FAQ 兜底（全站 FAQ 依赖 .active 但无 JS 支持 → 默认展开） ---- */
.faq-answer{ max-height:none !important; overflow:visible !important; }
.faq-question::after{ display:none !important; }