/* ============================================================================
   进度猫 PC 端 · 晨昏玻璃视觉层 (theme-dawn.css · 可删主题皮肤)
   ----------------------------------------------------------------------------
   设计来源：用户提供的 7 张风格参考图（柔和天空渐变 + 轻玻璃 + 大圆角 + 低对比弥散阴影）
   依赖关系（删改边界）：本文件是纯皮肤，可整体删除——删除后晨昏选项移除，
   经典/暗夜不受任何影响；但共享骨架 app-layout.css 必须保留（勿因名字误删）。
   主题标记：html.glass-light 类（theme-manager.js 管理，仅 dawn 主题挂载）。
   加载位置：index.css / darkmode.css / app-layout.css 之后
   性能策略：backdrop-filter 仅用于 fixed 导航、卡片、弹窗、下拉等离散面；
             甘特网格等大面积数据区只降不透明度不做模糊
   ============================================================================ */

/* ============================== 0. 设计 Tokens ============================== */
html.glass-light {
  /* 天空渐变（晨昏冷→暖，与参考图一致的柔和大跨度过渡） */
  --jdm-sky: linear-gradient(168deg,
      #a9c7e8 0%,
      #bdd1ea 22%,
      #d4dce6 46%,
      #e9e2d5 72%,
      #f0dfc8 87%,
      #f3ddc2 100%);
  /* 玻璃三档：强（弹窗/下拉，保可读）· 中（卡片）· 弱（大容器底） */
  --jdm-glass-strong: rgba(255, 255, 255, 0.82);
  --jdm-glass: rgba(255, 255, 255, 0.66);
  --jdm-glass-soft: rgba(255, 255, 255, 0.5);
  --jdm-glass-border: rgba(255, 255, 255, 0.65);
  --jdm-glass-blur: blur(20px) saturate(1.5);
  --jdm-glass-blur-strong: blur(24px) saturate(1.6);
  /* 弥散阴影：带蓝灰倾向，替代黑色硬投影 */
  --jdm-glass-shadow: 0 2px 6px rgba(76, 98, 140, 0.05), 0 8px 32px rgba(76, 98, 140, 0.12);
  --jdm-glass-shadow-hover: 0 4px 10px rgba(76, 98, 140, 0.07), 0 16px 40px rgba(76, 98, 140, 0.16);
  /* 品牌渐变按钮（保留进度猫主色 #527afe 体系） */
  --jdm-btn-gradient: linear-gradient(135deg, #6c93ff 0%, #527afe 55%, #4a6ef2 100%);
  --jdm-btn-shadow: 0 4px 14px rgba(82, 122, 254, 0.35);
}

/* ============================== 1. 天空渐变背景 ============================== */
html.glass-light body {
  background: var(--jdm-sky) !important;
  background-attachment: fixed !important;
  -webkit-font-smoothing: antialiased;
}
/* 氛围光斑：两团大的柔和色块挂在渐变上，玻璃卡划过时被模糊折射，玻璃感才有内容可透；
   fixed 挂载不参与滚动重排，pointer-events 穿透不影响交互 */
html.glass-light body::before {
  content: "";
  position: fixed;
  top: -12vh;
  right: -8vw;
  width: 46vw;
  height: 46vw;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(140, 175, 235, 0.4) 0%, rgba(140, 175, 235, 0) 68%);
  pointer-events: none;
  z-index: -1;
}
html.glass-light body::after {
  content: "";
  position: fixed;
  bottom: -14vh;
  left: -10vw;
  width: 52vw;
  height: 52vw;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(250, 205, 150, 0.32) 0%, rgba(250, 205, 150, 0) 68%);
  pointer-events: none;
  z-index: -1;
}

/* 中间容器透明化：让渐变从卡片底部透出（.index_kb/.mycenter 原为实色底） */
html.glass-light .index_kb,
html.glass-light .mycenter {
  background: transparent !important;
}

/* ============================== 2. 顶部导航玻璃化 ============================== */
html.glass-light .index_top {
  background: rgba(255, 255, 255, 0.5) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur-strong);
  backdrop-filter: var(--jdm-glass-blur-strong);
  /* 上缘内高光与下缘发丝线降低亮度：浅玻璃底上 0.8/0.65 白过亮成"白线" */
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.42), 0 4px 24px rgba(76, 98, 140, 0.08) !important;
}

/* 顶栏内搜索框：玻璃输入胶囊 */
html.glass-light .index_search input,
html.glass-light .team_search input {
  background: rgba(255, 255, 255, 0.55) !important;
  border: 1px solid rgba(120, 140, 170, 0.25) !important;
  border-radius: 14px !important;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 8px rgba(76, 98, 140, 0.08) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
html.glass-light .index_search input::placeholder { color: rgba(90, 105, 130, 0.55); }

/* ============================== 3. 左侧图标导航栏 ============================== */
html.glass-light .index_kb_main_naver {
  background: rgba(255, 255, 255, 0.48) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur);
  backdrop-filter: var(--jdm-glass-blur);
  border-right: 1px solid var(--jdm-glass-border) !important;
  box-shadow: 1px 0 0 rgba(255, 255, 255, 0.4), 4px 0 24px rgba(76, 98, 140, 0.06);
}

html.glass-light .index_kb_main_naver .mainbutton:hover {
  background: rgba(255, 255, 255, 0.78) !important;
}

/* 选中项：品牌染色玻璃高亮（半透明白 + 品牌描边 + 微光晕） */
html.glass-light .mainbuttonselect {
  background: rgba(255, 255, 255, 0.74) !important;
  box-shadow: 0 2px 12px rgba(82, 122, 254, 0.18), inset 0 0 0 1px rgba(82, 122, 254, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
  border-radius: 12px !important;
}

/* ============================== 4. 二级侧栏玻璃卡片 ============================== */
html.glass-light .index_kb_naver {
  background: var(--jdm-glass-soft) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur);
  backdrop-filter: var(--jdm-glass-blur);
  border: none !important;
  border-radius: 14px !important;
  box-shadow: inset 0 0 0 1px var(--jdm-glass-border), var(--jdm-glass-shadow) !important;
}

html.glass-light .index_kb_naver .clearfix:hover {
  background: rgba(255, 255, 255, 0.72) !important;
}

/* 选中态：品牌色染色玻璃 */
html.glass-light .index_kb_naver .index_kb_select {
  background: rgba(82, 122, 254, 0.14) !important;
  box-shadow: inset 0 0 0 1px rgba(82, 122, 254, 0.25) !important;
}

/* 分组标题下的细分隔线随玻璃化 */
html.glass-light .projectgroupsline { background: rgba(120, 140, 170, 0.18) !important; }

/* ============================== 5. 工作台看板卡片 ============================== */
html.glass-light .index_kb_item {
  background: var(--jdm-glass) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur);
  backdrop-filter: var(--jdm-glass-blur);
  border: none !important;
  border-radius: 18px !important;
  box-shadow: inset 0 0 0 1px var(--jdm-glass-border), var(--jdm-glass-shadow) !important;
}
html.glass-light .index_kb_item:hover {
  box-shadow: var(--jdm-glass-shadow-hover) !important;
}
/* 卡片内部旧实底透明化，避免双层白底 */
html.glass-light .index_kb_hov { background-color: transparent !important; }

/* ============================== 6. 通用内容卡（任务/文档/消息/项目面板） ==============
   ⚠ 描边用 inset 阴影环而非 border：真 border 会建立 BFC，把子元素
   （如 #projectcontent 的 margin-bottom:20px）原本穿透折叠的外边距包进高度，
   导致右栏比左栏（JS 同步高度）多 20px——左右底边错位 */
html.glass-light .pro_content:not(.pro-content--transparent) {
  background: rgba(255, 255, 255, 0.8) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur);
  backdrop-filter: var(--jdm-glass-blur);
  border: none !important;
  border-radius: 18px !important;
  box-shadow: inset 0 0 0 1px var(--jdm-glass-border), var(--jdm-glass-shadow) !important;
}
/* 大卡内表格行：实白行 → 高不透明白（保持可读） */
html.glass-light .pro_list table > tbody > tr:nth-of-type(2n+1),
html.glass-light .pro_list table > tbody > tr:nth-of-type(2n) {
  background-color: rgba(255, 255, 255, 0.28) !important;
}
html.glass-light .pro_list .table tr td { border-bottom: 1px solid rgba(120, 140, 170, 0.16) !important; }
/* hover: 品牌染色覆盖上方斑马纹的 !important */
html.glass-light .pro_list .table tbody tr:hover,
html.glass-light .pro_list table > tbody > tr:hover {
  background: rgba(82, 122, 254, 0.07) !important;
}
/* ============================== 39. 微交互（视觉部分） ==============================
 * 按压缩放/上浮位移等 transform 已移至 glass-layout.css §5（三主题统一手感），此处只留配色 */
html.glass-light .index_kb_item:hover {
  box-shadow: 0 8px 32px rgba(76, 98, 140, 0.16) !important;
}
html.glass-light .pro_list .table tr th {
  border-top: 1px solid rgba(120, 140, 170, 0.1) !important;
  border-bottom: 1px solid rgba(120, 140, 170, 0.1) !important;
}

/* 项目详情大面板（project-main） */
html.glass-light .project-panel {
  background: var(--jdm-glass) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur);
  backdrop-filter: var(--jdm-glass-blur);
  border: none !important;
  border-radius: 18px !important;
  box-shadow: inset 0 0 0 1px var(--jdm-glass-border), var(--jdm-glass-shadow) !important;
}
html.glass-light .project-panel:hover { box-shadow: var(--jdm-glass-shadow-hover) !important; }

/* 项目网格卡片（封面图叠加在玻璃底上） */
html.glass-light .project-grid-card__component {
  background-color: rgba(255, 255, 255, 0.72) !important;
  border: none !important;
  border-radius: 14px !important;
  box-shadow: inset 0 0 0 1px var(--jdm-glass-border), var(--jdm-glass-shadow) !important;
}
html.glass-light .project-grid-group__item:hover .project-grid-card__component {
  box-shadow: var(--jdm-glass-shadow-hover) !important;
}

