/* 共享白灰金主题，仅覆盖颜色与视觉效果。 */
:root {
    --gold: #c7a66a;
    --gold-dark: #9d7d45;
    --gold-soft: #faf6ed;
    --page: #f3f3f1;
    --paper: #ffffff;
    --ink: #292929;
    --muted: #777777;
    --line: #e4e2de;
    --soft-gray: #f7f7f6;
    --warning-soft: #fbf5e9;
}

/* 主站与管理后台：白色工作区 */
body[class*="bg-gradient"] {
    background: var(--page) !important;
    color: var(--ink) !important;
}
.bg-slate-800, .bg-slate-900, .bg-slate-900\/95 {
    background-color: var(--paper) !important;
    color: var(--ink) !important;
}
.bg-white\/10 { background-color: rgba(41, 41, 41, 0.045) !important; }
.bg-white\/5 { background-color: rgba(41, 41, 41, 0.025) !important; }
.bg-black\/20 { background-color: var(--soft-gray) !important; }
.border-white\/10 { border-color: var(--line) !important; }
.border-white\/20 { border-color: #d6d3cd !important; }
.divide-white\/5 > :not([hidden]) ~ :not([hidden]) { border-color: var(--line) !important; }
.text-white { color: var(--ink) !important; }
.text-gray-300, .text-gray-400, .text-gray-500 { color: var(--muted) !important; }
.text-gray-600 { color: #5f5f5f !important; }
.text-purple-200, .text-purple-300 { color: var(--gold-dark) !important; }
.text-purple-900 { color: #624c27 !important; }
.placeholder-gray-500::placeholder { color: #a1a09d !important; }
.focus\:ring-purple-500:focus, .focus\:ring-orange-500:focus {
    --tw-ring-color: var(--gold) !important;
}
.border-orange-500 { border-color: var(--gold) !important; }
.bg-purple-500\/20 { background-color: var(--gold-soft) !important; }

/* 主按钮和品牌强调色 */
.from-indigo-500, .from-purple-500, .from-pink-500, .from-red-500, .from-blue-500 {
    --tw-gradient-from: var(--gold) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgb(176 138 69 / 0) var(--tw-gradient-to-position) !important;
}
.to-purple-600, .to-pink-600, .to-orange-500, .to-indigo-600, .to-emerald-600 {
    --tw-gradient-to: var(--gold-dark) var(--tw-gradient-to-position) !important;
}
.hover\:from-purple-600:hover, .hover\:from-red-600:hover {
    --tw-gradient-from: var(--gold-dark) var(--tw-gradient-from-position) !important;
}
.hover\:to-pink-700:hover, .hover\:to-orange-600:hover {
    --tw-gradient-to: #856b3d var(--tw-gradient-to-position) !important;
}
.bg-purple-600 { background-color: var(--gold) !important; }
.hover\:bg-purple-700:hover { background-color: var(--gold-dark) !important; }
.hover\:bg-gray-100:hover { background-color: #eeeeec !important; }

/* 输入框、当前会话与状态 */
input, textarea, select { color: var(--ink) !important; }
.play-btn.playing { color: var(--gold) !important; }
.conversation-item.active {
    background: var(--gold-soft) !important;
    border-left-color: var(--gold) !important;
}
.voice-btn.recording {
    background: linear-gradient(135deg, #d36b61, #b64d45) !important;
}

/* 知识库与协议页面 */
body:not([class*="bg-gradient"]) {
    background: var(--page) !important;
    color: var(--ink);
}
body:not([class*="bg-gradient"]) .container,
body:not([class*="bg-gradient"]) .content {
    background: var(--paper) !important;
}
body:not([class*="bg-gradient"]) .content {
    box-shadow: 0 8px 24px rgba(41, 41, 41, 0.06) !important;
}
body:not([class*="bg-gradient"]) h1 {
    color: var(--ink) !important;
    border-color: var(--gold) !important;
}
body:not([class*="bg-gradient"]) h2 {
    color: #454545 !important;
    border-left-color: var(--gold) !important;
}
body:not([class*="bg-gradient"]) h3 { color: var(--gold-dark) !important; }
body:not([class*="bg-gradient"]) a,
body:not([class*="bg-gradient"]) .back-link { color: var(--gold-dark) !important; }
body:not([class*="bg-gradient"]) a:hover,
body:not([class*="bg-gradient"]) .back-link:hover { color: #624c27 !important; }
body:not([class*="bg-gradient"]) table th {
    background: #f1eee8 !important;
    color: var(--ink) !important;
}
body:not([class*="bg-gradient"]) table,
body:not([class*="bg-gradient"]) th,
body:not([class*="bg-gradient"]) td { border-color: var(--line) !important; }
body:not([class*="bg-gradient"]) table tr:nth-child(even) { background: #fafaf9 !important; }
body:not([class*="bg-gradient"]) table tr:hover { background: #f5f1e9 !important; }
body:not([class*="bg-gradient"]) .conclusion,
body:not([class*="bg-gradient"]) .conclusion-box {
    background: var(--warning-soft) !important;
    border-left-color: var(--gold) !important;
}

/* 知识库索引卡片 */
.header h1 { color: var(--ink) !important; }
.header p, .subtitle { color: var(--muted) !important; }
.back-btn {
    color: var(--gold-dark) !important;
    background: var(--paper) !important;
    border-color: var(--line) !important;
    box-shadow: 0 4px 15px rgba(41, 41, 41, 0.06) !important;
}
.card {
    background: var(--paper) !important;
    border-color: var(--line) !important;
    box-shadow: 0 5px 18px rgba(41, 41, 41, 0.06) !important;
}
.card:hover { border-color: var(--gold) !important; }
.card h2 { border: 0 !important; color: var(--ink) !important; }
.card p { color: var(--muted) !important; }
.icon-box { background: var(--gold-soft) !important; color: var(--gold-dark) !important; }

/* 训练营控件：金色主按钮与浅灰选择框 */
.bg-emerald-500 {
    background-color: var(--gold) !important;
}
.hover\:bg-emerald-400:hover,
.hover\:bg-emerald-500:hover {
    background-color: var(--gold-dark) !important;
}
.bg-emerald-500\/10 { background-color: var(--gold-soft) !important; }
.bg-emerald-500\/20 { background-color: var(--gold-soft) !important; }
.border-emerald-400\/20,
.border-emerald-400\/30,
.border-emerald-400\/60 { border-color: rgba(176, 138, 69, 0.35) !important; }
.text-emerald-100,
.text-emerald-200,
.text-emerald-300 { color: var(--gold-dark) !important; }
select.bg-slate-700 {
    appearance: auto;
    background-color: var(--paper) !important;
    color: var(--ink) !important;
    border: 1px solid var(--line) !important;
}

/* 对话头像与气泡 */
.coach-avatar {
    background: var(--gold-soft) !important;
    border: 1px solid #eadfc9 !important;
    color: var(--gold-dark) !important;
}
.coach-avatar svg { color: var(--gold-dark) !important; }
.coach-avatar img {
    border: 3px solid var(--paper);
    border-radius: 9999px;
}
.bg-gradient-to-r.from-green-400,
.bg-gradient-to-r.from-green-500\/30 {
    background-image: none !important;
}
.bg-gradient-to-r.from-green-400 {
    background-color: var(--gold-soft) !important;
    border: 1px solid #eadfc9 !important;
}
.bg-gradient-to-r.from-green-500\/30 {
    background: var(--gold-soft) !important;
    border: 1px solid #eadfc9 !important;
}
.bg-white\/20.rounded-tl-none {
    background: var(--paper) !important;
    border: 1px solid var(--line) !important;
    color: var(--ink) !important;
    box-shadow: 0 2px 8px rgba(41, 41, 41, 0.04);
}
.bg-gradient-to-r.from-green-500\/30.rounded-tr-none {
    background: var(--gold-soft) !important;
    border: 1px solid #eadfc9 !important;
    color: var(--ink) !important;
    box-shadow: 0 2px 8px rgba(41, 41, 41, 0.04);
}

/* 思维导图 */
#mindmap { background: var(--paper) !important; }
.back-button {
    background: var(--paper) !important;
    color: var(--gold-dark) !important;
    border-color: var(--line) !important;
}