/* ════════════════════════════════════════════════════════════════
   古风皮肤·材质叠加层  兵部 2026-06-08（终稿 · A 案键名定稿 xianxia）
   原则：不动渲染层，只在 [data-skin=xianxia] 上叠加（已并键，废弃 data-theme=wuxia/.theme-xianxia）
   依赖素材：assets/ui-themes/guofeng/gf-frame.svg + guofeng-icons.svg
   字体：霞鹜文楷(LXGW WenKai) 已接，标题用之
   色值锁线上 L1076：金线 #C9A96E(--sk-accent) / 朱砂红 rgba(192,64,60)=#C0403C
   ════════════════════════════════════════════════════════════════ */

/* ① 模拟器按钮：云纹 border-image + 印章红描边 + 宣纸微纹理（含增强2 宣纸斜纹+直角+内描边） */
.sim-page[data-skin=xianxia] .sim-btn{
  border:double 3px transparent;                /* 给 border-image 留宽度 */
  border-image:url('/assets/ui-themes/guofeng/gf-frame.svg') 30 stretch;
  border-radius:0;                              /* 古风用直角描边框，去圆角 */
  background:
    linear-gradient(135deg,rgba(201,169,110,0.10),rgba(192,64,60,0.06)),
    repeating-linear-gradient(45deg,rgba(201,169,110,0.025) 0 2px,transparent 2px 6px); /* 宣纸斜纹 */
  box-shadow:inset 0 0 0 1px rgba(192,64,60,0.35), 0 2px 8px rgba(0,0,0,0.25); /* 印章红内描边 */
  font-family:'LXGW WenKai','Noto Serif SC',serif;
}
.sim-page[data-skin=xianxia] .sim-btn:hover{
  border-image:url('/assets/ui-themes/guofeng/gf-frame.svg') 30 stretch;
  box-shadow:inset 0 0 0 1px rgba(192,64,60,0.55), 0 0 14px rgba(201,169,110,0.4);
}

