/* =========================================================================== 晨光白（light）主题覆盖 —— 精简版 --------------------------------------------------------------------------- 原则（用户要求）：**纯白背景 + 基础控件适配**，不加装饰花活。 只做三件事： 1) 把 :root 写死的深色变量换成浅色等价物（文字/层次/玻璃/阴影） 2) 幕布背景直接给纯白（不再做彩色光晕） 3) 少数写死深色/白色导致浅底下不可读的控件（选中/调试面板/骨架屏/ 进度流光/主题卡/logo 渐隐）用中性灰黑适配 源站把变量以内联样式写在 上，覆盖必须带 !important。 作用域 html[data-theme="light"] 是源站 applyTheme 的官方钩子。 =========================================================================== */ html[data-theme="light"] { /* 文字（白底黑字） */ --ink: #1b1e2a !important; --ink-dim: #4b5266 !important; --ink-faint: #6f7689 !important; /* 层次底色 */ --bg-2: #f5f5f6 !important; /* 玻璃面：纯白高透明 */ --glass: rgba(255, 255, 255, 0.92) !important; --glass-2: rgba(255, 255, 255, 0.96) !important; --glass-tint: linear-gradient(160deg, rgba(255, 255, 255, 0.97), rgba(255, 255, 255, 0.92)) !important; --glass-fallback-bg: rgba(255, 255, 255, 0.96) !important; /* 暖色底纹 → 中性淡灰 */ --surface-warm: rgba(0, 0, 0, 0.03) !important; /* 阴影：中性柔和投影 */ --shadow: 0 18px 50px rgba(0, 0, 0, 0.10) !important; --shadow-1: 0 12px 36px rgba(0, 0, 0, 0.08) !important; --shadow-2: 0 26px 72px rgba(0, 0, 0, 0.12) !important; --shadow-lift: 0 16px 42px rgba(0, 0, 0, 0.10) !important; /* 幕布背景：纯白（去掉彩色光晕） */ --cine-bg: linear-gradient(to bottom, #ffffff, #fafafa) !important; } html[data-theme="light"] body { background-color: #ffffff; } /* ★ 删除"电影幕布"氛围层（canvas.cine-layer）： 源站该层颜色由主题 bg 派生（bg*0.55=中灰、bg*0.8=浅灰）， 深色主题下与深底融合，纯白主题下会变成一大块灰色阴影 → 直接隐藏 */ html[data-theme="light"] canvas.cine-layer { display: none !important; } /* --- 少数写死了深色/白色、浅底下不可读的控件，逐条适配（仅保可用性） --- */ /* 选中文字 */ html[data-theme="light"] ::selection { background: rgba(27, 30, 42, 0.85); color: #ffffff; } /* 调试面板（整块写死深色底） */ html[data-theme="light"] .dbg-panel { background: #fffffffa; border-color: rgba(0, 0, 0, 0.14); } html[data-theme="light"] .dbg-head, html[data-theme="light"] .dbg-foot { border-color: rgba(0, 0, 0, 0.10); } html[data-theme="light"] .dbg-foot { color: #6f7689; } html[data-theme="light"] .dbg-btn { border-color: rgba(0, 0, 0, 0.14); background: #ffffff; } /* 骨架屏扫光：浅底上用白光才可见 */ html[data-theme="light"] .skel:after { background: linear-gradient(100deg, transparent 30%, rgba(255, 255, 255, 0.85) 50%, transparent 70%); } /* 等待进度条流光：白底上白光不可见 → 淡灰黑 */ html[data-theme="light"] .job-prog-wait:after { background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.18), transparent); } /* 主题卡缩略图 / 色球：白底上白边会糊掉 → 淡灰描边 */ html[data-theme="light"] .thm-scene { border-color: rgba(0, 0, 0, 0.12); } html[data-theme="light"] .thm-sw { border-color: rgba(0, 0, 0, 0.16); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12); } /* 品牌 logo 循环滚动渐隐色跟底色一致 */ html[data-theme="light"] .logoloop { --logoloop-fadeColorAuto: #ffffff; } /* =========================================================================== 登录弹窗 & 全站通用控件：源站写死深色/金色的部分（#f2b25c 系） .sheet/.seg/.control/.btn-primary 是全站通用类 → 一次覆盖全部弹窗/表单生效 =========================================================================== */ /* 弹窗主体：写死深蓝渐变 → 白 */ html[data-theme="light"] .sheet { background: linear-gradient(165deg, #ffffff, #f7f7f8) !important; } /* 分段控件容器（渠道 tab / 登录方式 / 平台切换）：写死黑色透明底 */ html[data-theme="light"] .seg { background: rgba(0, 0, 0, 0.045) !important; } /* tab 选中态：写死金色渐变 → 黑色系（登录页渠道 tab / 站点登录 tab） */ html[data-theme="light"] .tabs-main button.on, html[data-theme="light"] .auth-tab.on { background: rgba(27, 30, 42, 0.08) !important; color: var(--ink) !important; box-shadow: inset 0 0 0 1px rgba(27, 30, 42, 0.22) !important; } /* 输入框：写死黑色透明底 → 浅灰 */ html[data-theme="light"] .control { background: rgba(0, 0, 0, 0.035) !important; } /* 主按钮：写死金色渐变 → 黑色（文字用 --on-accent 自动白） */ html[data-theme="light"] .btn-primary { background: linear-gradient(140deg, #2b2f3e, #1b1e2a) !important; box-shadow: 0 8px 26px rgba(27, 30, 42, 0.22) !important; } /* 弹窗头部图标：JSX 写死金色 stroke → 黑 */ html[data-theme="light"] .sheet-head svg { stroke: #1b1e2a; } /* —— 全站写死金色 focus 边框 → 黑色系 —— */ html[data-theme="light"] .control:focus-within, html[data-theme="light"] .name-input:focus, html[data-theme="light"] .pw-input:focus, html[data-theme="light"] .ann-input:focus, html[data-theme="light"] .ann-area:focus, html[data-theme="light"] .mt-in:focus, html[data-theme="light"] .lb-in:focus, html[data-theme="light"] .ac-input:focus, html[data-theme="light"] .ac-fl input:focus, html[data-theme="light"] .ac-fl textarea:focus, html[data-theme="light"] .ac-rf input:focus, html[data-theme="light"] .dp-f input:focus, html[data-theme="light"] .dp-f select:focus { border-color: rgba(27, 30, 42, 0.55) !important; box-shadow: 0 0 0 3px rgba(27, 30, 42, 0.10) !important; } /* —— 写死金色高亮/浅底的杂项 → 黑色系 —— */ html[data-theme="light"] .maprow.on { border-color: rgba(27, 30, 42, 0.30) !important; } html[data-theme="light"] .chip-queue { border-color: rgba(27, 30, 42, 0.40) !important; } html[data-theme="light"] .seccard { border-color: rgba(27, 30, 42, 0.22) !important; background: rgba(0, 0, 0, 0.03) !important; } html[data-theme="light"] .frow.on { border-color: rgba(27, 30, 42, 0.40) !important; background: rgba(0, 0, 0, 0.035) !important; } html[data-theme="light"] .dbg-tab.on { border-color: rgba(27, 30, 42, 0.35) !important; } /* 排行榜 */ html[data-theme="light"] .lb { background: linear-gradient(180deg, rgba(0, 0, 0, 0.02), #ffffff) !important; } html[data-theme="light"] .lb-row.mine { background: rgba(27, 30, 42, 0.06) !important; box-shadow: inset 0 0 0 1px rgba(27, 30, 42, 0.28) !important; } html[data-theme="light"] .lb-bubble.on { color: var(--ink) !important; border-color: rgba(27, 30, 42, 0.45) !important; background: rgba(27, 30, 42, 0.08) !important; } /* 使用规范页 */ html[data-theme="light"] .notice-head, html[data-theme="light"] .notice-md .notice-center { color: var(--ink) !important; } html[data-theme="light"] .notice-md blockquote { border-left-color: rgba(27, 30, 42, 0.55) !important; background: rgba(0, 0, 0, 0.035) !important; } /* 管理端 */ html[data-theme="light"] .adm-tab.on { border-color: rgba(27, 30, 42, 0.35) !important; color: var(--ink) !important; } html[data-theme="light"] .ep-card.hot { border-color: rgba(27, 30, 42, 0.40) !important; background: rgba(0, 0, 0, 0.03) !important; } html[data-theme="light"] .ac-preset.on { border-color: rgba(27, 30, 42, 0.55) !important; background: rgba(27, 30, 42, 0.08) !important; } html[data-theme="light"] .ac-maprow-tag { color: var(--ink) !important; background: rgba(27, 30, 42, 0.08) !important; } /* 小游戏 */ html[data-theme="light"] .cg-lives i.on { background: #1b1e2a !important; border-color: #1b1e2a !important; box-shadow: 0 0 6px rgba(27, 30, 42, 0.40) !important; } html[data-theme="light"] .cg-mult { color: #ffffff !important; background: rgba(27, 30, 42, 0.75) !important; }