/* 项目列表行卡片 */
html.glass-light .project-list-item,
html.glass-light .project-list-card {
  background: rgba(255, 255, 255, 0.62) !important;
  border: none !important;
  border-radius: 14px !important;
  box-shadow: inset 0 0 0 1px var(--jdm-glass-border) !important;
}
html.glass-light .project-list-item:hover,
html.glass-light .project-list-card:hover {
  background: rgba(255, 255, 255, 0.8) !important;
}

/* 任务四象限视图 */
html.glass-light .quadrant-view {
  background: rgba(255, 255, 255, 0.5) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur);
  backdrop-filter: var(--jdm-glass-blur);
  border: none !important;
  border-radius: 18px !important;
  box-shadow: inset 0 0 0 1px var(--jdm-glass-border), 0 24px 64px rgba(31, 45, 74, 0.2) !important;
}
html.glass-light .quadrant-card {
  background: rgba(255, 255, 255, 0.6) !important;
  border: none !important;
  border-radius: 14px !important;
  box-shadow: inset 0 0 0 1px var(--jdm-glass-border) !important;
}

/* ============================== 7. 我的中心 ============================== */
html.glass-light .mycenter_left {
  background: var(--jdm-glass-soft) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur);
  backdrop-filter: var(--jdm-glass-blur);
  border: none !important;
  border-radius: 14px !important;
  box-shadow: inset 0 0 0 1px var(--jdm-glass-border), var(--jdm-glass-shadow) !important;
}
html.glass-light .mycenter_left .clearfix:hover { background: rgba(255, 255, 255, 0.72) !important; }
html.glass-light .mycenter_mes,
html.glass-light .mycenter_admin_name {
  background: var(--jdm-glass) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur);
  backdrop-filter: var(--jdm-glass-blur);
  border: none !important;
  border-radius: 18px !important;
  box-shadow: inset 0 0 0 1px var(--jdm-glass-border), var(--jdm-glass-shadow) !important;
}
html.glass-light .mycenter_mes h4 { border-bottom: 2px solid rgba(120, 140, 170, 0.12) !important; }

/* ============================== 8. 弹窗玻璃化 ============================== */
/* Bootstrap Modal */
html.glass-light .modal-content {
  background: var(--jdm-glass-strong) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur-strong);
  backdrop-filter: var(--jdm-glass-blur-strong);
  border: none !important;
  border-radius: 20px !important;
  box-shadow: inset 0 0 0 1px var(--jdm-glass-border), 0 24px 64px rgba(31, 45, 74, 0.18), 0 2px 8px rgba(76, 98, 140, 0.1) !important;
  box-shadow: 0 24px 64px rgba(31, 45, 74, 0.18), 0 2px 8px rgba(76, 98, 140, 0.1) !important;
}
html.glass-light .modal-backdrop.in { opacity: 0.3 !important; }

/* layui 弹层 */
/* :not(msg/tips) —— 消息提示气泡是原生黑底白字，玻璃化会白字配白底隐形 */
html.glass-light body .layui-layer:not(.layui-layer-msg):not(.layui-layer-tips) {
  background: var(--jdm-glass-strong) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur-strong);
  backdrop-filter: var(--jdm-glass-blur-strong);
  border: none !important;
  border-radius: 18px !important;
  box-shadow: inset 0 0 0 1px var(--jdm-glass-border), 0 24px 64px rgba(31, 45, 74, 0.2) !important;
  box-shadow: 0 24px 64px rgba(31, 45, 74, 0.2) !important;
  overflow: hidden;
}
html.glass-light body .layui-layer:not(.layui-layer-msg):not(.layui-layer-tips) .layui-layer-title {
  background: rgba(255, 255, 255, 0.55) !important;
  border-bottom: 1px solid rgba(120, 140, 170, 0.12) !important;
}
html.glass-light body .layui-layer:not(.layui-layer-msg):not(.layui-layer-tips) .layui-layer-btn {
  border-top: 1px solid rgba(120, 140, 170, 0.1) !important;
  background: rgba(255, 255, 255, 0.3);
}

/* 筛选弹窗（项目列表成员筛选） */
html.glass-light .jdm-filter-panel {
  background: var(--jdm-glass-strong) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur-strong);
  backdrop-filter: var(--jdm-glass-blur-strong);
  border: 1px solid var(--jdm-glass-border) !important;
}
html.glass-light .jdm-member-tags { background: rgba(255, 255, 255, 0.6) !important; border-color: rgba(120, 140, 170, 0.2) !important; }
html.glass-light .jdm-member-dropdown {
  background: var(--jdm-glass-strong) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur);
  backdrop-filter: var(--jdm-glass-blur);
  border-color: var(--jdm-glass-border) !important;
}

/* 项目动态右侧抽屉 */
html.glass-light #prodongtaiwin {
  background: var(--jdm-glass-strong) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur-strong);
  backdrop-filter: var(--jdm-glass-blur-strong);
  border: none !important;
  box-shadow: inset 0 2px 0 0 #527afe, -4px 0 20px rgba(0, 0, 0, 0.1) !important;
}

/* ============================== 9. 下拉菜单 / 气泡 ============================== */
/* 顶栏下拉（帮助/头像/消息）：实白不透明——半透明会透出底部内容文字 */
html.glass-light .index_help_div,
html.glass-light .index_person_div,
html.glass-light .index_message_modal {
  background: #ffffff !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 40px rgba(31, 45, 74, 0.14) !important;
}
/* 其他下拉：保持玻璃 */
html.glass-light .dropdown-menu,
html.glass-light .popover,
html.glass-light .bootstrap-select .dropdown-menu {
  background: var(--jdm-glass-strong) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur);
  backdrop-filter: var(--jdm-glass-blur);
  border: none !important;
  border-radius: 14px !important;
  box-shadow: inset 0 0 0 1px var(--jdm-glass-border) !important;
  box-shadow: 0 12px 40px rgba(31, 45, 74, 0.14) !important;
}
html.glass-light .dropdown-menu > li > a:hover,
html.glass-light .dropdown-menu > li > a:focus {
  background: rgba(82, 122, 254, 0.12) !important;
  color: #3a5fee;
}
html.glass-light .popover-title { background: rgba(255, 255, 255, 0.4) !important; }

/* tooltip 保持实色深底（小面积高对比，不玻璃化） */

/* ============================== 10. 表单控件 ============================== */
html.glass-light .jdm-search-box input,
html.glass-light .jdm-search-box .form-control {
  background: rgba(255, 255, 255, 0.68) !important;
  border: 1px solid var(--jdm-glass-border) !important;
}
html.glass-light body .layui-input,
html.glass-light body .layui-textarea,
html.glass-light body .layui-select {
  background: rgba(255, 255, 255, 0.75) !important;
  border-color: rgba(120, 140, 170, 0.22) !important;
}
html.glass-light body .layui-form-select dl {
  background: var(--jdm-glass-strong) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur);
  backdrop-filter: var(--jdm-glass-blur);
  border-color: var(--jdm-glass-border) !important;
}

/* ============================== 11. 按钮：胶囊化 + 品牌渐变 ============================== */
html.glass-light .btn-primary,
html.glass-light .btn-myprimary,
html.glass-light #todo-add-submit,
html.glass-light .todo-add-submit {
  background: var(--jdm-btn-gradient) !important;
  background-image: var(--jdm-btn-gradient) !important;
  border: none !important;
  border-radius: 999px !important;
  color: #fff !important;
  box-shadow: var(--jdm-btn-shadow) !important;
  transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
html.glass-light .btn-primary:hover,
html.glass-light .btn-myprimary:hover,
html.glass-light #todo-add-submit:hover {
  background-image: linear-gradient(135deg, #7da0ff 0%, #5e86fd 55%, #5578f5 100%) !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(82, 122, 254, 0.45) !important;
}
html.glass-light .btn-primary:active,
html.glass-light .btn-myprimary:active {
  transform: translateY(0) scale(0.98) !important;
  box-shadow: 0 2px 8px rgba(82, 122, 254, 0.3) !important;
}
html.glass-light .btn-primary:disabled,
html.glass-light .btn-myprimary:disabled { opacity: 0.55 !important; }

/* 次级按钮：玻璃幽灵 */
html.glass-light .btn-default,
html.glass-light .btn-info,
html.glass-light .btn-white {
  background: rgba(255, 255, 255, 0.68) !important;
  background-image: none !important;
  border: 1px solid var(--jdm-glass-border) !important;
  border-radius: 999px !important;
  box-shadow: 0 2px 8px rgba(76, 98, 140, 0.08) !important;
}
html.glass-light .btn-default:hover,
html.glass-light .btn-info:hover {
  background: rgba(255, 255, 255, 0.88) !important;
}
/* 弹窗内「搜索账号」图标按钮（邀请成员/负责人/任务负责人等 4 处）：玻璃化 .btn-default 会
   清掉按钮内联的背景图标（2026-11-06 用户反馈晨昏模式图标不可见），此处恢复图标，
   并保持与输入框连体的右侧胶囊（通用规则的全胶囊会把孤立按钮变圆圈） */
html.glass-light .input-group-btn .btn-default.jdm-search-icon-btn {
  background: rgba(255, 255, 255, 0.68) url('../img/kanban_icon_search.png') no-repeat center center !important;
  border-radius: 0 999px 999px 0 !important;
}
html.glass-light .input-group-btn .btn-default.jdm-search-icon-btn:hover {
  background: rgba(255, 255, 255, 0.88) url('../img/kanban_icon_search.png') no-repeat center center !important;
}

/* layui 按钮：适度圆角（弹窗内密集使用，不做全胶囊） */
html.glass-light body .layui-btn { border-radius: 12px !important; }
html.glass-light body .layui-btn-normal {
  background: var(--jdm-btn-gradient) !important;
  background-image: var(--jdm-btn-gradient) !important;
}

/* 升级/邀请按钮 */
/* 升级/续期按钮保持原色（金色渐变是会员品牌标识，不改蓝色） */

/* ============================== 12. 滚动条（半透明细条） ============================== */
html.glass-light ::-webkit-scrollbar { width: 8px !important; height: 8px !important; }
html.glass-light ::-webkit-scrollbar-track { background: transparent !important; }
html.glass-light ::-webkit-scrollbar-thumb {
  background: rgba(110, 130, 165, 0.3) !important;
  border-radius: 999px !important;
}
html.glass-light ::-webkit-scrollbar-thumb:hover { background: rgba(110, 130, 165, 0.5) !important; }

/* ============================== 13. 细节统一 ============================== */
/* 工作台小进度条轨道：实灰底 → 半透明玻璃轨（填充色保持品牌语义色） */
html.glass-light .kb_youxian1 {
  background: rgba(120, 140, 170, 0.16) !important;
  box-shadow: inset 0 1px 2px rgba(120, 140, 170, 0.12);
}
html.glass-light .progress {
  background-color: rgba(120, 140, 170, 0.16) !important;
}

/* 分页器：玻璃页码 */
html.glass-light .task-pager .pagination > li > a,
html.glass-light .task-pager__link {
  background: rgba(255, 255, 255, 0.7) !important;
  border: 1px solid var(--jdm-glass-border) !important;
  border-radius: 10px !important;
}
html.glass-light .task-pager .pagination > li > a:hover,
html.glass-light .task-pager__link:hover {
  background: rgba(255, 255, 255, 0.92) !important;
}
html.glass-light .task-pager__link--active {
  background: var(--jdm-btn-gradient) !important;
  border-color: transparent !important;
}

/* 任务页/项目面板顶栏：玻璃条（原为实色白 48px 通栏，描边用 inset 环避免 BFC 高度扰动） */
/* margin-left:76px 的 CSS 兜底已移至 glass-layout.css §2（三主题共用） */
html.glass-light #tasktopnav {
  background: rgba(255, 255, 255, 0.55) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur);
  backdrop-filter: var(--jdm-glass-blur);
  border-bottom: none !important;
  box-shadow: inset 0 -1px 0 var(--jdm-glass-border), 0 2px 12px rgba(76, 98, 140, 0.06) !important;
}
/* 面板 Tab 默认字色：#9CA3AF 偏浅 → 加深一档蓝灰（激活品牌蓝/hover 深色层次不变） */
html.glass-light #tasktopnav .panel_topnav_project a {
  color: #64748b !important;
}
/* 例外：甘特"编辑"按钮是蓝底实心按钮（也是 <a>）——必须保持白字；
   "刷新"按钮是蓝系幽灵——保持品牌蓝字。不能被上面的 Tab 灰字规则覆盖 */
