/* theme.css
----------------------------------------
Numeon Website

两个站的换肤。每个页面最后加载这个文件（在所有其它 CSS 之后），
配合 settings.js 在 <html> 上打的两个标记：

    data-site  = numerith | orbit
    data-theme = dark | light

暗色 = Numerith 原本的配色，亮色 = Orbit 原本的配色。所以只需要两块：
  1. 数弈 + 亮色：把数弈的颜色变量换成四轮那一套
  2. 四轮 + 暗色：把四轮的颜色换成数弈那一套
另外两种组合（数弈暗色、四轮亮色）就是各自原样，这里不用写。

棋盘本身（数弈的蓝格棋盘是 canvas 画的、四轮的木纹棋盘）属于棋的
美术，不随主题变。

选择器写成 html[data-site=…][data-theme=…]，比原文件里的 :root
优先级高，所以不用改原来的 CSS 文件，也不用 !important（个别地方例外，
下面有注释）。
---------------------------------------- */


/* =====================================================
   1. 数弈 · 亮色（用四轮的配色）
   ===================================================== */

html[data-site="numerith"][data-theme="light"] {
    /* home.css / game.css 共用的变量 */
    --bg:           #f1eee9;
    --panel:        #e6e1da;
    --panel-hi:     #dbd4cb;
    --panel-hover:  #d3cbc1;
    --line:         #cdc4b9;
    --text:         #4a4038;
    --text-strong:  #231c17;
    --muted:        #7d7268;
    --dim:          #a3978b;
    --accent:       #6b4a34;
    --accent-hi:    #8a6448;
    --win:          #4d8a2d;
    --loss:         #b3413b;

    /* game.css 独有的 */
    --deep:         #ddd6cd;
    --notation:     #ebe6df;
    --agree:        #4d8a2d;
    --deny:         #b3413b;

    color-scheme: light;
}

/* ---- 2026-10-05 Farkas：数弈亮色的强调色保持数弈自己的青色 ----
   （以前整套换成了四轮的棕色：Create a game / Single game / Play against ai
   打开的窗口里，滑块、Casual/Rated、选边按钮都变成了棕色）。亮底上用
   比暗色版深一档的青色，文字/边框对比度才够。 */
html[data-site="numerith"][data-theme="light"] {
    --accent:       #2f8fb3;
    --accent-hi:    #3d9dbf;
}

