/* ==========================================================================
 *  主题切换（默认 / 深色）
 *  · 通过 <html data-theme="dark"> 控制；不带属性（或 =default）= 默认主题（现状）
 *  · 本文件只做「外观覆盖」，不动任何尺寸 / 布局 / 安全区变量 ——
 *    整份删掉即可回到默认外观（和 qq-theme.css 一样的设计原则）
 *  · 必须放在 style.css、qq-theme.css 之后加载
 *
 *  ⚠️ 踩过的坑：项目里有不少**硬编码**的浅色背景（#fff/#F2F3F5…）和深色文字
 *    （#191919/#2B2F36…）。深色主题只换 CSS 变量是不够的 —— 那些硬编码的地方
 *    会出现「深底 + 深字」直接看不见（动态页的昵称/正文就是这么消失的）。
 *    所以下面除了换变量，还逐块覆盖了这些硬编码值。
 * ========================================================================== */

/* ========================= 深色主题 ========================= */
html[data-theme="dark"]{
	--bg:#0E1116;
	--card:#171B21;
	--line:#262C35;
	/* 主文字色：原来是 #E7E9EC（接近纯白），在深色底上太扎眼 ——
	   按「白色一律用浅灰替代」的原则调成浅灰（对比度仍有 11 倍，看得清且不刺眼） */
	--text:#CFD4DB;
	--text-2:#98A0AB;
	--text-3:#6D7580;
	--brand-blue:#3D9BFF;
	--brand-blue-d:#2E86E0;
	--red:#FF6B6B;
	/* 按压态：深色下不能用浅灰/白（一点就闪一大片）。
	   ⚠️ 必须用**不透明**颜色（不能用 rgba 半透明白）：
	      会话列表的「置顶/删除」按钮藏在 .row 底下（.row 自己没有背景，
	      全靠 :active 的背景把它盖住）。半透明会让按钮在按住时透出来。 */
	--press:#252C34;
}
html[data-theme="dark"] body{background:var(--bg);color:var(--text);}

/* ---- 1. 页面 / 顶栏 / 列表 / 卡片：白底一律换成卡片色 ---- */
html[data-theme="dark"] .topbar:not(.qz-topbar),
html[data-theme="dark"] .list,
html[data-theme="dark"] .view,
html[data-theme="dark"] .pub-head:not(.qz-topbar),
html[data-theme="dark"] .chat-head,
html[data-theme="dark"] .set-group,
html[data-theme="dark"] .drawer,
html[data-theme="dark"] .drawer-card,
html[data-theme="dark"] .qz-list .moment,
html[data-theme="dark"] .qz-list .cm-empty,
html[data-theme="dark"] .tabbar,
html[data-theme="dark"] .mall-top,
html[data-theme="dark"] .mall-cate,
html[data-theme="dark"] .mall-tabbar,
html[data-theme="dark"] .pdd-item,
html[data-theme="dark"] .pdd-dcard,
html[data-theme="dark"] .game-card,
html[data-theme="dark"] .pn-item,
html[data-theme="dark"] .pn-tab,
html[data-theme="dark"] .bill-list,
html[data-theme="dark"] .wallet-stat,
html[data-theme="dark"] .vip-plan,
html[data-theme="dark"] .wallet-more,
html[data-theme="dark"] .of-row,
html[data-theme="dark"] .shop-bar,
html[data-theme="dark"] .bill-month,
html[data-theme="dark"] .bill-month-x,
html[data-theme="dark"] .pay-quick button,
html[data-theme="dark"] .dlg,
html[data-theme="dark"] .sheet,
html[data-theme="dark"] .func-panel,
html[data-theme="dark"] .emoji-panel,
html[data-theme="dark"] .plus-menu,
html[data-theme="dark"] .msg-menu,
html[data-theme="dark"] .profile-card,
html[data-theme="dark"] .login-card{background:var(--card);color:var(--text);}

html[data-theme="dark"] .chat-page,
html[data-theme="dark"] .app,
html[data-theme="dark"] .login-page{background:var(--bg);}

/* ---- 2. 分隔线 / 描边 ---- */
html[data-theme="dark"] .row::after,
html[data-theme="dark"] .set-row::after{background:var(--line);}
html[data-theme="dark"] .set-row,
html[data-theme="dark"] .bill-row,
html[data-theme="dark"] .chat-head,
html[data-theme="dark"] .pub-head:not(.qz-topbar),
html[data-theme="dark"] .chat-input,
html[data-theme="dark"] .drawer-logout,
html[data-theme="dark"] .sheet-head,
html[data-theme="dark"] .sheet-input{border-color:var(--line);}

