/* ================= 逆旅皮肤层 v4.57（全量 UI 换肤·引擎端配合件） =================
   机制：skin.js 读 manifest.json，逐件 HEAD 探测；素材存在才给 body 挂 sk-<key> 类。
   本表全部规则收在 body.sk-* 之下——素材缺失＝这些规则不命中＝界面保持现行样式，零风险。
   新会话只需把图生成到 ui/skin/ 对应文件名，刷新客户端即生效，无需改任何代码。 */

/* ---- 底图层 ---- */
body.sk-bg_main { background: #0d1018 url(skin/bg_main.png) center/cover fixed no-repeat; }

body.sk-topbar_band #topbar {
  background: url(skin/topbar_band.png) center/100% 100% no-repeat, rgba(18,22,40,.52);
}

body.sk-input_band #inputbar {
  background: url(skin/input_band.png) center/100% 100% no-repeat, rgba(14,17,28,.6);
}

body.sk-veil_bg #veil { background: url(skin/veil_bg.png) center/cover no-repeat, #0a0d16; }

/* 面板底纹：平铺宣纸纹垫在原底色上（纹理极暗，文字对比度不伤） */
body.sk-panel_tex #hud, body.sk-panel_tex #ledgerbar, body.sk-panel_tex #codexpanel,
body.sk-panel_tex #settings, body.sk-panel_tex #fb-shell, body.sk-panel_tex #gallery,
body.sk-panel_tex #gkdlg, body.sk-panel_tex #evdlg, body.sk-panel_tex .hud-block,
body.sk-panel_tex #log-panel, body.sk-panel_tex #armor-tree, body.sk-panel_tex .msg.gm .bubble {
  background-image: url(skin/panel_tex.png);
  background-size: 512px;
}

/* ---- 按钮层（整幅钮底，文字直接压图上） ---- */
body.sk-btn_gold #btn-send, body.sk-btn_gold #cfg-save,
body.sk-btn_gold .at-gallery, body.sk-btn_gold .yq-go {
  background: url(skin/btn_gold.png) center/100% 100% no-repeat;
  border: none; color: #f0e2b8; text-shadow: 0 1px 3px rgba(0,0,0,.8);
}
body.sk-btn_ink .mbtn, body.sk-btn_ink .tbtn {
  background: url(skin/btn_ink.png) center/100% 100% no-repeat;
  border: none; color: #cfc6e8; text-shadow: 0 1px 2px rgba(0,0,0,.7);
}

/* ---- 图标钮层（墨金牌整幅换文字钮；label 由 skin.js 写进 title 保底可读） ---- */
body.sk-ic_map #btn-map, body.sk-ic_gallery #btn-gallery, body.sk-ic_spirit #btn-spirit,
body.sk-ic_codex #btn-codex, body.sk-ic_saves #btn-saves, body.sk-ic_settings #btn-settings,
body.sk-ic_tts #btn-tts, body.sk-ic_fs #btn-fs, body.sk-ic_menu #btn-menu,
body.sk-ic_fb #btn-fb, body.sk-ic_debug #btn-debug, body.sk-ic_test #btn-gt,
body.sk-ic_bag #hud-bag-btn, body.sk-ic_battle #qk-battle,
body.sk-ic_scene #qk-scene, body.sk-ic_watch #qk-watch {
  font-size: 0; width: 34px; height: 34px; min-width: 34px; padding: 0;
  border: none; border-radius: 7px; background-color: transparent;
  background-position: center; background-size: cover;
  box-shadow: 0 1px 4px rgba(0,0,0,.5);
}
body.sk-ic_map #btn-map { background-image: url(skin/ic_map.png); }
body.sk-ic_gallery #btn-gallery { background-image: url(skin/ic_gallery.png); }
body.sk-ic_spirit #btn-spirit { background-image: url(skin/ic_spirit.png); }
body.sk-ic_codex #btn-codex { background-image: url(skin/ic_codex.png); }
body.sk-ic_saves #btn-saves { background-image: url(skin/ic_saves.png); }
body.sk-ic_settings #btn-settings { background-image: url(skin/ic_settings.png); }
body.sk-ic_tts #btn-tts { background-image: url(skin/ic_tts.png); }
body.sk-ic_fs #btn-fs { background-image: url(skin/ic_fs.png); }
body.sk-ic_menu #btn-menu { background-image: url(skin/ic_menu.png); }
body.sk-ic_fb #btn-fb { background-image: url(skin/ic_fb.png); }
body.sk-ic_debug #btn-debug { background-image: url(skin/ic_debug.png); }
body.sk-ic_test #btn-gt { background-image: url(skin/ic_test.png); }
body.sk-ic_bag #hud-bag-btn { background-image: url(skin/ic_bag.png); }
body.sk-ic_battle #qk-battle { background-image: url(skin/ic_battle.png); }
body.sk-ic_scene #qk-scene { background-image: url(skin/ic_scene.png); }
body.sk-ic_watch #qk-watch { background-image: url(skin/ic_watch.png); }

