/*
 * THMP 后台管理 - 「苹果风格」外观层（试点）
 * 2026-07-26 新增，叠加在 thmp-admin-modern.css 之后
 * 详见 back_file/2026-07-26-后台苹果风格试点规划.md
 *
 * 设计取舍：取苹果 HIG 的「质感」（系统色板 / 苹方字体 / hairline 分隔线 / 圆角 / 毛玻璃层次），
 * 但**保留后台该有的信息密度**——不照搬 iOS 设置页的大行高，否则一屏能看的数据会少一半。
 *
 * 实现方式：优先重定义 thmp-admin-modern.css 里的 --thmp-* 变量（整套自动换色），
 * 再补少量结构性覆盖。想整体撤掉只需移除本文件的 <link>。
 */

:root {
  /* iOS 语义色板（取自 Apple HIG，Light 模式标定值） */
  --ios-blue: #007aff;
  --ios-green: #34c759;
  --ios-red: #ff3b30;
  --ios-orange: #ff9500;
  --ios-gray: #8e8e93;
  --ios-label: #1c1c1e;
  --ios-label-secondary: rgba(60, 60, 67, 0.6);
  --ios-label-tertiary: rgba(60, 60, 67, 0.3);
  /* 行间分隔线用 quaternaryLabel 档(0.18)：Apple 的 .separator 是 0.29，
     那是给 iOS 44pt 高列表用的；后台一屏 50 行密集数据用 0.29 会满屏横线，故取苹果最浅那档 */
  --ios-separator: rgba(60, 60, 67, 0.18);
  --ios-separator-opaque: #c6c6c8;
  --ios-bg-grouped: #f2f2f7;
  --ios-fill: rgba(118, 118, 128, 0.12);
  --ios-fill-hover: rgba(118, 118, 128, 0.2);

  /* 覆写基础层变量：整套按钮/表格/卡片/徽标随之换成苹果配色 */
  --thmp-primary: var(--ios-blue);
  --thmp-primary-dark: #0062cc;
  --thmp-primary-tint: rgba(0, 122, 255, 0.1);
  --thmp-success: var(--ios-green);
  --thmp-warning: var(--ios-orange);
  --thmp-danger: var(--ios-red);
  --thmp-text: var(--ios-label);
  --thmp-text-muted: var(--ios-label-secondary);
  --thmp-border: var(--ios-separator);
  --thmp-border-soft: var(--ios-separator);
  --thmp-bg: var(--ios-bg-grouped);
  --thmp-radius: 14px;
  --thmp-radius-sm: 10px;
  /* 苹果靠材质和极淡阴影分层，不用重投影 */
  --thmp-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 8px 28px rgba(0, 0, 0, 0.05);
}

/* ---------- 1. 字体 ----------
   苹方（PingFang SC）随 macOS/iOS 分发，Windows 默认没有，会依次回退到
   鸿蒙/思源黑体，最后落到微软雅黑。要在 Windows 上也拿到苹方观感需另配 webfont
   （后台展品名是任意汉字、CJK 无法子集化、整包数 MB，代价与收益不成比例，暂不做）。
   西文部分通过 -apple-system / Segoe UI 已能拿到接近 SF 的观感，
   中文观感的提升主要靠下面的字重 / 字距 / 层级，而不是字形本身。

   ★ 2026-07-27 补齐：webarch.css 里还有 8 组字体声明特异性更高或未被列举，
     上一版只写了 body 那一组，实际有一半没压住（详见
     back_file/2026-07-27-后台菜单与字体苹果风格化规划.md 的现状盘点表）。
     注：webarch 声明的 'Roboto' / 'Open Sans' 全站并未加载 webfont
     （唯一的 @font-face 是图标字体 icomoon），等于「找不到就退回浏览器默认」，
     正是各处字体观感对不齐的来源。 */
:root {
  --ios-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro SC",
    "PingFang SC", "HarmonyOS Sans SC", "Source Han Sans SC", "Noto Sans CJK SC",
    "Microsoft YaHei", sans-serif;
}

