/* ============================================================
   Raise Poker Bar · 黑金巴洛克皮肤  (data-skin="baroque")
   壳出图 + 芯代码：整页宫殿背景 + 椭圆巴洛克品牌框 + 统一细金框
   (border-image card-frame) + 立体金图标 + 代码动态数据。
   所有规则仅在 [data-skin="baroque"] 作用域生效，不污染默认皮肤；
   金饰素材已烤成真·透明底 PNG（alpha=亮度），正常合成，不再用 screen。
   徽标为 .skin-emblem 自适应盒（宽随 440px 容器、高=宽÷1.5），不用 vw。

   ⚠ 多店复用：品牌字「Raise / Raise Poker Bar」在 index.html 的
   .skin-brand-raise / .skin-brand-name 处硬编码，换店改文本即可。
   ============================================================ */

/* ---------- 字体：Cinzel @font-face 已移到 style.css 基座；此处仅本皮肤的字体族指派 ---------- */
[data-skin="baroque"] #app-main {
  font-family: "Songti SC", "STSong", "Source Han Serif SC", "Noto Serif CJK SC", "Noto Serif SC", serif;
}
[data-skin="baroque"] .skin-brand-sub,
[data-skin="baroque"] .ec-en,
[data-skin="baroque"] .ew-en,
[data-skin="baroque"] .bal-label i,
[data-skin="baroque"] .vault-brand { font-family: 'Cinzel', serif; letter-spacing: 1px; }

/* ---------- 换肤下拉：基座样式(定位 + 基础 select)在 style.css；此处仅黑金配色覆盖 ---------- */
[data-skin="baroque"] .skin-switch select { color: var(--gold-bright); border-color: var(--gold); }

/* ============================================================
   以下全部 [data-skin="baroque"] 作用域
   ============================================================ */

/* ---------- 背景：宫殿全景打底 ---------- */
[data-skin="baroque"] body::before {
  background:
    linear-gradient(180deg, rgba(6, 4, 3, .44) 0%, rgba(6, 4, 3, .72) 30%, rgba(6, 4, 3, .72) 68%, rgba(6, 4, 3, .50) 100%),
    url("/assets/baroque/bg-palace.jpg?v=7") center top / cover no-repeat;
}
[data-skin="baroque"] .suit-watermark { opacity: 0; }

/* ---------- 品牌区：椭圆巴洛克框 + Raise 花体 ---------- */
[data-skin="baroque"] .logo-area {
  position: relative; height: auto; border: none; border-radius: 0; box-sizing: border-box;
  overflow: visible; background: none; margin-bottom: 2px;
  padding: calc(env(safe-area-inset-top) + 8px) 0 2px;   /* 只把内容下移到安全区之下；高度全交给 .skin-emblem，杜绝 vw */
  display: flex; flex-direction: column; align-items: center;
}
[data-skin="baroque"] .logo-area .logo-mark,
[data-skin="baroque"] .logo-area .logo-sub { display: none; }
[data-skin="baroque"] .skin-emblem {           /* 徽标盒：随 440px 容器等比缩放，高=宽÷1.5，内在高度、绝不用 vw */
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  position: relative; width: 100%; max-width: 428px; margin: 0 auto;
  aspect-ratio: 1.5 / 1;
}
[data-skin="baroque"] .skin-emblem::before {   /* 金椭圆框：真透明 PNG，正常合成（不再 screen）*/
  content: ""; position: absolute; inset: 0; z-index: 0;
  background: url("/assets/baroque/brand-oval.png?v=7") center / contain no-repeat;
  pointer-events: none;
}
[data-skin="baroque"] .skin-brand-raise {
  display: block; position: relative; z-index: 1; text-align: center;
  font-family: 'Snell Roundhand', 'Savoye LET', 'Apple Chancery', 'Brush Script MT', cursive; font-style: italic; font-weight: 700;
  font-size: 41px; line-height: .9; margin-top: 0;
  background: linear-gradient(180deg, #f8e7b8, var(--gold-bright) 48%, var(--gold-deep));
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .5));
}
[data-skin="baroque"] .skin-brand-name {
  display: block; position: relative; z-index: 1; text-align: center; margin-top: 2px;
  font-family: 'Cinzel', serif; font-weight: 600; font-size: 19px; letter-spacing: 1px;
  background: linear-gradient(180deg, var(--gold-bright), var(--gold) 60%, var(--gold-deep));
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
[data-skin="baroque"] .skin-brand-sub {
  display: block; position: relative; z-index: 1; text-align: center; margin-top: 3px;
  font-size: 8px; letter-spacing: 2px; color: var(--gold-deep); white-space: nowrap;
}
[data-skin="baroque"] .skin-brand-sub::before,
[data-skin="baroque"] .skin-brand-sub::after {
  content: ""; display: inline-block; width: 10px; height: 1px; vertical-align: middle;
  margin: 0 5px; background: var(--gold-deep);
}

/* ---------- 会员卡：统一细金框（仅首页；「我的」页保持经典风）---------- */
[data-skin="baroque"] #home-main .info-vault {
  position: relative; background: rgba(8, 6, 4, .90); border: none; box-shadow: none;
  overflow: visible; border-radius: 16px; padding: 22px 22px 20px;
}
[data-skin="baroque"] #home-main .info-vault::before {
  content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  border: 24px solid transparent;
  border-image: url("/assets/baroque/card-frame.png?v=7") 19% / 24px stretch;
}
[data-skin="baroque"] #home-main .info-vault .vault-head,
[data-skin="baroque"] #home-main .info-vault .vault-body { position: relative; z-index: 1; }
[data-skin="baroque"] #home-main .info-vault .vault-suit { display: none; }
[data-skin="baroque"] #home-main .info-vault #home-brand,
[data-skin="baroque"] #home-main .info-vault .vault-brand { display: none; }   /* 品牌已在椭圆框，卡内不再重复 */