html.glass-light #tasktopnav .panel_topnav_project a.jdm-gantt-edit-btn {
  color: #ffffff !important;
}
html.glass-light #tasktopnav .panel_topnav_project #ganttRefreshBtn {
  color: #4e7bff !important;
}

/* 通用 panel/card 兜底（bootstrap 老结构仍在部分弹窗使用） */
html.glass-light .panel-default > .panel-heading {
  background: rgba(255, 255, 255, 0.4) !important;
  border-bottom: 1px solid rgba(120, 140, 170, 0.1) !important;
}

/* ============================== 14. 甘特图页（gantt.html） ==============================
   策略：外壳与工具栏玻璃化；左右数据网格只降不透明度保证可读性，不加 blur（大面积滚动性能优先） */
html.glass-light body.body {
  background: var(--jdm-sky) !important;
  background-attachment: fixed !important;
}

/* 甘特主工作区：玻璃容器 */
/* 甘特图分路（body class 由模板标记：gantt-edit-mode / gantt-readonly-mode）
 * 编辑甘特弹窗（gantt.html）→ 纯白底
 * 只读甘特Tab（gantt-readonly.html）→ 天空渐变 + 白玻璃卡 */
/* —— 编辑甘特：纯白 —— */
html.glass-light body.gantt-edit-mode {
  background: #ffffff !important;
  background-image: none !important;
}
html.glass-light body.gantt-edit-mode::before,
html.glass-light body.gantt-edit-mode::after { display: none !important; }
html.glass-light body.gantt-edit-mode #workSpace {
  background: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html.glass-light body.gantt-edit-mode .gdfTable { background-color: #ffffff !important; }
/* —— 只读甘特Tab：渐变 + 白玻璃 —— */
html.glass-light body.gantt-readonly-mode {
  background: var(--jdm-sky) !important;
  background-attachment: fixed !important;
}
html.glass-light body.gantt-readonly-mode #workSpace {
  background: rgba(255, 255, 255, 0.88) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur);
  backdrop-filter: var(--jdm-glass-blur);
  border: none !important;
  border-radius: 14px !important;
  box-shadow: var(--jdm-glass-shadow) !important;
}
html.glass-light body.gantt-readonly-mode .gdfTable {
  background-color: rgba(255, 255, 255, 0.92) !important;
}


/* ============================== 15. 登录/注册页 ============================== */
/* 找回密码/邮箱找回/绑定手机等 login.css 卡片族（.login_input1/.login_inputs1，原为白实底+灰投影）。
   login.css 的全局 * 规则给所有元素刷了 #f7f8fa 白底（页头条/容器/标题/输入行全白），
   这里整体透明化，只保留一张玻璃卡——与登录页同构：渐变背景 + 玻璃卡，最干净 */
html.glass-light body:has(.login_input1) #body div:not(.login_input1):not(.login_inputs1),
html.glass-light body:has(.login_input1) #body p,
html.glass-light body:has(.login_input1) #header {
  background-color: transparent !important;
}
html.glass-light .register_tit {
  background: transparent !important;
  border-bottom: 1px solid rgba(120, 140, 170, 0.14) !important;
}
html.glass-light .login_input1 {
  background: rgba(255, 255, 255, 0.56) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur-strong);
  backdrop-filter: var(--jdm-glass-blur-strong);
  border: none !important;
  border-radius: 20px !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.75), inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 16px 48px rgba(76, 98, 140, 0.13) !important;
}
html.glass-light .login_inputs1 { background: transparent !important; }
/* 找回密码族页面内容少、卡片偏上，底部光斑整团露出像"第二层背景"——此族禁用氛围光斑，只留纯渐变 */
html.glass-light body:has(.login_input1)::before,
html.glass-light body:has(.login_input1)::after {
  content: none !important;
}
/* 元凶：login.css 的 * 规则连 <html> 都刷了 #f7f8fa——body 矮于视口时底部露出灰白带。
   html 透明化后 body 的天空渐变按标准传播铺满整个画布 */
html.glass-light:has(.login_input1) {
  background: transparent !important;
}
/* 卡片垂直居中（用户指定重布局）已移至 glass-layout.css §6（三主题统一居中） */
/* 卡内残留的灰白小块（图形验证码槽 register_yan/codeImg 也被 * 规则刷灰）同口径透明化 */
html.glass-light .login_inputs1 .register_yan,
html.glass-light .login_inputs1 .codeImg {
  background: transparent !important;
  border-radius: 10px !important;
}
/* 输入行右侧的白色小方块（register_kind3 是校验状态空占位：纯白 14×14 无图标；
   校验通过换绿勾 kind1、出错换红叉 kind2，占位态透明化不影响状态切换） */
html.glass-light .register_kind3 {
  background: transparent !important;
}
/* 顶部 logo 图片的灰底（同为 * 规则残留） */
html.glass-light body:has(.login_input1) #header img {
  background: transparent !important;
}
/* login.css 卡片内的旧插画（login_bg_*.png 侧边装饰，同 bottom-left/right 处理口径） */
html.glass-light .login_img1,
html.glass-light .login_img2,
html.glass-light .login_img3,
html.glass-light .login_img4 { display: none !important; }
/* 卡片内输入行：比卡片亮一档的白玻璃填充+白色高光描边（纯透明会显灰暗，纯白填充又像色块） */
html.glass-light .login_inputs1 input {
  background: rgba(255, 255, 255, 0.5) !important;
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  border-radius: 10px !important;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.55) !important;
}
/* 例外：发送验证码/获取验证码按钮原为蓝底白字（#527AFE）——不可套玻璃白（白字配白底看不清），
   改为品牌渐变实底胶囊 */
html.glass-light .login_inputs1 input.register_yan_btn,
html.glass-light .login_inputs1 input.register_test {
  background: var(--jdm-btn-gradient) !important;
  background-image: var(--jdm-btn-gradient) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 8px rgba(82, 122, 254, 0.28) !important;
}
/* 登录页 body 有内联 #f7f8fa，用 !important 覆盖为天空渐变 */
html.glass-light body[style] { background: var(--jdm-sky) !important; background-attachment: fixed !important; }

/* 移除登录/注册卡顶部的蓝色渐变装饰条（register.css #form-content::before，
   3px #006EDB→#00A7EF 通栏）——玻璃卡以白色高光描边取代，视觉更高级（用户指定） */
html.glass-light #form-content::before {
  content: none !important;
}

/* 移除登录族页面两下角的扁平插画（.bottom-left/.bottom-right，bottom-left.png/bottom-right.png，
   仅登录/注册/找回密码/微信绑定页使用）——纯渐变+玻璃卡的极简构图更高级干净（用户指定） */
html.glass-light .bottom-left,
html.glass-light .bottom-right {
  display: none !important;
}

/* 登录卡片：玻璃化（register.css 的 #form-content 原为白→浅灰渐变实底）；
   透明度取参考图 0.45~0.6 档的中间值，让天空渐变（尤其底部暖橙）明显透入卡片 */
html.glass-light #form-content {
  background: rgba(255, 255, 255, 0.56) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur-strong);
  backdrop-filter: var(--jdm-glass-blur-strong);
  border: none !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.75), inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 24px 64px rgba(76, 98, 140, 0.18) !important;
  border-radius: 24px !important;
}
/* 登录输入框：与找回密码页同款"亮白玻璃填充+白高光描边"（跨页一致性） */
html.glass-light #form-content .form-input input,
html.glass-light #form-content input[type="text"],
html.glass-light #form-content input[type="password"] {
  background: rgba(255, 255, 255, 0.5) !important;
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  border-radius: 12px !important;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.55) !important;
}
/* 登录族输入框聚焦态：品牌蓝描边+光晕（细节反馈） */
html.glass-light .login_inputs1 input:focus,
html.glass-light #form-content .form-input input:focus,
html.glass-light #form-content input[type="text"]:focus,
html.glass-light #form-content input[type="password"]:focus {
  border-color: rgba(82, 122, 254, 0.65) !important;
  box-shadow: 0 0 0 3px rgba(82, 122, 254, 0.15), inset 0 1px 2px rgba(255, 255, 255, 0.55) !important;
}
/* 登录提交按钮 */
html.glass-light #form-content .btn-primary,
html.glass-light #form-content .form-submit .btn-primary {
  border-radius: 999px !important;
}

