/**
 * aikb-brand.css — AI 知识库纳入全站品牌统一层 (2026-09-04)
 *
 * 目标:
 *  - 抽屉 / 浮标 / 嵌入聊天 / 个人中心 AI 点数 共用 --dafa-* 语言
 *  - VIP 身份统一香槟金 (与 vip-brand / account-premium 一致)
 *  - 主操作统一品牌橙, 不另起第三套强调色
 *
 * 机制:
 *  - 用更高特异性覆写插件 .amz-aikb-app 内联 token, 即使 chat.css 懒加载后注入也能胜出
 *  - 只做视觉桥接, 不改插件 DOM / 计费逻辑
 *
 * @package DafaTheme
 */

/* =========================================================================
 * 1. Token bridge — map AIKB → Dafa
 * ========================================================================= */

html body .amz-aikb-app,
html body .amz-aikb-drawer,
html body .amz-aikb-drawer-panel {
  --amz-aikb-bg: var(--dafa-bg, #f6f7f9);
  --amz-aikb-panel: var(--dafa-surface, #fffdfb);
  --amz-aikb-ink: var(--dafa-text, #172033);
  --amz-aikb-muted: var(--dafa-text-soft, #5d6676);
  --amz-aikb-line: color-mix(in srgb, var(--dafa-text, #172033) 10%, transparent);
  --amz-aikb-accent: var(--dafa-accent, #b8451f);
  --amz-aikb-accent-ink: var(--dafa-on-accent, #fffaf6);
  --amz-aikb-user: var(--dafa-text, #172033);
  --amz-aikb-bot: var(--dafa-surface, #fffdfb);
  --amz-aikb-vip: #d9a441;
  --amz-aikb-vip-grad: linear-gradient(145deg, #f3d98b 0%, #d9a441 48%, #8a5f16 100%);
  --amz-aikb-vip-ink: #43300a;
  --amz-aikb-wallet-gain-accent: var(--dafa-accent, #b8451f);
  font-family: inherit;
}

html.dafa-color-dark body .amz-aikb-app,
html.dafa-color-dark body .amz-aikb-drawer,
html.dafa-color-dark body .amz-aikb-drawer-panel,
body.dafa-color-dark .amz-aikb-app,
body.dafa-color-dark .amz-aikb-drawer,
body.dafa-color-dark .amz-aikb-drawer-panel,
body.night .amz-aikb-app,
body.night .amz-aikb-drawer,
body.night .amz-aikb-drawer-panel {
  --amz-aikb-vip: #e0b054;
  --amz-aikb-vip-grad: linear-gradient(145deg, #f6e0a0 0%, #e0b054 48%, #9a6d20 100%);
  --amz-aikb-vip-ink: #332507;
}

/* =========================================================================
 * 2. Float entry + header CTA
 * ========================================================================= */

html body .amz-aikb-float,
html body .rollbar .amz-aikb-roll-li {
  background: var(--dafa-accent, #b8451f);
  box-shadow:
    0 1px 0 color-mix(in srgb, #fff 28%, transparent) inset,
    0 14px 28px -10px color-mix(in srgb, var(--dafa-accent, #b8451f) 55%, transparent);
}

html body .amz-aikb-float:hover,
html body .amz-aikb-float:focus-visible {
  background: var(--dafa-accent-strong, #a93616);
}

html body .header-actions .header-ai {
  border-radius: 999px;
  font-weight: 650;
}

html body .amz-aikb-drawer-title > .amz-aikb-ai-icon,
html body .amz-aikb-ai-icon--title {
  color: var(--dafa-accent, #b8451f);
}

html body .amz-aikb-search-hint .amz-aikb-search-ask {
  background: var(--dafa-accent, #b8451f);
  color: var(--dafa-on-accent, #fffaf6);
}

/* =========================================================================
 * 3. Drawer chrome — same editorial shell as account panels
 * ========================================================================= */

html body .amz-aikb-drawer-panel {
  border: 1px solid color-mix(in srgb, var(--dafa-text, #172033) 8%, transparent);
  border-radius: 18px;
  background:
    radial-gradient(900px 320px at 8% -8%, color-mix(in srgb, var(--dafa-accent, #b8451f) 10%, transparent), transparent 55%),
    var(--dafa-surface, #fffdfb);
  box-shadow:
    0 1px 0 color-mix(in srgb, #fff 55%, transparent) inset,
    0 28px 64px -28px color-mix(in srgb, var(--dafa-text, #172033) 38%, transparent);
  overflow: hidden;
}

html body .amz-aikb-drawer-head {
  border-bottom: 1px solid color-mix(in srgb, var(--dafa-text, #172033) 8%, transparent);
  background: color-mix(in srgb, var(--dafa-surface, #fffdfb) 88%, transparent);
  backdrop-filter: blur(10px);
}

html body .amz-aikb-drawer-title strong {
  color: var(--dafa-text, #172033);
  font-weight: 740;
  letter-spacing: -0.02em;
}

html body .amz-aikb-app {
  border-color: color-mix(in srgb, var(--dafa-text, #172033) 8%, transparent);
  background:
    radial-gradient(1100px 380px at 12% -12%, color-mix(in srgb, var(--dafa-accent, #b8451f) 9%, transparent), transparent 52%),
    linear-gradient(180deg, var(--dafa-bg, #f6f7f9), color-mix(in srgb, var(--dafa-surface-muted, #eceff3) 55%, var(--dafa-bg, #f6f7f9)));
  border-radius: 0 0 16px 16px;
}

html body .amz-aikb-sidebar {
  background: color-mix(in srgb, var(--dafa-surface, #fffdfb) 94%, transparent);
  border-right-color: color-mix(in srgb, var(--dafa-text, #172033) 8%, transparent);
}

html body .amz-aikb-side-head strong,
html body .amz-aikb-sessions-title > span {
  letter-spacing: -0.015em;
  font-weight: 700;
}

/* =========================================================================
 * 4. Wallet / VIP upsell — identity language shared with /user
 * ========================================================================= */

html body .amz-aikb-wallet {
  border: 1px solid color-mix(in srgb, var(--dafa-text, #172033) 8%, transparent);
  border-radius: 14px;
  background:
    linear-gradient(165deg, color-mix(in srgb, #fff 60%, transparent), transparent 48%),
    color-mix(in srgb, var(--dafa-surface-muted, #eceff3) 42%, var(--dafa-surface, #fffdfb));
  box-shadow: 0 10px 24px -22px color-mix(in srgb, var(--dafa-text, #172033) 30%, transparent);
}

html body .amz-aikb-wallet-total,
html body .amz-aikb-wallet-total-value {
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.03em;
  font-weight: 760;
}

html body .amz-aikb-vip-tag,
html body .amz-aikb-cite-badge--vip,
html body .amz-aikb-premium-lock,
html body .amz-aikb-access-mark,
html body .amz-aikb-cite-badge--eligible {
  background: var(--amz-aikb-vip-grad);
  color: var(--amz-aikb-vip-ink);
}

html body .amz-aikb-vip-upsell {
  border-radius: 14px;
  border-color: color-mix(in srgb, #d9a441 34%, var(--dafa-border, #d9dee7));
  background:
    linear-gradient(145deg, color-mix(in srgb, #f3d98b 22%, transparent), transparent 55%),
    var(--dafa-surface, #fffdfb);
}

html body .amz-aikb-vip-upsell-badge {
  background: var(--amz-aikb-vip-grad);
  color: var(--amz-aikb-vip-ink);
}

html body .amz-aikb-vip-upsell-cta {
  border-radius: 999px;
  background: var(--amz-aikb-vip-grad);
  color: var(--amz-aikb-vip-ink);
  font-weight: 700;
}

/* =========================================================================
 * 5. Composer + send — brand orange primary
 * ========================================================================= */

html body .amz-aikb-composer {
  border-color: color-mix(in srgb, var(--dafa-text, #172033) 10%, transparent);
  border-radius: 16px;
  background: var(--dafa-surface, #fffdfb);
  box-shadow: 0 10px 28px -24px color-mix(in srgb, var(--dafa-text, #172033) 35%, transparent);
}

html body .amz-aikb-composer textarea {
  color: var(--dafa-text, #172033);
  font: inherit;
}

html body .amz-aikb-composer textarea:focus {
  outline: none;
}

html body .amz-aikb-send,
html body .amz-aikb-app .amz-aikb-send,
html body .amz-aikb-composer .amz-aikb-send,
html body.dafa-color-dark .amz-aikb-app .amz-aikb-send,
html body.dafa-color-dark.night .amz-aikb-app .amz-aikb-send,
html body.night .amz-aikb-app .amz-aikb-send,
body.dafa-color-dark.night .amz-aikb-app .amz-aikb-send,
body.dafa-theme .amz-aikb-app .amz-aikb-send,
body.dafa-theme .amz-aikb-app .amz-aikb-login-wall .amz-aikb-btn.signin-loader,
body.dafa-theme .amz-aikb-app .amz-aikb-login-wall a.amz-aikb-btn[data-amz-aikb-login="1"],
body.dafa-color-dark.night .amz-aikb-app .amz-aikb-login-wall .amz-aikb-btn.signin-loader,
body.dafa-color-dark.night .amz-aikb-app .amz-aikb-login-wall a.amz-aikb-btn[data-amz-aikb-login="1"] {
  border: 0 !important;
  border-radius: 12px !important;
  background: var(--dafa-accent, #b8451f) var(--dafa-button-sheen, none) !important;
  color: var(--dafa-on-accent, #fffaf6) !important;
  font-weight: 680 !important;
  letter-spacing: 0.01em;
  box-shadow: none !important;
}

html body .amz-aikb-send:hover:not(:disabled),
html body .amz-aikb-send:focus-visible:not(:disabled),
html body .amz-aikb-app .amz-aikb-send:hover:not(:disabled),
html body.dafa-color-dark.night .amz-aikb-app .amz-aikb-send:is(:hover, :focus-visible):not(:disabled),
body.dafa-color-dark.night .amz-aikb-app .amz-aikb-send:is(:hover, :focus-visible):not(:disabled):not([aria-disabled="true"]),
body.dafa-theme .amz-aikb-app .amz-aikb-send:is(:hover, :focus-visible):not(:disabled):not([aria-disabled="true"]),
body.dafa-theme .amz-aikb-app .amz-aikb-login-wall .amz-aikb-btn.signin-loader:is(:hover, :focus-visible):not(:disabled):not([aria-disabled="true"]),
body.dafa-theme .amz-aikb-app .amz-aikb-login-wall a.amz-aikb-btn[data-amz-aikb-login="1"]:is(:hover, :focus-visible):not(:disabled):not([aria-disabled="true"]) {
  background: var(--dafa-accent-strong, #a93616) !important;
  color: var(--dafa-on-accent, #fffaf6) !important;
}

html body .amz-aikb-send:disabled {
  opacity: 0.55;
}

html body .amz-aikb-send.is-stop,
html body.dafa-color-dark.night .amz-aikb-app .amz-aikb-send.is-stop,
body.dafa-theme .amz-aikb-app .amz-aikb-send.is-stop {
  background: color-mix(in srgb, var(--dafa-text, #172033) 82%, #000) !important;
}

/* =========================================================================
 * 6. Packs / exchange chips — light cards, not charcoal slabs
 * ========================================================================= */

html body .amz-aikb-packs > summary.amz-aikb-packs-head,
html body .amz-aikb-packs--inline > summary.amz-aikb-packs-head {
  border-radius: 999px;
  border-color: color-mix(in srgb, var(--dafa-text, #172033) 10%, transparent);
  background: color-mix(in srgb, var(--dafa-surface-muted, #eceff3) 45%, var(--dafa-surface, #fffdfb));
}

html body .amz-aikb-pack-btn,
html body .amz-aikb-packs .amz-aikb-pack-btn,
html body .amz-aikb-packs--inline .amz-aikb-pack-btn {
  border: 1px solid color-mix(in srgb, var(--dafa-text, #172033) 10%, transparent) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(165deg, color-mix(in srgb, var(--dafa-accent-soft, #f9e6de) 55%, transparent), transparent 55%),
    var(--dafa-surface, #fffdfb) !important;
  color: var(--dafa-text, #172033) !important;
  box-shadow: 0 10px 24px -22px color-mix(in srgb, var(--dafa-text, #172033) 32%, transparent);
}

html body .amz-aikb-pack-btn:hover,
html body .amz-aikb-packs .amz-aikb-pack-btn:hover,
html body .amz-aikb-pack-btn.is-best,
html body .amz-aikb-pack-btn.amz-aikb-pack-btn--solo,
html body .amz-aikb-pack-btn.has-deal {
  border-color: color-mix(in srgb, var(--dafa-accent, #b8451f) 40%, var(--dafa-border, #d9dee7)) !important;
  color: var(--dafa-text, #172033) !important;
}

html body .amz-aikb-pack-points {
  color: var(--dafa-text, #172033) !important;
  font-weight: 760;
  letter-spacing: -0.03em;
}

html body .amz-aikb-pack-sub {
  color: var(--dafa-text-soft, #5d6676) !important;
}

html body .amz-aikb-premium-toggle {
  border-radius: 999px;
  border-color: color-mix(in srgb, var(--dafa-text, #172033) 12%, transparent);
  background: color-mix(in srgb, var(--dafa-surface-muted, #eceff3) 40%, var(--dafa-surface, #fffdfb));
}

html body .amz-aikb-premium-toggle[aria-pressed="true"] {
  border-color: color-mix(in srgb, #d9a441 45%, var(--dafa-border, #d9dee7));
  background: color-mix(in srgb, #f3d98b 28%, var(--dafa-surface, #fffdfb));
}

/* =========================================================================
 * 7. Messages — softer bubbles aligned to account surfaces
 * ========================================================================= */

html body .amz-aikb-msg-user .amz-aikb-bubble {
  background: color-mix(in srgb, var(--dafa-accent, #b8451f) 92%, #3a160c);
  color: var(--dafa-on-accent, #fffaf6);
  border-radius: 16px 16px 4px 16px;
}

html body .amz-aikb-msg-assistant .amz-aikb-bubble {
  border: 1px solid color-mix(in srgb, var(--dafa-text, #172033) 8%, transparent);
  border-radius: 16px 16px 16px 4px;
  background: var(--dafa-surface, #fffdfb);
  box-shadow: 0 12px 28px -24px color-mix(in srgb, var(--dafa-text, #172033) 30%, transparent);
}

html body .amz-aikb-msg-assistant .amz-aikb-bubble .amz-aikb-ref a,
html body .amz-aikb-msg-assistant .amz-aikb-bubble .amz-aikb-ref button {
  border-radius: 999px;
  border-color: color-mix(in srgb, var(--dafa-accent, #b8451f) 28%, var(--dafa-border, #d9dee7));
  background: color-mix(in srgb, var(--dafa-accent-soft, #f9e6de) 55%, var(--dafa-surface, #fffdfb));
  color: var(--dafa-accent-strong, #a93616);
}

/* =========================================================================
 * 8. Booting shell + dark mode polish
 * ========================================================================= */

html body .amz-aikb-drawer.is-booting .amz-aikb-drawer-panel,
html.dafa-color-dark body .amz-aikb-drawer.is-booting .amz-aikb-drawer-panel,
body.dafa-color-dark .amz-aikb-drawer.is-booting .amz-aikb-drawer-panel {
  background: var(--dafa-surface, #fffdfb);
  color: var(--dafa-text, #172033);
}

html.dafa-color-dark body .amz-aikb-float,
body.dafa-color-dark .amz-aikb-float,
body.night .amz-aikb-float {
  background: var(--dafa-accent, #eb7448);
}

/* =========================================================================
 * 9. Account UC AI 点数 — already styled in account-panels; reinforce bridge
 * ========================================================================= */

.account-page .account-content[data-account-action="aikb"] .amz-aikb-uc {
  --amz-aikb-accent: var(--dafa-accent);
  --amz-aikb-vip: #d9a441;
  --amz-aikb-vip-grad: linear-gradient(145deg, #f3d98b 0%, #d9a441 48%, #8a5f16 100%);
  --amz-aikb-vip-ink: #43300a;
}

.account-page .account-content[data-account-action="aikb"] .amz-aikb-uc .charge-header .item:first-child {
  border-color: color-mix(in srgb, var(--dafa-accent) 36%, var(--dafa-border));
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--dafa-accent-soft) 70%, transparent), transparent 55%),
    var(--dafa-surface);
  box-shadow:
    0 1px 0 color-mix(in srgb, #fff 50%, transparent) inset,
    0 14px 28px -22px color-mix(in srgb, var(--dafa-accent) 40%, transparent);
}