/* ELYSIA HIM — 在主站 src/styles.css 之上的覆寫層
 *
 * 載入順序:src/styles.css(主站設計系統,部署時一併帶上)→ 本檔。
 * 只改三件事:輔色、字型(簡體)、HIM 專屬的小元件。版面骨架一律沿用主站,不另起爐灶。
 */

:root {
  /* 輔色:主站是洋紅(hover / 選中態),HIM 換成訊號橘,黑底與主色電光青不變。
   * 站規禁紅粉紫、暖金是 MOMENT 在用;橘不在禁區。⚠️ 待 Munk 拍板,改這三行即可。 */
  --accent-2:      #ff8a3d;
  --accent-2-line: rgba(255, 138, 61, 0.42);
  --accent-2-glow: rgba(255, 138, 61, 0.20);

  /* 標題字族:HIM 是簡體站,自架 Noto Sans SC Black 子集(主站那份是 TC,簡體字缺字) */
  --display: 'HIM Display', "Noto Sans SC", "Source Han Sans SC", "PingFang SC",
             "Microsoft YaHei UI", "Microsoft YaHei", "Hiragino Sans GB", system-ui, sans-serif;
}

/* 自架,不走 Google Fonts CDN(成人站不把訪客請求洩漏給第三方)。
 * 子集只含本站實際用字;改文案後要重產:node _ops/him-font.js */
@font-face {
  font-family: 'HIM Display';
  src: url('../assets/fonts/NotoSansSC-Black-subset.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", system-ui, sans-serif;
}

/* 佔位底圖:主站寫死了洋紅光暈,換成 HIM 輔色 */
.ph::before {
  background:
    radial-gradient(120% 80% at 28% 10%, rgba(63,220,236,0.10), transparent 60%),
    radial-gradient(100% 70% at 88% 96%, rgba(255,138,61,0.08), transparent 62%),
    linear-gradient(168deg, #141a22 0%, #0a0c11 60%, #16110c 100%);
}

/* ── 品牌:elysia + HIM ───────────────────── */
.brand .tld { color: var(--accent); margin-left: 0.18em; }

/* ── 頁首 ────────────────────────────────── */
.him-beta {
  display: inline-block; margin: 18px 0 0; padding: 6px 12px;
  font-size: 12.5px; letter-spacing: 0.04em; color: var(--ink-mid);
  border: 1px solid var(--accent-2-line); border-radius: 2px;
}
.him-beta b { color: var(--accent-2); font-weight: 400; margin-right: 8px; letter-spacing: 0.12em; }

/* ── 卡片:双人专区角標 ─────────────────── */
.him-badge { color: var(--accent-2); }

/* ── 詳情 ────────────────────────────────── */
.sheet-photos {
  margin: 0 0 22px; font-size: 14px; color: var(--ink-mid); line-height: 1.8;
  padding-left: 12px; border-left: 1px solid var(--accent-2-line);
}
.sheet-durations { flex-wrap: wrap; margin-bottom: 0; }
.durchip b { margin-left: 10px; font-weight: 400; color: var(--ink-mid); }
.durchip.is-shown b { color: var(--accent); }
.sheet-note a { color: var(--accent); text-decoration: none; }
.sheet-note a:hover { text-decoration: underline; }

/* ── 收尾 ────────────────────────────────── */
.close .cta-note a { color: var(--accent); text-decoration: none; }
.close .cta-note a:hover { text-decoration: underline; }