/* ══ 2026-09-15 Ben:参考 macOS 27(Golden Gate)的 UI 升级 apple 双主题 —— 纯 CSS 覆盖层 ══
   依据(WWDC 2026 公开报道 + Liquid Glass HIG):
     ① 玻璃默认更「着色」、透明度降低,提高可读性(Tahoe 26 被批太透);系统给了透明度滑杆
     ② 全系统统一圆角,略收紧(窗口 / 控件圆角不一致的问题修掉)
     ③ 侧栏延伸到窗口边缘(去掉内嵌的边线 / 投影,侧栏底色与内容区分开)
     ④ 顶部统一磨砂工具栏,按钮从内容里「浮」出来
     ⑤ 无障碍:尊重「减少透明度」
   规则:零 JS、零布局尺寸改动(不动 width / height / padding / position,askFitBar 等测量逻辑不受影响);
        只动 apple / apple-dark,linear / stripe 不受影响;回退 = index.html 去掉这一行引用。
   玻璃仍只上「浮在内容之上」的三处(08-05 评估结论),列表行与卡片不上。 */

html[data-theme^="apple"] {
  /* 玻璃参数见下方「默认最高一档」块 */
  --hairline: color-mix(in srgb, var(--border) 70%, transparent);
  --radius: 10px;                     /* 统一圆角:12 / 8 / 18 → 10 / 7 / 14 */
  --radius-sm: 7px;
  --radius-lg: 14px;
}
/* 09-15 Ben:玻璃「默认最高一档」(着色),不再提供三档开关 —— 弹窗遮罩 66% 暗 + 18px 模糊,顶栏 / 表头带 8% 主题色调 */
html[data-theme^="apple"] { --glass-mix: 96%; --glass-blur: 12px; --glass-sat: 115%; --glass-scrim-a: .66; --glass-scrim-blur: 18px;
  --glass-base: color-mix(in srgb, var(--bg) 92%, var(--accent)); --glass-base-s: color-mix(in srgb, var(--surface) 93%, var(--accent)); }
html[data-theme="apple-dark"] { --glass-mix: 94%; }
/* 居中弹窗的遮罩(侧栏满屏面板 / 右侧面板是透明遮罩,不动) */
html[data-theme^="apple"] .modal-overlay.show:not(.rside-full):not(.as-side-panel) {
  background: rgba(15, 20, 25, var(--glass-scrim-a));
  -webkit-backdrop-filter: blur(var(--glass-scrim-blur)) saturate(var(--glass-sat));
  backdrop-filter: blur(var(--glass-scrim-blur)) saturate(var(--glass-sat));
}
/* AI 搜索下拉(site_search.js 的 #ssBox,内联写了 background → 要 !important) */
html[data-theme^="apple"] #ssBox {
  background: color-mix(in srgb, var(--glass-base-s) var(--glass-mix), transparent) !important;
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-sat));
  backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-sat));
}

/* ① 玻璃三处:更着色 + 上缘高光减弱 + 细分隔线 */
html[data-theme^="apple"] #mainTopMask,
html[data-theme^="apple"] .area-scroll thead th,
html[data-theme^="apple"] .modal-header {
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-sat));
  backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-sat));
}
html[data-theme^="apple"] #mainTopMask {
  background: color-mix(in srgb, var(--glass-base) var(--glass-mix), transparent);
  border-bottom: 1px solid var(--hairline);
  box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 14%, transparent);
}
html[data-theme^="apple"] .area-scroll thead th {
  background: color-mix(in srgb, var(--glass-base-s) var(--glass-mix), transparent);
  box-shadow: inset 0 -1px 0 var(--hairline);
}
html[data-theme^="apple"] .modal-header {
  background: color-mix(in srgb, var(--glass-base-s) var(--glass-mix), transparent);
  border-bottom: 1px solid var(--hairline);
  box-shadow: none;
}