/* ---- 3. 文字：硬编码的深色文字改成亮色（⭐ 动态页就在这里） ---- */
html[data-theme="dark"] .moment-name{color:#7FB4FF;}                 /* 动态昵称：默认是深蓝，换亮蓝 */
html[data-theme="dark"] .moment-text,
html[data-theme="dark"] .cm-text,
html[data-theme="dark"] .dlg-text,
html[data-theme="dark"] .dlg-btn,
html[data-theme="dark"] .set-label,
html[data-theme="dark"] .pub-label,
html[data-theme="dark"] .ep-row-label,
html[data-theme="dark"] .about-desc,
html[data-theme="dark"] .about-list b,
html[data-theme="dark"] .chat-more-row,
html[data-theme="dark"] .text-btn,
html[data-theme="dark"] .game-name,
html[data-theme="dark"] .mall-me-name,
html[data-theme="dark"] .pdd-dname,
html[data-theme="dark"] .gj-name,
html[data-theme="dark"] .gm-name,
html[data-theme="dark"] .pn-bar-main b,
html[data-theme="dark"] .pn-no,
html[data-theme="dark"] .pc-sign,
html[data-theme="dark"] .pdd-name,
html[data-theme="dark"] .plus-item,
html[data-theme="dark"] .nt-text,
html[data-theme="dark"] .sel-copy,
html[data-theme="dark"] .wal-title,
html[data-theme="dark"] .bd-row b,
html[data-theme="dark"] .dlg-input,
html[data-theme="dark"] .mall-search input,
html[data-theme="dark"] .wallet-balance,
html[data-theme="dark"] .bill-bal-num{color:var(--text);}

/* ---- 3.1 顶栏图标按钮 ⭐ ----
   qq-theme 里写死了 .icon-btn{color:#191919}（近黑）。
   深色主题下顶栏那一排按钮（返回 / 右上角「+」/ 更多 / 电话 / 关闭…）
   全变成黑图标 → 整个「看不见 / 点不出来」。
   注意两处要单独保住：
     · .qz-topbar .icon-btn  浮在封面上，必须还是白色
     · .icon-btn.on          语音按钮的激活态，必须还是品牌蓝 */
html[data-theme="dark"] .icon-btn{color:var(--text);}
html[data-theme="dark"] .qz-topbar .icon-btn{color:#fff;}
html[data-theme="dark"] .icon-btn.on{color:var(--brand-blue);}

/* 登录中浮层 / 「选择复制」弹层：底色和文字一起换 */
html[data-theme="dark"] .login-loading{background:rgba(20,25,31,.86);color:var(--text);}
html[data-theme="dark"] .sel-copy{background:#222831;border-color:var(--line);}

html[data-theme="dark"] .quick-txt,
html[data-theme="dark"] .row-desc,
html[data-theme="dark"] .set-value,
html[data-theme="dark"] .wal-time,
html[data-theme="dark"] .about-note,
html[data-theme="dark"] .gj-sub,
html[data-theme="dark"] .dlg-label{color:var(--text-2);}

/* ---- 4. 输入 / 次要填充：比卡片再亮一点点 ---- */
html[data-theme="dark"] .search,
html[data-theme="dark"] .chat-input textarea,
html[data-theme="dark"] .dlg-input,
html[data-theme="dark"] .dlg-friends,
html[data-theme="dark"] .login-input,
html[data-theme="dark"] .login-tabs,
html[data-theme="dark"] .voice-hold,
html[data-theme="dark"] .pay-note-row,
html[data-theme="dark"] .bill-day,
html[data-theme="dark"] .emoji-img,
html[data-theme="dark"] .chat-more-row,
html[data-theme="dark"] .gm-btn,
html[data-theme="dark"] .fr-btn.gray,
html[data-theme="dark"] .pc-btn.ghost,
html[data-theme="dark"] .gj-tag.on,
html[data-theme="dark"] #payCoins{background:#222831;color:var(--text);}
html[data-theme="dark"] .chat-input textarea::placeholder,
html[data-theme="dark"] .dlg-input::placeholder,
html[data-theme="dark"] .login-input::placeholder{color:var(--text-3);}

/* ---- 5. 弹窗按钮 ---- */
html[data-theme="dark"] .dlg-btn{background:#2A313A;color:var(--text);}
html[data-theme="dark"] .dlg-btn.primary{background:var(--brand-blue);color:#fff;}
html[data-theme="dark"] .dlg-btn.danger{background:var(--red);color:#fff;}
html[data-theme="dark"] .login-tab.active{background:var(--card);}

/* ---- 6. 聊天页 ---- */
html[data-theme="dark"] .msg-bubble{background:#242B34;color:var(--text);box-shadow:none;}
html[data-theme="dark"] .msg-bubble::after{border-right-color:#242B34;}
html[data-theme="dark"] .msg.me .msg-bubble{background:var(--qq-grad);color:#fff;}
html[data-theme="dark"] .msg.me .msg-bubble::after{border-right-color:transparent;}
html[data-theme="dark"] .msg-name,
html[data-theme="dark"] .msg-time,
html[data-theme="dark"] .chat-time,
html[data-theme="dark"] .moment-foot .act{color:#8A929C;}
html[data-theme="dark"] .chat-input .icon-btn{color:var(--text-2);}
html[data-theme="dark"] .msg-quote,
html[data-theme="dark"] .quote-bar{background:#222831;border-color:var(--line);}

/* ---- 7. 带色的按压态（退出登录是红底，保持红色调暗一档）---- */
html[data-theme="dark"] .drawer-logout:active{background:#2A1C1E;}

/* ---- 8. 杂项 ---- */
html[data-theme="dark"] .plus-menu::before{border-bottom-color:var(--card);}
html[data-theme="dark"] .bill-balance,
html[data-theme="dark"] .qz-list .moment{box-shadow:none;}
html[data-theme="dark"] .toast{background:rgba(58,64,72,.96);}

/* ---- 8.1 还残留的白底（深色下这些区域本来是纯白）---- */
html[data-theme="dark"] .mall-me-head,
html[data-theme="dark"] .pdd-bar{background:var(--card);}
html[data-theme="dark"] .pdd-bar{border-top-color:var(--line);}
html[data-theme="dark"] .mall-w-btn{background:#222831;color:#FF7B7B;}
html[data-theme="dark"] .login-input:focus{background:#222831;}
html[data-theme="dark"] .switch{background:#2C333C;}

/* qq-theme 里又写死 #fff 的两处：
   · .quick                联系人页那排功能入口的整块底色
   · .sheet.popup .sheet-head  各类弹窗（官方公告 / 收款码 / 付款码…）的标题栏 */
html[data-theme="dark"] .quick{background:var(--card);border-bottom-color:var(--line);}
html[data-theme="dark"] .sheet.popup .sheet-head{background:var(--card);}

/* 说明：下面这些「白」故意保留 —— 它们都在**彩色 / 渐变底**上，
   换成浅灰会显得脏（不是界面底色上的白）：
     · .qz-topbar .title / .qz-topbar .icon-btn   → 浮在封面渐变上
     · .msg.me .msg-bubble                        → 蓝色渐变气泡
     · .dlg-btn.primary / .dlg-btn.danger         → 蓝 / 红按钮
     · .tr-bubble .tr-btn                         → 转账气泡上的白按钮
     · .crop-zoom 滑杆圆点                        → 裁剪页本身是深色底
     · .pq-qr                                     → 二维码必须白底才扫得出来 */

/* ---- 9. 封面上的「透明顶栏」：动态页是 .topbar.qz-topbar，
        别人的动态页是 .pub-head.qz-topbar —— 两者都浮在封面图上，
        基础样式里是 transparent。
   ⚠️ 深色主题里**千万别**用 `.topbar` / `.pub-head` 通配刷背景，
      那会把这一层也刷成深色，封面顶部就多出一层黑挡住图。
      （和 docs/ui-conventions.md 第五节第 12 条记的是同一个坑，白色主题当初也踩过）
   这里再显式钉一次，以后加通用规则也不怕被盖掉。 */
html[data-theme="dark"] .topbar.qz-topbar,
html[data-theme="dark"] .pub-head.qz-topbar{background:transparent;border-bottom:0;}
html[data-theme="dark"] .qz-topbar .title,
html[data-theme="dark"] .qz-topbar .pub-title{color:#fff;}

/* 动态列表底色比卡片再深一档，卡片边界才分得出来 */
html[data-theme="dark"] .qz-list,
html[data-theme="dark"] .moment-list{background:var(--bg);}

/* ---- 10. 按压态（点一下的反馈）----
   主题层里这些 :active 原本都是 #F2F2F2 / #F5F7FB / #EFF4FF 这类浅色，
   深色下面一点就闪出一大片白、非常扎眼。这里统一换成 --press（淡白叠加）。
   ⚠️ 只改「铺在白/灰底上的」按钮；浮在渐变卡 / 封面图上的
      （.wallet-btn、.shop-bar-btn、.qz-topbar .icon-btn、.cover-edit…）
      本来就是半透明白，深色下照样正常，不动。 */
html[data-theme="dark"] .icon-btn:active,
html[data-theme="dark"] .row:active,
html[data-theme="dark"] #chatList .row:active,
html[data-theme="dark"] #contactList .row:active,
html[data-theme="dark"] .quick-item:active,
html[data-theme="dark"] .drawer-item:active,
html[data-theme="dark"] .plus-item:active,
html[data-theme="dark"] .set-row:active,
html[data-theme="dark"] .game-card:active,
html[data-theme="dark"] .pub-add:active,
html[data-theme="dark"] .ep-row:active,
html[data-theme="dark"] .ep-clear:active,
html[data-theme="dark"] .chat-more-row:active,
html[data-theme="dark"] .pc-tag.no:active,
html[data-theme="dark"] .quote-bar-x:active,
html[data-theme="dark"] .jump-row:active,
html[data-theme="dark"] .app-tool:active,
html[data-theme="dark"] .of-row:active,
html[data-theme="dark"] .srch-row:active,
html[data-theme="dark"] .nc-row:active,
html[data-theme="dark"] .bill-row:active,
html[data-theme="dark"] .gj-item:active,
html[data-theme="dark"] .moment-foot .act span:active,
html[data-theme="dark"] .bill-tab:active,
html[data-theme="dark"] .bill-month:active,
html[data-theme="dark"] .bill-month-x:active,
html[data-theme="dark"] .pay-quick button:active,
html[data-theme="dark"] .cm-reply-btn:active,
html[data-theme="dark"] .cm-at-chip:active,
html[data-theme="dark"] .cm-at-btn:active,
html[data-theme="dark"] .func-item:active .func-ico,
html[data-theme="dark"] .wallet-more:active,
html[data-theme="dark"] .text-btn:active,
html[data-theme="dark"] .bill-count:active{background:var(--press);}

/* 带色的按压态：不能变亮白，改成半透明的同色 */
html[data-theme="dark"] .cm-del-btn:active{background:rgba(250,81,81,.22);}
html[data-theme="dark"] .rp-close:active{background:rgba(255,255,255,.25);}
html[data-theme="dark"] .gj-tag:active{background:var(--brand-blue-d);}
html[data-theme="dark"] .swipe-act:active{filter:brightness(1.12);}

/* ---- 11. 游戏中心 / 应用中心 / 官方店铺 ⭐ ----
   这几页是「商城风格」，用的是**另一套类名**（.mall-* / .game-* / .pdd-* / .of-*），
   底色大量写死成 #F5F6F8 / #F2F3F5 / #F2F6FB 这类浅色，
   深色主题下会「一片惨白」，必须单独覆盖。 */

/* 11.1 页面 / 面板底：用比卡片更深的底色，卡片才浮得起来 */
html[data-theme="dark"] .mall-pane,
html[data-theme="dark"] .pdd-detail{background:var(--bg);}

/* 11.2 浅色填充块（搜索框 / 分类标签 / 图标底 / 图片占位 / 灰按钮） */
html[data-theme="dark"] .mall-search,
html[data-theme="dark"] .pdd-tab,
html[data-theme="dark"] .game-ico,
html[data-theme="dark"] .pdd-pic,
html[data-theme="dark"] .pdd-hero,
html[data-theme="dark"] .of-btn.gray,
html[data-theme="dark"] .game-tag.gray{background:#222831;color:var(--text-2);}

/* 11.3 浅蓝标签 → 半透明品牌蓝 */
html[data-theme="dark"] .game-tag{background:rgba(61,155,255,.18);color:var(--brand-blue);}

/* 11.4 ⚠️ 上面刷了基类，这些「变体」必须再钉一次 —— 否则会被一起刷掉
        （选择器都是 (0,3,1) 打 (0,2,0)，不钉就丢） */
html[data-theme="dark"] .pdd-tab.active{background:#E02E24;color:#fff;}
html[data-theme="dark"] .mall-w-btn.ghost{background:rgba(255,255,255,.22);color:#fff;}
html[data-theme="dark"] .game-tag.gray{background:#262C35;color:var(--text-2);}

/* 11.5 开关（关状态是浅灰白，深色下要压暗；开状态保持品牌蓝） */
html[data-theme="dark"] .switch.on{background:var(--brand-blue);}
html[data-theme="dark"] .switch i{background:#DDE1E6;}

/* ---- 12. 分割线 / 描边 ⭐ ----
   项目里分割线有两种写法，深色下都会变成「亮白线」，必须都覆盖：
     · qq-theme：border-xxx:1px solid #EBEBEB
     · style.css：border-xxx:1px solid #F2F2F2
   统一成 border-color:var(--line)（只改颜色，粗细/位置不动）。 */
html[data-theme="dark"] .tabbar,
html[data-theme="dark"] .mall-tabbar,
html[data-theme="dark"] .pdd-bar,
html[data-theme="dark"] .pn-tab,
html[data-theme="dark"] .pub-row,
html[data-theme="dark"] .drawer-menu .drawer-item + .drawer-item,
html[data-theme="dark"] .plus-item + .plus-item,
html[data-theme="dark"] .jump-row,
html[data-theme="dark"] .of-row,
html[data-theme="dark"] .mo-row,
html[data-theme="dark"] .srch-row,
html[data-theme="dark"] .bill-day,
html[data-theme="dark"] .bill-list,
html[data-theme="dark"] .moment,
html[data-theme="dark"] .gi-item,
html[data-theme="dark"] .gm-row{border-color:var(--line);}
/* 虚线框 / 彩色的描边单独调（不能用 --line，会糊在一起） */
html[data-theme="dark"] .pub-add{border-color:#3A424D;background:#1C232B;}
html[data-theme="dark"] .msg-quote{border-left-color:#4A525C;}
html[data-theme="dark"] .cm-at-chip,
html[data-theme="dark"] .bill-month{border-color:#2C3742;}
html[data-theme="dark"] .vip-plan.owned{border-color:var(--line);background:#1C232B;}

/* ---- 13. 群相关：群管理页的浅色标签/按钮 ----
   （.gm-* 都是浅蓝/浅红底，深色下会「一片惨白」） */
html[data-theme="dark"] .gm-badge{background:#22313F;color:#7FB4FF;}
html[data-theme="dark"] .gm-badge.admin{background:#1E3247;color:#7FB4FF;}
html[data-theme="dark"] .gm-badge.mute{background:#3A2426;color:#FF8A8A;}
/* ⚠️ .gm-btn 的基类在 11.x 已被统一刷成深色，这两个变体必须再钉一次，否则丢色 */
html[data-theme="dark"] .gm-btn.danger{background:#3A2426;color:var(--red);}
html[data-theme="dark"] .gm-btn.blue{background:#1E3247;color:#7FB4FF;}
html[data-theme="dark"] .chat-input.muted textarea{background:#222831;color:var(--text-2);}

/* 自己发的图片气泡（外面那圈 3px 白边） */
html[data-theme="dark"] .msg-bubble.img,
html[data-theme="dark"] .msg.me .msg-bubble.img{background:#242B34;}

/* ---- 14. 「置顶」的会话行 ⭐ ----
   置顶后行上会加 .pinned，底色是一层**浅蓝白**（#F8FAFF / #F7F7F7 / #FAFBFC），
   深色主题下就成了一块扎眼的白（之前误判成官方群头像的问题，病根其实在这）。
   深色下换成一档「偏蓝的深色」：既压住白色，又保留「这行是置顶的」视觉提示。 */
html[data-theme="dark"] .row.pinned,
html[data-theme="dark"] #chatList .row.pinned{background:#1B2836;}

/* ---- 15. 资料卡片（点头像弹出的那张）----
   .pc-tag（泡泡号/关系标签）和 .pc-sign（签名）在主题层里都是**浅底**，
   之前只覆盖了它们的文字色、漏了背景 —— 深色下就是两块白。 */
html[data-theme="dark"] .pc-tag,
html[data-theme="dark"] .pc-sign{background:#222831;color:var(--text-2);}
/* 「好友」标签是浅蓝底，深色下换成半透明品牌蓝 */
html[data-theme="dark"] .pc-tag.rel.friend{background:rgba(61,155,255,.18);color:var(--brand-blue);}

/* ---- 16. 深色主题下的「白描边」----
   几个角标 / 小圆点是用**白色描边**画的（qq-theme / style.css 里写死的 #fff）：
   浅色主题下它是"从背景里抠出来"的效果，深色下就成了一整圈刺眼的白边。
   统一改成跟着卡片色走（深色 → 深色描边），和背景融为一体。 */
html[data-theme="dark"] .tab-badge,
html[data-theme="dark"] .dot-badge,
html[data-theme="dark"] .avatar .dot{border-color:var(--card);}
/* .quick-ico 里那个小圆点的白边是 box-shadow 画的，border-color 管不着，单独改 */
html[data-theme="dark"] .quick-ico .dot-badge{box-shadow:0 0 0 2px #000000;}

/* 大号头像（抽屉头 / 动态封面 / 通话页…）也有一圈白描边：
   保留「从背景里浮起来」的层次感，但换成**半透明白** —— 深色下不再是一圈扎眼的白。 */
html[data-theme="dark"] .avatar.lg{box-shadow:0 0 0 2.5px rgba(255,255,255,.22);}
html[data-theme="dark"] .avatar.xl{box-shadow:0 0 0 3px rgba(255,255,255,.20);}

/* ---- 17. 功能入口的图标块 ----
   深色主题下一律**纯黑底**（图案是白的）。
   加 !important 是有意的：App 里那层底是 JS 写的内联样式，
   内联优先级最高，只有 !important 能盖住 —— 这样即使 App 还是旧包
   （内联设的是彩色渐变），深色下也照样是黑底，不会露出彩色/白边。
   ⚠️ 千万别在这里加 overflow:hidden：会把右上角的未读小红点裁掉半圈。 */
html[data-theme="dark"] .quick-ico{background:#000000 !important;}

/* ========================= 主题选择弹窗 ========================= */
.theme-list{padding:2px 0;}
.theme-item{
	display:flex;align-items:center;gap:12px;padding:11px 12px;margin-bottom:10px;
	border-radius:12px;border:1.5px solid var(--line);transition:.15s;
}
.theme-item:last-child{margin-bottom:0;}
.theme-item.active{border-color:var(--brand-blue);background:#F2F8FF;}
html[data-theme="dark"] .theme-item.active{background:#1B2836;}
.th-main{flex:1;min-width:0;}
.th-name{font-size:14.5px;font-weight:600;}
.th-desc{font-size:11.5px;color:var(--text-2);margin-top:2px;}
.th-check{
	flex:0 0 auto;width:20px;height:20px;border-radius:50%;font-size:12px;line-height:20px;
	text-align:center;color:#fff;background:var(--brand-blue);opacity:0;transition:.15s;
}
.theme-item.active .th-check{opacity:1;}

/* ========================= 18. 底部果冻导航栏（深色） =========================
   style.css 里 .nav-bar-bg / .nav-blob 把底色写死成 #ffffff（果冻导航的白底 + 白色滑块），
   它们不读 CSS 变量，所以深色主题下「下面那条导航栏」一直是白的。
   这里按 id/class 精确覆盖：底色跟卡片色走，选中态气泡压深一档，图标仍保持白色。
   ⚠️ 不要用 !important 去刷 .tabbar —— #bottomNav 本身是 transparent，
      真正显示的是 .nav-bar-bg，刷错对象等于没改。 */
html[data-theme="dark"] .nav-bar-bg,
html[data-theme="dark"] .nav-blob{ background: var(--card); }
html[data-theme="dark"] .nav-hl,
html[data-theme="dark"] .nav-merge{ background: #39424E; }
html[data-theme="dark"] .nav-icons .tab .tab-ico{ color: var(--text-3); }
html[data-theme="dark"] .nav-icons .tab.active .tab-ico{ color: #FFFFFF; }

/* ---- 19. 弹层列表 / 互动消息：按压态与引用块（style.css 里是浅色写死）---- */
html[data-theme="dark"] .sheet .fr-row:active,
html[data-theme="dark"] .sheet .gr-row:active,
html[data-theme="dark"] .sheet .of-row:active,
html[data-theme="dark"] .sheet .nt-item:active,
html[data-theme="dark"] .nc-row:active{ background: var(--press); }
html[data-theme="dark"] .nc-quote{ background: #222831; }
html[data-theme="dark"] .nc-text{ color: var(--text-2); }