/* ② SVG 图标替 emoji：在按钮/状态栏用 .gf-ico + <use>，emoji 节点加 .gf-ico-hide 兜底 */
.gf-ico{width:1.15em;height:1.15em;display:inline-block;vertical-align:-0.15em;
  stroke:currentColor;fill:none;color:var(--sk-accent,#C9A96E);flex:0 0 auto}
.sim-page[data-skin=xianxia] .gf-ico{color:#C9A96E;filter:drop-shadow(0 0 3px rgba(201,169,110,0.35))}

/* ③ 模拟器属性框 sim-panel/sim-attrs：边框装饰线 + 内光晕层次（含增强3 顶边朱红描金线，不动布局） */
.sim-page[data-skin=xianxia] .sim-panel,
.sim-page[data-skin=xianxia] .sim-attrs{
  border:1px solid rgba(201,169,110,0.4);
  background:
    linear-gradient(180deg,rgba(26,26,46,0.88),rgba(20,16,34,0.92)),
    repeating-linear-gradient(0deg,rgba(201,169,110,0.02) 0 1px,transparent 1px 4px);
  box-shadow:inset 0 1px 0 rgba(201,169,110,0.25), inset 0 0 24px rgba(201,169,110,0.06), 0 4px 16px rgba(0,0,0,0.3);
  position:relative;
}
/* 属性框顶边一条朱红描金装饰线 */
.sim-page[data-skin=xianxia] .sim-panel::before,
.sim-page[data-skin=xianxia] .sim-attrs::before{
  content:'';position:absolute;top:0;left:12%;right:12%;height:2px;
  background:linear-gradient(90deg,transparent,rgba(192,64,60,0.7) 30%,rgba(201,169,110,0.9) 50%,rgba(192,64,60,0.7) 70%,transparent);
}

/* ━━━ 增强1：sim-nameplate 顶边装饰线（铭牌名条） ━━━ */
.sim-page[data-skin=xianxia] .sim-nameplate{position:relative}
.sim-page[data-skin=xianxia] .sim-nameplate::before{
  content:'';position:absolute;top:0;left:15%;right:15%;height:1.5px;
  background:linear-gradient(90deg,transparent,rgba(192,64,60,0.7),rgba(201,169,110,0.9),rgba(192,64,60,0.7),transparent);
}

/* ④ 引导页故事卡片按 genre 差异化（卡片自身挂 data-skin=xianxia；真实卡片类 c-card/hot/cd/mc/ut-story-card，非 .story-card） */
.c-card[data-skin=xianxia],
.hot-story-card[data-skin=xianxia],
.cd-story-card[data-skin=xianxia],
.mc-story-card[data-skin=xianxia],
.ut-story-card[data-skin=xianxia]{
  border:1px solid rgba(201,169,110,0.35);
  background-image:
    linear-gradient(160deg,rgba(45,31,60,0.55),rgba(13,13,26,0.75)),
    repeating-linear-gradient(45deg,rgba(201,169,110,0.04) 0 3px,transparent 3px 9px); /* 织锦斜纹 */
  box-shadow:0 6px 20px rgba(0,0,0,0.35), inset 0 0 0 1px rgba(201,169,110,0.12);
  position:relative;
}
.c-card[data-skin=xianxia] .story-title,
.hot-story-card[data-skin=xianxia] .story-title,
.cd-story-card[data-skin=xianxia] .story-title,
.mc-story-card[data-skin=xianxia] .story-title,
.ut-story-card[data-skin=xianxia] .story-title{
  font-family:'LXGW WenKai','Noto Serif SC',serif;letter-spacing:1px;
  color:#E8DCC8;text-shadow:0 0 12px rgba(201,169,110,0.3);
}
.c-card[data-skin=xianxia] .genre-tag,
.hot-story-card[data-skin=xianxia] .genre-tag,
.cd-story-card[data-skin=xianxia] .genre-tag,
.mc-story-card[data-skin=xianxia] .genre-tag,
.ut-story-card[data-skin=xianxia] .genre-tag{
  background:linear-gradient(135deg,rgba(192,64,60,0.85),rgba(160,40,38,0.85));
  color:#F5E6D8;border:1px solid rgba(201,169,110,0.5);border-radius:2px; /* 朱砂印章感方角 */
  font-family:'LXGW WenKai',serif;
}

/* ━━━ 增强4：引导页故事卡四角祥云角饰（方案C · 单伪元素四角 background-position · 纯CSS零JS） ━━━ */
/* 卡片须挂 data-skin=xianxia（前端按 genre 映射 _genreToSkin）。SVG stroke 已锁线上 #C9A96E。 */
.c-card[data-skin=xianxia]::after,
.hot-story-card[data-skin=xianxia]::after,
.cd-story-card[data-skin=xianxia]::after,
.mc-story-card[data-skin=xianxia]::after,
.ut-story-card[data-skin=xianxia]::after{
  content:'';position:absolute;inset:-4px;pointer-events:none;z-index:10;
  background-repeat:no-repeat;
  background-size:32px 32px,32px 32px,32px 32px,32px 32px;
  background-position:top left,top right,bottom left,bottom right;
  background-image:
    url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQzlBOTZFIiBzdHJva2Utd2lkdGg9IjEuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48cGF0aCBkPSJNMiwzMCBMMiw4IFEyLDIgOCwyIEwzMCwyIi8+PHBhdGggZD0iTTIsMjAgUTMsOCAxMCw2Ii8+PGNpcmNsZSBjeD0iNSIgY3k9IjUiIHI9IjIuMiIvPjxwYXRoIGQ9Ik03LDQgUTEwLDIgMTIsNSBRMTQsNyAxMSw5Ii8+PC9nPjwvc3ZnPg=="),
    url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQzlBOTZFIiBzdHJva2Utd2lkdGg9IjEuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48cGF0aCBkPSJNMzAsMzAgTDMwLDggUTMwLDIgMjQsMiBMMiwyIi8+PHBhdGggZD0iTTMwLDIwIFEyOSw4IDIyLDYiLz48Y2lyY2xlIGN4PSIyNyIgY3k9IjUiIHI9IjIuMiIvPjxwYXRoIGQ9Ik0yNSw0IFEyMiwyIDIwLDUgUTE4LDcgMjEsOSIvPjwvZz48L3N2Zz4="),
    url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQzlBOTZFIiBzdHJva2Utd2lkdGg9IjEuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48cGF0aCBkPSJNMiwyIEwyLDI0IFEyLDMwIDgsMzAgTDMwLDMwIi8+PHBhdGggZD0iTTIsMTIgUTMsMjQgMTAsMjYiLz48Y2lyY2xlIGN4PSI1IiBjeT0iMjciIHI9IjIuMiIvPjxwYXRoIGQ9Ik03LDI4IFExMCwzMCAxMiwyNyBRMTQsMjUgMTEsMjMiLz48L2c+PC9zdmc+"),
    url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQzlBOTZFIiBzdHJva2Utd2lkdGg9IjEuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48cGF0aCBkPSJNMzAsMiBMMzAsMjQgUTMwLDMwIDI0LDMwIEwyLDMwIi8+PHBhdGggZD0iTTMwLDEyIFEyOSwyNCAyMiwyNiIvPjxjaXJjbGUgY3g9IjI3IiBjeT0iMjciIHI9IjIuMiIvPjxwYXRoIGQ9Ik0yNSwyOCBRMjIsMzAgMjAsMjcgUTE4LDI1IDIxLDIzIi8+PC9nPjwvc3ZnPg==");
}

/* ════════════════════════════════════════════════════════════════
   互动故事阅读页主题皮肤（兵部 2026-06-08 持久化）
   根因：重构时 .sim-page[data-skin=xianxia] 合并了古风CSS，
   但互动故事阅读页用的是 .is-wrap[data-theme=wuxia]，两套选择器不同。
   此处将阅读页全套主题 CSS 写入静态文件（比 JS 注入更稳定），保留 JS 注入兜底。
   不修改任何现有 .sim-page 选择器。
   ════════════════════════════════════════════════════════════════ */

/* ── 武侠/古风 主题（wuxia）─────────────────────────────────── */
.is-wrap[data-theme=wuxia] #is-scene-bg-placeholder{background:radial-gradient(ellipse at 50% 32%,rgba(60,46,28,0.5) 0%,rgba(28,20,10,0.88) 58%,rgba(14,10,5,1) 100%) !important}
.is-wrap[data-theme=wuxia] .ti-dialogue-text,
.is-wrap[data-theme=wuxia] .ti-bubble-npc,
.is-wrap[data-theme=wuxia] .ti-narrator{font-family:'Noto Serif SC','Songti SC',serif}
.is-wrap[data-theme=wuxia] .ti-char-name{color:#d8b878;font-family:'Noto Serif SC',serif;letter-spacing:1px}
.is-wrap[data-theme=wuxia] .ti-bubble-npc{background:linear-gradient(135deg,rgba(46,36,22,0.82),rgba(30,22,12,0.78));border:1px solid rgba(201,169,110,0.42);box-shadow:0 2px 12px rgba(0,0,0,0.45),inset 0 0 10px rgba(201,169,110,0.08);color:#ece0c8}
.is-wrap[data-theme=wuxia] .ti-bubble-user{background:linear-gradient(135deg,#7a4a2a,#9c5a32);box-shadow:0 2px 12px rgba(120,70,30,0.4);color:#f6ead2}
.is-wrap[data-theme=wuxia] .ti-narrator{color:rgba(216,196,160,0.78) !important}
.is-wrap[data-theme=wuxia] .ti-choice-btn,
.is-wrap[data-theme=wuxia] .ti-quick-choice{background:linear-gradient(135deg,rgba(46,36,22,0.7),rgba(30,22,12,0.6)) !important;border:1px solid rgba(201,169,110,0.45) !important;color:#e6d2a8 !important;border-radius:6px !important;font-family:'Noto Serif SC',serif}
.is-wrap[data-theme=wuxia] .ti-choice-btn:hover,
.is-wrap[data-theme=wuxia] .ti-quick-choice:hover{border-color:rgba(201,169,110,0.85) !important;box-shadow:0 0 12px rgba(201,169,110,0.3) !important}
.is-wrap[data-theme=wuxia] .ti-toolbar button{border:1px solid rgba(201,169,110,0.45) !important;background:rgba(28,20,10,0.72) !important;color:#d8b878 !important}

/* ── 黑色电影 主题（noir）────────────────────────────────────── */
.is-wrap[data-theme=noir] #is-scene-bg-placeholder{background:radial-gradient(ellipse at 50% 32%,rgba(30,42,50,0.5) 0%,rgba(12,18,22,0.9) 60%,rgba(6,9,12,1) 100%) !important}
.is-wrap[data-theme=noir] .ti-char-name{color:#7fb0c0}
.is-wrap[data-theme=noir] .ti-bubble-npc{background:rgba(20,30,38,0.8);border:1px solid rgba(110,150,165,0.3);color:#cdd8dc}
.is-wrap[data-theme=noir] .ti-choice-btn,
.is-wrap[data-theme=noir] .ti-quick-choice{background:rgba(16,24,30,0.7) !important;border:1px solid rgba(110,150,165,0.35) !important;color:#a8c0c8 !important}

/* ── 赛博朋克 主题（cyber）───────────────────────────────────── */
.is-wrap[data-theme=cyber] #is-scene-bg-placeholder{background:radial-gradient(ellipse at 50% 30%,rgba(60,20,90,0.5) 0%,rgba(14,8,30,0.9) 60%,rgba(4,4,12,1) 100%) !important}
.is-wrap[data-theme=cyber] .ti-char-name{color:#00d4ff}
.is-wrap[data-theme=cyber] .ti-bubble-npc{background:rgba(18,12,38,0.82);border:1px solid rgba(176,38,255,0.4);color:#d4cce8}
.is-wrap[data-theme=cyber] .ti-choice-btn,
.is-wrap[data-theme=cyber] .ti-quick-choice{background:rgba(14,10,34,0.72) !important;border:1px solid rgba(0,212,255,0.4) !important;color:#bfe6f0 !important;border-radius:3px !important}

/* ── 浪漫恋爱 主题（romance）────────────────────────────────── */
.is-wrap[data-theme=romance] #is-scene-bg-placeholder{background:radial-gradient(ellipse at 50% 32%,rgba(90,50,80,0.5) 0%,rgba(40,24,42,0.88) 60%,rgba(22,14,26,1) 100%) !important}
.is-wrap[data-theme=romance] .ti-char-name{color:#f0a8c8}
.is-wrap[data-theme=romance] .ti-bubble-npc{background:rgba(46,30,48,0.8);border:1px solid rgba(232,160,191,0.4);color:#f0dce6}
.is-wrap[data-theme=romance] .ti-bubble-user{background:linear-gradient(135deg,#c45a8a,#e08ab0)}
.is-wrap[data-theme=romance] .ti-choice-btn,
.is-wrap[data-theme=romance] .ti-quick-choice{background:rgba(40,24,42,0.7) !important;border:1px solid rgba(232,160,191,0.4) !important;color:#f0c8da !important;border-radius:18px !important}