/*
Theme Name: B2 ThePlate
Theme URI: https://7b2.com/
Template: b2
Author: Eric
Description: B2 PRO 干净子主题 —— 套用 ThePlate 设计系统（靛蓝紫 #6B5EE8 主色、中等圆角、Noto Sans SC），浅色优先 + 前端明暗切换。主色/圆角/浅背景由 functions.php 的 option_ 过滤器在子主题内覆盖（不动父主题与数据库，升级不失效）。本表只补字体 + 深色模式 + 切换按钮。
Version: 1.1.0
Text Domain: b2-theplate
Tags: B2, child-theme, ThePlate
*/

/* ============================================================
   1. 字体（B2 默认不带 Noto Sans SC）
   ============================================================ */
body{
  font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei UI",system-ui,sans-serif;
}
a{ text-decoration:none; }
::selection{ background:rgba(107,94,232,.28); }

/* ============================================================
   2. 深色模式（B2 无内置暗色；用 html.b2dark 高优先级前缀覆盖真实面板）
      只改颜色，不动盒模型。浅色为默认（functions.php 已据 localStorage 早移除 b2dark）。
      深色 token：
        底  #07091A   面板 #0E1124   次面板 #151830
        边  #1D2244   文字 #DCE2FF   次文字 #6472B0
   ============================================================ */
html.b2dark body,
html.b2dark .site,
html.b2dark .site-content,
html.b2dark .b2-page-bg{ background:#07091A; color:#DCE2FF; }

/* 面板 / 卡片 / 小工具 / 弹窗 / 内容容器 */
html.b2dark .box,
html.b2dark .widget,
html.b2dark .b2-widget-box,
html.b2dark .b2-single-content,
html.b2dark .content-show-roles,
html.b2dark .pay-box-content,
html.b2dark .shop-normal-item-in,
html.b2dark .shop-single-data,
html.b2dark .post-carts-list-row,
html.b2dark .modal-content,
html.b2dark .top-user-box-drop,
html.b2dark .gujia{
  background:#0E1124;
  border-color:#1D2244;
  color:#DCE2FF;
}
html.b2dark .elevated,
html.b2dark .b2-widget-box-title,
html.b2dark .widget-title{ background:transparent; color:#DCE2FF; }

/* 顶栏 */
html.b2dark .header,
html.b2dark .site-header,
html.b2dark .site-header-in{
  background:rgba(7,9,26,.88);
  border-color:#1D2244;
}

/* 文本与次要文字 */
html.b2dark h1,
html.b2dark h2,
html.b2dark h3,
html.b2dark h4,
html.b2dark .entry-title,
html.b2dark .post-title,
html.b2dark .shop-title a,
html.b2dark .b2-single-title{ color:#DCE2FF; }
html.b2dark .post-meta,
html.b2dark .post-info,
html.b2dark .news-item-date,
html.b2dark .shop-normal-item-count,
html.b2dark .b2-muted,
html.b2dark time,
html.b2dark small{ color:#6472B0; }

/* 表单控件 */
html.b2dark input,
html.b2dark textarea,
html.b2dark select,
html.b2dark .login-form-item input{
  background:#151830;
  border-color:#1D2244;
  color:#DCE2FF;
}
html.b2dark input::placeholder,
html.b2dark textarea::placeholder{ color:#384070; }

/* 分隔线 / 边框统一深色 */
html.b2dark .b2_gap,
html.b2dark hr,
html.b2dark .widget li,
html.b2dark .comment-list li{ border-color:#1D2244; }

/* 页脚 */
html.b2dark .site-footer{ background:#05060F; }

/* ============================================================
   3. 前端明暗切换按钮
   ============================================================ */
#tp-mode-toggle{
  position:fixed; right:18px; bottom:18px; z-index:9990;
  width:44px; height:44px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:#fff; color:#6B5EE8;
  border:1px solid #E6E9F4;
  box-shadow:0 6px 22px rgba(12,17,48,.16);
  cursor:pointer; transition:transform .15s, box-shadow .15s;
}
#tp-mode-toggle:hover{ transform:translateY(-2px); box-shadow:0 10px 28px rgba(12,17,48,.22); }
#tp-mode-toggle svg{ width:20px; height:20px; }
html.b2dark #tp-mode-toggle{ background:#151830; color:#8272EF; border-color:#1D2244; }