/* ============================================================
   一键换肤（智云HUB）：默认「经典深蓝」，html[data-theme] 切换
   与 AI 助手站点共用同一套主题名 + Cookie(uiSkin)，切换后全站一致。
   ============================================================ */

:root {
    --bg-top: #141d2b;
    --panel: #161b22;
    --input-bg: #0d1117;
    --btn-bg: #20283a;
    --topbar-bg: rgba(13, 17, 23, .85);
    --glow: #1b2a44;
    --shadow: rgba(0, 0, 0, .35);
    --row-bg: rgba(22, 27, 34, .78);
    --ghost: rgba(255, 255, 255, .04);
    --scroll: #2b3648;
    /* 弹窗遮罩 / 警告色：随皮肤切换 */
    --modal-mask: rgba(4, 8, 16, .72);
    --warn: #d29922;
}

html[data-theme="light"] {
    --bg: #f2f6fb; --bg-soft: #ffffff; --line: #d6e0ee;
    --text: #1b2430; --muted: #5f6f85; --primary: #2f6fe4;
    --ok: #1f9d55; --danger: #d64541;
    --bg-top: #ffffff; --panel: #ffffff; --input-bg: #f7f9fd; --btn-bg: #e9eff8;
    --topbar-bg: rgba(255, 255, 255, .92); --glow: rgba(47, 111, 228, .10);
    --shadow: rgba(30, 60, 110, .14); --row-bg: rgba(20, 40, 80, .03);
    --ghost: rgba(20, 40, 80, .05); --scroll: #c3d0e2;
    --modal-mask: rgba(24, 44, 80, .42); --warn: #b7791f;
}

html[data-theme="cyber"] {
    --bg: #0a0714; --bg-soft: #15102a; --line: #352a5c;
    --text: #eae4ff; --muted: #a99bd0; --primary: #a855f7;
    --ok: #22d3a6; --danger: #ff5c8a;
    --bg-top: #1d1638; --panel: #15102a; --input-bg: #120d24; --btn-bg: #241b45;
    --topbar-bg: rgba(18, 10, 36, .88); --glow: rgba(120, 60, 200, .35);
    --shadow: rgba(0, 0, 0, .45); --row-bg: rgba(255, 255, 255, .04);
    --ghost: rgba(255, 255, 255, .06); --scroll: #3b2e63;
    --modal-mask: rgba(6, 3, 16, .78); --warn: #f59e0b;
}

html[data-theme="ocean"] {
    --bg: #04121a; --bg-soft: #0b1f2b; --line: #1d3f50;
    --text: #e0f2f7; --muted: #8fb3c2; --primary: #22b8cf;
    --ok: #2dd4a7; --danger: #ff6b6b;
    --bg-top: #102a38; --panel: #0b1f2b; --input-bg: #07161f; --btn-bg: #10303e;
    --topbar-bg: rgba(7, 25, 35, .88); --glow: rgba(20, 90, 110, .45);
    --shadow: rgba(0, 0, 0, .45); --row-bg: rgba(255, 255, 255, .04);
    --ghost: rgba(255, 255, 255, .06); --scroll: #1d3f50;
    --modal-mask: rgba(2, 12, 18, .78); --warn: #e0a33e;
}

/* 关键元素：把硬编码颜色换成变量，保证换肤真正生效 */
html { background: var(--bg); }
body {
    background: radial-gradient(1200px 600px at 50% -10%, var(--glow) 0%, var(--bg) 60%);
    color: var(--text);
    transition: background .25s ease, color .25s ease;
}
.topbar { background: var(--topbar-bg); }
.game-card, .card, .login-box { background: var(--bg-soft); }
.game-icon { background: linear-gradient(140deg, var(--bg-top), var(--bg-soft)); }
.field input:not([type="checkbox"]), .field select { background: var(--input-bg); color: var(--text); }
.btn { background: var(--btn-bg); color: var(--text); }
.hall-side { background: var(--row-bg); }
.admin-nav-item { background: var(--ghost); }
.g-toast { background: var(--panel); }
select option, select optgroup { background: var(--bg-soft); color: var(--text); }
html[data-theme="light"] select { color-scheme: light; }

/* 媒体控件（音频 / 视频）随皮肤：原生控件用 color-scheme 切换明暗外观
   （深色皮肤 = 深底浅字控件，白昼皮肤 = 白底深字控件） */