/* 注册页左右拼合卡（.reg-new-box = 外层整卡，左半 .list-new-item 原为实底蓝渐变）：
   统一为"整卡玻璃 + 两半透明"——消除左右两半的材质割裂。
   ⚠ 描边用 inset 阴影模拟而非 border：左450+右500=950px 恰好占满卡宽，加 1px border
   会在 border-box 下向内吃掉 2px，右半浮动放不下会掉到下一行（左右变上下） */
html.glass-light .reg-new-box {
  background: rgba(255, 255, 255, 0.56) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur-strong);
  backdrop-filter: var(--jdm-glass-blur-strong);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.75), inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 16px 48px rgba(76, 98, 140, 0.13) !important;
}
/* 左半功能列表：去实底蓝渐变 → 透明；中缝用隐约的蓝灰细线（白色高光线在浅底上反而生硬） */
html.glass-light .reg-new-box .list-new-item {
  background: transparent !important;
  border-right: 1px solid rgba(120, 140, 170, 0.16) !important;
}
/* 左半图标底板：白实底 → 半透明玻璃片 */
html.glass-light .reg-new-box .list-new-item li + li img {
  background: rgba(255, 255, 255, 0.6) !important;
  box-shadow: 0 4px 14px rgba(76, 98, 140, 0.1) !important;
}
/* 左半正文灰字加深一档，补偿玻璃透底后的对比度损失 */
html.glass-light .reg-new-box .list-new-item li + li .item-info h4 {
  color: #475569 !important;
}
/* 右半表单：整卡内不再单独成卡（覆盖上方全局 #form-content 玻璃规则） */
html.glass-light .reg-new-box #form-content {
  background: transparent !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border: none !important;
  box-shadow: none !important;
}

/* ============================================================================
   备注：
   1. 深色模式完全不受影响：所有规则挂在 html.glass-light 下，
      切换深色后由 darkmode.css / gantt-darkmode.css 全权接管。
   2. 性能：backdrop-filter 只出现在 fixed 导航、卡片、弹窗、下拉等离散表面；
      甘特 .gdfTable、pro_list 表格行等大面积区域仅调不透明度。
   3. 渐变背景挂 background-attachment: fixed，滚动时玻璃采样稳定不闪烁。
   ============================================================================ */

/* ============================== 16. 项目概览统计页（project-main · pm-card 族）==============================
 * 统计页精细适配：卡片玻璃化但保住图表可读性——卡体半透明+模糊，
 * 表格行/hover/筛选条做同语言轻量化；进度条填充保持语义色不動 */
/* 统计卡：白实底+黑细边 → 玻璃卡（保留真 border 原宽度，只换色——BFC 状态与原版一致零布局扰动） */
html.glass-light .pm-card {
  background: rgba(255, 255, 255, 0.66) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur);
  backdrop-filter: var(--jdm-glass-blur);
  border-color: rgba(255, 255, 255, 0.75) !important;
  box-shadow: var(--jdm-glass-shadow) !important;
}
html.glass-light .pm-card:hover {
  border-color: rgba(82, 122, 254, 0.35) !important;
  box-shadow: var(--jdm-glass-shadow-hover) !important;
}
/* 筛选条卡：灰白实底 → 更透的玻璃（弱化为工具层） */
html.glass-light .pm-card.pm-filter-bar {
  background: rgba(255, 255, 255, 0.42) !important;
  border-color: rgba(255, 255, 255, 0.6) !important;
}
/* 卡内表格：表头字色加深一档补偿透底，行分隔线半透明，hover 品牌染色玻璃 */
html.glass-light .pm-card .table thead th {
  color: #64748b !important;
  border-bottom: 1px solid rgba(120, 140, 170, 0.15) !important;
}
html.glass-light .pm-card .table td {
  border-bottom: 1px solid rgba(120, 140, 170, 0.08) !important;
}
html.glass-light .pm-card .table tbody tr:hover {
  background: rgba(82, 122, 254, 0.07) !important;
}
/* 骨架屏：半透明白 */
html.glass-light .pm-skeleton,
html.glass-light .pm-skeleton-row {
  background: rgba(255, 255, 255, 0.45) !important;
}
/* 统计数字条/进度轨道：实灰轨 → 半透明轨（填充色不动） */
html.glass-light .pm-to-bar,
html.glass-light .arc-stat-bar,
html.glass-light .rc-stat-bar {
  background-color: rgba(120, 140, 170, 0.16) !important;
}

/* ============================== 17. 聚合工作台（project-main standalone 模式） ============================== */
/* standalone 全屏顶栏（内联样式白底，!important+前缀提高优先级压制） */
html.glass-light #pmTopBar {
  background: rgba(255, 255, 255, 0.55) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur);
  backdrop-filter: var(--jdm-glass-blur);
  border-bottom: none !important;
  box-shadow: inset 0 -1px 0 var(--jdm-glass-border), 0 2px 12px rgba(76, 98, 140, 0.06) !important;
}
/* 概览元信息行：#fafbfc 实底（模板内联 !important）→ 半透明白 */
html.glass-light .pm-ov-meta-row {
  background: rgba(255, 255, 255, 0.45) !important;
}
/* AI 建议侧滑面板：#fff 实底 → 强玻璃（内容可读优先 0.82） */
html.glass-light .pm-ai-panel {
  background: var(--jdm-glass-strong) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur-strong);
  backdrop-filter: var(--jdm-glass-blur-strong);
}
html.glass-light .pm-ai-header {
  background: rgba(255, 255, 255, 0.5) !important;
  border-bottom: 1px solid rgba(120, 140, 170, 0.12) !important;
}
html.glass-light .pm-ai-footer {
  background: rgba(255, 255, 255, 0.4) !important;
  border-top: 1px solid rgba(120, 140, 170, 0.1) !important;
}
/* ystep 步骤条容器：白实底 → 玻璃 */
html.glass-light .ystep,
html.glass-light .ystep ul,
html.glass-light .ystep3 {
  background-color: rgba(255, 255, 255, 0.5) !important;
}
/* 成员表"我"的行高亮：#f8faff 实底 → 品牌染色玻璃（与暗色模式口径一致） */
html.glass-light #teamuserinfolist tr.pm-me-row {
  background: rgba(82, 122, 254, 0.07) !important;
}

/* ============================== 18. 文档仪表盘 + 文档列表 ============================== */
/* 项目选择器下拉面板（ProjectPicker JS 注入 .pp-panel）：白实底 → 强玻璃 */
html.glass-light .pp-panel {
  background: var(--jdm-glass-strong) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur);
  backdrop-filter: var(--jdm-glass-blur);
  border: 1px solid var(--jdm-glass-border) !important;
}
/* 文档列表工具栏：存储量胶囊玻璃化 */
html.glass-light .doc_kb_inner .pro_tit_recycle,
html.glass-light .pro_content .pro_tit_recycle {
  background: rgba(255, 255, 255, 0.55) !important;
  border: 1px solid rgba(255, 255, 255, 0.65) !important;
  border-radius: 999px !important;
  padding: 6px 16px !important;
  box-shadow: 0 2px 8px rgba(76, 98, 140, 0.06) !important;
}
/* 新建文档按钮：品牌渐变胶囊（原蓝实底小按钮升级） */
html.glass-light .pro_content .pro_tit_clear .pro_tit_new,
html.glass-light .doc_kb_inner .pro_tit_new {
  background: var(--jdm-btn-gradient) !important;
  background-image: var(--jdm-btn-gradient) !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 14px rgba(82, 122, 254, 0.3) !important;
  border: none !important;
}
/* 文档表格排版节奏（行高/字距）已移至 glass-layout.css §7（三主题统一） */

/* ============================== 19. 文档列表卡片网格（视觉覆盖） ==============================
 * 网格布局与实色基线在 glass-layout.css §8；此处覆盖为玻璃材质（晨昏） */
html.glass-light .doc-card {
  background: rgba(255, 255, 255, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.7);
  box-shadow: 0 2px 10px rgba(76, 98, 140, 0.07);
}
html.glass-light .doc-card:hover {
  border-color: rgba(82, 122, 254, 0.4);
  box-shadow: 0 10px 26px rgba(76, 98, 140, 0.14), 0 3px 8px rgba(82, 122, 254, 0.1);
}
html.glass-light .doc-card__icon img {
  filter: drop-shadow(0 2px 6px rgba(76, 98, 140, 0.18));
}

/* ============================== 20. 文档工作区（document-workspace：树+编辑器+目录） ==============================
 * 分层策略：容器透明透出渐变；树/目录侧栏轻玻璃；编辑面板中玻璃；
 * ToastUI 编辑器写作面保持近实白（可读性优先，大面积不加 blur） */