/* 首页会员卡专属布局：头像骑顶 + 会员码 + 游客 + 券/积分 */
[data-skin="baroque"] #home-main .info-vault { margin-top: 14px; padding: 30px 22px 22px; }  /* 收紧与徽标的间距 */
[data-skin="baroque"] #home-main .info-vault .vault-avatar {     /* 圆头像骑卡顶中央，紧贴徽标下方 */
  position: absolute; top: -20px; left: 50%; transform: translateX(-50%);
  width: 82px; height: 82px; border-radius: 50%; z-index: 4; margin: 0;
  border: 2px solid var(--gold);
  background: #0d0a07
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9a24b' stroke-width='1.4'%3E%3Ccircle cx='12' cy='8.5' r='3.5'/%3E%3Cpath d='M5 20c0-3.9 3.1-7 7-7s7 3.1 7 7'/%3E%3C/svg%3E")
    center / cover no-repeat;
  box-shadow: 0 0 0 5px rgba(8, 6, 4, .92), 0 5px 14px rgba(0, 0, 0, .55);
}
[data-skin="baroque"] #home-main .info-vault .vault-head {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 10px;
}
[data-skin="baroque"] .skin-vault-qr { display: flex; align-items: center; gap: 9px; }
[data-skin="baroque"] .skin-vault-qr .sq-icon {
  width: 27px; height: 27px; flex: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ecca7d' stroke-width='1.4'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Cpath d='M14 14.5h3.2v3M20.5 14v6.5h-6.4'/%3E%3C/svg%3E") center / contain no-repeat;
}
[data-skin="baroque"] .skin-vault-qr .sq-txt b {
  display: block; color: #f0e9dd; font-size: 14px; font-weight: 600; letter-spacing: .5px;
}
[data-skin="baroque"] .skin-vault-qr .sq-txt i {
  display: block; color: var(--gold-deep); font-size: 9px; font-style: normal; letter-spacing: 1px; margin-top: 1px;
}
[data-skin="baroque"] #home-main .info-vault .vault-name {
  color: var(--gold-bright); font-size: 15px; text-align: right; max-width: 46%;
}
[data-skin="baroque"] #home-main .info-vault .vault-body {
  display: flex; align-items: center; justify-content: center; gap: 0; margin-top: 16px;
}
[data-skin="baroque"] #home-main .info-vault .vault-avatar.av { /* 防止被 body flex 当普通项 */
  position: absolute;
}
[data-skin="baroque"] #home-main .info-vault .bal { flex: 1; text-align: center; }
[data-skin="baroque"] #home-main .info-vault .bal-num {
  font-size: 46px; line-height: 1; font-weight: 700;
  background: linear-gradient(180deg, #f8e7b8, var(--gold-bright) 55%, var(--gold));
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
[data-skin="baroque"] #home-main .info-vault .bal-label { color: var(--gold-deep); font-size: 11px; margin-top: 4px; }
[data-skin="baroque"] #home-main .info-vault .bal-label i { font-style: normal; letter-spacing: 1px; opacity: .85; }
[data-skin="baroque"] #home-main .info-vault .bal-sep {
  width: 1px; height: 48px; flex: none;
  background: linear-gradient(180deg, transparent, var(--gold-deep) 30%, var(--gold-deep) 70%, transparent);
}

