/* Warm Editorial 增强层 —— 在 assets/styles.css 之后引入，不改动现有布局 */
/* —— 0. 权威别名层（映射自线上变量，零漂移；不重定义 --gold-soft 以免破坏背景） —— */
:root{
  --primary: var(--ink);
  --primary-hover: var(--ink-700);
  --accent-gold: var(--gold);
  --gold-bg: var(--gold-soft);          /* 浅金背景语义 #F4E8CF */
  --surface-bg: var(--paper);
  --surface-card: var(--surface);
  --surface-card-2: var(--surface-2);
  --surface-border: var(--line);
  --border-strong: var(--line-strong);
  --text-primary: var(--ink);
  --text-secondary: var(--text-soft);
  --text-muted: var(--text-mute);
  --text-disabled: #9AA3B2;             /* 新增 */
  --success: var(--teal);
  --warning: var(--gold);
  --font-head: var(--font-display);
  --r-pill: 999px;
  /* 注：--danger / --font-body / --font-latin 三条同名别名已移除。
     别名名 == 源名构成自引用循环（CSS Custom Properties §3 cycles），
     会 invalid at computed-value time 并因级联在后而顶掉 styles.css 的原定义。
     这三个 token 在 styles.css:33/41/42 已正确定义，直接沿用即可，无需别名。 */
}

/* —— 1. Hero 金光径向渐变（首页 hero 替换内联 style；search/major 页已有同类渐变，无需改） —— */
.hero{
  position:relative; overflow:hidden;
  background:
    radial-gradient(1200px 480px at 82% -12%, rgba(200,144,47,.18), transparent 60%),
    var(--paper);
  padding-block: var(--sp-16) var(--sp-12);
  border-bottom:1px solid var(--line);
}

/* —— 2. CTA 区块（原型回流，线上原缺；深墨蓝底 + 右上金光 + 金按钮） —— */
.cta{
  position:relative; overflow:hidden;
  background:var(--ink);
  border-radius:var(--r-lg);
  padding:var(--sp-12) var(--sp-8);
  color:#fff; text-align:center;
  background-image:radial-gradient(620px 260px at 86% 0%, rgba(200,144,47,.28), transparent 62%);
}
.cta h2{ color:#fff; }
.cta p{ color:#C9CFE0; max-width:52ch; margin:var(--sp-3) auto var(--sp-5); }
.cta .btn--primary{ background:var(--accent-gold); color:#2a1d05; }
.cta .btn--primary:hover{ background:#E7C98C; }

/* —— 3. 校徽瓦片统一为中性浅灰容器（幂等；覆盖所有变体，含详情头/对比表内瓦片） —— */
.logo-tile, .dh__logo, .cmp__school .logo-tile{
  background:var(--paper-2);
  border:1px solid var(--line);
  border-radius:var(--r-tile);
}
.logo-tile{ display:grid; place-items:center; padding:7px; overflow:hidden; }

/* —— 4. 卡片顶部金线 hover（把院校卡已有的精致细节统一到专业卡） —— */
/* 仅作用于 .major-card：它在 styles.css:428 已有 :hover 位移+阴影，金线是对既有可供性的强化。
   原方案中的 .side-card 已移除——它是纯静态侧栏容器（无 hover 态，且有一处为深墨蓝底卡），
   加 hover 金线属误导性可供性。 */
.major-card{ position:relative; overflow:hidden; }
.major-card::before{
  content:""; position:absolute; inset:0 0 auto 0; height:3px;
  background:linear-gradient(90deg, var(--gold), transparent);
  opacity:0; transition:opacity var(--t-norm);
}
.major-card:hover::before{ opacity:1; }

/* —— 5. 按钮层级增强：新增大号 CTA 按钮 —— */
.btn--lg{ padding:14px 28px; font-size:1.02rem; }

/* —— 6. 表单卡阴影统一（使 feedback/forgot 可移除内联 box-shadow:var(--shadow-lg)） —— */
/* 用 --sh-lg 而非遗留的 --shadow-lg：后者是唯一游离在 --sh-* 家族外的 token，
   [data-theme="dark"]（styles.css:781-784）只覆盖了 --sh-*，未覆盖 --shadow-*，
   暗色下会停留在 rgba(15,23,42,.16)，比基线 --sh-md 的 rgba(0,0,0,.5) 还弱。 */
.auth-card{ box-shadow:var(--sh-lg); }

/* —— 7. 暗色模式：增强层新增组件同步（跟随线上 [data-theme="dark"] 机制） —— */
[data-theme="dark"] .cta{ background:#0A101C; }
[data-theme="dark"] .cta h2{ color:#F2EEE4; }
[data-theme="dark"] .cta p{ color:var(--text-soft); }
[data-theme="dark"] .cta .btn--primary{ background:var(--gold); color:#1a1206; }
[data-theme="dark"] .cta .btn--primary:hover{ background:var(--gold-deep); }
[data-theme="dark"] .hero{ background:radial-gradient(1200px 480px at 82% -12%, rgba(200,144,47,.14), transparent 60%), var(--paper); }
[data-theme="dark"] .logo-tile, [data-theme="dark"] .dh__logo, [data-theme="dark"] .cmp__school .logo-tile{ background:var(--surface-2); border-color:var(--line); }
[data-theme="dark"] .major-card::before{ background:linear-gradient(90deg, var(--gold-deep), transparent); }