body,
.form-control,
.btn,
table,
input,
select,
textarea,
button,
/* webarch.css:2194 / 2214 —— h1~h6 与其 small 原为 'Roboto' */
h1, h2, h3, h4, h5, h6,
h3 small, h4 small, h5 small,
/* webarch.css:620 / 1529 —— 左侧菜单与内层菜单原为 'Roboto' */
.page-sidebar,
.inner-menu,
/* webarch.css:1500 / 2493 / 2523 —— 面包屑与页标题原为 'Roboto' */
.page-content .breadcrumb,
.page-title,
.page-title .actions,
/* webarch.css:1998 —— 横向菜单原为 'Open Sans' */
.horizontal-menu .bar-inner > ul > li,
/* webarch.css:1074 */
.chat-window-wrapper,
/* 弹窗 / 下拉 / 提示：走 bootstrap 自带字体栈，一并收编 */
.modal,
.dropdown-menu,
.tooltip,
.popover {
  font-family: var(--ios-font);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* webarch.css:3527 用了 15 个属性选择器（特异性 0,1,1）给所有文本框指定
   "Helvetica Neue"，比上一版写的 `input`（0,0,1）更具体，所以文本框字体一直没换过来。
   这里按原样复刻同一组选择器压平特异性，而不是加 !important——
   免得以后有人想给某个控件单独换字体时压不动。 */
.uneditable-input,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  font-family: var(--ios-font);
}

/* 排版节奏：苹果标题用 semibold + 收紧字距，webarch 原本是 font-weight:300（细体），
   在无 Roboto 的 Windows 上会退成很飘的细黑体。正文字号维持 13px，信息密度不动。 */
h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  color: var(--ios-label);
  letter-spacing: -0.02em;
}
h5, h6 {
  letter-spacing: -0.01em; /* 小字号不需要收那么紧，收多了反而挤 */
}
.page-title {
  color: var(--ios-label);
  letter-spacing: -0.02em; /* webarch 原为 -1px，大字号上过头了 */
}
.page-title small {
  color: var(--ios-label-secondary);
  font-weight: 400;
}
.page-content .breadcrumb li p,
.page-content .breadcrumb a,
.page-content .breadcrumb i,
.page-content .breadcrumb span,
.page-content .breadcrumb li {
  color: var(--ios-label-secondary);
}
.page-content .breadcrumb li .active {
  color: var(--ios-label);
  font-weight: 600;
}

/* 等宽数字：苹果系统字体原生支持 tabular-nums，开了之后表格里的
   ID / 数量 / 金额 / 时长各列纵向能对齐，密集数据表收益最明显 */
.grid-body table.table > tbody > tr > td,
table.dataTable tbody > tr > td,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
  font-variant-numeric: tabular-nums;
  -moz-font-feature-settings: "tnum";
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
}

/* ---------- 2. 卡片：无边框，靠圆角+极淡阴影浮在分组灰底上 ----------
   内容区原本是纯白，卡片浮在白底上等于看不出卡片；改成透明，透出 body 的分组灰(#F2F2F7) */
.page-content,
.page-content .content {
  background-color: transparent !important;
}
.grid.simple {
  border: none;
  box-shadow: var(--thmp-shadow);
}
.grid.simple .grid-title {
  border-bottom: 1px solid var(--ios-separator);
  padding: 16px 20px 14px;
}
.grid.simple .grid-title h4 {
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.01em; /* 苹果大字号习惯收紧字距 */
  color: var(--ios-label);
}

/* ---------- 3. 工具条控件：填充式无边框（对齐 iOS 搜索框观感） ---------- */
.grid-title .tools select.no-boarder,
.grid-title .tools input.no-boarder,
.grid-title .tools select,
.grid-title .tools input[type="text"],
.grid-title .tools input[type="search"] {
  border: none !important;
  background-color: var(--ios-fill);
  border-radius: var(--thmp-radius-sm) !important;
  color: var(--ios-label);
  font-size: 13px;
  transition: background-color 0.15s ease, box-shadow 0.15s ease;
}
.grid-title .tools select:hover,
.grid-title .tools input[type="text"]:hover {
  background-color: var(--ios-fill-hover);
}
.grid-title .tools select:focus,
.grid-title .tools input[type="text"]:focus,
.grid-title .tools input.no-boarder:focus,
.grid-title .tools select.no-boarder:focus {
  background-color: #fff;
  box-shadow: 0 0 0 3.5px rgba(0, 122, 255, 0.25);
}
.grid-title .tools input::-webkit-input-placeholder {
  color: var(--ios-label-tertiary);
}