/* ---------- 入口卡：统一细金框 + 立体金图标 ---------- */
[data-skin="baroque"] .entry-card {
  border: none; position: relative; overflow: visible; border-radius: 14px;
  justify-content: center; gap: 7px; padding: 22px 12px;
  background: rgba(8, 6, 4, .88);
}
[data-skin="baroque"] .entry-card:hover,
[data-skin="baroque"] .entry-card:active { background: rgba(20, 15, 10, .94); }
[data-skin="baroque"] .entry-card::before {
  content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 1;
  border: 22px solid transparent;
  border-image: url("/assets/baroque/card-frame.png?v=7") 19% / 22px stretch;
}
[data-skin="baroque"] .entry-card .ec-icon {        /* 立体金图标（真透明 PNG，正常合成）*/
  display: block; font-size: 0; width: 66px; height: 66px; margin: 0 auto;
  background: center / contain no-repeat; position: relative; z-index: 2;
}
[data-skin="baroque"] .e-honor .ec-icon, [data-skin="baroque"] .e-race .ec-icon { width: 50px; height: 50px; }
[data-skin="baroque"] .e-order     .ec-icon { background-image: url("/assets/baroque/icon-order.png?v=7"); }
[data-skin="baroque"] .e-honor     .ec-icon { background-image: url("/assets/baroque/icon-points.png?v=7"); }
[data-skin="baroque"] .e-race      .ec-icon { background-image: url("/assets/baroque/icon-race.png?v=7"); }
[data-skin="baroque"] .e-community .ec-icon { background-image: url("/assets/baroque/icon-community.png?v=7"); }
[data-skin="baroque"] .entry-card .ec-name {
  position: relative; z-index: 2; color: var(--gold-bright); font-size: 15px; font-weight: 600;
}
[data-skin="baroque"] .entry-card .ec-en {
  display: block; position: relative; z-index: 2;
  color: var(--gold-deep); font-size: 9px; letter-spacing: 2px;
}

/* ---------- 地址导航条：细金框 + 金色定位针 ---------- */
[data-skin="baroque"] .entry-wide {
  background: rgba(8, 6, 4, .88); border: none; position: relative; overflow: visible; min-height: 62px;
}
[data-skin="baroque"] .entry-wide::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  border: 22px solid transparent;
  border-image: url("/assets/baroque/card-frame.png?v=7") 19% / 22px stretch;
}
[data-skin="baroque"] .entry-wide > * { position: relative; z-index: 1; }
[data-skin="baroque"] .entry-wide .ew-icon { font-size: 0; }
[data-skin="baroque"] .entry-wide .ew-icon::before {
  content: ""; display: inline-block; width: 22px; height: 22px;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ecca7d' stroke-width='1.5'%3E%3Cpath d='M12 21s7-6 7-11a7 7 0 0 0-14 0c0 5 7 11 7 11Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E")
    center / contain no-repeat;
}
[data-skin="baroque"] .entry-wide .ew-name { color: var(--gold-bright); }

/* ---------- tabbar：金色 SVG 图标 ---------- */
[data-skin="baroque"] .tabbar {
  background: linear-gradient(0deg, #0b0805, rgba(11, 8, 5, .96));
  border-top-color: var(--gold-deep);
}
[data-skin="baroque"] .tabbar-item .ti-icon { font-size: 0; }
[data-skin="baroque"] .tabbar-item .ti-icon::before {
  content: ""; display: inline-block; width: 22px; height: 22px;
  background: center / contain no-repeat;
}
[data-skin="baroque"] .tabbar-item[data-tab="home"] .ti-icon::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9a24b' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M4 11l8-7 8 7'/%3E%3Cpath d='M6 10v9h12v-9'/%3E%3C/svg%3E");
}
[data-skin="baroque"] .tabbar-item[data-tab="my"] .ti-icon::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9a24b' stroke-width='1.5'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4.4 3.6-8 8-8s8 3.6 8 8'/%3E%3C/svg%3E");
}
[data-skin="baroque"] .tabbar-item.active .ti-icon::before { filter: brightness(1.45); }

/* ---------- 小屏适配 ---------- */
@media (max-width: 360px) {
  [data-skin="baroque"] .skin-brand-raise { font-size: 36px; }
  [data-skin="baroque"] .skin-brand-name { font-size: 18px; }
  [data-skin="baroque"] .entry-card .ec-icon { width: 56px; height: 56px; }
  [data-skin="baroque"] .e-honor .ec-icon, [data-skin="baroque"] .e-race .ec-icon { width: 44px; height: 44px; }
}