/* ================================================
   atelier.css — Atelier Noir 高级层
   纯增量层，加载在 enhancements.css 之后。
   回滚方法：从 index.html 删除本 <link> 即可。
   设计方向：工作室黑金 / 高对比衬线大标题 / 深色玻璃质感 / 金箔点缀
   ================================================ */

/* ===== 高级字体令牌（系统字体堆栈内的优雅选择） ===== */
:root{
  --atelier-display:'PingFang SC','SF Pro Display','Georgia','Noto Serif SC',serif;
  --atelier-serif:'Georgia','Songti SC','Noto Serif SC',serif;
  --atelier-mono:'SF Mono','JetBrains Mono','Fira Code',Menlo,monospace;
  /* 金箔色：在浅色/深色主题下都可用 */
  --atelier-gold:#c9a961;
  --atelier-gold-soft:#e8d5a0;
  --atelier-gold-dim:rgba(201,169,97,.35);
  /* 深色玻璃质感 */
  --atelier-glass-dark:rgba(20,22,30,.72);
  --atelier-glass-light:rgba(255,255,255,.72);
}

/* ===== 侧边栏：完全隐藏态 + 边缘呼出 ===== */

/* 新增第三态：sidebar-hidden（完全隐藏，仅留边缘触发条） */
/* 通过 .sidebar-toggle 长按或双击触发，CSS 提供 hover 呼出 */
#app.sidebar-collapsed .sidebar{
  /* 折叠态升级：更窄 + 玻璃质感 */
  width:72px;
  min-width:72px;
  background:color-mix(in srgb,var(--bg) 88%,transparent);
  backdrop-filter:blur(20px) saturate(180%);
  -webkit-backdrop-filter:blur(20px) saturate(180%);
}
#app.sidebar-collapsed .sidebar-header{
  padding:0 0 22px;
  flex-direction:column;
  gap:14px;
}
#app.sidebar-collapsed .logo-icon{
  font-size:30px;
}
#app.sidebar-collapsed .sidebar-toggle{
  width:32px;height:32px;
  border-radius:10px;
  background:var(--accent);
  color:var(--bg);
  border-color:var(--accent);
  box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 35%,transparent);
}
#app.sidebar-collapsed .sidebar-toggle:hover{
  transform:scale(1.08);
}

/* 折叠态导航项：图标居中 + 工具提示 */
#app.sidebar-collapsed .nav-item{
  width:44px;height:44px;
  padding:0;
  justify-content:center;
  border-radius:12px;
  margin:4px auto;
  position:relative;
}
#app.sidebar-collapsed .nav-item .label,
#app.sidebar-collapsed .nav-item .count{
  display:none;
}
/* 折叠态 hover 时显示 tooltip */
#app.sidebar-collapsed .nav-item:hover{
  background:color-mix(in srgb,var(--accent) 15%,transparent);
}
#app.sidebar-collapsed .nav-item:hover::after{
  content:attr(data-tooltip) attr(title);
  position:absolute;
  left:calc(100% + 12px);
  top:50%;transform:translateY(-50%);
  background:var(--text-1);
  color:var(--bg);
  padding:6px 12px;
  border-radius:8px;
  font-size:12px;font-weight:600;
  white-space:nowrap;
  z-index:1000;
  box-shadow:0 8px 24px rgba(0,0,0,.2);
  pointer-events:none;
  animation:atelier-tooltip-in .2s ease both;
}
@keyframes atelier-tooltip-in{
  from{opacity:0;transform:translateY(-50%) translateX(-4px)}
  to{opacity:1;transform:translateY(-50%) translateX(0)}
}

/* 折叠态底部：图标按钮居中 */
#app.sidebar-collapsed .sidebar-footer{
  padding:14px 0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
}
#app.sidebar-collapsed .auth-panel{
  display:none;
}
#app.sidebar-collapsed .theme-actions{
  flex-direction:column;
  align-items:center;
}
#app.sidebar-collapsed .theme-toggle{
  width:44px;height:44px;
  padding:0;
  font-size:16px;
  border-radius:12px;
}

/* ===== 侧边栏展开态：高级化 ===== */

