/* ══════════════════════════════════════════════════════════════════════════
   弈算2026 · 图标 v3 附属样式（2026-09-22 / 第三版：去发光）
   ──────────────────────────────────────────────────────────────────────────
   ⚠️⚠️ 本版最大变更：**HDR 发光全部移除**
     用户决定：「算了把 hdr 效果去了吧，只用一个鲜艳点的蓝色就好」

     已移除的东西：
       · .sidebar__logo / .mark 上的三层天蓝 drop-shadow（静态柔光）
       · [data-theme="dark"] 的加强辉光
       · :hover 增辉
       · logoV3Pulse 呼吸动画（整段 @media 块）
       · SVG 内的 feGaussianBlur+feFlood 滤镜（ysGlow）

     保留的：
       · 深底场景的**浅色底衬**（这个不是特效，是可读性刚需 —— 徽记主体是黑线，
         落在深蓝底上会糊成一片，见下方说明）
       · 极轻的投影（1~2px，仅用于让底衬有「贴片」质感，不是发光）

   梯形色：#2FAEE8（天蓝）→ **#0A84FF**（Apple systemBlue，更鲜艳、更蓝）

   ⚠️ 保留的历史教训（改这个文件前必读）：
     ① 发光**从未污染**其他颜色。实测「非发光版」vs「HDR 版」在彩虹区域逐像素最大差异 = 1，
        差异全在右上梯形周边。当初的「颜色灰蒙」真因是**浅蓝底衬 + 彩虹 V 值过低**，与发光无关。
     ② 「logo 位」在本项目有 5 套互不相干的 DOM/CSS，改一处 ≠ 改全部：
        .auth__brand .lg2-logo .mark(48) / .auth__mark(76) / .sidebar__logo(蓝底) /
        .brand__logo(移动端) / _login_overlay.html 的 .lg2-logo .mark
     ③ ⚠️ 本文件**必须排在 app.css / rec.css / order.css 之后**，
        否则被 app.css 的 `.mark{background:transparent}` 同权重覆盖（已踩过）。
     ④ 页面内徽记用**内联 SVG**（<svg><use href=".../yisuan-mark.svg#ysRoot"/></svg>），
        不用 <img>：PNG 是圆角透明底，浅色页面上透明角透出底色会让它比 SVG 灰一层。
   ══════════════════════════════════════════════════════════════════════════ */

/* 内联 SVG 的基本尺寸约束（具体宽高由容器决定） */
.ys-mark {
  display: block;
  width: 100%;
  height: 100%;
}

/* ─────────────────────────────────────────────────────────────────────────
   侧边栏徽记
   ⚠️ 底色原是 `background: var(--blue)`（蓝色实底），而徽记主体是黑线 #0E0E10
      ⇒ 黑线叠在蓝底上必然发糊。故垫**浅色底衬**（可读性刚需，非装饰）。
   ───────────────────────────────────────────────────────────────────────── */
.sidebar__logo {
  position: relative;
  isolation: isolate;
  background: linear-gradient(160deg, #FFFFFF 0%, #F2F5FA 100%);
  box-shadow:
    0 6px 16px rgba(0, 40, 100, .28),
    0 0 0 1px rgba(255, 255, 255, .40) inset;
}

.sidebar__logo .ys-mark {
  width: 76%;
  height: 76%;
}

/* 登录页品牌区（index.html / _login_overlay.html）：深蓝渐变上的徽记
   `linear-gradient(135deg,#0a4a8c 0%,#0066cc 55%,#1a7fe0 100%)`，亮度约 0.30
   同样需要浅色底衬，否则黑线看不清。 */
.auth__brand .lg2-logo .mark {
  background: linear-gradient(160deg, #FFFFFF 0%, #F2F5FA 100%);
  box-shadow:
    0 6px 20px rgba(0, 40, 100, .35),
    inset 0 0 0 1px rgba(255, 255, 255, .55);
}

.auth__brand .lg2-logo .mark .ys-mark {
  width: 74%;
  height: 74%;
}

/* 未登录页（records / users）的居中徽记
   ⚠️ 这两页用的是 **`.auth__mark`（76×76）**，与 index 的 `.lg2-logo .mark` 是**两套 DOM**，
     底色同为深蓝，所以必须单独写一条。 */
.auth__mark {
  background: linear-gradient(160deg, #FFFFFF 0%, #F2F5FA 100%);
  border-radius: 18px;
  box-shadow:
    0 12px 28px rgba(0, 20, 60, .45),
    inset 0 0 0 1px rgba(255, 255, 255, .55);
}

.auth__mark .ys-mark {
  width: 78%;
  height: 78%;
}

/* 悬浮时轻微上浮 + 微倾（保留交互反馈，但**不再增辉**） */
.sidebar__logo,
.auth__brand .lg2-logo .mark,
.auth__mark {
  transition: transform .4s cubic-bezier(.22, 1, .36, 1);
}

.auth__brand .lg2-logo:hover .mark {
  transform: translateY(-3px) rotate(-4deg);
}

.sidebar__brand:hover .sidebar__logo {
  transform: rotate(-8deg) scale(1.08);
}