audio, video { color-scheme: dark; }
html[data-theme="light"] audio, html[data-theme="light"] video { color-scheme: light; }

/* 滚动条跟随主题 */
html { scrollbar-color: var(--scroll) transparent; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb {
    background: var(--scroll);
    border-radius: 999px;
    border: 2px solid transparent;
    background-clip: padding-box;
}

/* ===== 换肤入口（右下角） ===== */
.skin-fab {
    position: fixed; right: 16px; bottom: 18px; z-index: 10000;
    width: 44px; height: 44px; border-radius: 50%;
    border: 1px solid var(--line); background: var(--panel); color: var(--primary);
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; box-shadow: 0 10px 26px var(--shadow);
    transition: transform .15s ease;
}
.skin-fab:hover { transform: translateY(-2px); }
.skin-fab.dragging { transform: none !important; transition: none; cursor: grabbing; touch-action: none; }
.skin-fab svg { width: 21px; height: 21px; }

/* ===== 设置面板内的行（皮肤 / 问题反馈 / 隐藏设置） ===== */
.skin-row {
    display: flex; align-items: center; justify-content: space-between;
    width: 100%; box-sizing: border-box; padding: 10px 12px; margin: 0;
    border: none; background: transparent; color: var(--text, #e6edf3);
    font-size: 13px; text-align: left; cursor: pointer; border-radius: 8px;
}
.skin-row:hover { background: var(--ghost, rgba(255,255,255,.06)); }
.skin-row .skin-row-chev { color: var(--muted, #8b949e); font-size: 16px; line-height: 1; transform: rotate(90deg); transition: transform .15s ease; }
.skin-row-toggle.collapsed .skin-row-chev { transform: rotate(0deg); }
.skin-sep { height: 1px; background: var(--line, rgba(255,255,255,.1)); margin: 0; }

.skin-panel {
    position: fixed; right: 16px; bottom: 74px; z-index: 10001;
    width: 196px; padding: 12px; border-radius: 14px;
    border: 1px solid var(--line); background: var(--panel);
    box-shadow: 0 18px 44px var(--shadow);
    display: none; flex-direction: column; gap: 8px;
}
.skin-panel.show { display: flex; }
.skin-panel-head { font-size: 12.5px; color: var(--muted); font-weight: 700; padding: 0 2px 2px; }
.skin-swatches { display: flex; flex-direction: column; gap: 6px; }
.skin-swatch {
    display: flex; align-items: center; gap: 9px; padding: 8px 10px;
    border-radius: 9px; border: 1px solid transparent;
    background: var(--ghost); color: var(--text);
    font-size: 12.5px; cursor: pointer; text-align: left;
}
.skin-swatch:hover { border-color: var(--primary); }
.skin-swatch.active { border-color: var(--primary); box-shadow: 0 0 0 2px var(--glow); font-weight: 600; }
.skin-swatch i {
    width: 14px; height: 14px; border-radius: 50%; display: block; flex: none;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25);
}

/* ===== 面板底部：隐藏悬浮球 ===== */
.skin-hide {
    margin-top: 2px; padding: 7px 10px;
    border-radius: 9px; border: 1px solid var(--line);
    background: transparent; color: var(--muted);
    font-size: 12px; cursor: pointer; text-align: center; width: 100%;
}
.skin-hide:hover { color: var(--text); border-color: var(--primary); }

/* 隐藏后的恢复入口：一个极淡的小圆点（不做成按钮那么大，避免喧宾夺主） */
.skin-fab-dot {
    position: fixed; right: 22px; bottom: 24px; z-index: 10000;
    width: 12px; height: 12px; border-radius: 50%;
    border: 1px solid var(--line); background: var(--muted);
    opacity: .35; padding: 0; cursor: pointer; display: none;
}
.skin-fab-dot.show { display: block; }
.skin-fab-dot:hover { opacity: .9; }

/* ============================================================
   明亮白昼：针对游戏大厅 / 后台的细化覆盖
   （site.css 里部分颜色是写死的，这里用更高优先级统一修正）
   ============================================================ */

html[data-theme="light"] body {
    background: radial-gradient(1200px 600px at 50% -10%, #e9f1fd 0%, #f2f6fb 60%);
}

/* 顶栏与导航 */
html[data-theme="light"] .topbar {
    background: rgba(255, 255, 255, .94);
    border-bottom-color: #d6e0ee;
}
html[data-theme="light"] .brand,
html[data-theme="light"] .nav a { color: #33415a; }
html[data-theme="light"] .nav a:hover { background: #eaf0f9; color: #17253d; }

/* 欢迎条 */
html[data-theme="light"] .welcome {
    background: linear-gradient(135deg, rgba(47, 111, 228, .10), rgba(120, 80, 220, .06));
    border-color: rgba(47, 111, 228, .22);
    color: #24406e;
}
html[data-theme="light"] .welcome strong { color: #16305c; }
html[data-theme="light"] .welcome-admin { color: #2f6fe4; border-color: rgba(47, 111, 228, .35); }
html[data-theme="light"] .welcome-admin:hover { color: #16305c; }

/* 游戏卡片 */
html[data-theme="light"] .game-card {
    box-shadow: 0 6px 18px rgba(30, 60, 110, .06);
}
html[data-theme="light"] .game-card:hover {
    box-shadow: 0 12px 28px rgba(47, 111, 228, .16);
}

/* 大厅侧栏 / 分类 */
html[data-theme="light"] .hall-side { background: #ffffff; border-color: #d6e0ee; }
html[data-theme="light"] .side-item { color: #4a5a72; }
html[data-theme="light"] .side-item:hover,
html[data-theme="light"] .side-item.active { background: #eaf0f9; color: #1b2430; }

/* 后台导航与按钮 */
html[data-theme="light"] .admin-nav-item { color: #4a5a72; border-color: #d6e0ee; }
html[data-theme="light"] .admin-nav-item:hover { background: #eaf0f9; color: #1b2430; }
html[data-theme="light"] .btn { background: #eef3fa; border-color: #d6e0ee; color: #22304a; }
html[data-theme="light"] .btn:hover { border-color: #2f6fe4; }
html[data-theme="light"] .table tr { background: #ffffff; }

/* 分区标题与计数 */
html[data-theme="light"] .sec-head h2 { color: #1b2430; }
html[data-theme="light"] .sec-count { color: #5f6f85; }

/* ===== 明亮白昼：文件共享页 ===== */
html[data-theme="light"] .nd-card {
    background: #ffffff;
    border-color: #d6e0ee;
    box-shadow: 0 4px 14px rgba(30, 60, 110, .06);
}
html[data-theme="light"] .nd-card:hover {
    border-color: #2f6fe4;
    box-shadow: 0 14px 30px rgba(30, 60, 110, .14);
}
html[data-theme="light"] .nd-card.selected {
    background: #eaf1ff;
    border-color: #2f6fe4;
    box-shadow: 0 0 0 1px rgba(47, 111, 228, .35) inset, 0 10px 22px rgba(47, 111, 228, .12);
}
html[data-theme="light"] .nd-fname { color: #1b2430; }
html[data-theme="light"] .nd-fmeta { color: #5f6f85; }
html[data-theme="light"] .nd-fgroup { background: #eef3fa; color: #4a5a72; }

/* 卡片底部操作条：深色渐变在浅色卡片上会形成黑边 */
html[data-theme="light"] .nd-actions {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .97) 42%);
}
html[data-theme="light"] .nd-act {
    background: #eaf1ff;
    border-color: rgba(47, 111, 228, .3);
    color: #2f6fe4;
}
html[data-theme="light"] .nd-act:hover { background: #dbe8ff; color: #1f56bd; }
html[data-theme="light"] .nd-act.danger {
    background: #fdecec;
    border-color: rgba(214, 69, 65, .35);
    color: #d64541;
}

/* 空状态 / 移动目录树 / 拖拽幽灵卡 */
html[data-theme="light"] .nd-empty { background: #ffffff; }
html[data-theme="light"] .nd-move-tree { background: #f7f9fd; }
html[data-theme="light"] .nd-drag-ghost { background: #ffffff; border-color: #2f6fe4; }

/* 工具条 / 面包屑 / 目录树：这些颜色在 Files 页里按深色主题写死，浅色下看不清 */
html[data-theme="light"] .nd-crumb-link { color: #5f6f85; }
html[data-theme="light"] .nd-crumb-link.current { color: #1b2430; }
html[data-theme="light"] .nd-sub,
html[data-theme="light"] .nd-section-title,
html[data-theme="light"] .nd-tip,
html[data-theme="light"] .nd-target { color: #5f6f85; }
html[data-theme="light"] .nd-target b { color: #2f6fe4; }

/* 左侧目录树：普通项加深，选中项由浅蓝改为深蓝（浅底上才清晰） */
html[data-theme="light"] .nd-item { color: #4a5a72; }
html[data-theme="light"] .nd-item:hover { color: #1b2430; }
html[data-theme="light"] .nd-item.active { background: #eaf1ff; color: #1f56bd; }
html[data-theme="light"] .nd-count { color: #5f6f85; background: rgba(20, 40, 80, .07); }
html[data-theme="light"] .nd-item.active .nd-count { background: rgba(47, 111, 228, .16); color: #1f56bd; }
html[data-theme="light"] .nd-del { color: #5f6f85; }

/* 工具按钮：浅蓝文字换为主题蓝 */
html[data-theme="light"] .nd-mini-btn { background: #eaf1ff; border-color: rgba(47, 111, 228, .35); color: #2f6fe4; }
html[data-theme="light"] .nd-mini-btn:hover { background: #dbe8ff; color: #1f56bd; }
html[data-theme="light"] .nd-up { background: #eaf1ff; border-color: rgba(47, 111, 228, .3); color: #2f6fe4; }
html[data-theme="light"] .nd-up:hover { background: #dbe8ff; color: #1f56bd; }
html[data-theme="light"] .nd-upload-btn { background: #2f6fe4; border-color: #2f6fe4; color: #ffffff; }
html[data-theme="light"] .nd-upload-btn:hover { background: #1f56bd; }

/* ===== 页头：标题与配额同一行，配额靠右（全部主题通用） ===== */
.admin-head { flex-wrap: nowrap; gap: 8px 14px; align-items: center; }
.admin-head h1 { flex: 0 0 auto; white-space: nowrap; }

/* 覆盖 Files 页窄屏下配额 width:100% 独占一行的规则：改为占据剩余宽度并靠右 */
html .admin-head .nd-head-right { width: auto; flex: 1 1 auto; min-width: 0; flex-wrap: nowrap; justify-content: flex-end; }

/* ===== 游戏大厅 Hero Banner：背景与文字跟随皮肤 ===== */
/* 经典深蓝（默认）保持 site.css 原配色 */
html .hero-cover {
    background:
        radial-gradient(circle at 80% 30%, rgba(255, 195, 87, .35), transparent 35%),
        radial-gradient(circle at 20% 80%, rgba(94, 142, 255, .35), transparent 40%),
        radial-gradient(circle at 70% 90%, rgba(177, 75, 255, .35), transparent 45%);
}

/* 明亮白昼：浅色渐变 + 深色文字 */
html[data-theme="light"] .hero-banner {
    background: linear-gradient(120deg, #eaf1ff 0%, #f0eaff 50%, #e3efff 100%);
    box-shadow: 0 8px 22px rgba(30, 60, 110, .10);
}
html[data-theme="light"] .hero-cover {
    background:
        radial-gradient(circle at 80% 30%, rgba(255, 177, 74, .22), transparent 35%),
        radial-gradient(circle at 20% 80%, rgba(47, 111, 228, .14), transparent 40%),
        radial-gradient(circle at 70% 90%, rgba(150, 90, 255, .12), transparent 45%);
}
html[data-theme="light"] .hero-eyebrow {
    background: rgba(47, 111, 228, .10);
    color: #2f6fe4;
    border-color: rgba(47, 111, 228, .35);
}
html[data-theme="light"] .hero-title { color: #1b2430; text-shadow: none; }
html[data-theme="light"] .hero-sub { color: #5f6f85; }
html[data-theme="light"] .hero-banner:hover { box-shadow: 0 14px 30px rgba(47, 111, 228, .18); }

/* 赛博霓虹：紫黑渐变 */
html[data-theme="cyber"] .hero-banner {
    background: linear-gradient(120deg, #241b45 0%, #3d1560 50%, #1a1040 100%);
}
html[data-theme="cyber"] .hero-cover {
    background:
        radial-gradient(circle at 80% 30%, rgba(255, 92, 138, .30), transparent 35%),
        radial-gradient(circle at 20% 80%, rgba(168, 85, 247, .35), transparent 40%),
        radial-gradient(circle at 70% 90%, rgba(34, 211, 166, .22), transparent 45%);
}
html[data-theme="cyber"] .hero-sub { color: #c9b8f0; }

/* 深海青绿：深青渐变 */
html[data-theme="ocean"] .hero-banner {
    background: linear-gradient(120deg, #0b2a38 0%, #0a3d4d 50%, #07202e 100%);
}
html[data-theme="ocean"] .hero-cover {
    background:
        radial-gradient(circle at 80% 30%, rgba(45, 212, 167, .22), transparent 35%),
        radial-gradient(circle at 20% 80%, rgba(34, 184, 207, .30), transparent 40%),
        radial-gradient(circle at 70% 90%, rgba(20, 120, 150, .30), transparent 45%);
}
html[data-theme="ocean"] .hero-sub { color: #a8ccd8; }

/* ============================================================
   登录 / 注册 / 找回密码页（auth-*）随皮肤
   （配合 _LoginLayout.cshtml 的首屏脚本：该布局同样输出 html[data-theme]）
   ============================================================ */

/* 明亮白昼：星空深底 → 浅色渐变底，卡片 / 输入框 / 文字全部换浅色 */
html[data-theme="light"] .auth-body { background: #eef3fa; }
html[data-theme="light"] .auth-bg {
    background: radial-gradient(ellipse at 20% 20%, #dbe7fb 0%, #eef3fb 45%),
                radial-gradient(ellipse at 80% 80%, #d6e4fa 0%, #eef3fb 45%);
}
html[data-theme="light"] .bg-glow { opacity: .30; }
html[data-theme="light"] .bg-star {
    background: #9db6e8;
    box-shadow: 0 0 8px #9db6e8, 0 0 14px rgba(157, 182, 232, .6);
    opacity: .5;
}
html[data-theme="light"] .auth-card {
    background: rgba(255, 255, 255, .88);
    border-color: #d6e0ee;
    box-shadow: 0 24px 60px rgba(30, 60, 110, .14), inset 0 1px 0 #fff;
}
html[data-theme="light"] .auth-field { background: #f2f6fb; border-color: #d6e0ee; }
html[data-theme="light"] .auth-field:hover { background: #eaf1fb; border-color: #b9cbe8; }
html[data-theme="light"] .auth-field:focus-within {
    border-color: #2f6fe4;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(47, 111, 228, .15);
}
html[data-theme="light"] .auth-field input { color: #1b2430; }
html[data-theme="light"] .auth-field input::placeholder { color: #8b9bb5; }
html[data-theme="light"] .auth-field input:-webkit-autofill,
html[data-theme="light"] .auth-field input:-webkit-autofill:hover,
html[data-theme="light"] .auth-field input:-webkit-autofill:focus {
    -webkit-text-fill-color: #1b2430;
    -webkit-box-shadow: 0 0 0 1000px #f2f6fb inset;
    box-shadow: 0 0 0 1000px #f2f6fb inset;
    caret-color: #1b2430;
}
html[data-theme="light"] .auth-icon-box { color: #2f6fe4; }
html[data-theme="light"] .auth-eye { color: #8b9bb5; }
html[data-theme="light"] .auth-eye:hover { color: #2f6fe4; background: rgba(47, 111, 228, .06); }
html[data-theme="light"] .auth-check input,
html[data-theme="light"] .auth-agree input { accent-color: #2f6fe4; }
html[data-theme="light"] .auth-link { color: #2f6fe4; }
html[data-theme="light"] .auth-link:hover { color: #1f56bd; }
html[data-theme="light"] .auth-agree a { color: #2f6fe4; }
html[data-theme="light"] .auth-agree a:hover { color: #1f56bd; }
html[data-theme="light"] .auth-pill-register { background: #eaf1ff; color: #2f6fe4; border-color: rgba(47, 111, 228, .35); }

/* 注册页协议勾选区（浅色）：深色配方的近白文字 / 白系透明度在白卡片上看不清，整行换浅蓝描边卡 */
html[data-theme="light"] .reg-agree { background: #f4f8ff; border-color: #d6e0ee; }
html[data-theme="light"] .reg-agree-text { color: #5b6b85; }
html[data-theme="light"] .reg-agree-text a { color: #2f6fe4; }
html[data-theme="light"] .reg-agree-check {
    border-color: rgba(47, 111, 228, .45);
    background: #eef4ff;
}
html[data-theme="light"] .reg-agree-check:hover { border-color: #2f6fe4; background: #e3edff; }
html[data-theme="light"] .reg-agree-box { border-color: #9db3d6; background: #fff; }
html[data-theme="light"] .reg-agree-label { color: #1b2430; }
html[data-theme="light"] .reg-agree-check.locked { border-color: #dde5f0; background: #f6f8fb; }
html[data-theme="light"] .reg-agree-check.locked .reg-agree-box { border-color: #cfd9e8; background: #f2f6fb; }
html[data-theme="light"] .reg-agree-check.locked .reg-agree-label { color: #9aa7bd; }
html[data-theme="light"] .reg-agree-check.err { border-color: #e5534b; background: #fdecec; }
html[data-theme="light"] .reg-agree-check.err .reg-agree-label { color: #d63a32; }

/* 协议文档页（用户协议 / 隐私政策，iframe 内嵌阅读）：跟随皮肤配色 */
html[data-theme="light"] .doc-body {
    background: radial-gradient(1200px 600px at 50% -10%, #ffffff 0%, #e2ecfa 60%);
}
html[data-theme="light"] .doc-card {
    background: rgba(255, 255, 255, .92);
    border-color: #d6e0ee;
    box-shadow: 0 20px 50px rgba(30, 60, 110, .12);
}
html[data-theme="light"] .doc-back { color: #5b6b85; border-color: #d6e0ee; }
html[data-theme="light"] .doc-back:hover { color: #1b2430; border-color: #2f6fe4; }
html[data-theme="light"] .doc-title { color: #1b2430; }
html[data-theme="light"] .doc-meta,
html[data-theme="light"] .doc-end { color: #7d8ca6; }
html[data-theme="light"] .doc-lead {
    background: rgba(47, 111, 228, .07);
    border-color: rgba(47, 111, 228, .25);
    color: #2a4a86;
}
html[data-theme="light"] .doc-card h2 { color: #1b2430; }
html[data-theme="light"] .doc-card p,
html[data-theme="light"] .doc-card li { color: #2c3646; }
html[data-theme="light"] .doc-card strong { color: #0f1723; }

/* 赛博霓虹 / 深海青绿：文档页底色换成各自主题色，卡片跟随 */
html[data-theme="cyber"] .doc-body {
    background: radial-gradient(1200px 600px at 50% -10%, #1d1030 0%, #0a0714 60%);
}
html[data-theme="ocean"] .doc-body {
    background: radial-gradient(1200px 600px at 50% -10%, #06283a 0%, #04121a 60%);
}

/* 赛博霓虹 / 深海青绿：保持深色星空质感，底色换成各自主题色 */
html[data-theme="cyber"] .auth-body { background: #0a0714; }
html[data-theme="cyber"] .auth-bg {
    background: radial-gradient(ellipse at 20% 20%, #2a1050 0%, #0a0714 45%),
                radial-gradient(ellipse at 80% 80%, #3b1560 0%, #0a0714 45%);
}
html[data-theme="cyber"] .auth-field { background: #120d24; }
html[data-theme="cyber"] .auth-field:hover { background: #1a1330; }

html[data-theme="ocean"] .auth-body { background: #04121a; }
html[data-theme="ocean"] .auth-bg {
    background: radial-gradient(ellipse at 20% 20%, #0a3d4d 0%, #04121a 45%),
                radial-gradient(ellipse at 80% 80%, #0b2a38 0%, #04121a 45%);
}
html[data-theme="ocean"] .auth-field { background: #07161f; }
html[data-theme="ocean"] .auth-field:hover { background: #0b2130; }

/* 协议弹窗（用户服务协议 / 隐私政策）在明亮白昼下换浅色 */
html[data-theme="light"] .pd-box {
    background: linear-gradient(180deg, #ffffff 0%, #f4f8fd 100%);
    border-color: #d6e0ee;
    box-shadow: 0 24px 60px rgba(30, 60, 110, .18);
}
html[data-theme="light"] .pd-head { border-bottom-color: #e3eaf5; }
html[data-theme="light"] .pd-title { color: #1b2430; }
html[data-theme="light"] .pd-lead { color: #4a5a72; }
html[data-theme="light"] .pd-doc { background: #eaf1ff; color: #24406e; }
html[data-theme="light"] .pd-doc.read { background: #e9f7ee; color: #1f6b3a; }
html[data-theme="light"] .pd-note { color: #7f8db0; }