/* 侧边栏背景：微妙的纵向渐变 + 噪点 */
.sidebar{
  background:
    linear-gradient(180deg,
      color-mix(in srgb,var(--bg-soft) 100%,transparent) 0%,
      color-mix(in srgb,var(--bg) 96%,transparent) 100%);
  position:relative;
}
/* 侧边栏右侧金线装饰 */
.sidebar::before{
  content:'';
  position:absolute;
  top:20%;bottom:20%;right:0;
  width:1px;
  background:linear-gradient(180deg,
    transparent 0%,
    var(--atelier-gold-dim) 30%,
    var(--atelier-gold-dim) 70%,
    transparent 100%);
  z-index:1;
  pointer-events:none;
}

/* Logo 高级化：衬线字体 + 金箔渐变 */
.logo-text{
  font-family:var(--atelier-display);
  font-weight:900;
  letter-spacing:-.02em;
  background:linear-gradient(135deg,
    var(--accent) 0%,
    var(--atelier-gold) 50%,
    var(--accent) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  position:relative;
}
/* Logo 下方微小的金线装饰 */
.logo{
  position:relative;
}
.logo::after{
  content:'';
  position:absolute;
  bottom:-6px;left:0;
  width:24px;height:1px;
  background:var(--atelier-gold);
  opacity:.5;
}

/* 导航分组标题：字距加大 + 金色 */
.nav-group-title{
  font-family:var(--atelier-display);
  font-size:10px;
  font-weight:700;
  color:var(--atelier-gold);
  letter-spacing:.2em;
  text-transform:uppercase;
  opacity:.7;
}

/* 导航项：hover 时金色左边条 */
.nav-item{
  position:relative;
  font-weight:500;
}
.nav-item::before{
  background:linear-gradient(180deg,var(--atelier-gold),var(--accent))!important;
}
.nav-item.active{
  background:linear-gradient(90deg,
    color-mix(in srgb,var(--accent) 14%,transparent) 0%,
    color-mix(in srgb,var(--accent) 4%,transparent) 100%);
  color:var(--text-1);
  font-weight:600;
}
.nav-item.active .label{
  background:linear-gradient(135deg,var(--text-1),var(--atelier-gold));
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* ===== 顶部栏：玻璃质感 + 底部金线 ===== */
.top-bar{
  background:color-mix(in srgb,var(--bg-soft) 85%,transparent);
  backdrop-filter:blur(20px) saturate(180%);
  -webkit-backdrop-filter:blur(20px) saturate(180%);
  position:relative;
}
.top-bar::after{
  content:'';
  position:absolute;
  bottom:0;left:20%;right:20%;
  height:1px;
  background:linear-gradient(90deg,
    transparent 0%,
    var(--atelier-gold-dim) 50%,
    transparent 100%);
}

/* 搜索框：高级化 */
.search-box input{
  background:color-mix(in srgb,var(--bg) 70%,transparent);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  font-family:var(--atelier-display);
  letter-spacing:.01em;
}
.search-box input::placeholder{
  font-style:italic;
  opacity:.6;
}

/* 主标题：衬线 + 金箔渐变 */
.page-title{
  font-family:var(--atelier-display);
  font-weight:900;
  letter-spacing:-.04em;
  background:linear-gradient(135deg,
    var(--text-1) 0%,
    color-mix(in srgb,var(--text-1) 70%,var(--atelier-gold)) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  position:relative;
}
.page-title::before{
  background:linear-gradient(180deg,var(--atelier-gold),var(--accent))!important;
  width:3px!important;
}

/* 首屏描述：衬线斜体 */
.page-desc{
  font-family:var(--atelier-serif);
  font-style:italic;
  font-size:16px;
  color:var(--text-2);
  line-height:1.7;
  max-width:60ch;
}

/* ===== 分类卡片：高级化 ===== */
.category-card{
  background:color-mix(in srgb,var(--surface) 92%,transparent);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border:1px solid color-mix(in srgb,var(--border) 80%,transparent);
  position:relative;
  overflow:hidden;
}
/* 卡片右上角金角装饰 */
.category-card::before{
  background:linear-gradient(90deg,var(--atelier-gold),var(--accent))!important;
  height:2px!important;
}
/* 卡片 hover 时的金光扫过 */
.category-card{
  position:relative;
}
.category-card > *{
  position:relative;
  z-index:1;
}
/* 卡片背景的微妙渐变 */
.category-card{
  background-image:
    radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--atelier-gold) 4%,transparent) 0%,transparent 50%),
    linear-gradient(135deg,var(--surface) 0%,color-mix(in srgb,var(--surface) 96%,var(--bg-soft)) 100%);
}
.category-card:hover{
  background-image:
    radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--atelier-gold) 8%,transparent) 0%,transparent 50%),
    linear-gradient(135deg,var(--surface) 0%,color-mix(in srgb,var(--surface) 92%,var(--bg-soft)) 100%);
}
.category-card h3{
  font-family:var(--atelier-display);
  font-weight:700;
  letter-spacing:-.02em;
}
.category-card .meta{
  border-top:1px solid color-mix(in srgb,var(--atelier-gold) 20%,var(--border));
  font-family:var(--atelier-display);
  font-weight:500;
}