/* 工具条图标：iOS 导航栏动作图标是系统蓝 */
.grid-title .tools > a,
.grid-title .tools .thmp-btn-icon {
  color: var(--ios-blue) !important;
  border-radius: var(--thmp-radius-sm);
}
.grid-title .tools > a:hover,
.grid-title .tools .thmp-btn-icon:hover,
.grid-title .tools .thmp-btn-icon:focus {
  background-color: var(--thmp-primary-tint) !important;
  color: var(--thmp-primary-dark) !important;
}

/* ---------- 4. 表格：去斑马纹，靠 hairline 分隔；保持后台信息密度 ---------- */
.grid-body table.table > thead > tr > th,
table.dataTable thead > tr > th {
  background-color: transparent;
  /* 表头文字加深：从二级灰 rgba(60,60,67,.6) 提到 label 深色 + semibold，
     列名更抓得住，同时靠字号(12px)与正文(13px)的差异保持层级，不会和数据抢注意力。
     想调回浅色只改这两行：color: var(--ios-label-secondary); font-weight: 500; */
  color: var(--ios-label);
  font-size: 12px;
  font-weight: 600;
  text-transform: none; /* 苹果现代规范用正常大小写，不做全大写 */
  letter-spacing: 0;
  border-bottom: 1px solid var(--ios-separator) !important;
  padding: 10px 14px;
}
.grid-body table.table > tbody > tr > td,
table.dataTable tbody > tr > td {
  font-size: 13px;
  padding: 10px 14px; /* 克制加高，不套 iOS 列表的 44pt 行高 */
  border-top: 1px solid var(--ios-separator) !important;
}
/* 去掉斑马纹：苹果列表靠分隔线区分行，不用交替底色。
   注意 webarch 的斑马纹不是给奇数行上色，而是把 <table> 本身涂灰(#e0e4e7)、只把偶数行涂白，
   让奇数行"透出"灰底。所以必须把 table 和 DataTables 的滚动容器一起改白，否则灰带依旧。 */
table.dataTable,
.grid-body table.table {
  background-color: #fff !important;
}
.dataTables_scroll,
.dataTables_scrollHead,
.dataTables_scrollHeadInner,
.dataTables_scrollBody {
  background-color: transparent !important;
}
.table-striped tbody > tr:nth-child(2n+1) > td,
.table-striped tbody > tr:nth-child(2n+1) > th,
table.dataTable tbody tr,
table.dataTable tbody tr.odd,
table.dataTable tbody tr.even,
table.dataTable tbody tr.odd > td,
table.dataTable tbody tr.even > td {
  background-color: transparent;
}
.table-striped > tbody > tr:hover > td,
table.dataTable tbody > tr:hover > td {
  background-color: rgba(0, 122, 255, 0.055) !important;
}
/* 去掉纵向网格线：苹果列表只用横向分隔线。
   webarch 的 `.table-striped tbody > tr > td` 给每格加了 border-right，
   配合 DataTables 的「表头/表体拆成两个 table」结构，纵线在表头和表体之间会对不齐、
   把表头框成一个突兀的方框——去掉纵线后表头就干净地融进卡片里了 */
.grid-body table.table > tbody > tr > td,
.grid-body table.table > thead > tr > th,
table.dataTable tbody > tr > td,
table.dataTable thead > tr > th,
.table-striped tbody > tr > td {
  border-left: none !important;
  border-right: none !important;
}
/* 表头：靠底部一条稍重的分隔线锚定层级，而不是靠底色色块 */
.dataTables_scrollHead,
.dataTables_scrollHead table {
  background-color: #fff !important;
}
/* 表头强调（2026-07-26 定稿：方案 A）
   底线用 Apple 的 opaqueSeparator #C6C6C8（= .separator rgba(60,60,67,.29) 在白底上压平后的值，
   两者在白底上渲染完全一样；用不透明值可避免底色变化时线的深浅跟着漂）。
   这已是苹果体系里最深的标准分隔线，没有更深的规格，所以「让表头更抢眼」改用苹果自己的做法：
   叠一层极浅底色（tertiarySystemFill 量级），而不是把线继续加深。 */
