/* ══════════════════════════════════════════════════════════════════════════
   正国级（国务院总理 / 国家主席）右侧栏 · 卷草纹外框
   ──────────────────────────────────────────────────────────────────────────
   问题：`.layout > aside.aside-head` 原来只有 `border: 6px solid var(--seal)`
        —— 一圈 6px 纯红粗线。它和全站其它卡片（细线 + 纸纹）不是一套语言，
        四角是生硬的直角切口，贴着深色卡片时像画了个红框把内容圈起来。
   为什么之前没换：项目里其实**早就有一整套卷草纹边框**（frame_corner_*.svg
        与 frame_edge_*.svg），但 styles.css 第 9706 行的注释写明——
        「一把手 .chief-right 与正国级 .aside-head 是另一套骨架，本段不覆盖」。
        于是非主官档右栏有纹样，正国级这档一直是那条红粗线。
   做法：把同一套 SVG 用到 .aside-head 上，参数按 360px 栏宽重算：
        · 角饰 56px（原 72px 是按更宽的栏定的，56 在 360 宽里约占 15%，不压内容）
        · 边线厚 23.52px、单片长 250.88px（均由 160px 原图等比推导）
        · 角饰用 no-repeat 钉四角，边线只用 repeat 沿长边平铺 —— 绝不拉伸变形
        · 多层 background 叠出，不新增任何 DOM，不影响点击
   叠加顺序（上→下）：四角 → 上下边 → 左右边 → 纸面 → 底色
   ══════════════════════════════════════════════════════════════════════════ */

:root .layout > aside.aside-head {
  /* 退掉原来那圈 6px 纯红粗线 */
  border: 0 !important;
  border-radius: 0 !important;

  /* 角饰 56px ⇒ 缩放比 s = 56/160 = 0.35，其余尺寸全部由 s 推导 */
  --fr-c: 56px;
  --fr-edge: 23.52px;      /* 48 × 1.4 × 0.35 */
  --fr-tile: 250.88px;     /* 512 × 1.4 × 0.35 */
  --fr-off: -4.06px;       /* -11.6 × 0.35：左/上沿外移，使红线落在 ~2.8px */
  --fr-far: -13.86px;      /* -39.6 × 0.35：右/下沿外移 */

  --fr-tl: url(../assets/frames/frame_corner_tl.svg?v=20261027PERF1);
  --fr-tr: url(../assets/frames/frame_corner_tr.svg?v=20261027PERF1);
  --fr-bl: url(../assets/frames/frame_corner_bl.svg?v=20261027PERF1);
  --fr-br: url(../assets/frames/frame_corner_br.svg?v=20261027PERF1);
  --fr-eh: url(../assets/frames/frame_edge_horizontal.svg?v=20261027PERF1);
  --fr-ev: url(../assets/frames/frame_edge_vertical.svg?v=20261027PERF1);
  --fr-paper: url(../assets/frames/panel_paper_background.svg?v=20261027PERF1);

  /* 内边距给足，内容和角饰互不侵犯 */
  /* ★ 2026-10-23：左右内边距加到 32px，避开右下角常驻工具条。
     实测 #sdLinkDock（百科/写给作者/复制链接，position:fixed、right:14px、
     z-index:99998）左边缘在 x=1186，而侧栏内容右边界是 1200 ——
     工具条压住了「翻看履历」「换立绘」两颗按钮的右边缘 14px，
     以及「行动点 12」的尾部。内容内缩到 32px 后两边不再相交。
     左右取同值，避免卷草纹框内出现不对称留白。 */
  padding: 22px 32px 18px !important;

  background-color: #F8F1E3 !important;
  background-image:
    var(--fr-tl), var(--fr-tr), var(--fr-bl), var(--fr-br),
    var(--fr-eh), var(--fr-eh), var(--fr-ev), var(--fr-ev),
    var(--fr-paper) !important;
  background-repeat:
    no-repeat, no-repeat, no-repeat, no-repeat,
    repeat-x, repeat-x, repeat-y, repeat-y,
    no-repeat !important;
  /* ★ 2026-10-23 修正：原来这里用了以长度开头的三值语法
     （如 `-4.06px bottom -13.86px`），CSS 里三值只接受
     「关键字 + 偏移 + 关键字」的顺序，以长度开头 ⇒ **整条声明作废**，
     九个层全部回落到初始值 0% 0%，于是四角角饰和四条边线全叠在左上角，
     屏幕上只看得到一个角花 —— 这正是「四角没画出来」的真实原因。
     现在统一写成 4 值（left/right + top/bottom）或 2 值，全部合法。 */
  background-position:
    left var(--fr-off) top var(--fr-off),
    right var(--fr-far) top var(--fr-off),
    left var(--fr-off) bottom var(--fr-far),
    right var(--fr-far) bottom var(--fr-far),
    left var(--fr-off) top var(--fr-off),
    left var(--fr-off) bottom var(--fr-far),
    left var(--fr-off) top var(--fr-off),
    right var(--fr-far) top var(--fr-off),
    center center !important;
  background-size:
    var(--fr-c) var(--fr-c),
    var(--fr-c) var(--fr-c),
    var(--fr-c) var(--fr-c),
    var(--fr-c) var(--fr-c),
    var(--fr-tile) var(--fr-edge),
    var(--fr-tile) var(--fr-edge),
    var(--fr-edge) var(--fr-tile),
    var(--fr-edge) var(--fr-tile),
    100% 100% !important;
  background-origin: border-box !important;
  background-clip: border-box !important;

  /* 原来那圈 box-shadow 是给红边做浮雕的，换了卷草纹就不需要了 */
  box-shadow: 0 2px 12px rgba(42, 33, 26, .10) !important;
}

