/* ============================================================
   康途嘉悦 · 腾讯风格全局样式覆盖层
   设计语言：纯白底 / 纯黑标题 / 灰副文 / 单一科技蓝 #0052D9
   零渐变、零多彩、发丝线分隔、方形按钮、超大留白
   ============================================================ */

:root {
    --tc-blue: #0052D9;
    --tc-blue-dark: #003db0;
    --tc-green: #00A870;
    --tc-ink: #101828;
    --tc-body: #444444;
    --tc-gray: #888888;
    --tc-hairline: #e5e5e5;
}

/* 全站标题黑：纯黑 → 深蓝灰（对齐大厂近黑灰用法） */
.text-black { color: var(--tc-ink) !important; }
/* 与上方 !important 配套：保留产品名 hover 变蓝的交互 */
.group:hover .group-hover\:text-\[\#0052D9\] { color: var(--tc-blue) !important; }

/* ---------- 色彩收敛：Gemini 三色统一为腾讯蓝 ---------- */
.text-gemini-blue,
.text-gemini-purple,
.text-gemini-peach { color: var(--tc-blue) !important; }

.bg-gemini-blue,
.bg-gemini-purple,
.bg-gemini-peach { background-color: var(--tc-blue) !important; }

.border-gemini-blue,
.border-gemini-purple,
.border-gemini-peach { border-color: var(--tc-blue) !important; }

.hover\:text-gemini-blue:hover,
.hover\:text-gemini-purple:hover,
.hover\:text-gemini-peach:hover { color: var(--tc-blue) !important; }

.hover\:bg-gemini-blue:hover { background-color: var(--tc-blue) !important; }

/* ---------- 渐变文字 → 纯色腾讯蓝 ---------- */
.text-gradient-gemini {
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    color: var(--tc-blue) !important;
}

.bg-gemini-gradient {
    background: var(--tc-blue) !important;
}

/* ---------- 卡片：浅灰圆角大卡 → 白底发丝线方卡 ---------- */
.card-gemini {
    background-color: #ffffff !important;
    border: 1px solid var(--tc-hairline) !important;
    border-radius: 4px !important;
}

/* ---------- 按钮：胶囊 → 方形 ---------- */
.btn-black {
    background-color: var(--tc-ink) !important;
    color: #ffffff !important;
    border-radius: 2px !important;
    display: inline-block;
}

.btn-outline {
    border-radius: 2px !important;
    border-color: #cfcfcf !important;
}

.btn-outline:hover {
    background-color: #f7f7f7 !important;
}

/* ---------- 导航：加发丝线下边 ---------- */
.nav-blur {
    border-bottom: 1px solid var(--tc-hairline) !important;
}

/* ---------- 徽章/标签胶囊 → 方形浅灰 ---------- */
.tag {
    letter-spacing: 0.08em;
}

/* ---------- 链接主色 ---------- */
.text-primary,
.text-primary-dark { color: var(--tc-blue) !important; }
.bg-primary { background-color: var(--tc-blue) !important; }

/* ---------- 标题字重收敛：更轻、更冷峻 ---------- */
h1, h2 {
    letter-spacing: -0.01em;
}

/* ============================================================
   排版规则（对齐大厂官网通用做法）
   - 标题行高 120%，字距 +0.25px
   - 辅助灰: #64676a
   - 字重不再强制覆盖，尊重各页面 class 原意
   ============================================================ */

/* 标题行高与字距 */
h1, h2, h3, h4 {
    line-height: 1.2 !important;
    letter-spacing: 0.25px !important;
}
.tracking-tight { letter-spacing: 0.25px !important; }

/* 辅助灰对齐腾讯 #64676a */
.text-\[\#888\] { color: #64676a !important; }

/* 正文字体栈补全中文字体（对齐腾讯 Haas Grot + PingFang + YaHei 回退） */
body {
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans SC', sans-serif;
}

/* 腾讯式斜切蓝色标签（clip-path 右缘斜切） */
.tc-slant {
    clip-path: polygon(0 0, 100% 0, 96% 100%, 0 100%);
    padding-right: 1.25rem !important;
}
