/**
 * 討論區 DC Inside 風格（需搭配 ../static/dcinside-theme.css）
 * 覆寫 forum.css 中硬編碼的深色漸層、glow、圓角 pill 等元素。
 */

html.fate-theme-dci {
    --accent-soft: rgba(0, 102, 204, 0.1);
    --radius-lg: 4px;
}

html.fate-theme-dci.dci-night {
    --accent-soft: rgba(110, 179, 255, 0.12);
}

/* ── 基底：去掉深色 radial 背景 ── */
html.fate-theme-dci body.forum-body,
body.fate-theme-dci.forum-body {
    background: var(--bg) !important;
    color: var(--fg);
    letter-spacing: 0;
}

/* ── 側欄 ── */
html.fate-theme-dci .sidebar-card,
body.fate-theme-dci .sidebar-card {
    background: var(--card);
    border: 1px solid var(--dci-border, #ccc);
    border-radius: var(--radius, 4px);
    box-shadow: var(--shadow-sm, none);
}

html.fate-theme-dci .sidebar-title,
body.fate-theme-dci .sidebar-title {
    text-transform: none;
    letter-spacing: 0;
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--fg);
    border-bottom: 1px solid var(--dci-border-soft, #ddd);
    padding-bottom: 0.45rem;
    margin-bottom: 0.65rem;
}

html.fate-theme-dci .sidebar-btn,
body.fate-theme-dci .sidebar-btn {
    background: var(--dci-btn-bg, #f5f5f5);
    border: 1px solid var(--dci-btn-border, #bbb);
    color: var(--fg);
    border-radius: 3px;
}

html.fate-theme-dci .sidebar-btn:hover,
body.fate-theme-dci .sidebar-btn:hover {
    background: #e8e8e8;
    border-color: #999;
    color: var(--fg);
}

html.fate-theme-dci.dci-night .sidebar-btn:hover,
body.fate-theme-dci.dci-night .sidebar-btn:hover {
    background: #383838;
}

html.fate-theme-dci .sidebar-btn--ghost,
body.fate-theme-dci .sidebar-btn--ghost {
    background: transparent;
    color: var(--muted);
}

html.fate-theme-dci .sidebar-search,
html.fate-theme-dci .sidebar-submit,
body.fate-theme-dci .sidebar-search,
body.fate-theme-dci .sidebar-submit {
    border-radius: 3px;
    border: 1px solid var(--dci-border, #ccc);
}

html.fate-theme-dci .sidebar-search,
body.fate-theme-dci .sidebar-search {
    background: var(--card);
    color: var(--fg);
}

html.fate-theme-dci .sidebar-submit,
body.fate-theme-dci .sidebar-submit {
    background: var(--dci-btn-bg, #f5f5f5);
    color: var(--fg);
}

html.fate-theme-dci .sidebar-user-ncoin__amount,
html.fate-theme-dci .sidebar-social-list a,
html.fate-theme-dci .text-accent-link,
body.fate-theme-dci .sidebar-user-ncoin__amount,
body.fate-theme-dci .sidebar-social-list a,
body.fate-theme-dci .text-accent-link {
    color: var(--dci-link, #0066cc);
}

html.fate-theme-dci .layout-sidebar .fate-ad-slot,
body.fate-theme-dci .layout-sidebar .fate-ad-slot {
    border: 1px solid var(--dci-border-soft, #ddd);
    border-radius: var(--radius, 4px);
    box-shadow: none;
}

/* ── 麵包屑 ── */
html.fate-theme-dci .forum-bc,
body.fate-theme-dci .forum-bc {
    border-radius: 3px;
    background: var(--card);
    border: 1px solid var(--dci-border-soft, #ddd);
    padding: 0.35rem 0.65rem;
}

html.fate-theme-dci .forum-bc a,
body.fate-theme-dci .forum-bc a {
    color: var(--dci-link, #0066cc);
}

/* ── 面板 ── */
html.fate-theme-dci .forum-panel,
body.fate-theme-dci .forum-panel {
    background: var(--card) !important;
    border: 1px solid var(--dci-border, #ccc) !important;
    border-radius: var(--radius, 4px) !important;
    box-shadow: var(--shadow-sm, none) !important;
    padding: 1rem 1.05rem;
}

html.fate-theme-dci .forum-panel::before,
body.fate-theme-dci .forum-panel::before {
    display: none !important;
}

html.fate-theme-dci .forum-panel__head,
html.fate-theme-dci .forum-discussion-head,
html.fate-theme-dci .forum-reply-head,
html.fate-theme-dci .forum-thread-head,
html.fate-theme-dci .forum-masseur-hero,
body.fate-theme-dci .forum-panel__head,
body.fate-theme-dci .forum-discussion-head,
body.fate-theme-dci .forum-reply-head,
body.fate-theme-dci .forum-thread-head,
body.fate-theme-dci .forum-masseur-hero {
    border-bottom: 1px solid var(--dci-border-soft, #ddd);
    border-bottom-style: solid;
}

html.fate-theme-dci .forum-panel--reply,
body.fate-theme-dci .forum-panel--reply {
    background: var(--card) !important;
    border-color: var(--dci-border, #ccc) !important;
}

html.fate-theme-dci .forum-panel--warn,
body.fate-theme-dci .forum-panel--warn {
    border-color: #d4a574 !important;
    background: #fff8f0 !important;
}

html.fate-theme-dci.dci-night .forum-panel--warn,
body.fate-theme-dci.dci-night .forum-panel--warn {
    background: #2a2418 !important;
}

/* ── 主題列表 ── */
html.fate-theme-dci .forum-thread-item,
body.fate-theme-dci .forum-thread-item {
    border-bottom: 1px solid var(--dci-border-soft, #ddd);
    padding: 0.55rem 0.15rem;
}

html.fate-theme-dci .forum-thread-item__title,
body.fate-theme-dci .forum-thread-item__title {
    color: var(--fg);
}

html.fate-theme-dci .forum-thread-item__title:hover,
body.fate-theme-dci .forum-thread-item__title:hover {
    color: var(--dci-link, #0066cc);
}

html.fate-theme-dci .forum-board-item,
body.fate-theme-dci .forum-board-item {
    background: var(--card);
    border: 1px solid var(--dci-border-soft, #ddd);
    border-radius: var(--radius, 4px);
}

html.fate-theme-dci .forum-board-item__title,
body.fate-theme-dci .forum-board-item__title {
    color: var(--dci-link, #0066cc);
}

/* ── 標籤 ── */
html.fate-theme-dci .forum-tag,
body.fate-theme-dci .forum-tag {
    border-radius: 3px;
    border: 1px solid var(--dci-border-soft, #ddd);
    background: var(--bg2, #f5f5f5);
}

html.fate-theme-dci .forum-tag--store,
html.fate-theme-dci .forum-tag--link,
body.fate-theme-dci .forum-tag--store,
body.fate-theme-dci .forum-tag--link {
    color: var(--dci-link, #0066cc);
    border-color: rgba(0, 102, 204, 0.35);
}

/* ── 回文 ── */
html.fate-theme-dci .forum-panel--discussion .forum-post,
html.fate-theme-dci .forum-post,
body.fate-theme-dci .forum-panel--discussion .forum-post,
body.fate-theme-dci .forum-post {
    background: var(--card) !important;
    border: 1px solid var(--dci-border-soft, #ddd) !important;
    border-radius: var(--radius, 4px) !important;
    box-shadow: none !important;
    transition: border-color 0.12s ease;
}

html.fate-theme-dci .forum-panel--discussion .forum-post:hover,
body.fate-theme-dci .forum-panel--discussion .forum-post:hover {
    border-color: var(--dci-border, #ccc) !important;
    background: var(--card) !important;
}

html.fate-theme-dci .forum-post__body,
body.fate-theme-dci .forum-post__body {
    color: var(--fg) !important;
    padding: 0.5rem 0 0.15rem;
}

html.fate-theme-dci .forum-panel--discussion .forum-post__body,
body.fate-theme-dci .forum-panel--discussion .forum-post__body {
    background: var(--bg2, #f5f5f5) !important;
    border: 1px solid var(--dci-border-soft, #ddd) !important;
    border-radius: 3px !important;
    color: var(--fg) !important;
}

html.fate-theme-dci .forum-post__body a,
html.fate-theme-dci .forum-panel a,
html.fate-theme-dci .forum-note a,
html.fate-theme-dci .forum-empty a,
body.fate-theme-dci .forum-post__body a,
body.fate-theme-dci .forum-panel a,
body.fate-theme-dci .forum-note a,
body.fate-theme-dci .forum-empty a {
    color: var(--dci-link, #0066cc);
}

html.fate-theme-dci .forum-post__avatar,
body.fate-theme-dci .forum-post__avatar {
    background: var(--bg2, #f5f5f5) !important;
    border: 1px solid var(--dci-border-soft, #ddd);
    box-shadow: none;
}

html.fate-theme-dci .forum-post__avatar-fallback,
body.fate-theme-dci .forum-post__avatar-fallback {
    color: var(--muted);
}

html.fate-theme-dci .forum-post__floor,
body.fate-theme-dci .forum-post__floor {
    background: var(--bg2, #f5f5f5);
    border: 1px solid var(--dci-border-soft, #ddd);
    border-radius: 3px;
}

html.fate-theme-dci .forum-post__foot,
body.fate-theme-dci .forum-post__foot {
    border-top: 1px solid var(--dci-border-soft, #ddd);
    border-top-style: solid;
}

html.fate-theme-dci .forum-like,
body.fate-theme-dci .forum-like {
    background: var(--dci-btn-bg, #f5f5f5);
    border: 1px solid var(--dci-btn-border, #bbb);
    border-radius: 3px;
    color: var(--fg);
}

html.fate-theme-dci .forum-like.is-active,
body.fate-theme-dci .forum-like.is-active {
    border-color: var(--dci-link, #0066cc);
    background: var(--accent-soft);
    color: var(--dci-link, #0066cc);
}

html.fate-theme-dci .forum-link-btn,
body.fate-theme-dci .forum-link-btn {
    color: var(--dci-link, #0066cc);
}

/* ── 統計／排序 ── */
html.fate-theme-dci .forum-stat-chip,
body.fate-theme-dci .forum-stat-chip {
    background: var(--bg2, #f5f5f5);
    border: 1px solid var(--dci-border-soft, #ddd);
    border-radius: 3px;
}

html.fate-theme-dci .forum-sort-toggle,
body.fate-theme-dci .forum-sort-toggle {
    background: var(--bg2, #f5f5f5);
    border: 1px solid var(--dci-border, #ccc);
    border-radius: 3px;
}

html.fate-theme-dci .forum-sort-btn--active,
body.fate-theme-dci .forum-sort-btn--active {
    background: var(--dci-topbar, #3b4890);
    color: #fff;
}

html.fate-theme-dci .forum-sort-btn--active:hover,
body.fate-theme-dci .forum-sort-btn--active:hover {
    background: #2f3a75;
    color: #fff;
}

html.fate-theme-dci .forum-inline-empty,
body.fate-theme-dci .forum-inline-empty {
    border: 1px dashed var(--dci-border, #ccc);
    border-radius: var(--radius, 4px);
    background: var(--bg2, #f5f5f5);
}

html.fate-theme-dci .forum-empty-state__text code,
body.fate-theme-dci .forum-empty-state__text code {
    background: var(--bg2, #f5f5f5);
    border: 1px solid var(--dci-border-soft, #ddd);
}

/* ── Flash ── */
html.fate-theme-dci .forum-flash,
body.fate-theme-dci .forum-flash {
    border-radius: 3px;
    backdrop-filter: none;
}

html.fate-theme-dci .forum-flash--ok,
body.fate-theme-dci .forum-flash--ok {
    background: #edf7ed;
    border: 1px solid #a8d5ab;
    color: #22863a;
}

html.fate-theme-dci .forum-flash--bad,
body.fate-theme-dci .forum-flash--bad {
    background: #fdecea;
    border: 1px solid #f5b4b4;
    color: #c0392b;
}

html.fate-theme-dci.dci-night .forum-flash--ok,
body.fate-theme-dci.dci-night .forum-flash--ok {
    background: #1a2e1c;
    border-color: #3d6b42;
}

html.fate-theme-dci.dci-night .forum-flash--bad,
body.fate-theme-dci.dci-night .forum-flash--bad {
    background: #2e1a1a;
    border-color: #7a3a3a;
}

/* ── 按鈕／表單 ── */
html.fate-theme-dci .forum-btn,
body.fate-theme-dci .forum-btn {
    background: var(--dci-btn-bg, #f5f5f5);
    border: 1px solid var(--dci-btn-border, #bbb);
    color: var(--fg);
    border-radius: 3px;
    box-shadow: none;
}

html.fate-theme-dci .forum-btn:hover,
body.fate-theme-dci .forum-btn:hover {
    border-color: #999;
    background: #e8e8e8;
}

html.fate-theme-dci.dci-night .forum-btn:hover,
body.fate-theme-dci.dci-night .forum-btn:hover {
    background: #383838;
}

html.fate-theme-dci .forum-btn--primary,
body.fate-theme-dci .forum-btn--primary {
    background: var(--dci-topbar, #3b4890) !important;
    border-color: #2a3159 !important;
    color: #fff !important;
    box-shadow: none !important;
}

html.fate-theme-dci .forum-btn--primary:hover,
body.fate-theme-dci .forum-btn--primary:hover {
    background: #2f3a75 !important;
}

html.fate-theme-dci .forum-reply-form textarea,
html.fate-theme-dci .forum-edit-form textarea,
html.fate-theme-dci .forum-field input[type="text"],
html.fate-theme-dci .forum-field textarea,
html.fate-theme-dci .forum-masseur-field input[type="text"],
html.fate-theme-dci .forum-masseur-field select,
body.fate-theme-dci .forum-reply-form textarea,
body.fate-theme-dci .forum-edit-form textarea,
body.fate-theme-dci .forum-field input[type="text"],
body.fate-theme-dci .forum-field textarea,
body.fate-theme-dci .forum-masseur-field input[type="text"],
body.fate-theme-dci .forum-masseur-field select {
    background: var(--card) !important;
    border: 1px solid var(--dci-border, #ccc) !important;
    border-radius: 3px !important;
    color: var(--fg);
    box-shadow: none;
}

html.fate-theme-dci .forum-reply-form textarea:focus,
html.fate-theme-dci .forum-field input:focus,
html.fate-theme-dci .forum-field textarea:focus,
body.fate-theme-dci .forum-reply-form textarea:focus,
body.fate-theme-dci .forum-field input:focus,
body.fate-theme-dci .forum-field textarea:focus {
    border-color: var(--dci-link, #0066cc) !important;
    box-shadow: 0 0 0 2px var(--accent-soft) !important;
}

/* ── 店家 compact 卡 ── */
html.fate-theme-dci .forum-store-compact,
body.fate-theme-dci .forum-store-compact {
    border-bottom: 1px solid var(--dci-border-soft, #ddd);
    border-bottom-style: solid;
    padding-bottom: 0.85rem;
}

html.fate-theme-dci .forum-store-compact__cover,
body.fate-theme-dci .forum-store-compact__cover {
    border-radius: var(--radius, 4px);
    border: 1px solid var(--dci-border-soft, #ddd);
    background: var(--bg2, #f5f5f5) !important;
    box-shadow: none !important;
}

html.fate-theme-dci .forum-store-compact__cover:hover,
body.fate-theme-dci .forum-store-compact__cover:hover {
    transform: none;
    box-shadow: none !important;
    border-color: var(--dci-link, #0066cc);
}

html.fate-theme-dci .forum-store-compact__title a:hover,
body.fate-theme-dci .forum-store-compact__title a:hover {
    color: var(--dci-link, #0066cc);
}

html.fate-theme-dci .forum-store-compact__badge--type,
body.fate-theme-dci .forum-store-compact__badge--type {
    color: var(--dci-link, #0066cc);
    border-color: rgba(0, 102, 204, 0.35);
}

html.fate-theme-dci .forum-store-compact__nav,
body.fate-theme-dci .forum-store-compact__nav {
    border-top: 1px solid var(--dci-border-soft, #ddd);
    border-top-style: solid;
}

html.fate-theme-dci .forum-store-compact__jump,
body.fate-theme-dci .forum-store-compact__jump {
    border-radius: 3px;
    border: 1px solid var(--dci-border, #ccc);
    background: var(--bg2, #f5f5f5);
    color: var(--dci-link, #0066cc);
}

html.fate-theme-dci .forum-store-compact__jump-n,
body.fate-theme-dci .forum-store-compact__jump-n {
    background: var(--dci-topbar, #3b4890);
    color: #fff;
}

/* ── 技師列 ── */
html.fate-theme-dci .forum-store-masseurs,
body.fate-theme-dci .forum-store-masseurs {
    background: var(--bg2, #f5f5f5) !important;
    border: 1px solid var(--dci-border-soft, #ddd) !important;
    border-radius: var(--radius, 4px) !important;
}

html.fate-theme-dci .forum-store-masseurs--chips .forum-masseur-tags-board,
body.fate-theme-dci .forum-store-masseurs--chips .forum-masseur-tags-board {
    border-top: 1px solid var(--dci-border-soft, #ddd);
    border-top-style: solid;
}

html.fate-theme-dci .forum-masseur-chip__avatar,
html.fate-theme-dci .forum-masseur-hero__avatar,
html.fate-theme-dci .forum-masseur-card__avatar,
html.fate-theme-dci .forum-masseur__avatar,
html.fate-theme-dci .forum-post__avatar,
body.fate-theme-dci .forum-masseur-chip__avatar,
body.fate-theme-dci .forum-masseur-hero__avatar,
body.fate-theme-dci .forum-masseur-card__avatar,
body.fate-theme-dci .forum-masseur__avatar {
    background: var(--bg2, #f5f5f5) !important;
    border: 1px solid var(--dci-border-soft, #ddd) !important;
    box-shadow: none !important;
    color: var(--muted);
}

html.fate-theme-dci .forum-store-masseurs .forum-masseur-chip__avatar,
body.fate-theme-dci .forum-store-masseurs .forum-masseur-chip__avatar {
    box-shadow: none !important;
}

html.fate-theme-dci .forum-store-masseurs .forum-masseur-chip__link:hover .forum-masseur-chip__avatar,
body.fate-theme-dci .forum-store-masseurs .forum-masseur-chip__link:hover .forum-masseur-chip__avatar {
    transform: none;
    box-shadow: none !important;
    border-color: var(--dci-link, #0066cc) !important;
}

html.fate-theme-dci .forum-masseur-vote,
body.fate-theme-dci .forum-masseur-vote {
    background: var(--card);
    border: 1px solid var(--dci-border-soft, #ddd);
    border-radius: 3px;
}

html.fate-theme-dci .forum-masseur-vote.is-active,
body.fate-theme-dci .forum-masseur-vote.is-active {
    border-color: var(--dci-link, #0066cc);
    background: var(--accent-soft);
    color: var(--dci-link, #0066cc);
}

html.fate-theme-dci .forum-masseur-chip__n,
html.fate-theme-dci .forum-masseur-card__replies,
body.fate-theme-dci .forum-masseur-chip__n,
body.fate-theme-dci .forum-masseur-card__replies {
    background: var(--dci-topbar, #3b4890);
    color: #fff;
}

html.fate-theme-dci .forum-masseur-chip__avatar--add,
html.fate-theme-dci .forum-masseur-card__avatar--add,
body.fate-theme-dci .forum-masseur-chip__avatar--add,
body.fate-theme-dci .forum-masseur-card__avatar--add {
    border: 2px dashed var(--dci-border, #ccc) !important;
    background: var(--card) !important;
    color: var(--dci-link, #0066cc) !important;
}

html.fate-theme-dci .forum-masseur-create:not([hidden]),
html.fate-theme-dci .forum-masseur-panel,
html.fate-theme-dci .forum-masseur-card,
html.fate-theme-dci .forum-masseur-tags-card,
html.fate-theme-dci .forum-masseur,
body.fate-theme-dci .forum-masseur-create:not([hidden]),
body.fate-theme-dci .forum-masseur-panel,
body.fate-theme-dci .forum-masseur-card,
body.fate-theme-dci .forum-masseur-tags-card,
body.fate-theme-dci .forum-masseur {
    background: var(--card) !important;
    border: 1px solid var(--dci-border-soft, #ddd) !important;
    border-radius: var(--radius, 4px) !important;
}

html.fate-theme-dci .forum-masseur-create__head,
html.fate-theme-dci .forum-masseur-panel__head,
html.fate-theme-dci .forum-masseur-tags-board,
body.fate-theme-dci .forum-masseur-create__head,
body.fate-theme-dci .forum-masseur-panel__head,
body.fate-theme-dci .forum-masseur-tags-board {
    border-color: var(--dci-border-soft, #ddd);
    border-style: solid;
}

html.fate-theme-dci .forum-masseur-card--add,
body.fate-theme-dci .forum-masseur-card--add {
    background: var(--bg2, #f5f5f5) !important;
    border-style: dashed !important;
}

html.fate-theme-dci .forum-masseur-tags-card__name,
body.fate-theme-dci .forum-masseur-tags-card__name {
    color: var(--dci-link, #0066cc);
}

/* ── 技師標籤 ── */
html.fate-theme-dci .masseur-tag,
body.fate-theme-dci .masseur-tag {
    background: var(--card);
    border: 1px solid var(--dci-border-soft, #ddd);
    border-radius: 3px;
}

html.fate-theme-dci .masseur-tag.is-active,
body.fate-theme-dci .masseur-tag.is-active {
    border-color: var(--dci-link, #0066cc);
    background: var(--accent-soft);
    color: var(--dci-link, #0066cc);
}

html.fate-theme-dci .masseur-tags__help-summary,
body.fate-theme-dci .masseur-tags__help-summary {
    background: var(--bg2, #f5f5f5);
    border: 1px solid var(--dci-border-soft, #ddd);
    color: var(--dci-link, #0066cc);
    border-radius: 3px;
}

html.fate-theme-dci .masseur-tags__desc,
html.fate-theme-dci .masseur-formal-locked,
body.fate-theme-dci .masseur-tags__desc,
body.fate-theme-dci .masseur-formal-locked {
    background: var(--bg2, #f5f5f5) !important;
    border: 1px solid var(--dci-border-soft, #ddd) !important;
    border-radius: 3px;
}

html.fate-theme-dci .masseur-card__tags,
body.fate-theme-dci .masseur-card__tags {
    border-top: 1px solid var(--dci-border-soft, #ddd);
    border-top-style: solid;
}

/* ── 付費文章 ── */
html.fate-theme-dci .forum-paid-fields,
body.fate-theme-dci .forum-paid-fields {
    border: 1px solid var(--dci-border-soft, #ddd) !important;
    border-style: solid !important;
    background: var(--bg2, #f5f5f5) !important;
    border-radius: var(--radius, 4px);
}

html.fate-theme-dci .forum-paid-preview,
body.fate-theme-dci .forum-paid-preview {
    background: var(--card) !important;
    border: 1px solid var(--dci-border-soft, #ddd) !important;
    color: var(--fg) !important;
}

html.fate-theme-dci .forum-entry-link,
body.fate-theme-dci .forum-entry-link {
    border-radius: 3px;
    border-color: var(--dci-border, #ccc);
    color: var(--dci-link, #0066cc);
    background: var(--bg2, #f5f5f5);
}

html.fate-theme-dci .crowd-report-tag,
body.fate-theme-dci .crowd-report-tag {
    border-radius: 3px;
    background: var(--bg2, #f5f5f5);
    border: 1px solid var(--dci-border-soft, #ddd);
}

html.fate-theme-dci .crowd-report-tag.is-active,
body.fate-theme-dci .crowd-report-tag.is-active {
    border-color: var(--dci-link, #0066cc);
    background: var(--accent-soft);
}

html.fate-theme-dci .crowd-report-action,
body.fate-theme-dci .crowd-report-action {
    color: var(--dci-link, #0066cc);
}

/* ── 頁尾 ── */
html.fate-theme-dci .fate-site-brand-footer,
html.fate-theme-dci .fate-counter-footer,
body.fate-theme-dci .fate-site-brand-footer,
body.fate-theme-dci .fate-counter-footer {
    background: var(--bg2, #f5f5f5);
    border-top: 1px solid var(--dci-border, #ccc);
}

html.fate-theme-dci .fate-site-brand-footer a,
body.fate-theme-dci .fate-site-brand-footer a {
    color: var(--dci-link, #0066cc);
}

/* ── 論壇管理 ── */
html.fate-theme-dci .forum-admin-tab,
body.fate-theme-dci .forum-admin-tab {
    background: var(--bg2, #f5f5f5);
    border: 1px solid var(--dci-border-soft, #ddd);
    border-radius: 3px;
}

html.fate-theme-dci .forum-admin-tab.is-active,
body.fate-theme-dci .forum-admin-tab.is-active {
    background: var(--dci-topbar, #3b4890);
    border-color: #2a3159;
    color: #fff;
}

html.fate-theme-dci .forum-admin-item,
body.fate-theme-dci .forum-admin-item {
    border: 1px solid var(--dci-border-soft, #ddd);
    border-radius: var(--radius, 4px);
    background: var(--card);
}

/* ── Summernote 所見即所得編輯器（DC 淺色） ── */
html.fate-theme-dci,
body.fate-theme-dci {
    --forum-editor-border: #ccc;
    --forum-editor-bg: #fff;
    --forum-editor-toolbar-bg: #f5f5f5;
    --forum-editor-toolbar-border: #ddd;
    --forum-editor-btn-color: #444;
    --forum-editor-btn-hover-bg: #e8e8e8;
    --forum-editor-btn-hover-border: #bbb;
    --forum-editor-btn-active-bg: #dce8f8;
    --forum-editor-editable-bg: #fff;
    --forum-editor-editable-fg: #333;
    --forum-editor-link: #0066cc;
    --forum-editor-placeholder: #888;
    --forum-editor-statusbar-bg: #f5f5f5;
    --forum-editor-statusbar-border: #ddd;
    --forum-editor-modal-bg: #fff;
    --forum-editor-modal-fg: #333;
    --forum-editor-modal-border: #ccc;
    --forum-editor-input-bg: #fff;
    --forum-editor-input-fg: #333;
    --forum-editor-input-border: #ccc;
    --forum-editor-primary-bg: #3b4890;
    --forum-editor-primary-border: #2a3159;
    --forum-editor-primary-fg: #fff;
    --forum-editor-blockquote-border: #3b4890;
    --forum-editor-blockquote-bg: #f5f5f5;
    --forum-editor-blockquote-fg: #555;
    --forum-editor-img-border: #ddd;
    --forum-editor-table-border: #ccc;
    --forum-editor-table-th-bg: #eef2f8;
    --forum-editor-radius: 4px;
    --forum-editor-dropdown-bg: #fff;
    --forum-editor-dropdown-fg: #333;
    --forum-editor-dropdown-border: #ccc;
}

html.fate-theme-dci.dci-night,
body.fate-theme-dci.dci-night {
    --forum-editor-border: #444;
    --forum-editor-bg: #2a2a2a;
    --forum-editor-toolbar-bg: #262626;
    --forum-editor-toolbar-border: #444;
    --forum-editor-btn-color: #ccc;
    --forum-editor-btn-hover-bg: #383838;
    --forum-editor-btn-hover-border: #555;
    --forum-editor-btn-active-bg: #3a4568;
    --forum-editor-editable-bg: #2a2a2a;
    --forum-editor-editable-fg: #e0e0e0;
    --forum-editor-link: #6eb3ff;
    --forum-editor-placeholder: #888;
    --forum-editor-statusbar-bg: #262626;
    --forum-editor-statusbar-border: #444;
    --forum-editor-modal-bg: #2a2a2a;
    --forum-editor-modal-fg: #e0e0e0;
    --forum-editor-modal-border: #444;
    --forum-editor-input-bg: #262626;
    --forum-editor-input-fg: #e0e0e0;
    --forum-editor-input-border: #555;
    --forum-editor-primary-bg: #3b4890;
    --forum-editor-primary-border: #2a3159;
    --forum-editor-primary-fg: #fff;
    --forum-editor-blockquote-border: #6eb3ff;
    --forum-editor-blockquote-bg: #262626;
    --forum-editor-blockquote-fg: #bbb;
    --forum-editor-img-border: #444;
    --forum-editor-table-border: #444;
    --forum-editor-table-th-bg: #333;
    --forum-editor-dropdown-bg: #2a2a2a;
    --forum-editor-dropdown-fg: #e0e0e0;
    --forum-editor-dropdown-border: #444;
}

/* Summernote 掛在 body 下的 modal / popover（非 .forum-summernote 子元素） */
html.fate-theme-dci .note-modal-content,
body.fate-theme-dci .note-modal-content {
    background: var(--forum-editor-modal-bg) !important;
    color: var(--forum-editor-modal-fg) !important;
    border-color: var(--forum-editor-modal-border) !important;
}

html.fate-theme-dci .note-modal-title,
html.fate-theme-dci .note-form-label,
body.fate-theme-dci .note-modal-title,
body.fate-theme-dci .note-form-label {
    color: var(--forum-editor-modal-fg) !important;
}

html.fate-theme-dci .note-input,
body.fate-theme-dci .note-input {
    background: var(--forum-editor-input-bg) !important;
    color: var(--forum-editor-input-fg) !important;
    border-color: var(--forum-editor-input-border) !important;
}

html.fate-theme-dci .note-dropdown-menu,
html.fate-theme-dci .note-popover,
body.fate-theme-dci .note-dropdown-menu,
body.fate-theme-dci .note-popover {
    background: var(--forum-editor-dropdown-bg) !important;
    border-color: var(--forum-editor-dropdown-border) !important;
}

html.fate-theme-dci .note-dropdown-item,
html.fate-theme-dci a.note-dropdown-item,
html.fate-theme-dci .note-popover .popover-content,
body.fate-theme-dci .note-dropdown-item,
body.fate-theme-dci a.note-dropdown-item,
body.fate-theme-dci .note-popover .popover-content {
    color: var(--forum-editor-dropdown-fg) !important;
}

html.fate-theme-dci .note-dropdown-item:hover,
html.fate-theme-dci a.note-dropdown-item:hover,
body.fate-theme-dci .note-dropdown-item:hover,
body.fate-theme-dci a.note-dropdown-item:hover {
    background: var(--forum-editor-btn-hover-bg) !important;
}

html.fate-theme-dci .note-modal-footer .note-btn-primary,
body.fate-theme-dci .note-modal-footer .note-btn-primary {
    background: var(--forum-editor-primary-bg) !important;
    border-color: var(--forum-editor-primary-border) !important;
    color: var(--forum-editor-primary-fg) !important;
}

html.fate-theme-dci .note-editor.note-frame,
html.fate-theme-dci .forum-summernote.note-editor,
body.fate-theme-dci .note-editor.note-frame,
body.fate-theme-dci .forum-summernote.note-editor {
    border-color: var(--forum-editor-border) !important;
}

html.fate-theme-dci .note-editor .note-editing-area .note-editable,
body.fate-theme-dci .note-editor .note-editing-area .note-editable {
    background: var(--forum-editor-editable-bg) !important;
    color: var(--forum-editor-editable-fg) !important;
}

html.fate-theme-dci .note-editor .note-toolbar,
body.fate-theme-dci .note-editor .note-toolbar {
    background: var(--forum-editor-toolbar-bg) !important;
    border-color: var(--forum-editor-toolbar-border) !important;
}

html.fate-theme-dci .note-editor .note-btn,
body.fate-theme-dci .note-editor .note-btn {
    background: transparent;
    color: var(--forum-editor-btn-color);
    border-color: transparent;
}

html.fate-theme-dci .note-editor .note-btn:hover,
html.fate-theme-dci .note-editor .note-btn:focus,
body.fate-theme-dci .note-editor .note-btn:hover,
body.fate-theme-dci .note-editor .note-btn:focus {
    background: var(--forum-editor-btn-hover-bg) !important;
    border-color: var(--forum-editor-btn-hover-border) !important;
    color: var(--forum-editor-editable-fg) !important;
}

html.fate-theme-dci .note-editor .note-statusbar,
body.fate-theme-dci .note-editor .note-statusbar {
    background: var(--forum-editor-statusbar-bg) !important;
    border-color: var(--forum-editor-statusbar-border) !important;
}

html.fate-theme-dci .note-editor .note-editing-area .note-editable a,
body.fate-theme-dci .note-editor .note-editing-area .note-editable a {
    color: var(--forum-editor-link) !important;
}

html.fate-theme-dci .note-placeholder,
body.fate-theme-dci .note-placeholder {
    color: var(--forum-editor-placeholder) !important;
}

/* ── 手機版 ── */
@media (max-width: 640px) {
    html.fate-theme-dci .forum-panel,
    body.fate-theme-dci .forum-panel {
        padding: 0.85rem 0.75rem;
    }

    html.fate-theme-dci .forum-panel--discussion .forum-post,
    body.fate-theme-dci .forum-panel--discussion .forum-post {
        padding: 0.75rem 0.7rem;
    }

    html.fate-theme-dci .forum-store-compact__cover,
    body.fate-theme-dci .forum-store-compact__cover {
        width: 100px;
        min-height: 72px;
    }
}