html.glass-light .doc-workspace-container {
  background: transparent !important;
}
html.glass-light .doc-tree-panel {
  background-color: rgba(255, 255, 255, 0.55) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur);
  backdrop-filter: var(--jdm-glass-blur);
  border-right: 1px solid rgba(255, 255, 255, 0.65) !important;
}
html.glass-light .doc-editor-panel {
  background-color: rgba(255, 255, 255, 0.75) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur);
  backdrop-filter: var(--jdm-glass-blur);
}
html.glass-light #docTocPanel {
  background: rgba(255, 255, 255, 0.55) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur);
  backdrop-filter: var(--jdm-glass-blur);
}
/* ToastUI 编辑器：写作面近实白（0.92），工具条分隔线柔化 */
html.glass-light .toastui-editor-ww-container,
html.glass-light .toastui-editor-md-container,
html.glass-light .toastui-editor-defaultUI {
  background-color: rgba(255, 255, 255, 0.92) !important;
}
html.glass-light .toastui-editor-defaultUI-toolbar {
  background-color: rgba(255, 255, 255, 0.6) !important;
  border-bottom: 1px solid rgba(120, 140, 170, 0.12) !important;
}
/* 工作区工具条按钮（新建/分享/删除等）玻璃胶囊化 */
html.glass-light .doc-toolbar-btn {
  background: rgba(255, 255, 255, 0.6) !important;
  /* 2026-11-02 表单控件边界可见化：70%白边在白卡上隐形导致输入框/下拉糊在一起（用户反馈"不整齐"），改淡蓝灰发丝边 */
  border: 1px solid rgba(120, 140, 170, 0.28) !important;
  border-radius: 10px !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
html.glass-light .doc-toolbar-btn:hover {
  background: rgba(255, 255, 255, 0.85) !important;
  border-color: rgba(82, 122, 254, 0.35) !important;
}
/* 2026-11-07 新建按钮玻璃变体：浅靛蓝半透明底（主操作），hover 实心品牌蓝；
   特异性 + !important 压过上方 .doc-toolbar-btn 的白色玻璃覆盖 */
html.glass-light .doc-toolbar-btn.doc-new-btn {
  background: rgba(82, 122, 254, 0.14) !important;
  border: 1px solid rgba(82, 122, 254, 0.35) !important;
  color: #527afe !important;
  border-radius: 10px !important;
}
html.glass-light .doc-toolbar-btn.doc-new-btn:hover {
  background: rgba(82, 122, 254, 0.88) !important;
  border-color: rgba(82, 122, 254, 0.88) !important;
  color: #ffffff !important;
  box-shadow: 0 3px 12px rgba(82, 122, 254, 0.35) !important;
}
/* 分类侧栏（doc-category-panel）同玻璃口径 */
html.glass-light .doc-category-panel {
  background: rgba(255, 255, 255, 0.5) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur);
  backdrop-filter: var(--jdm-glass-blur);
}

/* ============================== 21. 文档工作区·玻璃视觉（几何在 glass-layout.css §9） ==============================
   * 设计语言：Notion/Craft 式"悬浮面板"——渐变背景直达，三面板变成彼此留隙的玻璃卡；
   * 左栏 76px 图标导航轨、树面板 300px、编辑器大标题的【布局】在 glass-layout.css，三主题共用 */
/* 容器：透明（留边/gap 在布局层） */
html.glass-light .doc-workspace-container {
  background: transparent !important;
}
/* —— 左栏图标轨：玻璃卡材质 —— */
html.glass-light :where(.doc-category-panel) {
  background: rgba(255, 255, 255, 0.5) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur);
  backdrop-filter: var(--jdm-glass-blur);
  border: none !important;
  border-radius: 14px !important;
  box-shadow: var(--jdm-glass-shadow) !important;
}
html.glass-light .doc-category-btn,
html.glass-light .doc-back-btn {
  border-radius: 12px !important;
}
/* 激活分类：品牌染色玻璃胶囊 */
html.glass-light .doc-category-btn.active {
  background: rgba(82, 122, 254, 0.14) !important;
  color: #3a5fee !important;
  box-shadow: inset 0 0 0 1px rgba(82, 122, 254, 0.22) !important;
}
/* 最近文档下拉（贴轨飞出，几何在布局层）：强玻璃 */
html.glass-light .doc-recent-list {
  background: var(--jdm-glass-strong) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur);
  backdrop-filter: var(--jdm-glass-blur);
  border: 1px solid var(--jdm-glass-border) !important;
  border-radius: 12px !important;
}
/* —— 中栏：文档树玻璃卡 —— */
html.glass-light :where(.doc-tree-panel) {
  background: rgba(255, 255, 255, 0.58) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur);
  backdrop-filter: var(--jdm-glass-blur);
  border: none !important;
  border-radius: 14px !important;
  box-shadow: var(--jdm-glass-shadow) !important;
}
/* 搜索框：玻璃胶囊 */
html.glass-light .doc-search-input {
  background: rgba(255, 255, 255, 0.6) !important;
  /* 2026-11-02 表单控件边界可见化：70%白边在白卡上隐形导致输入框/下拉糊在一起（用户反馈"不整齐"），改淡蓝灰发丝边 */
  border: 1px solid rgba(120, 140, 170, 0.28) !important;
  border-radius: 10px !important;
}
/* 视图切换（全部/我的）：分段控件玻璃化 */
html.glass-light .doc-view-switch {
  background: rgba(255, 255, 255, 0.45) !important;
  border-radius: 10px !important;
  padding: 3px !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6) !important;
}
html.glass-light .doc-view-switch-btn.active {
  background: rgba(255, 255, 255, 0.92) !important;
  /* 字色必须补：documents.css 原版激活态是蓝底白字，本层只换了白底——
     白字落白底即隐形（2026-11-02 修复：全部/我的按钮焦点文字看不见） */
  color: #1e293b !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 4px rgba(76, 98, 140, 0.12) !important;
}
/* 项目筛选/分类选择器下拉：强玻璃 */
html.glass-light .doc-project-filter-dropdown,
html.glass-light .doc-category-dropdown,
html.glass-light .doc-project-dropdown,
html.glass-light .doc-task-dropdown,
html.glass-light .doc-category-filter-dropdown {
  background: var(--jdm-glass-strong) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur);
  backdrop-filter: var(--jdm-glass-blur);
  border: 1px solid var(--jdm-glass-border) !important;
  border-radius: 12px !important;
}
/* —— 右栏：编辑器玻璃卡 —— */
html.glass-light .doc-editor-panel {
  background: rgba(255, 255, 255, 0.78) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur);
  backdrop-filter: var(--jdm-glass-blur);
  border-radius: 14px !important;
  box-shadow: var(--jdm-glass-shadow) !important;
}
/* 编辑器头部：玻璃子条 + 选择器胶囊化 */
html.glass-light .doc-editor-header {
  background: rgba(255, 255, 255, 0.4) !important;
  border-bottom: 1px solid rgba(120, 140, 170, 0.1) !important;
}
html.glass-light .doc-category-selector,
html.glass-light .doc-project-selector,
html.glass-light .doc-task-selector {
  background: rgba(255, 255, 255, 0.6) !important;
  /* 2026-11-02 表单控件边界可见化：70%白边在白卡上隐形导致输入框/下拉糊在一起（用户反馈"不整齐"），改淡蓝灰发丝边 */
  border: 1px solid rgba(120, 140, 170, 0.28) !important;
  border-radius: 999px !important;
  padding: 5px 14px !important;
}
/* 标题输入字色（大字号排版在布局层） */
html.glass-light .doc-title-input {
  color: #172b4d !important;
}
html.glass-light .doc-title-input::placeholder { color: #b6c2d2 !important; }
/* 字数统计：悬浮玻璃芯片 */
html.glass-light .doc-word-count {
  background: rgba(255, 255, 255, 0.75) !important;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border: 1px solid var(--jdm-glass-border) !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 14px rgba(76, 98, 140, 0.12) !important;
}
/* 目录面板：轻玻璃 */
html.glass-light .doc-toc-panel {
  background: rgba(255, 255, 255, 0.5) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur);
  backdrop-filter: var(--jdm-glass-blur);
  border-left: 1px solid rgba(255, 255, 255, 0.6) !important;
}
/* 折叠按钮：悬浮玻璃圆钮（left/z-index 在布局层） */
html.glass-light .doc-sidebar-toggle {
  background: rgba(255, 255, 255, 0.72) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: 1px solid var(--jdm-glass-border) !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 14px rgba(76, 98, 140, 0.14) !important;
}
/* jstree 文档树：hover 玻璃条 / 激活品牌胶囊 */
html.glass-light #docTree .jstree-node,
html.glass-light #docTree .jstree-anchor {
  transition: background 0.15s, color 0.15s !important;
}
html.glass-light #docTree .jstree-anchor {
  border-radius: 8px !important;
  padding: 4px 8px !important;
}
html.glass-light #docTree .jstree-anchor:hover {
  background: rgba(255, 255, 255, 0.7) !important;
}
html.glass-light #docTree .jstree-anchor.jstree-clicked,
html.glass-light #docTree .jstree-anchor.active {
  background: rgba(82, 122, 254, 0.14) !important;
  color: #3a5fee !important;
}
/* 文件管理区：同款浮动玻璃卡 */
html.glass-light .file-content-area {
  background: transparent !important;
  box-shadow: none !important;
}
/* 飞出面板阴影（几何在布局层） */
html.glass-light .doc-recent-list {
  box-shadow: 0 16px 44px rgba(76, 98, 140, 0.2) !important;
}
html.glass-light .doc-recent-item:hover {
  background: rgba(82, 122, 254, 0.1) !important;
  color: #3a5fee !important;
}

/* ============================== 22. 侧栏折叠（sidebar-collapsed） ==============================
 * 折叠态 gap/归零、折叠按钮 left:400px/0 定位已全部移至 glass-layout.css §10（三主题共用） */

/* ============================== 23. 文件管理视图（file-workspace：侧栏+主面板+列表） ==============================
 * 与文档工作区同语言：容器透明、侧栏轻玻璃、主面板中玻璃、列表表头玻璃子条。
 * 注意：不触碰 JS 内联切换的 display/width（见第22节教训） */