/* ② 圆角统一到 token(原来几处写死或用小圆角) */
html[data-theme^="apple"] .modal-content { border-radius: var(--radius-lg); }
html[data-theme^="apple"] .sb-quad-tile,
html[data-theme^="apple"] .widget-box,
html[data-theme^="apple"] .project-item,
html[data-theme^="apple"] .cand-item,
html[data-theme^="apple"] .user-card,
html[data-theme^="apple"] .jd-box,
html[data-theme^="apple"] .okr-card,
html[data-theme^="apple"] .weekly-plan-card { border-radius: var(--radius); }
html[data-theme^="apple"] input,
html[data-theme^="apple"] textarea,
html[data-theme^="apple"] select,
html[data-theme^="apple"] .ipt { border-radius: var(--radius-sm); }

/* ③ 侧栏贴边:去掉右侧边线和投影;浅色下侧栏用系统灰(macOS 侧栏色),卡片 / 田字格白底从灰底上浮出来 */
html[data-theme^="apple"] .sidebar { border-right: none; box-shadow: none; }
html[data-theme="apple"] .sidebar { background: #f5f5f7; }
html[data-theme="apple"] .sidebar-brand { background: transparent; }
html[data-theme="apple"] .sb-quad-tile { background: var(--surface); }
html[data-theme="apple"] .sb-quad-tile:hover { background: var(--surface); }
html[data-theme="apple"] .project-item:hover { background: var(--surface); }   /* 原 hover 底 = 侧栏灰,会沉进去 */
html[data-theme^="apple"] .sidebar-brand,
html[data-theme^="apple"] .sidebar-header,
html[data-theme^="apple"] .group-btns { border-bottom-color: var(--hairline); }
html[data-theme^="apple"] .sb-quad-tile { border-color: var(--hairline); }

/* ④ 统一工具栏:顶栏上的常驻控件(效率条 / AI 输入框 / 右上角按钮组)用同一套「浮起的胶囊」外观
      —— 只改 border / 阴影 / 圆角,不动尺寸;原来 1443 行对 background 写了 !important,这里不碰 background */
html[data-theme^="apple"] #efficiencyBanner,
html[data-theme^="apple"] #askInput,
html[data-theme^="apple"] #chatLauncher,
html[data-theme^="apple"] #dbBadge,
html[data-theme^="apple"] #langSwitch,
html[data-theme^="apple"] #themeToggle {
  border: 1px solid var(--hairline) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 1px 0 color-mix(in srgb, #fff 45%, transparent);
}
html[data-theme="apple-dark"] #efficiencyBanner,
html[data-theme="apple-dark"] #askInput,
html[data-theme="apple-dark"] #chatLauncher,
html[data-theme="apple-dark"] #dbBadge,
html[data-theme="apple-dark"] #langSwitch,
html[data-theme="apple-dark"] #themeToggle {
  box-shadow: 0 1px 2px rgba(0, 0, 0, .4), inset 0 1px 0 color-mix(in srgb, #fff 8%, transparent);
}
html[data-theme^="apple"] #efficiencyBanner,
html[data-theme^="apple"] #chatLauncher,
html[data-theme^="apple"] #dbBadge,
html[data-theme^="apple"] #langSwitch,
html[data-theme^="apple"] #themeToggle { border-radius: 980px !important; }
html[data-theme^="apple"] #askInput { border-radius: 16px !important; }   /* 单行 32px 高时是胶囊,多行时仍是大圆角 */

/* tab 栏与项目分组:下划线保留,active 再加一层极淡底,更像 macOS 的分段控件 */
html[data-theme^="apple"] .tab-btn.active,
html[data-theme^="apple"] .group-btn.active {
  background: color-mix(in srgb, var(--accent) 7%, transparent);
  border-radius: var(--radius-sm) var(--radius-sm) 0 0;
}

/* ⑤ 无障碍:系统开了「减少透明度」→ 三处玻璃回实底(HIG 要求) */
@media (prefers-reduced-transparency: reduce) {
  html[data-theme^="apple"] #mainTopMask { background: var(--bg); backdrop-filter: none; -webkit-backdrop-filter: none; }
  html[data-theme^="apple"] .area-scroll thead th,
  html[data-theme^="apple"] .modal-header { background: var(--surface); backdrop-filter: none; -webkit-backdrop-filter: none; }
}