/* ============================================================
   calibre-tools 主题换肤层 theme.css
   ------------------------------------------------------------
   颜色取自 logo.png 同色系（青绿 teal，区别于默认蓝 #2563eb）。
   本文件在 global.css 之后引入，覆盖 :root 变量与硬编码蓝。
   ============================================================ */

:root {
  --brand:        #0d9488;                             /* teal-600 主品牌色 */
  --brand-dk:     #0f766e;                             /* teal-700 hover */
  --brand-shadow: rgba(13, 148, 136, 0.25);
  --hero-bg:      linear-gradient(180deg, #ccfbf1 0%, #ffffff 100%);
  --cta-grad:     linear-gradient(135deg, #0d9488 0%, #115e59 100%);

  /* 覆盖底层 --blue 系列，让 var(--blue) 引用处一并变 teal */
  --blue:         #0d9488;
  --blue-dk:      #0f766e;
  --blue-50:      #f0fdfa;
}

/* 统一使用系统默认字体 */
body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, sans-serif;
}

/* 所有文字 hover 不加下划线 */
a:hover { text-decoration: none; }

/* 覆盖组件中硬编码的蓝色 → teal */
.cta-secondary { color: var(--brand); }
.cta-secondary:hover { border-color: var(--brand); color: var(--brand-dk); }
.hub-card-v2 .card-icon { background: #f0fdfa; color: var(--brand); }
.hub-card-v2:hover { border-color: var(--brand); box-shadow: 0 8px 24px rgba(13, 148, 136, 0.12); }
.hub-card-v2 .card-arrow { color: var(--brand); }
.entity-grid > div { border-left-color: var(--brand); }
.steps-v2 li code { color: var(--brand-dk); }
.tip-box { background: #f0fdfa; border-left-color: var(--brand); }
.cta-section-v2 .cta-primary { color: var(--brand); }
.cta-section-v2 .cta-primary:hover { background: #f0fdfa; color: var(--brand-dk); }
.trust-btn-blue { background: linear-gradient(135deg, #0d9488, #0f766e); }
.compact-btn-blue { background: linear-gradient(135deg, #0d9488, #0f766e); }

/* 更新署名胶囊（H1 正下方，低权重，脉冲呼吸灯） */
.meta-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 400;
  color: #94a3b8;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  padding: 4px 14px;
  border-radius: 999px;
  line-height: 1.6;
  margin: 4px 0 12px;
}
.meta-pill .meta-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #0d9488;
  flex-shrink: 0;
  animation: calibre-breathe 2.2s ease-in-out infinite;
}
@keyframes calibre-breathe {
  0%, 100% { box-shadow: 0 0 0 0 rgba(13, 148, 136, 0.55); opacity: 1; }
  50%      { box-shadow: 0 0 0 6px rgba(13, 148, 136, 0); opacity: 0.55; }
}

/* 首页/下载页 hero 分栏：左文右图，窄屏上文下图 */
.hero-split { text-align: left; }
.hero-split .container { max-width: 1100px; }
/* 覆盖 layout_T2.css 对 .container 的分栏 grid（避免空 320px 列把图片挤向中间）*/
.t2-layout .hero-split .container { display: block; }
.hero-split .hero-split-inner {
  display: grid;
  grid-template-columns: 1fr 1.7fr;
  gap: 40px;
  align-items: center;
}
.hero-split .hero-left { min-width: 0; }
.hero-split .hero-left .hero-icon { margin: 0 0 16px; }
.hero-split .hero-left .hero-sub { margin-left: 0; }
.hero-split .hero-left .cta-row { justify-content: flex-start; }
.hero-split .hero-right img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.10);
}
@media (max-width: 768px) {
  .hero-split .hero-split-inner { grid-template-columns: 1fr; gap: 24px; }
  .hero-split { text-align: left; }
}