html.glass-light .file-workspace-container {
  background: transparent !important;
}
html.glass-light .file-sidebar-panel {
  background: rgba(255, 255, 255, 0.55) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur);
  backdrop-filter: var(--jdm-glass-blur);
  border: none !important;
  border-radius: 14px !important;
  box-shadow: var(--jdm-glass-shadow) !important;
}
html.glass-light .file-main-panel {
  background: rgba(255, 255, 255, 0.7) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur);
  backdrop-filter: var(--jdm-glass-blur);
  border: none !important;
  border-radius: 14px !important;
  box-shadow: var(--jdm-glass-shadow) !important;
  overflow: hidden !important;
}
/* 工具条与列表：表头玻璃子条，列表体近实白（文件名可读性） */
html.glass-light .file-toolbar {
  background: rgba(255, 255, 255, 0.4) !important;
  border-bottom: 1px solid rgba(120, 140, 170, 0.1) !important;
}
html.glass-light #fileListHeader,
html.glass-light .file-list-header {
  background: rgba(255, 255, 255, 0.5) !important;
  border-bottom: 1px solid rgba(120, 140, 170, 0.1) !important;
}
html.glass-light .fileListContainer,
html.glass-light .file-list-container {
  background: transparent !important;
}
/* 搜索框/项目选择器：玻璃胶囊 */
html.glass-light .file-search-box,
html.glass-light #fileProjectSelector {
  background: rgba(255, 255, 255, 0.6) !important;
  /* 2026-11-02 表单控件边界可见化：70%白边在白卡上隐形导致输入框/下拉糊在一起（用户反馈"不整齐"），改淡蓝灰发丝边 */
  border: 1px solid rgba(120, 140, 170, 0.28) !important;
  border-radius: 12px !important;
}
/* 文件行 hover：品牌染色玻璃 */
html.glass-light .fileListBody tr:hover,
html.glass-light .file-list-body tr:hover {
  background: rgba(82, 122, 254, 0.07) !important;
}
/* 分类按钮（全部/图片/文档）：分段控件玻璃，激活白胶囊
   补深字色：原版激活字 #60a5fa 浅蓝落白底对比不足（同 2026-11-02 白底补字色口径） */
html.glass-light .file-category-btn.active {
  background: rgba(255, 255, 255, 0.92) !important;
  color: #3a5fee !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 4px rgba(76, 98, 140, 0.12) !important;
}
/* 上传弹层下拉：强玻璃 */
html.glass-light .file-upload-dropdown,
html.glass-light .file-upload-dropdown-list {
  background: var(--jdm-glass-strong) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur);
  backdrop-filter: var(--jdm-glass-blur);
  border: 1px solid var(--jdm-glass-border) !important;
  border-radius: 12px !important;
}

/* ============================== 24. 文件管理·卡片模式（file-grid-item） ==============================
 * 与文档列表 .doc-card 同语言：玻璃卡 + hover 上浮品牌描边 */
html.glass-light .file-grid-item {
  background: rgba(255, 255, 255, 0.55) !important;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  border-radius: 14px !important;
  box-shadow: 0 2px 10px rgba(76, 98, 140, 0.07) !important;
}
html.glass-light .file-grid-item:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(82, 122, 254, 0.4) !important;
  box-shadow: 0 10px 26px rgba(76, 98, 140, 0.14), 0 3px 8px rgba(82, 122, 254, 0.1) !important;
}
/* 文件管理：左右玻璃卡 12px 呼吸缝已在 glass-layout.css §11（三主题共用） */

/* 任务列表表格（task.html）：与项目表同语言——细灰引导线 + 品牌染色 hover
 *（原设计为无线表格：td 透明线 + 灰 hover，此处统一为 v38 的表格体系） */
html.glass-light .task_list .table tr td {
  border-bottom: 1px solid rgba(120, 140, 170, 0.16) !important;
}
html.glass-light .task_list .table tr th {
  border-top: 1px solid rgba(120, 140, 170, 0.14) !important;
  border-bottom: 1px solid rgba(120, 140, 170, 0.14) !important;
}
html.glass-light .task_list .table tr:hover {
  background: rgba(82, 122, 254, 0.06) !important;
}

/* ============================== 25. 项目TODO页（todolist-project） ==============================
 * 原为内联样式的白实底页：页面透明化（玻璃大卡由 .pro_content 承载），
 * Tab 条/快捷添加条/日期钮统一玻璃语言 */
/* TODO 页自身就是独立大卡（不在 .pro_content 内）：与主容器同档 0.8 玻璃卡 */
html.glass-light .project-todo-page {
  background: rgba(255, 255, 255, 0.8) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur);
  backdrop-filter: var(--jdm-glass-blur);
  border: none !important;
  border-radius: 14px !important;
  box-shadow: inset 0 0 0 1px var(--jdm-glass-border), var(--jdm-glass-shadow) !important;
}
html.glass-light .project-todo-tabs {
  background: rgba(255, 255, 255, 0.4) !important;
  border-bottom: 1px solid rgba(120, 140, 170, 0.1) !important;
}
/* Tab 胶囊：默认幽灵、激活品牌染色 */
html.glass-light .project-todo-tab {
  background: transparent !important;
  border-radius: 10px !important;
}
html.glass-light .project-todo-tab.active {
  background: rgba(82, 122, 254, 0.14) !important;
  color: #3a5fee !important;
  box-shadow: inset 0 0 0 1px rgba(82, 122, 254, 0.22) !important;
}
/* 今天/明天/本周快捷钮：玻璃小芯片 */
html.glass-light .todo-date-btn {
  background: rgba(255, 255, 255, 0.6) !important;
  border: 1px solid rgba(255, 255, 255, 0.65) !important;
  border-radius: 8px !important;
}
/* 激活芯片：品牌染色玻璃（2026-11-03 修复）——上方默认态(0,2,1)会压掉页面
   .todo-date-btn.active(0,2,0) 的品牌蓝底，但不覆盖其 color:#fff，白玻璃底+白字成隐形字；
   本规则以更高优先级补齐选择态，口径同 project-todo-tab.active 的"激活品牌染色" */
html.glass-light .todo-date-btn.active {
  background: rgba(82, 122, 254, 0.16) !important;
  color: #3a5fee !important;
  border-color: rgba(82, 122, 254, 0.3) !important;
  box-shadow: inset 0 0 0 1px rgba(82, 122, 254, 0.22), 0 2px 8px rgba(82, 122, 254, 0.18) !important;
}
/* TODO 行 hover：品牌染色玻璃（与全站表格口径一致） */
html.glass-light .project-todo-page .todo-list li:hover,
html.glass-light .todo-group-list li:hover {
  background: rgba(82, 122, 254, 0.06) !important;
}

/* ============================== 26. 项目TODO页·工具区节奏（已并入 §27 与布局层） ============================== */

/* ============================== 27. 项目TODO页·头部三段式（视觉部分） ==============================
 * 三段式几何（页头 56px/Tab 胶囊 padding/录入排节奏）在 glass-layout.css §12，三主题共用 */