/* 题目卡片：高级化 */
.topic-card{
  background:color-mix(in srgb,var(--surface) 92%,transparent);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border:1px solid color-mix(in srgb,var(--border) 80%,transparent);
  position:relative;
}
.topic-card::before{
  background:linear-gradient(180deg,var(--atelier-gold),var(--accent))!important;
}
.topic-card h4{
  font-family:var(--atelier-display);
  font-weight:700;
  letter-spacing:-.02em;
}
.topic-card .tag{
  font-family:var(--atelier-display);
  font-weight:600;
  letter-spacing:.02em;
  border:1px solid color-mix(in srgb,currentcolor 20%,transparent);
}
.topic-card .tag.tag-core{
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--accent) 18%,transparent),
    color-mix(in srgb,var(--atelier-gold) 12%,transparent));
  color:var(--accent);
  border-color:color-mix(in srgb,var(--accent) 25%,transparent);
}
.topic-card .meta{
  border-top:1px solid color-mix(in srgb,var(--atelier-gold) 15%,var(--border));
}

/* ===== 幻灯片：高逼格设计 ===== */

/* 幻灯片容器：深色玻璃边框 + 金线 */
.deck-container{
  background:color-mix(in srgb,var(--bg-soft) 70%,transparent);
  box-shadow:
    0 24px 60px rgba(0,0,0,.15),
    0 8px 20px rgba(0,0,0,.08),
    inset 0 0 0 1px color-mix(in srgb,var(--atelier-gold) 12%,transparent)!important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
/* 容器右上角金角装饰 */
.deck-container::before{
  content:'';
  position:absolute;
  top:0;right:0;
  width:60px;height:60px;
  pointer-events:none;
  z-index:6;
  background:
    linear-gradient(135deg,transparent 50%,var(--atelier-gold-dim) 50%);
  opacity:.4;
}
.deck-container::after{
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--atelier-gold) 10%,transparent)!important;
}

/* 幻灯片本身：微妙纹理背景 */
.deck-container .slide{
  background-image:
    radial-gradient(circle at 20% 10%,color-mix(in srgb,var(--atelier-gold) 2%,transparent) 0%,transparent 40%),
    radial-gradient(circle at 80% 90%,color-mix(in srgb,var(--accent) 2%,transparent) 0%,transparent 40%),
    var(--bg);
}

/* 幻灯片大标题：衬线 + 紧字距 */
.deck-container .slide h1.title,
.deck-container .slide .h1{
  font-family:var(--atelier-display);
  font-weight:900;
  letter-spacing:-.04em;
}
.deck-container .slide h2.title,
.deck-container .slide .h2{
  font-family:var(--atelier-display);
  font-weight:800;
  letter-spacing:-.035em;
}
.deck-container .slide h3,
.deck-container .slide .h3{
  font-family:var(--atelier-display);
  font-weight:700;
  letter-spacing:-.02em;
}

/* 幻灯片 kicker：金色 + 大字距 */
.deck-container .slide .kicker{
  font-family:var(--atelier-display);
  color:var(--atelier-gold);
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-size:13px;
  position:relative;
  padding-left:24px;
}
.deck-container .slide .kicker::before{
  content:'';
  position:absolute;
  left:0;top:50%;transform:translateY(-50%);
  width:16px;height:1px;
  background:var(--atelier-gold);
}

/* 幻灯片 eyebrow：金色化 */
.deck-container .slide .eyebrow{
  color:var(--atelier-gold);
  font-family:var(--atelier-display);
  letter-spacing:.2em;
}

