:root {
  /* 文字色 */
  --bim-text: rgba(245, 252, 255, 0.92);
  --bim-muted: rgba(223, 241, 246, 0.72);

  /* 面板背景 */
  --bim-panel: rgba(18, 29, 35, 0.9);
  --bim-panel-soft: rgba(16, 25, 31, 0.8);

  /* 强调色 */
  --bim-accent: #08c7bc;
  --bim-accent2: #20e2d5;
  --bim-accent-hex: #53d6ce;

  /* 边框/线条 */
  --bim-line: rgba(42, 190, 182, 0.34);
  --bim-line-soft: rgba(42, 190, 182, 0.2);

  /* 进度条 */
  --bim-bar-track: rgba(255, 255, 255, 0.12);
  --bim-bar-fill: linear-gradient(90deg, #0eb7ff, #1ce0c5);

  /* 字体 */
  --bim-font-cn: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", sans-serif;
  --bim-font-num: "DIN Alternate", "Bahnschrift", "Segoe UI", "Arial Narrow", sans-serif;

  /* 玻璃态通用 */
  --bim-glass-bg:
    radial-gradient(260px 160px at 18% 0%, rgba(83, 214, 206, 0.14), transparent 62%) padding-box,
    linear-gradient(180deg, rgba(18, 26, 31, 0.94), rgba(14, 20, 25, 0.86)) padding-box;
  --bim-glass-border: linear-gradient(135deg, rgba(83, 214, 206, 0.42), rgba(83, 214, 206, 0.14), rgba(0, 0, 0, 0)) border-box;
  --bim-glass-shadow:
    0 32px 96px rgba(0, 0, 0, 0.48),
    0 0 28px rgba(83, 214, 206, 0.12),
    0 0 0 1px rgba(83, 214, 206, 0.12) inset,
    0 0 0 2px rgba(0, 0, 0, 0.1) inset;

  /* 警告/橙色 */
  --bim-warn: rgba(212, 136, 6, 0.95);
}

* {
  box-sizing: border-box;
}

html, body, #app {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

body {
  font-family: var(--bim-font-cn);
  background: #0b1216;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