.grid-body table.table > thead > tr > th,
table.dataTable thead > tr > th {
  border-top: none !important;
  border-bottom: 1px solid #c6c6c8 !important;
  background-color: rgba(118, 118, 128, 0.08);
}
/* 表体首行不要再叠一条上边框，避免和表头底线形成双线 */
.dataTables_scrollBody tbody tr:first-child > td,
.grid-body table.table > tbody > tr:first-child > td {
  border-top: none !important;
}
.grid-body table.table a {
  color: var(--ios-blue);
}

/* ---------- 5. 按钮：系统蓝填充 / 圆润 ---------- */
.btn {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.01em;
}
.btn-primary,
.btn-success {
  background-color: var(--ios-blue);
  border-color: var(--ios-blue);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-success:hover,
.btn-success:focus {
  background-color: var(--thmp-primary-dark);
  border-color: var(--thmp-primary-dark);
  filter: none;
}
.btn-default {
  background-color: var(--ios-fill);
  border-color: transparent;
  color: var(--ios-blue);
}
.btn-default:hover,
.btn-default:focus {
  background-color: var(--ios-fill-hover);
  border-color: transparent;
}

/* ---------- 6. 顶栏 / 侧栏：毛玻璃材质 ----------
   顶栏改成 iOS/macOS 那种浅色半透明毛玻璃导航栏。
   因为底色由深转浅，原本白色的图标和橙色公司名在白底上会看不清/发飘，必须一并改色。 */
.header.navbar.navbar-inverse {
  background-color: rgba(255, 255, 255, 0.72);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  box-shadow: none;
  border-bottom: 1px solid var(--ios-separator);
}
/* 深色其实是画在子层上的（.header-quick-nav / .header-seperation 是深靛 #536088，
   .navbar-inner 是实心白），只改最外层不会生效，且实心子层会挡掉毛玻璃，必须一并透明化 */
.header.navbar.navbar-inverse .navbar-inner,
.header.navbar.navbar-inverse .header-quick-nav,
.header.navbar.navbar-inverse .header-seperation {
  background-color: transparent !important;
}
/* 公司名：改成 iOS 导航栏标题的 label 深色 + semibold，橙色在白底上对比度不足 */
.header #allname {
  color: var(--ios-label) !important;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: -0.02em;
}
/* 顶栏图标（汉堡菜单 / 设置齿轮）：白色改系统蓝，对齐 iOS 导航栏动作图标 */
.header #layout-condensed-toggle i,
.header #user-options i,
.header .quicklinks > a > i,
.header [data-webarch="toggle-left-side"] i {
  color: var(--ios-blue) !important;
}
.header .quicklinks > a:hover > i {
  color: var(--thmp-primary-dark) !important;
}
/* 头像：白底上加一圈极淡描边，否则浅色头像会和顶栏糊在一起 */
.header .profile-pic img {
  border-radius: 50%;
  box-shadow: 0 0 0 1px var(--ios-separator);
}
/* 顶栏下拉菜单（修改头像/退出）也跟着走浅色系 */
.header .dropdown-menu {
  border: 1px solid var(--ios-separator);
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.16);
  padding: 6px;
}
.header .dropdown-menu > li > a {
  border-radius: 8px;
  color: var(--ios-label);
  font-size: 13px;
}
.header .dropdown-menu > li > a:hover {
  background-color: var(--ios-fill);
}
/* ===== 左侧菜单（2026-07-27 重做） =====
   菜单 DOM 由 js/js.js 的 js.getmenu() 动态拼出，结构：
     .page-sidebar.mini > .page-sidebar-wrapper > ul#myMenu > li.first > a > i.fa + span.title
     二级：ul.sub-menu > li.last > a
   侧栏**默认就带 .mini 类**（js.js:227 写死），常态是 50px 宽的纯图标条，
   悬停一级项时二级菜单以绝对定位浮层弹出。

   ★特异性坑（上一版就栽在这）：webarch.css:829 写的是
     `.page-sidebar.mini { background-color:#e5e9ec !important }`（0,2,0），
   而上一版这里只写了 `.page-sidebar {...!important}`（0,1,0）——两边都带 !important 时
   高特异性者胜，所以毛玻璃底一直没生效、侧栏还是旧灰蓝。
   下面凡是 webarch 写了 `.mini` 变体的规则，**必须把 .mini 选择器一并列出**。 */