/* gradient-text：金箔渐变 */
.deck-container .slide .gradient-text{
  background:linear-gradient(135deg,
    var(--text-1) 0%,
    var(--atelier-gold) 50%,
    var(--text-1) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* deck-header/footer：高级化 */
.deck-container .deck-header{
  font-family:var(--atelier-display);
  letter-spacing:.18em;
  font-weight:600;
}
.deck-container .deck-header::before{
  content:'';
  display:inline-block;
  width:8px;height:1px;
  background:var(--atelier-gold);
  margin-right:8px;
  vertical-align:middle;
}
.deck-container .deck-footer{
  font-family:var(--atelier-display);
}
/* 页码：金色化 */
.deck-container .slide-number{
  color:var(--atelier-gold);
  font-weight:700;
  font-variant-numeric:tabular-nums;
}
.deck-container .slide-number::before{
  content:'';
  display:inline-block;
  width:6px;height:6px;
  border-radius:50%;
  background:var(--atelier-gold);
  margin-right:8px;
  vertical-align:middle;
  box-shadow:0 0 8px var(--atelier-gold);
}

/* ===== 幻灯片组件高级化 ===== */

/* 卡片：金边 + 玻璃 */
.deck-container .card,
.deck-container .concept-card{
  background:color-mix(in srgb,var(--surface) 92%,transparent);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  border:1px solid color-mix(in srgb,var(--border) 70%,transparent);
  position:relative;
}
.deck-container .card-accent{
  border-top:3px solid var(--atelier-gold);
}
.deck-container .card:hover,
.deck-container .concept-card:hover{
  border-color:color-mix(in srgb,var(--atelier-gold) 40%,var(--border));
  box-shadow:
    0 16px 40px rgba(0,0,0,.1),
    0 0 0 1px color-mix(in srgb,var(--atelier-gold) 20%,transparent)!important;
}

/* pill：金色边框 */
.deck-container .pill-accent{
  background:color-mix(in srgb,var(--atelier-gold) 12%,transparent);
  color:var(--atelier-gold);
  border-color:color-mix(in srgb,var(--atelier-gold) 28%,transparent);
}

/* divider-accent：金色 */
.deck-container .divider-accent{
  background:linear-gradient(90deg,var(--atelier-gold),var(--accent));
  height:2px;
}

/* 流程图节点：hover 金边 */
.deck-container .flow .node{
  background:color-mix(in srgb,var(--surface) 92%,transparent);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.deck-container .flow .node.hl{
  border-color:var(--atelier-gold);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--atelier-gold) 18%,transparent),
             0 8px 24px color-mix(in srgb,var(--atelier-gold) 20%,transparent)!important;
}
.deck-container .flow .node:hover{
  border-color:var(--atelier-gold);
  box-shadow:0 12px 32px rgba(0,0,0,.1),
             0 0 0 3px color-mix(in srgb,var(--atelier-gold) 15%,transparent)!important;
}

/* 步骤编号：金箔渐变 */
.deck-container .steps .step .num{
  background:linear-gradient(135deg,var(--atelier-gold),var(--accent))!important;
  box-shadow:0 4px 14px color-mix(in srgb,var(--atelier-gold) 35%,transparent),
             0 0 0 4px color-mix(in srgb,var(--atelier-gold) 8%,transparent)!important;
  font-family:var(--atelier-display);
}

/* 时间线圆点：金色脉冲 */
.deck-container .tl .dot{
  background:linear-gradient(135deg,var(--atelier-gold),var(--accent))!important;
  box-shadow:0 0 0 2px var(--atelier-gold),
             0 0 16px color-mix(in srgb,var(--atelier-gold) 50%,transparent)!important;
}
.deck-container .tl-v-item::before{
  background:var(--atelier-gold)!important;
  box-shadow:0 0 0 2px var(--atelier-gold),
             0 0 12px color-mix(in srgb,var(--atelier-gold) 40%,transparent)!important;
}
.deck-container .tl-v-date{
  color:var(--atelier-gold)!important;
  font-family:var(--atelier-display);
}

/* 思维导图根节点：金箔 */
.deck-container .mm .root{
  background:linear-gradient(135deg,var(--atelier-gold),var(--accent))!important;
  box-shadow:0 8px 24px color-mix(in srgb,var(--atelier-gold) 40%,transparent),
             0 0 0 6px color-mix(in srgb,var(--atelier-gold) 10%,transparent)!important;
  font-family:var(--atelier-display);
  font-weight:800;
}
.deck-container .mm .n:hover{
  border-color:var(--atelier-gold);
  box-shadow:0 8px 24px rgba(0,0,0,.1),
             0 0 0 3px color-mix(in srgb,var(--atelier-gold) 20%,transparent)!important;
}

/* 架构图：层名金色左边条 */
.deck-container .arch .tname{
  border-left:3px solid var(--atelier-gold)!important;
  font-family:var(--atelier-display);
  font-weight:700;
  color:var(--atelier-gold);
}
.deck-container .arch .tier.hl .cell{
  border-top:3px solid var(--atelier-gold)!important;
}
.deck-container .arch .cell:hover{
  border-color:var(--atelier-gold);
  box-shadow:0 12px 28px rgba(0,0,0,.08),
             0 0 0 3px color-mix(in srgb,var(--atelier-gold) 12%,transparent)!important;
}

/* 表格：金色表头底线 */
.deck-container .t th{
  font-family:var(--atelier-display);
  font-weight:700;
  letter-spacing:.12em;
}
.deck-container .t th::after{
  background:linear-gradient(90deg,var(--atelier-gold),var(--accent))!important;
  opacity:.6!important;
}
.deck-container .t tbody tr:hover td:first-child{
  box-shadow:inset 3px 0 0 var(--atelier-gold)!important;
}

/* 对比：金色 VS 符号 */
.deck-container .vs .mid{
  background:linear-gradient(135deg,var(--atelier-gold),var(--accent))!important;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  opacity:.6!important;
}
.deck-container .vs .good-side{
  border-top:3px solid var(--good);
}
.deck-container .vs .bad-side{
  border-top:3px solid var(--bad);
}

/* 代码块：macOS 窗口 + 金色边 */
.deck-container pre.card{
  border:1px solid color-mix(in srgb,var(--atelier-gold) 20%,var(--border))!important;
  box-shadow:0 8px 24px rgba(0,0,0,.15),
             inset 0 0 0 1px rgba(255,255,255,.03);
}

/* 终端：金色边框 */
.deck-container .term{
  border-color:color-mix(in srgb,var(--atelier-gold) 30%,rgba(0,255,120,.3))!important;
  box-shadow:0 0 60px rgba(0,255,136,.08) inset,
             0 8px 24px rgba(0,0,0,.2);
}

/* 封面：金箔光晕 */
.deck-container .cover-bg .placeholder{
  background:
    radial-gradient(60% 50% at 25% 30%,color-mix(in srgb,var(--atelier-gold) 35%,transparent) 0%,transparent 70%),
    radial-gradient(50% 40% at 75% 70%,color-mix(in srgb,var(--accent) 30%,transparent) 0%,transparent 70%),
    radial-gradient(40% 35% at 50% 50%,color-mix(in srgb,var(--accent-3) 18%,transparent) 0%,transparent 70%),
    linear-gradient(135deg,#0b1024,#1a2238)!important;
}
.deck-container .cover-content .h1{
  font-family:var(--atelier-display)!important;
  font-weight:900!important;
  letter-spacing:-.04em!important;
  background:linear-gradient(135deg,
    #ffffff 0%,
    var(--atelier-gold-soft) 50%,
    #ffffff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 4px 30px rgba(201,169,97,.3);
}

/* 技术规格：金色数字 */
.deck-container .spec-kpi.accent{
  border-top-color:var(--atelier-gold)!important;
}
.deck-container .spec-kpi.accent .num{
  background:linear-gradient(135deg,var(--atelier-gold),var(--accent))!important;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.deck-container .spec-kpi .label{
  font-family:var(--atelier-display);
  color:var(--atelier-gold);
  letter-spacing:.18em;
}

/* 台账：金色数字 */
.deck-container .ledger-row.accent .ledger-num{
  color:var(--atelier-gold);
}
.deck-container .ledger-num{
  font-family:var(--atelier-display);
}
.deck-container .ledger-row:hover{
  background:color-mix(in srgb,var(--atelier-gold) 4%,transparent)!important;
  box-shadow:inset 3px 0 0 var(--atelier-gold);
  padding-left:12px!important;
}

/* 平台卡片：金色 accent */
.deck-container .plat.accent{
  border-top-color:var(--atelier-gold)!important;
}
.deck-container .plat.accent .nb{
  color:var(--atelier-gold)!important;
}

/* 矩阵：金色 accent */
.deck-container .mx.accent{
  background:linear-gradient(135deg,var(--atelier-gold),var(--accent))!important;
}

/* CTA 按钮：金箔 */
.deck-container .cta .btn{
  background:linear-gradient(135deg,var(--atelier-gold),var(--accent))!important;
  color:#0b1024!important;
  font-family:var(--atelier-display);
  font-weight:800;
  letter-spacing:-.01em;
  box-shadow:0 8px 24px color-mix(in srgb,var(--atelier-gold) 35%,transparent)!important;
}

/* 玻璃卡片：金色边框 */
.deck-container .glass-card{
  border-color:color-mix(in srgb,var(--atelier-gold) 20%,rgba(255,255,255,.1))!important;
}

/* 路线图当前列：金色 */
.deck-container .rm .col.now{
  background:color-mix(in srgb,var(--atelier-gold) 8%,var(--surface))!important;
}
.deck-container .rm .col.now .tag{
  background:linear-gradient(135deg,var(--atelier-gold),var(--accent))!important;
}

/* ===== 进度条：金箔流光 ===== */
.progress-bar > span{
  background:linear-gradient(90deg,var(--atelier-gold),var(--accent),var(--atelier-gold))!important;
  box-shadow:0 0 12px color-mix(in srgb,var(--atelier-gold) 60%,transparent)!important;
}

/* ===== 按钮：金箔主按钮 ===== */
.btn-primary{
  background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--atelier-gold) 50%,var(--accent)))!important;
  font-family:var(--atelier-display);
  font-weight:700;
  letter-spacing:-.01em;
  box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 30%,transparent);
}
.btn-primary:hover{
  box-shadow:0 8px 24px color-mix(in srgb,var(--atelier-gold) 30%,transparent)!important;
}