/* 框内卡片：退掉各自的粗边，让外层卷草纹成为唯一外框 */
:root .layout > aside.aside-head .hsr-card {
  border: 1px solid rgba(150, 58, 43, .16);
  border-radius: 2px;
  box-shadow: none;
  background: rgba(255, 253, 247, .55);
}
/* 卡内小节分隔线也调淡，避免和纹样抢 */
:root .layout > aside.aside-head .hsr-sect {
  border-bottom-color: rgba(150, 58, 43, .14);
}
/* 立绘卡顶部那条金线保留，作为唯一的高光 */
:root .layout > aside.aside-head .hsr-rule {
  background: linear-gradient(90deg, var(--gold), rgba(154, 123, 63, .10));
}

/* 窄屏（≤1100px 时侧栏落到整行）角饰略缩，避免占太多 */
@media (max-width: 1100px) {
  :root .layout > aside.aside-head {
    --fr-c: 44px;
    --fr-edge: 18.48px;
    --fr-tile: 197.12px;
    --fr-off: -3.19px;
    --fr-far: -10.89px;
    padding: 18px 14px 16px !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════════
   顶层侧栏卡片层级（2026-10-23）
   ──────────────────────────────────────────────────────────────────────────
   问题：实测 4 张 .hsr-card 的 border / border-radius / background / shadow
         **完全一致**（distinctBorders=1、distinctBg=1），
         主卡「主席牌」和下面「起居 / 秘书 / 班底」看起来一样重，
         一屏里没有任何"先看哪张"的引导。
   做法：只把**主卡**（.hsr-idcard，装立绘、姓名、履职按钮的那张）提一档，
         其余副卡保持轻——靠"主卡更实 + 副卡更虚"制造层级，
         而不是给每张卡都加装饰（那只会更乱）。
   ══════════════════════════════════════════════════════════════════════════ */

/* 主卡：边框略深、底色更实、加一层极淡投影 */
:root .layout > aside.aside-head .hsr-card.hsr-idcard {
  border-color: rgba(150, 58, 43, .34);
  background: rgba(255, 253, 247, .78);
  box-shadow: 0 1px 4px rgba(42, 33, 26, .09);
}

/* 副卡：边框更浅、底色更透、无投影 —— 退到背景层 */
:root .layout > aside.aside-head .hsr-card:not(.hsr-idcard) {
  border-color: rgba(150, 58, 43, .11);
  background: rgba(255, 253, 247, .40);
}

/* 副卡的小节标题条也压淡一点，避免和主卡抢 */
:root .layout > aside.aside-head .hsr-card:not(.hsr-idcard) .hsr-sect {
  background: rgba(150, 58, 43, .035);
}

/* 主卡里的立绘：给一圈与卷草纹同色系的细框（原来是 1px 灰黑） */
:root .layout > aside.aside-head .hsr-idcard .hsr-portrait {
  border: 1px solid rgba(150, 58, 43, .38);
  box-shadow: 0 1px 3px rgba(42, 33, 26, .12);
}

/* ── 顶层侧栏主卡按钮：把「换立绘」降为次级 ────────────────────────────────
   实测主卡里两颗 .ap-btn.primary 都是 rgb(166,56,44) 实心红，
   合计占主卡面积 12%，且与下方「定接班」同色，
   于是「翻看履历（看信息）」「换立绘（换素材）」「定接班（真决策）」
   三个权重一样，玩家看不出哪个才是要动手的事。
   「换立绘」是低频的素材设置，不该和「翻看履历」并列。
   用相邻兄弟选择器只打第二颗（? 号后面的那个），
   不动 ui.js、也不影响非顶层职级的同款按钮。 */
.layout > aside.aside-head .ap-hinfo .ap-btns.col .ap-btn.primary ~ .ap-btn.primary {
  background: transparent;
  color: #a6382c;
  border: 1px solid rgba(166, 56, 44, .38);
  text-shadow: none;
  font-weight: 600;
}
.layout > aside.aside-head .ap-hinfo .ap-btns.col .ap-btn.primary ~ .ap-btn.primary:hover {
  background: rgba(166, 56, 44, .08);
  filter: none;
}

/* ── 顶层侧栏：「翻看履历」降为次级，让「定接班」成为唯一主红 ──────────────
   实测改到这一步，侧栏还剩 3 个红实底：翻看履历 / 定接班 / 回家看看。
   「翻看履历」是**查看**（低频、只读），却和「定接班」（当季真决策）同权重，
   连主卡里的姓名与身份都被它抢走第一眼。
   降为描边后，整栏只剩「定接班」一个实心红 —— 主操作唯一，视线有落点。
   注意：只打顶层 .aside-head 内的第一颗 ap-btn.primary，
   不影响其它职级「翻看履历」的既有样式。 */
.layout > aside.aside-head .ap-hinfo .ap-btns.col .ap-btn.primary:first-child {
  background: transparent;
  color: var(--ink);
  border: 1px solid rgba(150, 58, 43, .26);
  text-shadow: none;
  font-weight: 600;
}
.layout > aside.aside-head .ap-hinfo .ap-btns.col .ap-btn.primary:first-child:hover {
  background: rgba(164, 52, 43, .07);
  color: var(--seal);
  border-color: rgba(150, 58, 43, .46);
  filter: none;
}

/* ══════════════════════════════════════════════════════════════════════════
   静态标签不该长得像按钮（2026-10-23）
   ──────────────────────────────────────────────────────────────────────────
   问题：主卡「主官」「在任第 1 年」这两个 .ap-chips .chip 实测是纯 <span>、
         没有 data-act、没有任何点击行为，但继承了 `cursor: pointer`
         + 1px 描边 + 胶囊外形 —— 玩家会去点，点了没反应。
   难点：同一个 class 在「秘书处」那一排**是真的按钮**
         （<span class="chip" data-act="secassign">交办政务</span>），
         不能一刀切去掉手感。
   做法：只对**没有 data-act** 的 chip 去掉指针与 hover 反馈，
         有 data-act 的保持原样（可点）。
   ══════════════════════════════════════════════════════════════════════════ */
.layout > aside.aside-head .ap-chips .chip:not([data-act]) {
  cursor: default;
  /* 静态标签用更轻的底，与可点按钮区分 */
  background: rgba(140, 100, 40, .055) !important;
  border-color: rgba(140, 100, 40, .20) !important;
  color: var(--ink2) !important;
}
.layout > aside.aside-head .ap-chips .chip:not([data-act]).red {
  background: rgba(166, 56, 44, .07) !important;
  border-color: rgba(166, 56, 44, .28) !important;
  color: #A6382C !important;
}
/* 静态标签不需要 hover 高亮 */
.layout > aside.aside-head .ap-chips .chip:not([data-act]):hover {
  background: rgba(140, 100, 40, .055) !important;
  filter: none;
}

/* 副卡辅助小字：11.5px 在 360px 栏里偏小，提到 12px 且略加字重 */
.layout > aside.aside-head .hsr-hrow span,
.layout > aside.aside-head .hsr-hrow b {
  font-size: 12px !important;
  font-weight: 600;
}