.page-sidebar,
.page-sidebar.mini {
  background-color: rgba(242, 242, 247, 0.85) !important;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  border-right: 1px solid var(--ios-separator);
}

/* 一级菜单项 */
.page-sidebar .page-sidebar-wrapper > ul > li > a {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--ios-label);
}
/* mini 态把一级项做成 macOS 边栏那样的「圆角胶囊」，而不是通栏色块。
   左右各留 7px 外边距 + 10px 圆角；上下 margin 2px + padding 11px 合计仍是 26px，
   与 webarch 原本的 padding:13px 等高——这点必须保持，否则二级浮层的
   `margin-top:-46px`（按一级项高度标定的）会跟着错位。 */
.page-sidebar.mini .page-sidebar-wrapper > ul > li > a {
  padding: 11px 0 !important;
  margin: 2px 7px;
  border-radius: 10px;
  text-align: center;
  transition: background-color 0.15s ease, color 0.15s ease;
}
/* 图标在 mini 态要真正居中：webarch 给 i 挂了 margin-right:5px（给文字留的空）
   和 top:3px，但 mini 下 span.title 已被隐藏，这两个偏移就成了纯粹的歪 */
.page-sidebar.mini .page-sidebar-wrapper > ul > li > a i {
  margin-right: 0;
  top: 0;
}
/* 静态图标用二级灰，不抢眼；选中/悬停才上系统蓝——对齐 macOS 边栏的做法。
   （webarch 原本给的是深靛 #536088，是老深色主题的遗留色） */
.page-sidebar .page-sidebar-wrapper > ul > li a i,
.page-sidebar.mini .page-sidebar-wrapper > ul > li a i {
  color: var(--ios-label-secondary);
}

/* 悬停 / 展开态：淡填充（iOS 的 tertiarySystemFill 量级） */
.page-sidebar .page-sidebar-wrapper > ul > li.open > a,
.page-sidebar .page-sidebar-wrapper > ul > li > a:hover,
.page-sidebar .page-sidebar-wrapper > ul > li:hover > a,
.page-sidebar.mini .page-sidebar-wrapper > ul > li.open > a,
.page-sidebar.mini .page-sidebar-wrapper > ul > li > a:hover,
.page-sidebar.mini .page-sidebar-wrapper > ul > li:hover > a {
  background: var(--ios-fill);
  color: var(--ios-label);
}
/* webarch 这两条带 !important（且 mini 变体特异性更高），必须逐条同形覆盖 */
.page-sidebar .page-sidebar-wrapper > ul > li:hover > a i,
.page-sidebar.mini .page-sidebar-wrapper > ul > li:hover > a i,
.page-sidebar .page-sidebar-wrapper ul > li.open > a i,
.page-sidebar .page-sidebar-wrapper > ul > li.open > a i,
.page-sidebar.mini .page-sidebar-wrapper ul > li.open > a i,
.page-sidebar.mini .page-sidebar-wrapper > ul > li.open > a i {
  color: var(--ios-blue) !important;
}

/* 选中态：蓝色 tint 胶囊 + 蓝图标 */
.page-sidebar .page-sidebar-wrapper > ul > li.active > a,
.page-sidebar.mini .page-sidebar-wrapper > ul > li.active > a {
  background-color: rgba(0, 122, 255, 0.12) !important;
  color: var(--ios-blue) !important;
  font-weight: 600;
}
.page-sidebar .page-sidebar-wrapper > ul > li.active > a i,
.page-sidebar .page-sidebar-wrapper > ul > li.active i,
.page-sidebar.mini .page-sidebar-wrapper > ul > li.active > a i {
  color: var(--ios-blue) !important;
}
/* 折叠箭头跟随文字颜色层级 */
.page-sidebar .page-sidebar-wrapper ul > li > a > .arrow:before,
.page-sidebar .page-sidebar-wrapper > ul > li > a > .arrow.open:before {
  color: var(--ios-label-tertiary) !important;
}
.page-sidebar .page-sidebar-wrapper ul > li.active > a .arrow:before,
.page-sidebar .page-sidebar-wrapper > ul > li.active > a .arrow.open:before {
  color: var(--ios-blue) !important;
}

