/* FDE 知识库 · 全站统一主题（Apple Liquid Glass 液态玻璃）
   深色为默认；html[data-theme="light"] 切浅色。
   核心配方：场景光斑背景（fixed）+ 半透明磨砂面板（backdrop-filter）+ 高光描边 + 大圆角。
   所有子系统页面统一引用 /assets/fde-theme.css，颜色一律用 var(--fde-*)。 */

/* —— 场景背景：给玻璃提供可折射的光斑 —— */
html[data-theme="dark"] body {
  background:
    radial-gradient(1200px 800px at 12% -8%, rgba(53, 224, 255, .16), transparent 60%),
    radial-gradient(1000px 700px at 88% 6%, rgba(157, 124, 255, .15), transparent 55%),
    radial-gradient(900px 650px at 50% 112%, rgba(77, 255, 184, .10), transparent 60%),
    #0b0e15 !important;
  background-attachment: fixed !important;
}
html[data-theme="light"] body {
  background:
    radial-gradient(1200px 800px at 12% -8%, rgba(10, 132, 255, .16), transparent 60%),
    radial-gradient(1000px 700px at 88% 6%, rgba(191, 90, 242, .13), transparent 55%),
    radial-gradient(900px 650px at 50% 112%, rgba(255, 159, 10, .10), transparent 60%),
    #edf0f7 !important;
  background-attachment: fixed !important;
}

/* —— 令牌 —— */
:root,
html[data-theme="dark"] {
  --fde-bg: #14161d;
  --fde-bg2: #181b25;
  --fde-card: #1c1f29;
  --fde-border: #2a2e3c;
  --fde-border-h: #4a5068;
  --fde-text: #e8e6e1;
  --fde-dim: #8a8894;
  --fde-dim2: #9a98a3;
  --fde-faint: #55535e;
  --fde-faint2: #6b7086;
  --fde-panel: rgba(16, 22, 38, .6);
  --fde-warnbg: rgba(212, 167, 68, .12);
  --fde-okbg: rgba(63, 191, 155, .12);
  --fde-vignette: #000000;
  --fde-scrim: rgba(5, 7, 13, .92);
  --fde-scrim2: rgba(5, 7, 13, .55);
  --fde-glow: rgba(53, 224, 255, .10);
  --fde-glow-soft: rgba(53, 224, 255, .04);
  /* 液态玻璃 */
  --fde-glass-bg: rgba(255, 255, 255, .065);
  --fde-glass-bg-strong: rgba(255, 255, 255, .10);
  --fde-glass-border: rgba(255, 255, 255, .14);
  --fde-glass-highlight: rgba(255, 255, 255, .13);
  --fde-glass-shadow: 0 10px 40px rgba(0, 0, 0, .38);
  --fde-glass-blur: 22px;
  --fde-radius: 24px;
  color-scheme: dark;
}
html[data-theme="light"] {
  --fde-bg: #f5f6f9;
  --fde-bg2: #eef0f4;
  --fde-card: #ffffff;
  --fde-border: #dfe2e9;
  --fde-border-h: #b6bccb;
  --fde-text: #1d2130;
  --fde-dim: #5c6070;
  --fde-dim2: #4e5262;
  --fde-faint: #9a9daa;
  --fde-faint2: #7c8090;
  --fde-panel: rgba(255, 255, 255, .85);
  --fde-warnbg: #fdf2e3;
  --fde-okbg: #e6f3f1;
  --fde-vignette: #ffffff;
  --fde-scrim: rgba(255, 255, 255, .94);
  --fde-scrim2: rgba(255, 255, 255, .68);
  --fde-glow: rgba(11, 127, 168, .07);
  --fde-glow-soft: rgba(11, 127, 168, .035);
  /* 液态玻璃 */
  --fde-glass-bg: rgba(255, 255, 255, .55);
  --fde-glass-bg-strong: rgba(255, 255, 255, .72);
  --fde-glass-border: rgba(255, 255, 255, .70);
  --fde-glass-highlight: rgba(255, 255, 255, .95);
  --fde-glass-shadow: 0 10px 34px rgba(31, 41, 55, .12);
  --fde-glass-blur: 22px;
  --fde-radius: 24px;
  color-scheme: light;
}
body { background: var(--fde-bg); color: var(--fde-text); }

/* —— 玻璃面板配方（生成页模板直接内联同款属性；.fde-glass 供手动使用）—— */
.fde-glass {
  background: var(--fde-glass-bg);
  -webkit-backdrop-filter: blur(var(--fde-glass-blur)) saturate(170%);
  backdrop-filter: blur(var(--fde-glass-blur)) saturate(170%);
  border: 1px solid var(--fde-glass-border);
  box-shadow: var(--fde-glass-shadow), inset 0 1px 0 var(--fde-glass-highlight);
}

/* —— 悬浮日/夜切换按钮（fde-theme.js 注入）—— */
#fde-theme-toggle {
  position: fixed; top: 14px; right: 14px; width: 40px; height: 40px;
  border-radius: 50%; cursor: pointer; font-size: 17px; line-height: 1;
  color: var(--fde-text); z-index: 99999;
  display: flex; align-items: center; justify-content: center;
  background: var(--fde-glass-bg-strong);
  -webkit-backdrop-filter: blur(var(--fde-glass-blur)) saturate(170%);
  backdrop-filter: blur(var(--fde-glass-blur)) saturate(170%);
  border: 1px solid var(--fde-glass-border);
  box-shadow: var(--fde-glass-shadow), inset 0 1px 0 var(--fde-glass-highlight);
}
#fde-theme-toggle:hover { border-color: var(--fde-glass-highlight); transform: scale(1.06); }

/* 退出登录（玻璃胶囊，与切换按钮并排） */
#fde-logout {
  position: fixed; top: 14px; right: 62px; height: 40px; padding: 0 16px;
  border-radius: 20px; cursor: pointer; font-size: 13px; letter-spacing: 2px;
  color: var(--fde-dim); z-index: 99999;
  background: var(--fde-glass-bg);
  -webkit-backdrop-filter: blur(var(--fde-glass-blur)) saturate(170%);
  backdrop-filter: blur(var(--fde-glass-blur)) saturate(170%);
  border: 1px solid var(--fde-glass-border);
  box-shadow: var(--fde-glass-shadow), inset 0 1px 0 var(--fde-glass-highlight);
  font-family: inherit;
}
#fde-logout:hover { color: var(--fde-text); border-color: var(--fde-glass-highlight); }

/* —— 手机端自适应 —— */
@media (max-width: 640px) {
  #fde-theme-toggle { top: 10px; right: 10px; width: 36px; height: 36px; font-size: 15px; }
  #fde-logout { top: 10px; right: 54px; height: 36px; padding: 0 12px; font-size: 12px; }
}