/* ============================================================
   theme-yao.css — 模板 A「姚金龙 · 人文档案」
   宣纸米白 / 朱砂 / 衬线宋体 / 克制排版
   ============================================================ */

html[data-theme="yao"] {
  --bg:          #F7F3EB;
  --surface:     #FFFCF6;
  --surface-2:   #F0EADD;
  --text:        #1E1B17;
  --text-dim:    #6F6659;
  --accent:      #A8342A;
  --accent-2:    #8A6A3C;
  --on-accent:   #FFF9F0;
  --accent-grad: linear-gradient(120deg, #A8342A 0%, #C4553C 52%, #8A6A3C 100%);
  --accent-soft: rgba(168, 52, 42, .13);
  --border:      #DFD6C5;
  --border-soft: #E9E1D2;
  --chip-bg:     rgba(168, 52, 42, .045);
  --cover-bg:    linear-gradient(155deg, #F3ECDF 0%, #E3D8C6 100%);
  --tag-bg:      rgba(255, 252, 246, .93);
  --nav-bg:      rgba(247, 243, 235, .88);
  --nav-bg-solid:#F7F3EB;
  --grid-line:   rgba(30, 27, 23, .035);
  --glow-a:      transparent;
  --glow-b:      transparent;
  --paper-tex:   radial-gradient(rgba(30,27,23,.035) 1px, transparent 1px);
  --seal-ink:    rgba(168, 52, 42, .20);

  --font-display: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", Georgia, serif;
  --font-body:    "Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;

  --brand-wy:     #B0342C;
  --brand-qs:     linear-gradient(120deg, #25F4EE 0%, #8B5CF6 55%, #FE2C55 100%);
  --brand-qs-mid: #8B5CF6;

  --radius:      2px;
  --mark-shadow: 0 2px 8px rgba(168, 52, 42, .28);
  --btn-shadow:  0 4px 14px rgba(168, 52, 42, .22);
  --card-shadow: 0 1px 3px rgba(30, 27, 23, .06);
  --card-shadow-hi: 0 12px 28px rgba(30, 27, 23, .13);
}

/* 装饰层开关 */
html[data-theme="yao"] .fx-paper { opacity: 1; background-size: 5px 5px; }
html[data-theme="yao"] .fx-seal  { opacity: 1; }
html[data-theme="yao"] .fx-grid  { opacity: .55; }
html[data-theme="yao"] .fx-scan  { opacity: 0; }
html[data-theme="yao"] .fx-glow  { opacity: 0; }

/* 全局圆角 */
html[data-theme="yao"] .portrait-frame,
html[data-theme="yao"] .album,
html[data-theme="yao"] .stat,
html[data-theme="yao"] .ct-card,
html[data-theme="yao"] .profile-card,
html[data-theme="yao"] .gal-item,
html[data-theme="yao"] .single,
html[data-theme="yao"] .sw-card,
html[data-theme="yao"] .eyebrow,
html[data-theme="yao"] .brand-mark { border-radius: var(--radius); }

html[data-theme="yao"] .btn,
html[data-theme="yao"] .plat,
html[data-theme="yao"] .hero-chips li,
html[data-theme="yao"] .genres span,
html[data-theme="yao"] .pc-badge,
html[data-theme="yao"] .seg,
html[data-theme="yao"] .ptab-ico,
html[data-theme="yao"] .wy-card,
html[data-theme="yao"] .wy-song,
html[data-theme="yao"] .qs-item { border-radius: 2px; }

html[data-theme="yao"] .qs-hot { border-radius: 2px; }
html[data-theme="yao"] .ptab { box-shadow: none; }
html[data-theme="yao"] .ptab.is-on { box-shadow: 0 2px 8px rgba(176, 52, 44, .12); }
html[data-theme="yao"] .wy-card:hover { box-shadow: 0 6px 18px rgba(30, 27, 23, .1); }
html[data-theme="yao"] .qs-item:hover { box-shadow: 0 6px 18px rgba(30, 27, 23, .1); }

/* 首屏：竖排朱砂题签 */
html[data-theme="yao"] .hero-copy { position: relative; padding-left: 30px; }
html[data-theme="yao"] .hero-copy::before {
  content: ""; position: absolute; left: 0; top: 6px; bottom: 6px; width: 3px;
  background: linear-gradient(var(--accent), rgba(168,52,42,.15));
  border-radius: 3px;
}
html[data-theme="yao"] .hero-name .ln1 { letter-spacing: .06em; }
html[data-theme="yao"] .hero-name .ln2 { letter-spacing: .22em; font-weight: 600; }

/* 形象照：档案质感（降饱和 + 暖纸色叠加） */
html[data-theme="yao"] .portrait-art { display: none; }
html[data-theme="yao"] .portrait-frame { background: #FFFDF8; }
html[data-theme="yao"] .portrait-img { filter: saturate(.8) contrast(1.02) sepia(.1); }
html[data-theme="yao"] .portrait-frame::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background:
    linear-gradient(160deg, rgba(247,243,235,.16), transparent 32%),
    linear-gradient(to top, rgba(168,52,42,.08), transparent 26%);
}

/* 印章 */
html[data-theme="yao"] .profile-card { position: relative; }
html[data-theme="yao"] .profile-card::after {
  content: "WEAPON";
  position: absolute; top: 16px; right: 16px;
  font-family: var(--font-display); font-size: 10px; letter-spacing: .34em;
  color: var(--accent); opacity: .32;
  border: 1px solid var(--accent); border-radius: 2px;
  padding: 5px 8px; transform: rotate(6deg);
}

/* 序号用衬线 */
html[data-theme="yao"] .sec-no { font-family: var(--font-display); font-weight: 700; }

/* 时间线节点方形（更像档案） */
html[data-theme="yao"] .tl li::before { border-radius: 2px; transform: rotate(45deg); width: 13px; height: 13px; left: -32px; }
html[data-theme="yao"] .tl::before { background: linear-gradient(var(--accent), rgba(168,52,42,.08)); }

/* 单曲条目：无位移，改为朱砂横线 */
html[data-theme="yao"] .single:hover { transform: none; border-left: 3px solid var(--accent); }
html[data-theme="yao"] .single-no { font-family: var(--font-display); }

/* 图集 */
html[data-theme="yao"] .gal-item:hover { transform: translateY(-4px); }
html[data-theme="yao"] .gal-ico { font-family: var(--font-display); opacity: .16; }

/* 卡面纹理 */
html[data-theme="yao"] .album-cover::before {
  content: ""; position: absolute; inset: 0;
  background-image: repeating-linear-gradient(45deg, rgba(30,27,23,.035) 0 1px, transparent 1px 7px);
}

/* 移动端竖排题签收窄 */
@media (max-width: 1040px) {
  html[data-theme="yao"] .hero-copy { padding-left: 22px; }
}