/* 二级菜单：展开态（非 mini）保持原有 53px 层级缩进，只做去脏和配色 */
.page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu {
  background-color: rgba(118, 118, 128, 0.06);
  padding: 6px 0 8px;
}
.page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu > li > a {
  color: var(--ios-label);
  font-size: 13px;
  font-weight: 400;
  /* ★ webarch.css:761 给二级项写了 text-shadow: 0 1px 1px #000——那是老**深色**主题的遗留，
     放在现在的浅底浅字上等于给每个字加了一圈黑毛边，是菜单「显脏」的直接原因 */
  text-shadow: none;
  border-radius: 8px;
  transition: background-color 0.12s ease, color 0.12s ease;
}

/* 二级菜单：mini 态是绝对定位浮层 → 做成 macOS 菜单卡片
   （半透明毛玻璃 + 12px 圆角 + hairline 描边 + 柔投影）。
   ⚠️ 不给浮层留左侧间隙（margin-left 保持 50px）：展开完全靠 li:hover，
   一旦留缝，鼠标从图标移向菜单时会途经非 hover 区，菜单会闪退。 */
.page-sidebar.mini .page-sidebar-wrapper > ul > li > ul.sub-menu {
  /* 这里用**不透明**白，不做毛玻璃：父级 .page-sidebar 自己带 backdrop-filter，
     会形成一个 backdrop root，而浮层是绝对定位、整体探出到侧栏之外，
     采样不到侧栏外的页面内容 —— 实测（exhibits.html 悬停「信标管理」）表现为
     「模糊没生效、但半透明照旧」，底下的表格文字直接透上来糊成一片。
     菜单可读性优先，直接用实色。 */
  background-color: #ffffff;
  border: 1px solid var(--ios-separator);
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.16);
  padding: 6px;
}
/* 浮层里不需要 53px 的层级缩进（没有父级文字要对齐），收成正常菜单项内边距。
   webarch 那条 padding-left 带 !important，只能用 !important 顶。 */
.page-sidebar.mini .page-sidebar-wrapper > ul > li > ul.sub-menu > li > a {
  padding: 7px 14px !important;
}
/* 高亮：macOS 菜单的标准长相是「系统蓝底 + 白字」，不是浅灰底 */
.page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu > li > a:hover,
.page-sidebar.mini .page-sidebar-wrapper > ul > li > ul.sub-menu > li > a:hover {
  background: var(--ios-blue) !important;
  color: #fff !important;
}
.page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu > li.active > a {
  color: var(--ios-blue) !important;
  font-weight: 600;
}
/* 侧栏滚动条在毛玻璃上要更淡一点，否则一条深灰杠很打眼 */
.page-sidebar ::-webkit-scrollbar-thumb {
  background-color: rgba(60, 60, 67, 0.22);
}

/* ---------- 7. 徽标 / 状态色 ---------- */
.label {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0;
}

/* ---------- 8. 分页 / DataTables 细节 ---------- */
.dataTables_wrapper .dataTables_paginate .paginate_button {
  border: none !important;
  background: transparent !important;
  color: var(--ios-blue) !important;
  border-radius: var(--thmp-radius-sm) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: var(--ios-fill) !important;
}
.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input {
  border: none;
  background-color: var(--ios-fill);
  border-radius: var(--thmp-radius-sm);
}

/* ---------- 9. 弹窗：更圆的角 + 更柔的投影 ---------- */
.modal-content {
  border-radius: var(--thmp-radius);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.24);
}
.modal-header,
.modal-footer {
  border-color: var(--ios-separator);
}

/* ---------- 10. 表单控件 ---------- */
.form-control {
  border: 1px solid var(--ios-separator);
  border-radius: var(--thmp-radius-sm);
  font-size: 13px;
}
.form-control:focus {
  border-color: var(--ios-blue);
  box-shadow: 0 0 0 3.5px rgba(0, 122, 255, 0.25);
}