/* btn-create：金色边框 hover */
.btn-create:hover{
  background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--atelier-gold) 40%,var(--accent)))!important;
  border-color:var(--atelier-gold)!important;
  color:var(--bg)!important;
}

/* ===== 模态框：金边 + 玻璃 ===== */
.modal{
  background:color-mix(in srgb,var(--surface) 95%,transparent);
  backdrop-filter:blur(24px) saturate(180%);
  -webkit-backdrop-filter:blur(24px) saturate(180%);
  border:1px solid color-mix(in srgb,var(--atelier-gold) 20%,var(--border))!important;
  box-shadow:
    0 24px 60px rgba(0,0,0,.2),
    0 0 0 1px color-mix(in srgb,var(--atelier-gold) 8%,transparent)!important;
}
.modal-header{
  border-bottom:1px solid color-mix(in srgb,var(--atelier-gold) 20%,var(--border))!important;
  position:relative;
}
.modal-header::after{
  content:'';
  position:absolute;
  bottom:-1px;left:24px;
  width:40px;height:2px;
  background:var(--atelier-gold);
}
.modal-header h3{
  font-family:var(--atelier-display);
  font-weight:800;
  letter-spacing:-.02em;
}

/* ===== 表单标签：金色大写 ===== */
.form-group label,
.modal-body .form-group label{
  color:var(--atelier-gold)!important;
  font-family:var(--atelier-display)!important;
}

