/* ============================================
   iCAN Brand Style - iCAN 品牌独立样式
   全局统一使用，不需要重复说明
   规则：i/C/A 为主题青色，仅 N 为金色
   ============================================ */

/* ---- 主标题用（大字号，page-hero h1） ---- */
.ican-brand {
  letter-spacing: 0;
  display: inline-block;
}
.ican-brand .ican-n {
  color: var(--gold);
}

/* ---- 深色文字场景（段落正文、CTA 标题） ---- */
.ican-brand-ink {
  letter-spacing: 0;
  display: inline-block;
}
.ican-brand-ink .ican-n {
  color: var(--gold);
}

/* ---- 灰色文字场景（CTA 描述段落） ---- */
.ican-brand-muted {
  letter-spacing: 0;
  display: inline-block;
}
.ican-brand-muted .ican-n {
  color: var(--gold);
}

/* ---- 导航栏 / Footer 链接（继承 currentColor，N 单独金色） ---- */
.ican-brand-nav {
  letter-spacing: 0;
  display: inline-block;
}
.ican-brand-nav .ican-n {
  color: var(--gold);
}

/* ---- 首页 Banner 按钮（青色文字 + 金色 N） ---- */
.ican-brand-btn {
  letter-spacing: 0;
  display: inline-block;
}
.ican-brand-btn .ican-n {
  color: var(--gold);
}

/* ============================================
   iCAN 收藏按钮样式
   ============================================ */
.ican-fav-btn {
  width: 38px;
  height: 38px;
  border-radius: 8px;
  background: var(--bg-card);
  border: 1px solid var(--border);
  color: var(--muted);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  flex-shrink: 0;
}
.ican-fav-btn:hover {
  border-color: var(--accent);
  color: var(--accent);
  transform: scale(1.05);
}
.ican-fav-btn.faved {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
}
.ican-fav-btn.faved svg {
  fill: #fff;
}

/* ============================================
   iCAN 双通道响应式
   ============================================ */
@media (max-width: 768px) {
  .ican-dual-channel {
    grid-template-columns: 1fr !important;
  }
}