/* ---- 原来写死成浅灰 / 白色的文字（暗底上看得清，亮底上几乎看不见） ---- */
html[data-site="numerith"][data-theme="light"] #result-line { color: var(--text-strong); }   /* 结算窗口 "xx 认输，xx 获胜" */
html[data-site="numerith"][data-theme="light"] #result-close:hover,
html[data-site="numerith"][data-theme="light"] .nav-btn:hover,
html[data-site="numerith"][data-theme="light"] .action-btn:hover,
html[data-site="numerith"][data-theme="light"] .result-link:hover { color: var(--text-strong); }
html[data-site="numerith"][data-theme="light"] #chat-head { color: var(--text); }
html[data-site="numerith"][data-theme="light"] #brand { color: var(--muted); }
html[data-site="numerith"][data-theme="light"] .score-value.flat,
html[data-site="numerith"][data-theme="light"] .history-result.draw { color: #4f7491; }

/* 棋谱窗口："上一手"原来垫了一块写死的深灰底（#454545），亮色下深色文字
   压在上面就被整块挡住了——亮色下不再垫底。 */
html[data-site="numerith"][data-theme="light"] .move.is-previous { background: transparent; }

/* 大厅 / 创建对局窗口里"随机先后手"的图标：浅色那一半提亮成纯白
   （灰色的数字 9 不变） */
html[data-site="numerith"][data-theme="light"] .piece-random {
    /* 2026-10-05 调整：浅色那一半用比亮色背景（#f1eee9）略亮一点的浅灰白，不用纯白 */
    background: linear-gradient(135deg, #f8f6f2 0 50%, #211f1d 50% 100%);
}


/* =====================================================
   2. 四轮 · 暗色（用数弈的配色）
   ===================================================== */

html[data-site="orbit"][data-theme="dark"] {
    --panel-bg:        #262421;
    --text-dark:       #e6e3df;
    --btn-brown:       #b58b66;      /* 深底上原来的深棕看不清，提亮一档 */
    --btn-brown-dark:  #8f6b4c;
    --op-card-bg:      #302e2c;
    --op-card-fg:      #e6e3df;
    --op-line:         rgba(255, 255, 255, 0.08);
    --op-accent:       #c49a74;
    --op-hover:        rgba(255, 255, 255, 0.06);

    /* 对局页 orbit_match.css */
    --om-panel:        #302e2c;
    --om-panel-dark:   #2a2826;
    --om-clock-bg:     #8f6b4c;
    --om-clock-idle:   #4a4540;

    color-scheme: dark;
}

/* ---- 原来写死成白色的面板 / 按钮 / 输入框 ---- */

html[data-site="orbit"][data-theme="dark"] .menu-btn,
html[data-site="orbit"][data-theme="dark"] .chip-btn,
html[data-site="orbit"][data-theme="dark"] .reset-btn,
html[data-site="orbit"][data-theme="dark"] .lobby-panel,
html[data-site="orbit"][data-theme="dark"] .lobby-action-btn,
html[data-site="orbit"][data-theme="dark"] .account-btn,
html[data-site="orbit"][data-theme="dark"] .account-input,
html[data-site="orbit"][data-theme="dark"] .time-select,
html[data-site="orbit"][data-theme="dark"] .banner-card,
html[data-site="orbit"][data-theme="dark"] .account-modal {
    background: #302e2c;
    color: var(--text-dark);
}

html[data-site="orbit"][data-theme="dark"] .menu-btn.primary,
html[data-site="orbit"][data-theme="dark"] .chip-btn.active {
    background: var(--btn-brown-dark);
    color: #fff;
}

html[data-site="orbit"][data-theme="dark"] .menu-btn:hover,
html[data-site="orbit"][data-theme="dark"] .chip-btn:hover,
html[data-site="orbit"][data-theme="dark"] .reset-btn:hover,
html[data-site="orbit"][data-theme="dark"] .account-btn:hover,
html[data-site="orbit"][data-theme="dark"] .lobby-action-btn:hover:not(:disabled) {
    background: #3a3835;
}

html[data-site="orbit"][data-theme="dark"] .lobby-action-btn:disabled {
    color: #6d665f;
    border-color: #3d3a37;
}

html[data-site="orbit"][data-theme="dark"] .lobby-table-head,
html[data-site="orbit"][data-theme="dark"] .lobby-panel-head {
    background: rgba(255, 255, 255, 0.04);
}

html[data-site="orbit"][data-theme="dark"] .lobby-row {
    border-top-color: rgba(255, 255, 255, 0.07);
}

html[data-site="orbit"][data-theme="dark"] .lobby-row:hover {
    background: rgba(255, 255, 255, 0.04);
}

html[data-site="orbit"][data-theme="dark"] .lobby-empty-state,
html[data-site="orbit"][data-theme="dark"] .lobby-nav-item.disabled {
    color: #6d665f;
}

html[data-site="orbit"][data-theme="dark"] .site-switch {
    border-top-color: rgba(255, 255, 255, 0.1);
}

html[data-site="orbit"][data-theme="dark"] .lobby-avatar {
    background: rgba(255, 255, 255, 0.1);
}

html[data-site="orbit"][data-theme="dark"] .account-error {
    color: #e0806a;
}

html[data-site="orbit"][data-theme="dark"] .modal-overlay,
html[data-site="orbit"][data-theme="dark"] .banner {
    background: rgba(0, 0, 0, 0.6);
}

/* ---- 棋子架 / 抵达区的虚线圈（黑色半透明线在深底上看不见） ---- */

html[data-site="orbit"][data-theme="dark"] .piece-slot.interactive:hover {
    background: rgba(255, 255, 255, 0.06);
}

html[data-site="orbit"][data-theme="dark"] .arrived-slot {
    border-color: rgba(255, 255, 255, 0.28);
}

html[data-site="orbit"][data-theme="dark"] .arrived-slot.filled {
    border-color: rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.04);
}

html[data-site="orbit"][data-theme="dark"] .ai-config-panel {
    background: rgba(48, 46, 44, 0.85);
}

/* ---- 对局页（orbit_match.css） ---- */

html[data-site="orbit"][data-theme="dark"] .om-rating,
html[data-site="orbit"][data-theme="dark"] .om-ply,
html[data-site="orbit"][data-theme="dark"] .om-chat-sys {
    color: #8f8a84;
}

html[data-site="orbit"][data-theme="dark"] .om-inc,
html[data-site="orbit"][data-theme="dark"] .om-info-tc {
    color: #a8a29b;
}

html[data-site="orbit"][data-theme="dark"] .om-nav-btn {
    color: #a8a29b;
}

html[data-site="orbit"][data-theme="dark"] .om-nav-btn:hover:not(:disabled),
html[data-site="orbit"][data-theme="dark"] .om-act:hover {
    background: rgba(255, 255, 255, 0.07);
}

html[data-site="orbit"][data-theme="dark"] .om-act {
    color: #d8d3cd;
}

html[data-site="orbit"][data-theme="dark"] .om-act-wrap.armed .om-act {
    background: rgba(181, 139, 102, 0.25);
}

html[data-site="orbit"][data-theme="dark"] .om-controls {
    border-top-color: rgba(255, 255, 255, 0.07);
}

html[data-site="orbit"][data-theme="dark"] .om-flash {
    color: #e0a070;
}

html[data-site="orbit"][data-theme="dark"] .om-dot {
    border-color: #a8a29b;
}

html[data-site="orbit"][data-theme="dark"] .om-chat {
    border-color: rgba(255, 255, 255, 0.06);
}

html[data-site="orbit"][data-theme="dark"] .om-chat-head {
    border-bottom-color: rgba(255, 255, 255, 0.07);
}

html[data-site="orbit"][data-theme="dark"] .om-chat-input {
    background: #2a2826;
    border-top-color: rgba(255, 255, 255, 0.07);
    color: var(--text-dark);
}

html[data-site="orbit"][data-theme="dark"] .om-firstmove.is-waiting {
    background: #4a4540;
}

/* ---- 棋子架：暗色下的可读性 ----
   数量角标原来是白底 + 继承文字色，暗色下文字色变成浅色，
   数字就成了白底白字；黑方棋子（深棕）在深底上也几乎看不见，
   给每个棋子格垫一层很淡的浅色底，把棋子托出来。 */

html[data-site="orbit"][data-theme="dark"] .piece-count {
    color: #2a2521;
}

html[data-site="orbit"][data-theme="dark"] .piece-slot {
    background: rgba(255, 255, 255, 0.09);
    border-radius: 10px;
}

html[data-site="orbit"][data-theme="dark"] .piece-slot.interactive:hover {
    background: rgba(255, 255, 255, 0.16);
}

/* 上面那条底衬的优先级比 orbit.css 里的选中态高，会把"选中"的紫色高亮
   盖掉——这里按原样补回来（颜色稍微加深，深底上才看得清）。 */
html[data-site="orbit"][data-theme="dark"] .piece-slot.selected {
    background: rgba(124, 92, 214, 0.32);
    box-shadow: 0 0 0 2px rgba(150, 120, 235, 0.8) inset;
}

/* 棋谱窗口（对局页 / 复盘页） */
html[data-site="orbit"][data-theme="dark"] .om-mv:hover { background: rgba(255, 255, 255, 0.08); }
html[data-site="orbit"][data-theme="dark"] .om-mv-num { color: #8f8a84; }

/* 复盘页（orbit_replay.css） */
html[data-site="orbit"][data-theme="dark"] .orp-playback { border-top-color: rgba(255, 255, 255, 0.08); }
html[data-site="orbit"][data-theme="dark"] .orp-pb-btn { background: rgba(255, 255, 255, 0.08); }
html[data-site="orbit"][data-theme="dark"] .orp-pb-btn:hover { background: rgba(255, 255, 255, 0.15); }
html[data-site="orbit"][data-theme="dark"] .orp-speed { border-color: rgba(255, 255, 255, 0.15); }
html[data-site="orbit"][data-theme="dark"] .orp-speed option { background: #302e2c; }
html[data-site="orbit"][data-theme="dark"] .orp-empty,
html[data-site="orbit"][data-theme="dark"] .orp-meta-line,
html[data-site="orbit"][data-theme="dark"] .orp-sub { color: #8f8a84; }
html[data-site="orbit"][data-theme="dark"] .orp-row { border-color: rgba(255, 255, 255, 0.08); }
html[data-site="orbit"][data-theme="dark"] .orp-dot { border-color: #a8a29b; }

/* 对局库页面 */
html[data-site="orbit"][data-theme="dark"] .odb-field { color: #8f8a84; }
html[data-site="orbit"][data-theme="dark"] .odb-field input,
html[data-site="orbit"][data-theme="dark"] .odb-field select { border-color: rgba(255, 255, 255, 0.15); color-scheme: dark; }
html[data-site="orbit"][data-theme="dark"] .odb-table th { background: rgba(255, 255, 255, 0.05); }
html[data-site="orbit"][data-theme="dark"] .odb-table td { border-top-color: rgba(255, 255, 255, 0.07); }
html[data-site="orbit"][data-theme="dark"] .odb-table tbody tr:hover { background: rgba(255, 255, 255, 0.04); }

/* 大厅"对局记录"卡片 */
html[data-site="orbit"][data-theme="dark"] .lobby-history-card { border-top-color: rgba(255, 255, 255, 0.07); }
html[data-site="orbit"][data-theme="dark"] .lobby-history-card:hover { background: rgba(255, 255, 255, 0.04); }


/* =====================================================
   3. Nexus（宇宙棋）· 亮色（2026-10-05）
   Nexus 原本只有深空主题（nx.css / nx_match.css 都是深蓝底）。亮色：浅灰蓝底、
   白色面板、深蓝文字，保留 Nexus 的青色强调色（亮底上深一档）。
   棋盘（木色 canvas）属于棋的美术，不随主题变。
   ===================================================== */

html[data-site="nexus"][data-theme="light"] {
    --op-card-bg:      #ffffff;
    --op-card-fg:      #1b2338;
    --op-line:         rgba(20, 30, 60, 0.10);
    --op-accent:       #1f9e8e;
    --op-hover:        rgba(31, 158, 142, 0.10);
    --wood-line:       #c9d0dc;
    --panel-bg:        #eef1f6;
    --btn-brown:       #1f9e8e;
    --btn-brown-dark:  #177d70;
    --text-dark:       #1b2338;

    /* 对局页 nx_match.css */
    --om-panel:        #ffffff;
    --om-panel-dark:   #e3e8f0;
    --om-clock-bg:     #1b2338;
    --om-clock-idle:   #7d879c;
    --om-green:        #1f9e8e;

    color-scheme: light;
}

/* 原来是"深底上叠一层 6% 白"的半透明面板：亮底上等于看不见，换成实心白色 */
html[data-site="nexus"][data-theme="light"] .lobby-panel,
html[data-site="nexus"][data-theme="light"] .lobby-action-btn,
html[data-site="nexus"][data-theme="light"] .account-btn,
html[data-site="nexus"][data-theme="light"] .menu-btn,
html[data-site="nexus"][data-theme="light"] .chip-btn,
html[data-site="nexus"][data-theme="light"] .reset-btn,
html[data-site="nexus"][data-theme="light"] .banner-card,
html[data-site="nexus"][data-theme="light"] .account-input,
html[data-site="nexus"][data-theme="light"] .time-select,
html[data-site="nexus"][data-theme="light"] .om-chat-input {
    background: #ffffff;
    color: var(--text-dark);
}
html[data-site="nexus"][data-theme="light"] .menu-btn.primary,
html[data-site="nexus"][data-theme="light"] .chip-btn.active { background: var(--btn-brown); color: #fff; }
html[data-site="nexus"][data-theme="light"] .modal-overlay,
html[data-site="nexus"][data-theme="light"] .banner { background: rgba(20, 30, 60, 0.35); }

/* 写死的浅灰蓝文字（深底上用的） → 深一些的灰蓝 */
html[data-site="nexus"][data-theme="light"] .om-rating,
html[data-site="nexus"][data-theme="light"] .om-inc,
html[data-site="nexus"][data-theme="light"] .om-ply,
html[data-site="nexus"][data-theme="light"] .om-chat-sys,
html[data-site="nexus"][data-theme="light"] .om-mv-num,
html[data-site="nexus"][data-theme="light"] .om-info-sub,
html[data-site="nexus"][data-theme="light"] .om-info-tc,
html[data-site="nexus"][data-theme="light"] .om-kind,
html[data-site="nexus"][data-theme="light"] .shape-btn,
html[data-site="nexus"][data-theme="light"] .lobby-empty-state { color: #5d6680; }
html[data-site="nexus"][data-theme="light"] .om-nav-btn,
html[data-site="nexus"][data-theme="light"] .om-act,
html[data-site="nexus"][data-theme="light"] #end-banner .banner-close { color: #3a4258; }
html[data-site="nexus"][data-theme="light"] .om-nav-btn:hover:not(:disabled),
html[data-site="nexus"][data-theme="light"] .om-act:hover,
html[data-site="nexus"][data-theme="light"] #om-move-list .om-mv:hover,
html[data-site="nexus"][data-theme="light"] #end-banner .banner-close:hover { background: rgba(20, 30, 60, 0.07); color: #1b2338; }
html[data-site="nexus"][data-theme="light"] .shape-btn { background: #ffffff; border-color: #c9d0dc; }
html[data-site="nexus"][data-theme="light"] .shape-btn.active { color: #fff; }

/* 白色分隔线 / 边框（深底上用的） → 浅灰线 */
html[data-site="nexus"][data-theme="light"] .om-chat-head { border-bottom-color: rgba(20, 30, 60, 0.12); }
html[data-site="nexus"][data-theme="light"] .om-chat-input { border-top-color: rgba(20, 30, 60, 0.12); }
html[data-site="nexus"][data-theme="light"] .om-chat-input:disabled { color: #9aa2b4; }
html[data-site="nexus"][data-theme="light"] .lobby-nav-item.disabled { color: #a3abbd; }
html[data-site="nexus"][data-theme="light"] .site-switch { border-top-color: rgba(20, 30, 60, 0.12); }

/* 黑棋子小图标：深底上加的浅色描边，亮底上不需要 */
html[data-site="nexus"][data-theme="light"] .nx-stone.nx-black { border-color: rgba(0, 0, 0, 0.2); }

/* 复盘模式（手机）的导航按钮 */
html[data-site="nexus"][data-theme="light"] body.om-review .om-nav-btn { color: #3a4258; background: rgba(20, 30, 60, 0.06); }


/* =====================================================
   4. Arkatana（古戰棋）· 亮色（2026-10-05）
   Arkatana 原本只有墨色底 + 羊皮纸色字的暗色风格（各页面 <style> 里的变量）。
   亮色就是把这组变量反过来：羊皮纸色底、墨色字，金色 / 朱砂 / 玉色强调色
   各加深一档，亮底上才看得清。暗色 = 原样。棋盘和棋子素材不随主题变。
   ===================================================== */

html[data-site="arkatana"][data-theme="light"] {
    --ink:              #f4efe2;   /* 页面底色 */
    --ink-raised:       #e9e1cc;   /* 侧栏 / 面板 */
    --parchment-light:  #2a2520;   /* 正文（以及按钮底色——按钮因此变成深色底浅色字） */
    --parchment-dark:   #5e5340;
    --gold:             #8f6d2e;
    --gold-bright:      #a87a1c;
    --gold-soft:        rgba(143, 109, 46, 0.14);
    --cinnabar:         #a6362b;
    --jade:             #2f5a48;

    /* 在线玩家名单（presence.css） */
    --op-card-bg:       #fbf8f0;
    --op-card-fg:       #2a2520;
    --op-line:          rgba(42, 37, 32, 0.12);
    --op-accent:        #8f6d2e;
    --op-hover:         rgba(143, 109, 46, 0.10);

    color-scheme: light;
}

html[data-site="arkatana"][data-theme="dark"] {
    /* 在线玩家名单在暗色 Arkatana 页面上的配色 */
    --op-card-bg:       #232327;
    --op-card-fg:       #ede3c8;
    --op-line:          rgba(184, 148, 75, 0.2);
    --op-accent:        #b8944b;
    --op-hover:         rgba(184, 148, 75, 0.1);
}


/* ---- Arkatana 亮色 · 补充（2026-10-05 第二轮） ---- */

/* 按钮：各页面的通用 button 规则用 var(--parchment-light) 当底色——暗色主题下
   那是浅色羊皮纸，亮色主题下它变成了深色正文色，所有按钮就成了黑块。
   亮色下：浅色底、深色字、金色描边，悬停时金底白字。 */
html[data-site="arkatana"][data-theme="light"] button,
html[data-site="arkatana"][data-theme="light"] #result-panel button,
html[data-site="arkatana"][data-theme="light"] #replay-exit-row button,
html[data-site="arkatana"][data-theme="light"] #replay-bar button,
html[data-site="arkatana"][data-theme="light"] #chat-input-row button,
html[data-site="arkatana"][data-theme="light"] .account-mini button {
    background: #fbf8f0;
    color: #2a2520;
}
html[data-site="arkatana"][data-theme="light"] button:hover:not(:disabled) { background: var(--gold); color: #fff; }
html[data-site="arkatana"][data-theme="light"] .pagination button:disabled:hover { background: #fbf8f0; color: #2a2520; }
html[data-site="arkatana"][data-theme="light"] button.ghost { background: transparent; color: #2a2520; }
html[data-site="arkatana"][data-theme="light"] .modal-box input,
html[data-site="arkatana"][data-theme="light"] #chat-input,
html[data-site="arkatana"][data-theme="light"] .account-mini input { background: #fbf8f0; color: #2a2520; }

/* 主要操作按钮（大厅右侧三个、窗口底部的确认、对局库的搜索）：金底白字 */
html[data-site="arkatana"][data-theme="light"] .right-column .action-btn,
html[data-site="arkatana"][data-theme="light"] #cg-create-btn,
html[data-site="arkatana"][data-theme="light"] #ai-create-btn,
html[data-site="arkatana"][data-theme="light"] #btn-search,
html[data-site="arkatana"][data-theme="light"] #waiting-panel button {
    background: var(--gold);
    border-color: var(--gold);
    color: #fff;
}
html[data-site="arkatana"][data-theme="light"] .right-column .action-btn:hover:not(:disabled),
html[data-site="arkatana"][data-theme="light"] #cg-create-btn:hover:not(:disabled),
html[data-site="arkatana"][data-theme="light"] #ai-create-btn:hover:not(:disabled),
html[data-site="arkatana"][data-theme="light"] #btn-search:hover:not(:disabled) { background: #74581f; }

/* 棋盘 canvas 的底色同样用了 var(--parchment-light)：亮色下保持原来的浅色 */
html[data-site="arkatana"][data-theme="light"] canvas#board { background: #e6e4de; }

/* 先后手城堡图标：亮色下白方 = 空心，黑方 = 实心（深色线条画在浅底上，实心的看起来才是"黑"的）。
   创建对局 / 人机对战窗口、对局库、对局页都用的是同一个 ArkatanaShared.sideIcon()。 */
html[data-site="arkatana"][data-theme="light"] .side-icon .castle-white { fill: none; }
html[data-site="arkatana"][data-theme="light"] .side-icon .castle-black { fill: currentColor; }

/* 原来写死给暗色主题用的浅色 / 白色文字 → 深色 */
html[data-site="arkatana"][data-theme="light"] .result-text.outcome-white,
html[data-site="arkatana"][data-theme="light"] #result-panel .result-text.outcome-white { color: #2a2520; }
html[data-site="arkatana"][data-theme="light"] .result-text.outcome-black,
html[data-site="arkatana"][data-theme="light"] #result-panel .result-text.outcome-black { color: #8a5a12; }
html[data-site="arkatana"][data-theme="light"] .history-entry .result-line.draw { color: #7a6420; }
html[data-site="arkatana"][data-theme="light"] input::placeholder { color: rgba(42, 37, 32, 0.4); }
html[data-site="arkatana"][data-theme="light"] .lesson-card .subtitle,
html[data-site="arkatana"][data-theme="light"] .info-body .almost { color: #5e5340; }
html[data-site="arkatana"][data-theme="light"] .cancel-x { background: var(--danger, #c0392b); color: #fff; }   /* 红底白字的小 ×，保持原样 */

/* 学习页（arkatana learn）：未完成章节的格子、卡片悬停原来是深灰色块 → 浅色 */
html[data-site="arkatana"][data-theme="light"] .level-box { background: #e3dac4; color: #8a7f6b; }
html[data-site="arkatana"][data-theme="light"] .level-box.current,
html[data-site="arkatana"][data-theme="light"] .level-box.done { background: var(--gold); color: #fff; }
html[data-site="arkatana"][data-theme="light"] .lesson-card:hover { background: #e3dac4; }
html[data-site="arkatana"][data-theme="light"] #btn-back:hover { background: rgba(143, 109, 46, 0.18); }

/* 遮罩：亮色下浅一些 */
html[data-site="arkatana"][data-theme="light"] .modal-overlay,
html[data-site="arkatana"][data-theme="light"] #result-overlay { background: rgba(42, 37, 32, 0.35); }
/* 选中态（Casual / Rated、人机难度）：上面通用按钮规则的优先级更高，这里把金底白字补回来 */
html[data-site="arkatana"][data-theme="light"] .toggle-btn.active,
html[data-site="arkatana"][data-theme="light"] .toggle-btn.active:hover { background: var(--gold); border-color: var(--gold); color: #fff; }
/* 对局页的图标按钮 / 棋谱导航本来就是\"面板色底 + 正文色\"，不要被通用按钮规则改掉 */
html[data-site="arkatana"][data-theme="light"] .icon-btn,
html[data-site="arkatana"][data-theme="light"] .nav-btn { background: var(--ink-raised); color: var(--parchment-light); }
html[data-site="arkatana"][data-theme="light"] .action-btn-wrap.armed .icon-btn { background: var(--gold); color: #fff; }
html[data-site="arkatana"][data-theme="light"] .turn-banner button { background: #4c8c4c; color: #fff; }
html[data-site="arkatana"][data-theme="light"] #btn-quit-single { background: transparent; color: var(--danger, #c0392b); }
html[data-site="arkatana"][data-theme="light"] .m-menu-btn,
html[data-site="arkatana"][data-theme="light"] .ark-menu-btn,
html[data-site="arkatana"][data-theme="light"] .modal-close { background: none; color: #2a2520; }
/* 本来就有自己颜色的按钮（同意 / 拒绝、下一章、返回目录……）保持原色 */
html[data-site="arkatana"][data-theme="light"] .offer-banner .agree { background: #4c8c4c; color: #fff; }
html[data-site="arkatana"][data-theme="light"] .offer-banner .deny { background: var(--danger, #c0392b); color: #fff; }
html[data-site="arkatana"][data-theme="light"] #btn-next-chapter { background: #9ccf5a; color: #1b1b1e; }
html[data-site="arkatana"][data-theme="light"] #btn-back-menu { background: var(--cinnabar); color: #fff; }