/* ===== section-title：衬线 + 金线 ===== */
.section-title{
  font-family:var(--atelier-display)!important;
  font-weight:800!important;
  letter-spacing:-.03em!important;
  position:relative;
  padding-left:16px;
}
.section-title::before{
  content:'';
  position:absolute;
  left:0;top:8px;bottom:8px;
  width:3px;border-radius:999px;
  background:linear-gradient(180deg,var(--atelier-gold),var(--accent));
}

/* ===== 演讲者备注：金色左边条 ===== */
.speaker-notes{
  border-left-color:var(--atelier-gold)!important;
  background:color-mix(in srgb,var(--surface) 92%,transparent);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.speaker-notes h4{
  color:var(--atelier-gold)!important;
  font-family:var(--atelier-display);
}

/* ===== AI 加载层：金色 spinner ===== */
.spinner{
  border-top-color:var(--atelier-gold)!important;
  border-color:rgba(255,255,255,.12) rgba(255,255,255,.12) rgba(255,255,255,.12) var(--atelier-gold)!important;
}
.ai-loading-card h3{
  font-family:var(--atelier-display);
  background:linear-gradient(135deg,#fff,var(--atelier-gold-soft),#fff);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.ai-loading-progress-fill{
  background:linear-gradient(90deg,var(--atelier-gold),var(--accent),#68d2ff)!important;
}

/* ===== 响应式：移动端折叠态调整 ===== */
@media(max-width:900px){
  #app.sidebar-collapsed .sidebar{
    width:260px;
    min-width:260px;
  }
  /* 移动端不显示折叠 tooltip */
  #app.sidebar-collapsed .nav-item:hover::after{
    display:none;
  }
}

/* ===== 无障碍 ===== */
@media(prefers-reduced-motion:reduce){
  .deck-container .slide .kicker::before,
  .deck-container .deck-header::before,
  .deck-container .slide-number::before{
    animation:none!important;
  }
}