/* —— A 段：页头 —— */
html.glass-light .project-todo-tabs {
  background: transparent !important;
  border-bottom: none !important;
}
html.glass-light .project-todo-title {
  font-size: 15px !important;
  color: #1e293b !important;
}
/* 分段控件：默认幽灵、激活实白胶囊（参考图"最亮层"语言） */
html.glass-light .project-todo-tab {
  border-radius: 999px !important;
  background: transparent !important;
  color: #64748b !important;
  box-shadow: none !important;
  transition: all 0.18s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
html.glass-light .project-todo-tab.active {
  background: rgba(255, 255, 255, 0.95) !important;
  color: #1e293b !important;
  box-shadow: 0 1px 5px rgba(76, 98, 140, 0.14), inset 0 0 0 1px rgba(255, 255, 255, 0.9) !important;
}
html.glass-light .project-todo-refresh {
  border-radius: 999px !important;
  transition: all 0.18s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
html.glass-light .project-todo-refresh:hover {
  background: rgba(255, 255, 255, 0.7) !important;
}
/* —— B 段：录入（通栏贴条 → 悬浮玻璃胶囊）—— */
html.glass-light .todo-quick-add-bar {
  background: transparent !important;
  border-bottom: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html.glass-light .todo-quick-add-wrapper {
  background: rgba(255, 255, 255, 0.6) !important;
  border: 1px solid rgba(255, 255, 255, 0.75) !important;
  border-radius: 999px !important;
  box-shadow: 0 2px 12px rgba(76, 98, 140, 0.08) !important;
}
html.glass-light .todo-quick-add-wrapper input {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
html.glass-light .todo-quick-add-wrapper input:focus {
  box-shadow: none !important;
  border: none !important;
}

/* 修复：面板Tab激活态被上面"默认色加深"规则覆盖（优先级更高）——
   激活Tab必须品牌蓝+加粗+品牌下划线，与默认灰形成明确焦点 */
html.glass-light #tasktopnav .panel_topnav_project a.project_panel_topnav_select {
  color: rgb(82, 122, 254) !important;
  font-weight: 700 !important;
}
html.glass-light #tasktopnav .panel_topnav_project a.project_panel_topnav_select::after {
  background: rgb(82, 122, 254) !important;
  height: 3px !important;
  border-radius: 3px !important;
}

/* ============================== 28. 项目面板·文件Tab（project-documents） ============================== */
/* 工具栏白实底 → 玻璃子条 */
html.glass-light .doc_kb_inner .pro_tit_clear {
  background: rgba(255, 255, 255, 0.4) !important;
  border-bottom: 1px solid rgba(120, 140, 170, 0.1) !important;
}
/* 文件表表头行：白实底 → 玻璃子条（与其他表格口径一致） */
html.glass-light .doc_kb_inner .pro_list .table th {
  background: rgba(255, 255, 255, 0.4) !important;
  border-bottom: 1px solid rgba(120, 140, 170, 0.14) !important;
}
/* 搜索框：灰底 → 玻璃白胶囊（聚焦品牌环） */
html.glass-light .docsearch-input {
  background: rgba(255, 255, 255, 0.6) !important;
  /* 2026-11-02 表单控件边界可见化：70%白边在白卡上隐形导致输入框/下拉糊在一起（用户反馈"不整齐"），改淡蓝灰发丝边 */
  border: 1px solid rgba(120, 140, 170, 0.28) !important;
  border-radius: 17px !important;
}
html.glass-light .docsearch-input:focus {
  background: rgba(255, 255, 255, 0.85) !important;
  border-color: rgba(82, 122, 254, 0.6) !important;
  box-shadow: 0 0 0 3px rgba(82, 122, 254, 0.12) !important;
}
html.glass-light .docsearch-input:hover {
  background: rgba(255, 255, 255, 0.75) !important;
}

/* ---- 2026-11-08 文件Tab 改版（dfl- 单卡片骨架）· 晨昏适配 ----
   口径同 .project-todo-page（§晨昏卡片规范）：玻璃卡 + 半透白子条；
   旧 .pro_tit_clear/.table th 规则保留兼容未改版路径 */
/* 单卡片容器：白实底 → 玻璃卡 */
html.glass-light .dfl-page {
  background: rgba(255, 255, 255, 0.8) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur);
  backdrop-filter: var(--jdm-glass-blur);
  border: none !important;
  border-radius: 14px !important;
  box-shadow: inset 0 0 0 1px var(--jdm-glass-border), var(--jdm-glass-shadow) !important;
}
/* 工具栏/表头/分页栏：子条半透白 */
html.glass-light .dfl-toolbar,
html.glass-light .dfl-head {
  background: rgba(255, 255, 255, 0.4) !important;
  border-bottom: 1px solid rgba(120, 140, 170, 0.1) !important;
}
html.glass-light .doclist-pagination {
  background: rgba(255, 255, 255, 0.4) !important;
  border-top: 1px solid rgba(120, 140, 170, 0.1) !important;
}
/* 行：hover 玻璃蓝染；分隔线淡蓝灰 */
html.glass-light .dfl-row { border-bottom-color: rgba(120, 140, 170, 0.08) !important; }
html.glass-light .dfl-row:hover { background: rgba(82, 122, 254, 0.06) !important; }
/* 图标瓷贴/存储胶囊/锁角标：玻璃白 */
html.glass-light .dfl-ico { background: rgba(255, 255, 255, 0.55) !important; }
html.glass-light .dfl-usage { background: rgba(255, 255, 255, 0.55) !important; }
html.glass-light .dfl-lock { background: rgba(255, 255, 255, 0.9) !important; border-color: rgba(230, 180, 100, 0.45) !important; }
/* 任务徽标：品牌染色玻璃 */
html.glass-light .dfl-task {
  background: rgba(82, 122, 254, 0.1) !important;
  border-color: rgba(82, 122, 254, 0.22) !important;
  color: #4a6df0 !important;
}
/* 分页按钮：白玻璃胶囊 */
html.glass-light .docpage-btn {
  background: rgba(255, 255, 255, 0.6) !important;
  border: 1px solid rgba(120, 140, 170, 0.2) !important;
}
html.glass-light .docpage-btn.active {
  background: linear-gradient(180deg, #5f86ff, #527afe) !important;
  border-color: transparent !important;
  color: #fff !important;
}
/* 滚动条淡蓝灰 */
html.glass-light .dfl-scroll::-webkit-scrollbar-thumb { background: rgba(120, 140, 170, 0.35); border-radius: 4px; border: 2px solid transparent; background-clip: content-box; }
/* 空态弱化 */
html.glass-light .dfl-empty { color: #8a97ab !important; }


/* ============================== 30. 脑图页（mindmap.html） ============================== */
/* 左侧分类菜单（160px 白实底侧栏）：标准玻璃侧栏卡 */
html.glass-light .mindtypelistpanel {
  background: rgba(255, 255, 255, 0.55) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur);
  backdrop-filter: var(--jdm-glass-blur);
  border-radius: 16px !important;
  /* 窄栏不加 inset 描边环：160px 宽度上环线弯角显眼，读作"白色边框"——只留弥散影 */
  box-shadow: var(--jdm-glass-shadow) !important;
}
/* 分类列表行 hover：品牌染色玻璃 */
html.glass-light .mindtypelistul li:hover {
  background: rgba(82, 122, 254, 0.08) !important;
}
/* 分类标题行操作图标（2026-11-05 用户反馈：灰在玻璃底上看不清）——刷新用可读岩灰，
   加号用品牌蓝（与创建脑图弹窗分类行加号同色，保持"新建"操作的品牌强调），hover 加深一档 */
html.glass-light .mindtypelistpanel .mind-type-actions .refreshmymindlist {
  color: #64748b !important;
}
html.glass-light .mindtypelistpanel .mind-type-actions .addmindtypeplus {
  color: #527afe !important;
}
html.glass-light .mindtypelistpanel .mind-type-actions .refreshmymindlist:hover {
  color: #527afe !important;
}
html.glass-light .mindtypelistpanel .mind-type-actions .addmindtypeplus:hover {
  color: #3a63e8 !important;
}
/* 脑图列表表头：白实底 → 玻璃子条（全站表头口径） */
html.glass-light .mind-sort-th {
  background: rgba(255, 255, 255, 0.4) !important;
  border-bottom: 1px solid rgba(120, 140, 170, 0.14) !important;
}
/* 右侧内容区 .mind_content 已由 .pro_content(0.8) 规则覆盖 */

/* ============================== 31. 脑图弹窗（创建/编辑 + 小提示弹窗）·视觉 ==============================
 * 弹窗结构布局（内边距/全宽输入/居中排版）在 glass-layout.css §13，三主题共用 */
html.glass-light #mindmap-myModal .modal-title {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #172b4d !important;
}
html.glass-light #mindmap-myModal .modal-header {
  border-bottom: 1px solid rgba(120, 140, 170, 0.1) !important;
}
/* 名称输入：玻璃胶囊（全宽/42px 几何在布局层） */
html.glass-light #mindmap-myModal #mindname,
html.glass-light #mindteammodal #mindnameset {
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.6) !important;
  /* 2026-11-02 表单控件边界可见化：70%白边在白卡上隐形导致输入框/下拉糊在一起（用户反馈"不整齐"），改淡蓝灰发丝边 */
  border: 1px solid rgba(120, 140, 170, 0.28) !important;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.55) !important;
}
html.glass-light #mindmap-myModal #mindname:focus,
html.glass-light #mindteammodal #mindnameset:focus {
  border-color: rgba(82, 122, 254, 0.6) !important;
  box-shadow: 0 0 0 3px rgba(82, 122, 254, 0.13) !important;
}
/* 分类选择 select 同口径 */
html.glass-light #mindmap-myModal select.form-control,
html.glass-light #mindteammodal select.form-control {
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.6) !important;
  /* 2026-11-02 表单控件边界可见化：70%白边在白卡上隐形导致输入框/下拉糊在一起（用户反馈"不整齐"），改淡蓝灰发丝边 */
  border: 1px solid rgba(120, 140, 170, 0.28) !important;
}
/* 模板 chips：玻璃覆盖（实色基线在 glass-layout.css） */
html.glass-light .mind-template-btn {
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  background: rgba(255, 255, 255, 0.55) !important;
}
html.glass-light .mind-template-btn:hover {
  background: rgba(255, 255, 255, 0.8) !important;
  color: #3a5fee !important;
  border-color: rgba(82, 122, 254, 0.3) !important;
}
html.glass-light .mind-template-btn.active {
  background: var(--jdm-btn-gradient) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  box-shadow: 0 3px 10px rgba(82, 122, 254, 0.3) !important;
}
/* 脑图族小提示弹窗：字色（居中排版在布局层） */
html.glass-light .modal[id^="mind"] .modal-title,
html.glass-light .modal[id^="mind"] h5.modal-title {
  font-weight: 600 !important;
  color: #172b4d !important;
}
html.glass-light .modal[id^="mind"] .modal-body {
  color: #475569 !important;
}

/* ============================== 32. 创建脑图弹窗·单列布局（mm-*）·视觉 ==============================
 * 520px 弹宽/关闭钮定位/字段组间距/底部按钮排布等几何在 glass-layout.css §13 */
html.glass-light #mindmap-myModal .close,
html.glass-light #mindteammodal .close {
  opacity: 0.45 !important;
  text-shadow: none !important;
}
html.glass-light #mindmap-myModal .close:hover,
html.glass-light #mindteammodal .close:hover { opacity: 0.9 !important; }
html.glass-light .mm-create__head .modal-title {
  color: #172b4d !important;
}
html.glass-light .mm-create__sub {
  color: #94a3b8 !important;
}
html.glass-light .mm-field__label {
  color: #64748b !important;
}
/* 分类行加号：玻璃圆钮（几何在布局层） */
html.glass-light .addmindtypeplus {
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.6) !important;
  /* 2026-11-02 表单控件边界可见化：70%白边在白卡上隐形导致输入框/下拉糊在一起（用户反馈"不整齐"），改淡蓝灰发丝边 */
  border: 1px solid rgba(120, 140, 170, 0.28) !important;
  color: #527afe !important;
}
html.glass-light .addmindtypeplus:hover {
  background: rgba(82, 122, 254, 0.14) !important;
}

/* 编辑弹窗专属：协作者成员区（玻璃子面，头像行布局在布局层） */
html.glass-light #mindteammodal .mm-members {
  background: rgba(255, 255, 255, 0.4) !important;
  border-radius: 12px !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6) !important;
}

/* ============================== 33. 编辑弹窗·协作者区精修（视觉） ============================== */
/* 皇冠投影（重锚坐标在布局层） */
html.glass-light #mindteammodal #huangguan {
  filter: drop-shadow(0 1px 2px rgba(76, 98, 140, 0.35));
}
/* 成员头像：灰边 → 白边圆头像 + 柔和投影 */
html.glass-light #mindteammodal #minduserteam img.userimg,
html.glass-light #mindteammodal #minduserteam img[title] {
  border: 2px solid #ffffff !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 8px rgba(76, 98, 140, 0.18) !important;
}
/* 添加成员按钮（img）：虚线品牌圆钮（几何在布局层） */
html.glass-light #mindteammodal #addsetminduserbut {
  border-radius: 50% !important;
  border: 1.5px dashed rgba(82, 122, 254, 0.5) !important;
  background: rgba(255, 255, 255, 0.55) !important;
}
html.glass-light #mindteammodal #addsetminduserbut:hover {
  background: rgba(82, 122, 254, 0.12) !important;
}


