/* 数字实训平台 · 设计令牌
 * 真源：改色值/阶梯只改本文件。文档见 设计规范.md（写角色与用法，不复制 hex）。
 */

:root {
  /* —— 文字色 —— */
  --text-primary: #303133;
  --text-secondary: #606266;
  --text-muted: #909399;
  --text-ink: #000000;
  --text-dark: #3d3d3d;
  --text-on-primary: #ffffff;

  /* —— 品牌 / 功能色 —— */
  --color-primary: #1677ff;
  --color-success: #28b28b;
  --color-warning: #dca707;
  --color-sim: #575aff;
  --color-unauth: #bfbfbf;
  --color-danger: #f56c6c;

  /* —— AI（勿另起色相） —— */
  --color-ai-accent: #8800ff;
  --color-ai-bg-soft: #f5f0ff;
  --color-ai-bg-page-top: #f3f0ff;
  --color-ai-bg-page-mid: #eef5ff;
  --gradient-ai-btn: linear-gradient(79deg, var(--color-primary) 13%, var(--color-ai-accent) 100%);

  /* —— 背景 / 边框 —— */
  --bg-white: #ffffff;
  --bg-page: #ebedf0;
  --bg-base: #f0f2f5;
  --bg-grey-3: #f5f5f5;
  --bg-search: linear-gradient(90deg, #cee8ff 0%, #f0f7ff 51%, #f8f0f3 99%);
  --border-lighter: #ebeef5;
  --border-light: #e4e7ed;
  --border-base: #dcdfe6;
  --border-grey-5: #d9d9d9;

  /* —— 字体 —— */
  --font-sans: "Noto Sans SC", "Source Han Sans SC", "Source Han Sans", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-num: "OPPO Sans", "Noto Sans SC", "Source Han Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-display: "Alimama ShuHeiTi", "DingTalk JinBuTi", "Noto Sans SC", sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;

  /* —— 字号阶梯（禁止非阶梯值；最小 12） —— */
  --font-12: 12px;
  --font-14: 14px;
  --font-16: 16px;
  --font-18: 18px;
  --font-20: 20px;
  --font-min: 12px;
  --font-body: 14px;
  --lh-12: 20px;
  --lh-14: 22px;
  --lh-16: 24px;
  --lh-18: 26px;
  --lh-20: 28px;

  /* —— 圆角 —— */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 20px;
  --radius-pill: 100px;

  /* —— 间距（8pt） —— */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;
  --space-8: 48px;

  /* —— 控件高度 —— */
  --control-h-sm: 28px;
  --control-h-md: 32px;
  --control-h-lg: 40px;

  /* —— 壳层尺寸 —— */
  --sidebar-w: 200px;
  --rail-w: 100px;
  --top-h: 60px;
  --drawer-w-sm: 560px;
  --drawer-w-md: 760px;
  --drawer-w-lg: 889px;

  /* —— 阴影（最多三档 + 抽屉） —— */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 12px 40px rgba(48, 49, 51, 0.16);
  --shadow-drawer: -8px 0 32px rgba(15, 23, 42, 0.12);
  --focus-ring: 0 0 0 3px rgba(22, 119, 255, 0.25);
  --overlay-scrim: rgba(48, 49, 51, 0.6);

  /* —— 层级 —— */
  --z-base: 1;
  --z-sticky: 50;
  --z-topbar: 100;
  --z-drawer: 110;
  --z-dropdown: 200;
  --z-modal: 300;
  --z-toast: 400;

  /* —— 断点（@media 须写同名数值，CSS 限制不能 var()） —— */
  --bp-sm: 800px;
  --bp-md: 1100px;
  --bp-lg: 1440px;

  /* —— 动效 —— */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --duration: 180ms;
}

/* 窗口控件 · 全页共用首页这一套 */
.win {
  position: absolute;
  left: 1797px;
  top: 0;
  width: 123px;
  height: 36px;
  z-index: 12;
  background: radial-gradient(100% 100% at 50% 0%, #365ba4 0%, #02266d 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 21.3% 100%, 0 0);
  box-shadow: inset 1px 0 2px rgba(121, 191, 249, 0.6);
}

.win__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.win__bg img,
.win__bg svg {
  width: 100%;
  height: 100%;
}

.win__btns {
  position: absolute;
  left: 24px;
  top: 5px;
  width: 93.76px;
  height: 25.92px;
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.win__btn {
  width: 25.92px;
  height: 25.92px;
  border-radius: 5.18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.win__min {
  width: 11.66px;
  height: 1.3px;
  background: #b2becc;
}

.win__max {
  width: 12.96px;
  height: 12.96px;
  border: 1.04px solid #b2becc;
  border-radius: 2.59px;
}

.win__close {
  width: 11.66px;
  height: 11.66px;
  display: flex;
}

.win__close svg {
  width: 100%;
  height: 100%;
}