/* 发送钮偏大一号（主行动钮） */
body.sk-ic_send #btn-send {
  font-size: 0; width: 46px; padding-left: 0; padding-right: 0;
  background: url(skin/ic_send.png) center/cover no-repeat; border: none; border-radius: 8px;
}

/* ---- 点缀层（黑底金线素材，screen 混合黑即透明） ---- */
/* 面板角花：左栏手账 / 百晓册 / 设置 / 奇遇壳 左上+右下各一朵 */
body.sk-corner_gold #codexpanel, body.sk-corner_gold #settings, body.sk-corner_gold #fb-shell {
  position: relative;
}
body.sk-corner_gold #codexpanel::before, body.sk-corner_gold #settings::before,
body.sk-corner_gold #fb-shell::before {
  content: ""; position: absolute; left: 0; top: 0; width: 120px; height: 120px;
  background: url(skin/corner_gold.png) left top/contain no-repeat;
  mix-blend-mode: screen; pointer-events: none; z-index: 2;
}
body.sk-corner_gold #codexpanel::after, body.sk-corner_gold #settings::after,
body.sk-corner_gold #fb-shell::after {
  content: ""; position: absolute; right: 0; bottom: 0; width: 120px; height: 120px;
  background: url(skin/corner_gold.png) left top/contain no-repeat;
  transform: rotate(180deg); mix-blend-mode: screen; pointer-events: none; z-index: 2;
}

/* 分隔纹：手账分区标题 / 百晓册章类标题 / 设置组标题 下缘压一道江浪金线 */
body.sk-divider_wave .hud-title, body.sk-divider_wave .cx-cat, body.sk-divider_wave .st-sec {
  background: url(skin/divider_wave.png) center bottom/70% 12px no-repeat;
  padding-bottom: 8px;
}

/* 立绘描金框（叠在立绘上，黑底消失只留金框） */
body.sk-frame_portrait #hud-avatar { position: relative; }
body.sk-frame_portrait #hud-avatar::after {
  content: ""; position: absolute; inset: 0;
  background: url(skin/frame_portrait.png) center/100% 100% no-repeat;
  mix-blend-mode: screen; pointer-events: none;
}

/* 圆形头像环（人事区/同伴小圆头像） */
body.sk-ring_avatar .lg-npc, body.sk-ring_avatar .np-ava {
  border: none;
  box-shadow: 0 0 0 3px transparent;
  background-image: url(skin/ring_avatar.png);
  background-size: 118% 118%; background-position: center;
  background-blend-mode: screen;
}

/* 开局徽记：主菜单标题上方压一枚金徽 */
body.sk-boot_emblem #boot-mask .boot-title::before {
  content: ""; display: block; width: 150px; height: 150px; margin: 0 auto 10px;
  background: url(skin/boot_emblem.png) center/contain no-repeat;
  mix-blend-mode: screen;
}