/* ============================== 35. 我的中心·细节精修（accountset） ============================== */
/* 内层大容器：白实底 → 透明（玻璃由 .mycenter_admin_name 承担，避免叠白） */
html.glass-light .mycenter_admin {
  background: transparent !important;
}
/* 表单分组面板：白实底 → 轻玻璃子面 */
html.glass-light .acct-form-section,
html.glass-light .mycenter_admin .acct-form-section {
  /* 2026-11-02 拍平卡中卡：分区融入大卡（原玻璃子卡在大卡内再起一层） */
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
/* 输入框/下拉：白实底 → 玻璃胶囊 + 聚焦品牌环 */
html.glass-light .acct-input,
html.glass-light .acct-select,
html.glass-light .mycenter_admin_name input[type="text"],
html.glass-light .mycenter_admin_name input[type="password"],
html.glass-light .mycenter_admin_name select {
  background: rgba(255, 255, 255, 0.6) !important;
  /* 2026-11-02 表单控件边界可见化：70%白边在白卡上隐形导致输入框/下拉糊在一起（用户反馈"不整齐"），改淡蓝灰发丝边 */
  border: 1px solid rgba(120, 140, 170, 0.28) !important;
  border-radius: 10px !important;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.5) !important;
  transition: border-color 0.18s, box-shadow 0.18s !important;
}
html.glass-light .acct-input:focus,
html.glass-light .acct-select:focus,
html.glass-light .mycenter_admin_name input:focus {
  border-color: rgba(82, 122, 254, 0.6) !important;
  box-shadow: 0 0 0 3px rgba(82, 122, 254, 0.13) !important;
}
/* 快捷入口卡（工作台直达等）：白实底 → 玻璃卡 + hover 上浮品牌描边 */
html.glass-light .acct-home-card-inner {
  background: rgba(255, 255, 255, 0.55) !important;
  border-radius: 14px !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 2px 10px rgba(76, 98, 140, 0.06) !important;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s !important;
}
html.glass-light .acct-home-card-inner:hover {
  transform: translateY(-3px) !important;
  box-shadow: inset 0 0 0 1px rgba(82, 122, 254, 0.32), 0 10px 24px rgba(76, 98, 140, 0.14) !important;
}
/* 分组标题字阶 */
html.glass-light .acct-section-title {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #1e293b !important;
}
/* 绑定项（微信/邮箱）行 hover */
html.glass-light .acct-bind-item:hover {
  background: rgba(82, 122, 254, 0.05) !important;
}

/* ============================== 36. 我的中心·顶级重构（accountset 独立页）·视觉 ==============================
 * 单列 900px 居中/隐藏迷你边栏/Tab flex 化/表单行归一等几何全部在 glass-layout.css §14 */
/* 外层容器成为唯一玻璃大卡（admin_name 退透明，修正第7节的旧分配） */
html.glass-light .mycenter_admin {
  background: rgba(255, 255, 255, 0.66) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur);
  backdrop-filter: var(--jdm-glass-blur);
  border-radius: 20px !important;
  box-shadow: inset 0 0 0 1px var(--jdm-glass-border), var(--jdm-glass-shadow) !important;
}
html.glass-light .mycenter_admin .mycenter_admin_name {
  background: transparent !important;
  box-shadow: none !important;
}
/* Tab 条 → 玻璃分段控件（激活实白胶囊；AI 连接器 a 同化为幽灵胶囊） */
html.glass-light .mycenter_admin_naver {
  background: transparent !important;
}
html.glass-light .mycenter_admin_lis div {
  border-radius: 999px !important;
  color: #64748b !important;
  font-size: 13.5px !important;
  background: rgba(255, 255, 255, 0.4) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6) !important;
  transition: all 0.18s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
html.glass-light .mycenter_admin_lis div.lis_active {
  background: rgba(255, 255, 255, 0.95) !important;
  color: #1e293b !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 5px rgba(76, 98, 140, 0.14), inset 0 0 0 1px rgba(255, 255, 255, 0.9) !important;
}
html.glass-light .mycenter_admin_lis a {
  border-radius: 999px !important;
  background: transparent !important;
  border: 1px dashed rgba(82, 122, 254, 0.4) !important;
  color: #527afe !important;
  font-size: 12.5px !important;
}
/* 身份卡：蓝色渐变实底 → 玻璃 */
html.glass-light .acct-profile-card {
  background: rgba(255, 255, 255, 0.45) !important;
  border: none !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65) !important;
}
/* 保存按钮：品牌渐变胶囊（inline-flex 居中几何在布局层） */
html.glass-light .acct-save-btn,
html.glass-light .saveuserinfo {
  background: var(--jdm-btn-gradient) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 14px rgba(82, 122, 254, 0.3) !important;
  transition: transform 0.18s, box-shadow 0.18s !important;
}
html.glass-light .acct-save-btn:hover,
html.glass-light .saveuserinfo:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(82, 122, 254, 0.42) !important;
}
html.glass-light .acct-save-btn-secondary {
  background: rgba(255, 255, 255, 0.6) !important;
  color: #3a5fee !important;
  border: 1px solid rgba(82, 122, 254, 0.35) !important;
  box-shadow: none !important;
}
/* 密码Tab标签/副说明字色（行距几何在布局层） */
html.glass-light .mycenter_admin_inputs3 .acct-label {
  color: #64748b !important;
}
html.glass-light .acct-section-sub {
  color: #94a3b8 !important;
}

/* ============================== 37. 项目列表·视图切换钮图标居中（已移布局层 §15） ============================== */

/* ============================== 38. 左侧导航栏·图标轨视觉 ============================== */
/* 几何骨架（76px 宽/内边距/flex 居中/按钮尺寸）已移至 glass-layout.css §1，三主题共用 */
html.glass-light .index_kb_main_naver {
  background: rgba(255, 255, 255, 0.5) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur);
  backdrop-filter: var(--jdm-glass-blur);
  border-right: none !important;
  border-radius: 0 !important; /* 2026-11-02 用户要求：轨道四角直角，无弧度 */
  box-shadow: 1px 0 0 rgba(255,255,255,.5), 4px 0 20px rgba(76,98,140,.05) !important;
}
html.glass-light .index_kb_main_naver .mainbutton {
  background: transparent !important;
  border-radius: 12px !important;
}
/* 图标：清晰饱满（去模糊感） */
html.glass-light .index_kb_main_naver img {
  opacity: 0.88;
  filter: none;
  transition: opacity 0.18s, filter 0.18s !important;
}
/* 文字：加深（从灰浅改为可读） */
html.glass-light .index_kb_main_naver .mainbuttonname {
  color: #334155 !important;
  font-weight: 500 !important;
}
/* hover：品牌染色玻璃 */
html.glass-light .index_kb_main_naver .mainbutton:hover {
  background: rgba(82, 122, 254, 0.1) !important;
  color: #3a5fee !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
html.glass-light .index_kb_main_naver .mainbutton:hover img { opacity: 1; filter: drop-shadow(0 1px 3px rgba(82,122,254,0.3)); }
html.glass-light .index_kb_main_naver .mainbutton:hover .mainbuttonname { color: #3a5fee !important; font-weight: 600 !important; }
/* 选中态：品牌染色胶囊（最高优先级——覆盖第3节旧规则和任何内联残留） */
html.glass-light .index_kb_main_naver .mainbutton.mainbuttonselect {
  background: rgba(82, 122, 254, 0.13) !important;
  color: #3a5fee !important;
  border-radius: 12px !important;
  box-shadow: inset 0 0 0 1px rgba(82, 122, 254, 0.2), inset 0 1px 0 rgba(255,255,255,0.5) !important;
  font-weight: 600 !important;
}
html.glass-light .index_kb_main_naver .mainbutton.mainbuttonselect img { opacity: 1 !important; filter: drop-shadow(0 1px 3px rgba(82,122,254,0.35)) !important; }
html.glass-light .index_kb_main_naver .mainbutton.mainbuttonselect .mainbuttonname { color: #3a5fee !important; font-weight: 600 !important; }
html.glass-light .index_kb_main_naver .mainbuttonselect img { opacity: 1; filter: drop-shadow(0 1px 3px rgba(82,122,254,0.35)); }
html.glass-light .index_kb_main_naver .mainbuttonselect .mainbuttonname { color: #3a5fee; font-weight: 600; }

/* ============================== 40. 左栏模式内容区间距（已移布局层 §3/§4） ============================== */


/* 头像菜单·晨昏浮动投影（2026-11-02 世界级菜单）：§9 组规则的 !important 压住了
   index.css 的四层投影，此处同权重后置覆盖——光环+三层立体，白对白分离靠光影 */
html.glass-light .index_person_div {
	box-shadow: inset 0 0 0 1px rgba(16, 24, 40, 0.07), 0 1px 2px rgba(16, 24, 40, 0.08), 0 12px 32px -4px rgba(16, 24, 40, 0.16), 0 24px 48px -12px rgba(16, 24, 40, 0.24) !important;
}

/* ============================================================================
   jdm-menu · 统一操作菜单晨昏玻璃覆盖（对应 index.css 末尾同名设计系统）
   浮层用强玻璃档（--jdm-glass-strong + blur-strong，弹窗级可读性），
   悬停底用品牌蓝淡染而非纯灰，让玻璃菜单透出天空渐变的冷色
   ============================================================================ */
html.glass-light .dropdown-menu.jdm-menu {
  background: var(--jdm-glass-strong) !important;
  border: 1px solid var(--jdm-glass-border) !important;
  border-radius: 10px !important;
  box-shadow: var(--jdm-glass-shadow-hover) !important;
  -webkit-backdrop-filter: var(--jdm-glass-blur-strong);
  backdrop-filter: var(--jdm-glass-blur-strong);
}
html.glass-light .dropdown-menu.jdm-menu li a.jdm-menu__item:hover,
html.glass-light .dropdown-menu.jdm-menu li a.jdm-menu__item:focus {
  background: rgba(82, 122, 254, 0.10) !important;
}
html.glass-light .dropdown-menu.jdm-menu li a.jdm-menu__item--danger:hover,
html.glass-light .dropdown-menu.jdm-menu li a.jdm-menu__item--danger:focus {
  background: rgba(229, 72, 77, 0.10) !important;
}
html.glass-light .dropdown-menu.jdm-menu li.jdm-menu__sep {
  background: rgba(76, 98, 140, 0.14);
}
html.glass-light .jdm-more-trigger:hover {
  background: rgba(82, 122, 254, 0.14);
}

/* 脑图行齿轮晨昏（对应 index.css 的 .jdm-mind-gear） */
html.glass-light .jdm-mind-gear:hover {
  background: rgba(82, 122, 254, 0.14);
}