body {
  background: linear-gradient(180deg, #fff8fc 0%, #f6fbff 100%);
  color: #3c4257;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
}

button { font-family: inherit; }

.body-shell {
  min-height: 100vh;
  box-sizing: border-box;
  padding: calc(var(--rpx) * 28) calc(var(--rpx) * 28) calc(var(--rpx) * 170);
}

.sticker-title {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: calc(var(--rpx) * 72);
  padding: 0 calc(var(--rpx) * 34);
  border-radius: calc(var(--rpx) * 18) calc(var(--rpx) * 24) calc(var(--rpx) * 16) calc(var(--rpx) * 22);
  background: linear-gradient(135deg, #ffd9ec, #d9eeff);
  border: calc(var(--rpx) * 2) solid rgba(255,255,255,.95);
  box-shadow: 0 calc(var(--rpx) * 12) calc(var(--rpx) * 28) rgba(124, 153, 190, .14);
  font-size: calc(var(--rpx) * 36);
  font-weight: 800;
  color: #4b4f69;
  transform: rotate(-1deg);
}

.sticker-title::before {
  content: "";
  position: absolute;
  width: calc(var(--rpx) * 30);
  height: calc(var(--rpx) * 54);
  border: calc(var(--rpx) * 5) solid #8da6c5;
  border-bottom-color: transparent;
  border-radius: calc(var(--rpx) * 22);
  right: calc(var(--rpx) * 22);
  top: calc(var(--rpx) * -25);
  transform: rotate(18deg);
  opacity: .7;
}

.section-card {
  background: rgba(255,255,255,.9);
  border: calc(var(--rpx) * 2) solid #e8dff0;
  border-radius: calc(var(--rpx) * 28);
  box-shadow: 0 calc(var(--rpx) * 14) calc(var(--rpx) * 34) rgba(133, 151, 185, .12);
}

.dashed-decoration { border: calc(var(--rpx) * 2) dashed #c8dcf1; }

.highlight-pink { color: #ff5ca8; }
.highlight-blue { color: #4a9cff; }

/* =========================================================
   Beijing Galo Only Vol.02 · 2026 秋日视觉主题
   仅覆盖美术样式，不改任何业务逻辑
   主色：枫叶红 #C85238 / 琥珀橙 #F29A4A / 奶油纸 #FFF8EE
   辅色：莓果粉 #D77A8D / 暖棕 #6B4635 / 少量鼠尾草 #879A8C
   ========================================================= */
body {
  background:
    radial-gradient(circle at 18% 2%, rgba(242,154,74,.10) 0, rgba(242,154,74,0) 28%),
    radial-gradient(circle at 92% 16%, rgba(200,82,56,.08) 0, rgba(200,82,56,0) 26%),
    linear-gradient(180deg,#fff9ef 0%,#fff4e7 48%,#f9eadc 100%);
  color:#5d4234;
}
.body-shell { padding:calc(var(--rpx) * 30) calc(var(--rpx) * 28) calc(var(--rpx) * 172); }
.sticker-title {
  min-height:calc(var(--rpx) * 76); padding:0 calc(var(--rpx) * 38); border-radius:calc(var(--rpx) * 12) calc(var(--rpx) * 28) calc(var(--rpx) * 12) calc(var(--rpx) * 28);
  background:linear-gradient(135deg,#fff1dc 0%,#f7d7bd 46%,#efbba7 100%);
  border:calc(var(--rpx) * 2) solid rgba(255,255,255,.96);
  box-shadow:0 calc(var(--rpx) * 12) calc(var(--rpx) * 28) rgba(127,76,51,.13), inset 0 0 0 calc(var(--rpx) * 2) rgba(197,117,73,.10);
  color:#6b3d2d; font-family:"Songti SC","STSong","PingFang SC",serif; letter-spacing:calc(var(--rpx) * 2); transform:rotate(-.5deg);
}
.sticker-title::before { width:calc(var(--rpx) * 28); height:calc(var(--rpx) * 50); border-color:#c88458; border-bottom-color:transparent; opacity:.72; }
.sticker-title::after { content:"✦"; position:absolute; left:calc(var(--rpx) * 12); top:calc(var(--rpx) * -18); color:#d8613e; font-family:serif; font-size:calc(var(--rpx) * 24); transform:rotate(-15deg); opacity:.9; }
.section-card { background:rgba(255,252,246,.94); border:calc(var(--rpx) * 2) solid #ecd4bc; border-radius:calc(var(--rpx) * 28); box-shadow:0 calc(var(--rpx) * 14) calc(var(--rpx) * 32) rgba(116,74,52,.10), inset 0 calc(var(--rpx) * 1) 0 rgba(255,255,255,.9); }
.dashed-decoration { border:calc(var(--rpx) * 2) dashed #d9b18c; }
.highlight-pink { color:#c85238; }
.highlight-blue { color:#b46a58; }

/* ===== 主宣传图风格二次覆盖（纸张 / 奶油 / 枫叶 / 咖啡） ===== */
body { background: radial-gradient(circle at 12% 4%, rgba(248,199,166,.22) 0, rgba(248,199,166,0) 25%), radial-gradient(circle at 92% 10%, rgba(230,107,92,.09) 0, rgba(230,107,92,0) 18%), linear-gradient(180deg, #FFF7F0 0%, #FFF4EA 42%, #FDF0E3 100%); color:#7A4A35; }
.body-shell { min-height:100vh; box-sizing:border-box; padding:calc(var(--rpx) * 28) calc(var(--rpx) * 28) calc(var(--rpx) * 176); }
.sticker-title { position:relative; min-height:calc(var(--rpx) * 74); padding:0 calc(var(--rpx) * 38); border-radius:calc(var(--rpx) * 14) calc(var(--rpx) * 28) calc(var(--rpx) * 14) calc(var(--rpx) * 28); border:calc(var(--rpx) * 2) solid #F2C9A8; background:linear-gradient(180deg,#FFF9F3 0%,#FFEDE0 100%); box-shadow:0 calc(var(--rpx) * 10) calc(var(--rpx) * 26) rgba(158,93,64,.08), inset 0 0 0 calc(var(--rpx) * 2) rgba(255,255,255,.82); color:#8C4931; font-family:"Songti SC","STSong","PingFang SC",serif; letter-spacing:calc(var(--rpx) * 2); transform:rotate(-.25deg); }
.sticker-title::before { border-color:#C97A55; border-bottom-color:transparent; opacity:.72; }
.sticker-title::after { content:""; position:absolute; left:calc(var(--rpx) * 18); bottom:calc(var(--rpx) * 10); width:calc(var(--rpx) * 60); height:calc(var(--rpx) * 4); border-radius:calc(var(--rpx) * 999); background:linear-gradient(90deg,#F49A77,#E86B5C); opacity:.65; }
.section-card { background:rgba(255,251,245,.95); border:calc(var(--rpx) * 2) solid #F2D6BE; border-radius:calc(var(--rpx) * 28); box-shadow:0 calc(var(--rpx) * 14) calc(var(--rpx) * 34) rgba(164,109,72,.08), inset 0 calc(var(--rpx) * 1) 0 rgba(255,255,255,.9); }
.dashed-decoration { border:calc(var(--rpx) * 2) dashed #E9BA96; }
.highlight-pink { color:#D65B74; }
.highlight-blue { color:#A64B5A; }

.home-body[data-v-bgo0] { padding-top:calc(var(--rpx) * 20);
}
.home-hero[data-v-bgo0] { position:relative; overflow:visible; border-radius:calc(var(--rpx) * 36); padding:0; min-height:calc(var(--rpx) * 560);
}
.home-hero-bg[data-v-bgo0] { width:100%; height:calc(var(--rpx) * 560); display:block; border-radius:calc(var(--rpx) * 36);
}
.home-hero-mask[data-v-bgo0] { position:absolute; inset:0; border-radius:calc(var(--rpx) * 36); background:linear-gradient(180deg,rgba(255,248,239,.02) 0%,rgba(94,53,39,.08) 48%,rgba(79,44,34,.34) 100%);
}
.hero-sticker[data-v-bgo0] { position:absolute; z-index:3; left:calc(var(--rpx) * 22); top:calc(var(--rpx) * 22); min-width:calc(var(--rpx) * 330); padding:calc(var(--rpx) * 16) calc(var(--rpx) * 26) calc(var(--rpx) * 14); border-radius:calc(var(--rpx) * 10) calc(var(--rpx) * 28) calc(var(--rpx) * 10) calc(var(--rpx) * 24); border:calc(var(--rpx) * 2) solid #edc5a5; background:linear-gradient(180deg,rgba(255,249,241,.97),rgba(255,237,222,.96)); box-shadow:0 calc(var(--rpx) * 10) calc(var(--rpx) * 24) rgba(124,72,48,.12); transform:rotate(-1deg);
}
.hero-sticker[data-v-bgo0]::before { content:""; position:absolute; left:calc(var(--rpx) * -14); top:calc(var(--rpx) * 18); width:calc(var(--rpx) * 34); height:calc(var(--rpx) * 58); background:rgba(232,107,92,.22); transform:rotate(-8deg); border-radius:calc(var(--rpx) * 5);
}
.hero-sticker[data-v-bgo0]::after { content:""; position:absolute; right:calc(var(--rpx) * 20); top:calc(var(--rpx) * -8); width:calc(var(--rpx) * 48); height:calc(var(--rpx) * 14); border-radius:calc(var(--rpx) * 4); background:rgba(232,107,92,.24); transform:rotate(7deg);
}
.hero-sticker-main[data-v-bgo0] { display:block; color:#8d4b34; font-size:calc(var(--rpx) * 34); font-weight:800; letter-spacing:calc(var(--rpx) * 1); font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
}
.hero-sticker-sub[data-v-bgo0] { display:block; margin-top:calc(var(--rpx) * 4); color:#b27e61; font-size:calc(var(--rpx) * 18); letter-spacing:calc(var(--rpx) * 1);
}
.time-card[data-v-bgo0] { position:absolute; left:calc(var(--rpx) * 28); right:calc(var(--rpx) * 28); bottom:calc(var(--rpx) * -56); z-index:3; padding:calc(var(--rpx) * 22) calc(var(--rpx) * 28); border-radius:calc(var(--rpx) * 24); background:rgba(255,248,239,.97); border:calc(var(--rpx) * 2) solid #e8c5a8; box-shadow:0 calc(var(--rpx) * 16) calc(var(--rpx) * 38) rgba(131,79,52,.14); text-align:center;
}
.time-card-title[data-v-bgo0] { display:block; color:#af6f4b; font-size:calc(var(--rpx) * 22); letter-spacing:calc(var(--rpx) * 2);
}
.time-range[data-v-bgo0] { margin-top:calc(var(--rpx) * 10); display:flex; align-items:flex-end; justify-content:center; gap:calc(var(--rpx) * 14); color:#8c4b34;
}
.time-date[data-v-bgo0] { font-size:calc(var(--rpx) * 50); font-weight:800; line-height:1;
}
.time-divider[data-v-bgo0] { font-size:calc(var(--rpx) * 26); padding:0 calc(var(--rpx) * 4) calc(var(--rpx) * 10); color:#d3aa8d;
}
.time-hour[data-v-bgo0] { display:block; margin-top:calc(var(--rpx) * 8); color:#9f6b50; font-size:calc(var(--rpx) * 24); font-weight:700;
}
.quick-grid[data-v-bgo0] { margin-top:calc(var(--rpx) * 86); display:grid; grid-template-columns:1fr 1fr; gap:calc(var(--rpx) * 18);
}
.quick-card[data-v-bgo0] { display:flex; align-items:center; padding:calc(var(--rpx) * 24) calc(var(--rpx) * 22); border-radius:calc(var(--rpx) * 26);
}
.quick-icon-wrap[data-v-bgo0] { width:calc(var(--rpx) * 82); height:calc(var(--rpx) * 82); flex:0 0 calc(var(--rpx) * 82); display:flex; align-items:center; justify-content:center; border-radius:calc(var(--rpx) * 22); background:linear-gradient(135deg,#fff4e7,#fde0ca); box-shadow:inset 0 0 0 calc(var(--rpx) * 2) rgba(255,255,255,.72);
}
.quick-icon[data-v-bgo0] { width:calc(var(--rpx) * 62); height:calc(var(--rpx) * 62);
}
.quick-texts[data-v-bgo0] { margin-left:calc(var(--rpx) * 16); display:flex; flex-direction:column; min-width:0;
}
.quick-title[data-v-bgo0] { color:#7a4836; font-size:calc(var(--rpx) * 28); font-weight:800; line-height:1.2;
}
.quick-subtitle[data-v-bgo0] { margin-top:calc(var(--rpx) * 6); color:#ab866c; font-size:calc(var(--rpx) * 20);
}
.energy-card[data-v-bgo0],.story-progress-card[data-v-bgo0] { margin-top:calc(var(--rpx) * 24); padding:calc(var(--rpx) * 26) calc(var(--rpx) * 28); background:linear-gradient(135deg,rgba(255,253,248,.98),rgba(255,245,232,.96));
}
.energy-head[data-v-bgo0] { display:flex; justify-content:space-between; color:#6d4a39; font-size:calc(var(--rpx) * 25); font-weight:700;
}
.energy-number[data-v-bgo0] { color:#c85238;
}
.energy-track[data-v-bgo0],.story-track[data-v-bgo0] { height:calc(var(--rpx) * 24); margin-top:calc(var(--rpx) * 18); overflow:hidden; border-radius:calc(var(--rpx) * 999); background:#f1e2d4; box-shadow:inset 0 calc(var(--rpx) * 2) calc(var(--rpx) * 7) rgba(106,64,44,.10);
}
.energy-fill[data-v-bgo0] { height:100%; min-width:calc(var(--rpx) * 12); border-radius:calc(var(--rpx) * 999); background:linear-gradient(90deg,#d45a3c 0%,#ed8751 38%,#e7a260 68%,#cf7786 100%); box-shadow:0 0 calc(var(--rpx) * 18) rgba(211,91,62,.28);
}
.energy-foot[data-v-bgo0],.story-progress-foot[data-v-bgo0] { margin-top:calc(var(--rpx) * 10); display:flex; justify-content:space-between; gap:calc(var(--rpx) * 16); color:#a6846e; font-size:calc(var(--rpx) * 20);
}
.story-progress-head[data-v-bgo0] { display:flex; align-items:center; justify-content:space-between; gap:calc(var(--rpx) * 20);
}
.story-progress-title[data-v-bgo0] { display:block; color:#6d4a39; font-size:calc(var(--rpx) * 25); font-weight:800;
}
.story-progress-sub[data-v-bgo0] { display:block; margin-top:calc(var(--rpx) * 5); color:#a8846d; font-size:calc(var(--rpx) * 19);
}
.story-toggle[data-v-bgo0] { color:#bd6547; font-size:calc(var(--rpx) * 22); font-weight:800;
}
.story-fill[data-v-bgo0] { height:100%; min-width:calc(var(--rpx) * 12); border-radius:calc(var(--rpx) * 999); background:linear-gradient(90deg,#d77a8d 0%,#cf7786 45%,#df9f60 100%);
}
.story-inline[data-v-bgo0] { margin-top:calc(var(--rpx) * 16); padding:0; overflow:hidden;
}
.story-inline-head[data-v-bgo0] { display:flex; align-items:center; justify-content:space-between; padding:calc(var(--rpx) * 22) calc(var(--rpx) * 24); background:linear-gradient(135deg,#ffecd9,#f9dccd 58%,#f3e8df); border-bottom:calc(var(--rpx) * 2) solid #ead0b9;
}
.story-inline-kicker[data-v-bgo0] { display:block; color:#bf5b42; font-size:calc(var(--rpx) * 16); font-weight:900; letter-spacing:calc(var(--rpx) * 2);
}
.story-inline-title[data-v-bgo0] { display:block; margin-top:calc(var(--rpx) * 5); color:#704938; font-size:calc(var(--rpx) * 27); font-weight:800;
}
.full-tree-btn[data-v-bgo0] { margin:0; padding:0 calc(var(--rpx) * 18); min-width:0; height:calc(var(--rpx) * 54); line-height:calc(var(--rpx) * 54); border-radius:calc(var(--rpx) * 999); background:#fff8ef; color:#a65b43; border:calc(var(--rpx) * 2) solid #e2b995; font-size:calc(var(--rpx) * 19);
}
.full-tree-btn[data-v-bgo0]::after { border:0;
}
.inline-node[data-v-bgo0] { display:flex; padding:calc(var(--rpx) * 18) calc(var(--rpx) * 22) 0;
}
.inline-node[data-v-bgo0]:last-child { padding-bottom:calc(var(--rpx) * 22);
}
.inline-rail[data-v-bgo0] { position:relative; width:calc(var(--rpx) * 62); flex:0 0 calc(var(--rpx) * 62); display:flex; flex-direction:column; align-items:center;
}
.inline-dot[data-v-bgo0] { position:relative; z-index:2; width:calc(var(--rpx) * 54); height:calc(var(--rpx) * 54); border-radius:50%; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#e17f51,#f49a77 62%,#d77a8d); color:#fff; font-size:calc(var(--rpx) * 18); font-weight:900; box-shadow:0 calc(var(--rpx) * 6) calc(var(--rpx) * 16) rgba(150,92,61,.14);
}
.intro-dot[data-v-bgo0] { background:linear-gradient(135deg,#f49a77,#e86b5c);
}
.final-dot[data-v-bgo0] { background:linear-gradient(135deg,#d65b74,#a64b5a);
}
.inline-line[data-v-bgo0] { flex:1; width:calc(var(--rpx) * 4); min-height:calc(var(--rpx) * 42); background:#e2c4aa;
}
.inline-card[data-v-bgo0] { flex:1; min-width:0; margin-left:calc(var(--rpx) * 10); margin-bottom:calc(var(--rpx) * 12); padding:calc(var(--rpx) * 18) calc(var(--rpx) * 20); border:calc(var(--rpx) * 2) solid #ecd3bd; border-radius:calc(var(--rpx) * 22); background:rgba(255,251,245,.96); box-shadow:0 calc(var(--rpx) * 6) calc(var(--rpx) * 18) rgba(103,62,43,.06);
}
.inline-node.new .inline-card[data-v-bgo0] { border-color:#dda99e;
}
.inline-node.locked[data-v-bgo0] { opacity:.64;
}
.inline-node.locked .inline-dot[data-v-bgo0] { background:#cbb8ab;
}
.inline-top[data-v-bgo0] { display:flex; align-items:center; justify-content:space-between; gap:calc(var(--rpx) * 10);
}
.inline-type[data-v-bgo0] { color:#a88a77; font-size:calc(var(--rpx) * 15); font-weight:900; letter-spacing:calc(var(--rpx) * 2);
}
.inline-status[data-v-bgo0] { padding:calc(var(--rpx) * 5) calc(var(--rpx) * 10); border-radius:calc(var(--rpx) * 999); font-size:calc(var(--rpx) * 15); font-weight:900;
}
.status-new[data-v-bgo0] { background:#fae2dc; color:#b94f43;
}
.status-read[data-v-bgo0] { background:#edf0e5; color:#788b6e;
}
.status-locked[data-v-bgo0] { background:#eee7e1; color:#a39286;
}
.inline-title[data-v-bgo0] { display:block; margin-top:calc(var(--rpx) * 8); color:#674839; font-size:calc(var(--rpx) * 25); font-weight:800;
}
.inline-summary[data-v-bgo0] { display:block; margin-top:calc(var(--rpx) * 6); color:#987b69; font-size:calc(var(--rpx) * 19); line-height:1.5;
}
.inline-action[data-v-bgo0] { display:block; margin-top:calc(var(--rpx) * 10); color:#bc543b; font-size:calc(var(--rpx) * 18); font-weight:800;
}
.inline-lock[data-v-bgo0] { display:block; margin-top:calc(var(--rpx) * 10); color:#aa9281; font-size:calc(var(--rpx) * 18);
}

.points-body[data-v-bgo1] { padding-top:calc(var(--rpx) * 18);
}
.body-tag[data-v-bgo1] { position:relative; display:inline-flex; align-items:center; min-height:calc(var(--rpx) * 66); padding:0 calc(var(--rpx) * 30); margin-bottom:calc(var(--rpx) * 18); border-radius:calc(var(--rpx) * 12) calc(var(--rpx) * 26) calc(var(--rpx) * 12) calc(var(--rpx) * 24); border:calc(var(--rpx) * 2) solid #edc5a5; background:linear-gradient(180deg,#fff9f1,#ffecde); color:#8b4c35; font-size:calc(var(--rpx) * 28); font-weight:800; box-shadow:0 calc(var(--rpx) * 8) calc(var(--rpx) * 22) rgba(124,72,48,.09);
}
.body-tag[data-v-bgo1]::before { content:""; position:absolute; right:calc(var(--rpx) * 22); top:calc(var(--rpx) * -10); width:calc(var(--rpx) * 48); height:calc(var(--rpx) * 14); border-radius:calc(var(--rpx) * 4); background:rgba(232,107,92,.24); transform:rotate(7deg);
}
.top-banner[data-v-bgo1] { overflow:hidden; padding:0; border-radius:calc(var(--rpx) * 30);
}
.banner-img[data-v-bgo1] { width:100%; height:calc(var(--rpx) * 286); display:block;
}
.intro-card[data-v-bgo1] { margin-top:calc(var(--rpx) * 18); padding:calc(var(--rpx) * 22) calc(var(--rpx) * 24);
}
.intro-title[data-v-bgo1] { display:block; color:#7a4734; font-size:calc(var(--rpx) * 30); font-weight:800;
}
.intro-subtitle[data-v-bgo1] { display:block; margin-top:calc(var(--rpx) * 8); color:#ab876d; font-size:calc(var(--rpx) * 22); line-height:1.5;
}
.fold-section[data-v-bgo1] { margin-top:calc(var(--rpx) * 18); overflow:hidden;
}
.fold-head[data-v-bgo1] { min-height:calc(var(--rpx) * 116); padding:calc(var(--rpx) * 20) calc(var(--rpx) * 22); display:flex; align-items:center; justify-content:space-between; gap:calc(var(--rpx) * 18); background:linear-gradient(180deg,#fffaf3,#fff2e5);
}
.fold-title-wrap[data-v-bgo1] { display:flex; align-items:center; gap:calc(var(--rpx) * 14); min-width:0;
}
.fold-leaf[data-v-bgo1] { width:calc(var(--rpx) * 58); height:calc(var(--rpx) * 58); flex:0 0 calc(var(--rpx) * 58);
}
.fold-title[data-v-bgo1] { display:block; color:#754b38; font-size:calc(var(--rpx) * 28); font-weight:800;
}
.fold-sub[data-v-bgo1] { display:block; margin-top:calc(var(--rpx) * 5); color:#a78670; font-size:calc(var(--rpx) * 19);
}
.fold-count[data-v-bgo1] { flex:0 0 auto; display:flex; align-items:baseline; gap:calc(var(--rpx) * 3); color:#9f7b65; font-size:calc(var(--rpx) * 22);
}
.big[data-v-bgo1] { color:#c85238; font-size:calc(var(--rpx) * 42); font-weight:900;
}
.fold-arrow[data-v-bgo1] { margin-left:calc(var(--rpx) * 10); color:#c26a4c; font-size:calc(var(--rpx) * 24); font-weight:900;
}
.fold-body[data-v-bgo1] { border-top:calc(var(--rpx) * 2) solid #efd5bd; background:rgba(255,251,245,.96);
}
.hint[data-v-bgo1] { display:block; margin:calc(var(--rpx) * -8) calc(var(--rpx) * 20) calc(var(--rpx) * 18); text-align:center; color:#a98a75; font-size:calc(var(--rpx) * 20);
}
.action-panel[data-v-bgo1] { padding:0 calc(var(--rpx) * 22) calc(var(--rpx) * 24); display:flex; flex-direction:column; gap:calc(var(--rpx) * 14);
}
.scan-button[data-v-bgo1],.reward-button[data-v-bgo1] { width:100%; border:0; border-radius:calc(var(--rpx) * 999); color:#fffaf2; font-size:calc(var(--rpx) * 27); font-weight:800; box-shadow:0 calc(var(--rpx) * 10) calc(var(--rpx) * 24) rgba(148,77,46,.16);
}
.scan-button[data-v-bgo1] { background:linear-gradient(90deg,#d55b3d,#e78048 55%,#efa05a);
}
.reward-button[data-v-bgo1] { background:linear-gradient(90deg,#b94d3e,#d56958 52%,#d98191);
}
.scan-button[data-v-bgo1]::after,.reward-button[data-v-bgo1]::after { border:0;
}
.scan-button[disabled][data-v-bgo1],.reward-button[disabled][data-v-bgo1] { opacity:.68;
}

/* ===== 扫码按钮独立上移补丁 ===== */
.top-action-panel[data-v-bgo1] {
  margin-top: calc(var(--rpx) * 18);
  padding: calc(var(--rpx) * 22);
  background: rgba(255,251,245,.97);
  border-color: #efd2b8;
  box-shadow: 0 calc(var(--rpx) * 12) calc(var(--rpx) * 28) rgba(126,76,50,.08);
}

.venue-body[data-v-bgo2] {
  padding-top: calc(var(--rpx) * 18);
}

/* =========================================================
   顶部标题：恢复截图中的纸张/胶带风格
   ========================================================= */
.body-tag[data-v-bgo2] {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: calc(var(--rpx) * 66);
  padding: 0 calc(var(--rpx) * 30);
  margin-bottom: calc(var(--rpx) * 18);
  border-radius: calc(var(--rpx) * 12) calc(var(--rpx) * 26) calc(var(--rpx) * 12) calc(var(--rpx) * 24);
  border: calc(var(--rpx) * 2) solid #edc5a5;
  background: linear-gradient(180deg, #fff9f1, #ffecde);
  color: #8b4c35;
  font-size: calc(var(--rpx) * 28);
  font-weight: 800;
  box-shadow: 0 calc(var(--rpx) * 8) calc(var(--rpx) * 22) rgba(124, 72, 48, .09);
}
.body-tag[data-v-bgo2]::before {
  content: "";
  position: absolute;
  right: calc(var(--rpx) * 22);
  top: calc(var(--rpx) * -10);
  width: calc(var(--rpx) * 48);
  height: calc(var(--rpx) * 14);
  border-radius: calc(var(--rpx) * 4);
  background: rgba(232, 107, 92, .24);
  transform: rotate(7deg);
}

/* =========================================================
   三栏切换：时间表 / 地图 / 摊位
   ========================================================= */
.mode-tabs[data-v-bgo2] {
  margin: 0 0 calc(var(--rpx) * 20);
  display: flex;
  padding: calc(var(--rpx) * 8);
  border-radius: calc(var(--rpx) * 22);
  background: #f3e4d5;
  border: calc(var(--rpx) * 2) solid #ead3bc;
}
.mode-tab[data-v-bgo2] {
  flex: 1;
  padding: calc(var(--rpx) * 18) 0;
  text-align: center;
  border-radius: calc(var(--rpx) * 17);
  color: #9c7b67;
  font-size: calc(var(--rpx) * 25);
  font-weight: 700;
}
.mode-tab.active[data-v-bgo2] {
  background: #fffaf2;
  color: #b74e37;
  box-shadow: 0 calc(var(--rpx) * 8) calc(var(--rpx) * 20) rgba(112, 68, 46, .10);
}

/* =========================================================
   时间表：恢复用户截图中的原版样式
   ========================================================= */
.day-tabs[data-v-bgo2] {
  display: flex;
  gap: calc(var(--rpx) * 16);
  margin: calc(var(--rpx) * 18) 0;
}
.day-btn[data-v-bgo2] {
  flex: 1;
  padding: calc(var(--rpx) * 18);
  text-align: center;
  border-radius: calc(var(--rpx) * 20);
  border: calc(var(--rpx) * 2) solid #ead4bf;
  background: rgba(255, 251, 244, .88);
  color: #9b7a66;
}
.day-btn.active[data-v-bgo2] {
  border-color: #e6b48e;
  background: linear-gradient(135deg, #fff2df, #f9d8c6);
  color: #9e4c39;
}
.day-label[data-v-bgo2] {
  display: block;
  font-size: calc(var(--rpx) * 28);
  line-height: 1.35;
}
.day-date[data-v-bgo2] {
  display: block;
  margin-top: calc(var(--rpx) * 4);
  font-size: calc(var(--rpx) * 20);
  font-weight: 800;
}
.section-card[data-v-bgo2] {
  background: rgba(255, 252, 246, .95);
  border: calc(var(--rpx) * 2) solid #f2d6be;
  border-radius: calc(var(--rpx) * 28);
  box-shadow:
    0 calc(var(--rpx) * 14) calc(var(--rpx) * 34) rgba(164, 109, 72, .08),
    inset 0 calc(var(--rpx) * 1) 0 rgba(255, 255, 255, .9);
}
.timeline[data-v-bgo2] {
  padding: calc(var(--rpx) * 12) calc(var(--rpx) * 26);
}
.timeline-row[data-v-bgo2] {
  position: relative;
  display: flex;
  align-items: center;
  min-height: calc(var(--rpx) * 118);
  width: 100%;
  box-sizing: border-box;
}
.time-col[data-v-bgo2] {
  flex: 0 0 calc(var(--rpx) * 118);
  width: calc(var(--rpx) * 118);
  color: #7b5947;
}
.start-time[data-v-bgo2] {
  display: block;
  font-size: calc(var(--rpx) * 27);
  font-weight: 800;
}
.end-time[data-v-bgo2] {
  display: block;
  font-size: calc(var(--rpx) * 18);
  color: #ad8d78;
}
.timeline-node-col[data-v-bgo2] {
  position: relative;
  flex: 0 0 calc(var(--rpx) * 42);
  width: calc(var(--rpx) * 42);
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}
.timeline-node-col[data-v-bgo2]::after {
  content: "";
  position: absolute;
  left: 50%;
  top: calc(50% + calc(var(--rpx) * 12));
  bottom: calc(-50% + calc(var(--rpx) * 12));
  width: calc(var(--rpx) * 3);
  transform: translateX(-50%);
  background: #edd0b4;
}
.timeline-row:last-child .timeline-node-col[data-v-bgo2]::after {
  display: none;
}
.timeline-dot[data-v-bgo2] {
  position: relative;
  z-index: 1;
  width: calc(var(--rpx) * 20);
  height: calc(var(--rpx) * 20);
  flex: none;
  border-radius: 50%;
  background: #dc6a43;
  box-shadow: 0 0 0 calc(var(--rpx) * 8) #fbe1c7;
}
.event-col[data-v-bgo2] {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0 calc(var(--rpx) * 14) 0 calc(var(--rpx) * 8);
  box-sizing: border-box;
}
.event-name[data-v-bgo2] {
  display: block;
  min-width: 0;
  color: #624638;
  font-size: calc(var(--rpx) * 26);
  line-height: 1.35;
  font-weight: 700;
  word-break: break-all;
}
.status[data-v-bgo2] {
  flex: 0 0 calc(var(--rpx) * 84);
  width: calc(var(--rpx) * 84);
  box-sizing: border-box;
  padding: calc(var(--rpx) * 7) 0;
  border-radius: calc(var(--rpx) * 999);
  text-align: center;
  white-space: nowrap;
  font-size: calc(var(--rpx) * 19);
  line-height: 1.2;
}
.status.ended[data-v-bgo2] {
  background: #efe6df;
  color: #9b8779;
}
.status.running[data-v-bgo2] {
  background: #edf0e5;
  color: #788b6e;
}
.status.upcoming[data-v-bgo2] {
  background: #fde4dc;
  color: #b84f3b;
}

/* =========================================================
   地图
   ========================================================= */
.map-card[data-v-bgo2] {
  padding: calc(var(--rpx) * 18);
  background: rgba(255, 252, 246, .96);
}
.map-wrap[data-v-bgo2] {
  position: relative;
  overflow: hidden;
  border-radius: calc(var(--rpx) * 22);
  background: #f4e6d8;
  border: calc(var(--rpx) * 2) solid #ecd3b9;
}
.venue-map[data-v-bgo2] {
  display: block;
  width: 100%;
}
.map-marker[data-v-bgo2] {
  position: absolute;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: calc(var(--rpx) * 90);
  color: #704d3b;
  font-size: calc(var(--rpx) * 18);
  font-weight: 800;
  text-shadow: 0 calc(var(--rpx) * 2) calc(var(--rpx) * 8) #fff8ef;
}
.marker-dot[data-v-bgo2] {
  width: calc(var(--rpx) * 18);
  height: calc(var(--rpx) * 18);
  border: calc(var(--rpx) * 5) solid white;
  border-radius: 50%;
  background: #d65b3c;
  box-shadow: 0 calc(var(--rpx) * 4) calc(var(--rpx) * 12) rgba(112, 66, 44, .20);
}
.map-tip[data-v-bgo2] {
  display: block;
  margin: calc(var(--rpx) * 16) calc(var(--rpx) * 4) calc(var(--rpx) * 4);
  text-align: center;
  color: #a88a75;
  font-size: calc(var(--rpx) * 20);
}

/* =========================================================
   摊位卡片
   ========================================================= */
.booth-note[data-v-bgo2] {
  padding: calc(var(--rpx) * 18) calc(var(--rpx) * 20);
  color: #9a7966;
  font-size: calc(var(--rpx) * 20);
  line-height: 1.55;
}
.cloud-tip[data-v-bgo2],
.cloud-error[data-v-bgo2] {
  margin-top: calc(var(--rpx) * 14);
  padding: calc(var(--rpx) * 14) calc(var(--rpx) * 18);
  color: #9a7966;
  font-size: calc(var(--rpx) * 20);
}
.cloud-error[data-v-bgo2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--rpx) * 16);
}
.cloud-retry[data-v-bgo2] {
  flex: none;
  color: #b74e37;
  font-weight: 800;
}
.booth-grid[data-v-bgo2] {
  margin-top: calc(var(--rpx) * 16);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(var(--rpx) * 16);
}
.booth-card[data-v-bgo2] {
  padding: 0;
  overflow: hidden;
  transition:
    transform .12s ease,
    opacity .12s ease;
}
.booth-card-pressed[data-v-bgo2] {
  transform: scale(.975);
  opacity: .88;
}
.booth-thumb-wrap[data-v-bgo2] {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background:
    linear-gradient(145deg, #fff7ed, #f6e3d4);
}
.booth-thumb[data-v-bgo2] {
  display: block;
  width: 100%;
  height: 100%;
}
.booth-thumb-placeholder[data-v-bgo2] {
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(
      circle at 50% 48%,
      rgba(255,255,255,.92),
      transparent 28%
    ),
    linear-gradient(
      145deg,
      #fff7ed,
      #f6e3d4
    );
}
.placeholder-star[data-v-bgo2] {
  color: #efb07f;
  font-size: calc(var(--rpx) * 64);
  text-shadow:
    0 calc(var(--rpx) * 5) calc(var(--rpx) * 15) rgba(197, 105, 61, .12);
}
.booth-copy[data-v-bgo2] {
  padding: calc(var(--rpx) * 16);
}
.booth-title-row[data-v-bgo2] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: calc(var(--rpx) * 8);
}
.booth-name[data-v-bgo2] {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  color: #714b39;
  font-size: calc(var(--rpx) * 23);
  font-weight: 800;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.booth-no[data-v-bgo2] {
  flex: 0 0 auto;
  padding: calc(var(--rpx) * 4) calc(var(--rpx) * 9);
  border-radius: calc(var(--rpx) * 999);
  background: #fff0df;
  color: #b65a41;
  font-size: calc(var(--rpx) * 16);
  font-weight: 800;
}
.booth-more[data-v-bgo2] {
  display: block;
  margin-top: calc(var(--rpx) * 16);
  color: #bc6043;
  font-size: calc(var(--rpx) * 18);
  font-weight: 700;
}
.booth-card.placeholder .booth-name[data-v-bgo2] {
  color: #ae8d7e;
}
.booth-title-row[data-v-bgo2] { flex-wrap: wrap;
}
.booth-name[data-v-bgo2] { flex-basis: 100%; white-space: normal;
}
.booth-no[data-v-bgo2] { flex-shrink: 1; word-break: break-all; line-height: 1.5;
}

body[data-v-bgo3] { background: #fff7ea;
}
.map-body[data-v-bgo3] { padding: calc(var(--rpx) * 56) calc(var(--rpx) * 32); padding-bottom: calc(calc(var(--rpx) * 56) + env(safe-area-inset-bottom)); color: #6b4635;
}
.brand[data-v-bgo3] { color: #a17b62; font-size: calc(var(--rpx) * 21); letter-spacing: calc(var(--rpx) * 3); margin: 0 calc(var(--rpx) * 8) calc(var(--rpx) * 30);
}
.map-card[data-v-bgo3] { padding: calc(var(--rpx) * 40) calc(var(--rpx) * 32); background: #fffcf6; border: calc(var(--rpx) * 2) solid #edcdb0; border-radius: calc(var(--rpx) * 28); box-shadow: 0 calc(var(--rpx) * 16) calc(var(--rpx) * 40) rgba(124,72,48,.08);
}
.map-badge[data-v-bgo3] { display: inline-block; padding: calc(var(--rpx) * 10) calc(var(--rpx) * 20); border-radius: calc(var(--rpx) * 12); background: #fbe1cc; color: #b65338; font-size: calc(var(--rpx) * 22);
}
.map-title[data-v-bgo3] { margin-top: calc(var(--rpx) * 28); font-size: calc(var(--rpx) * 40); font-weight: 800;
}
.map-description[data-v-bgo3] { margin-top: calc(var(--rpx) * 18); font-size: calc(var(--rpx) * 26); line-height: 1.7; color: #96745e;
}
.url-label[data-v-bgo3] { margin-top: calc(var(--rpx) * 44); margin-bottom: calc(var(--rpx) * 14); font-size: calc(var(--rpx) * 22); color: #9c7b67;
}
.map-url[data-v-bgo3] { display: block; padding: calc(var(--rpx) * 24); border: calc(var(--rpx) * 2) dashed #e6c7a9; border-radius: calc(var(--rpx) * 16); background: #fff4e5; font-size: calc(var(--rpx) * 25); line-height: 1.7; word-break: break-all;
}
.copy-button[data-v-bgo3] { margin-top: calc(var(--rpx) * 32); border-radius: calc(var(--rpx) * 18); background: #c85238; color: #fffaf2; font-size: calc(var(--rpx) * 29); font-weight: 700;
}
.copy-button[data-v-bgo3]::after { border: none;
}
.instructions[data-v-bgo3] { margin-top: calc(var(--rpx) * 22); text-align: center; font-size: calc(var(--rpx) * 23); line-height: 1.7; color: #96745e;
}
.map-footer[data-v-bgo3] { margin-top: calc(var(--rpx) * 30); text-align: center; font-size: calc(var(--rpx) * 22); line-height: 1.7; color: #a88a75;
}

body[data-v-bgo4] {
  min-height: 100%;
  background: #fff8ef;
  color: #644337;
}
.detail-body[data-v-bgo4] {
  box-sizing: border-box;
  min-height: 100vh;
  padding: calc(var(--rpx) * 28) calc(var(--rpx) * 24) calc(var(--rpx) * 80);
  background:
    radial-gradient(circle at 100% 0%, rgba(241, 171, 121, .14), transparent 32%),
    linear-gradient(180deg, #fff7ed 0%, #fffaf5 100%);
}
.booth-head-card[data-v-bgo4] {
  padding: calc(var(--rpx) * 28);
  border: calc(var(--rpx) * 2) solid #edcdb7;
  border-radius: calc(var(--rpx) * 28);
  background: rgba(255, 252, 247, .96);
  box-shadow: 0 calc(var(--rpx) * 10) calc(var(--rpx) * 28) rgba(127, 76, 45, .06);
}
.booth-head-top[data-v-bgo4] {
  display: flex;
  align-items: flex-start;
  gap: calc(var(--rpx) * 20);
}
.booth-title-wrap[data-v-bgo4] {
  flex: 1;
  min-width: 0;
}
.booth-kicker[data-v-bgo4] {
  color: #d18a64;
  font-size: calc(var(--rpx) * 18);
  letter-spacing: calc(var(--rpx) * 4);
}
.booth-name[data-v-bgo4] {
  margin-top: calc(var(--rpx) * 7);
  color: #5d3e34;
  font-size: calc(var(--rpx) * 40);
  line-height: 1.35;
  font-weight: 800;
}
.booth-number[data-v-bgo4] {
  flex: none;
  min-width: calc(var(--rpx) * 92);
  padding: calc(var(--rpx) * 10) calc(var(--rpx) * 16);
  border-radius: calc(var(--rpx) * 999);
  text-align: center;
  color: #cf6a43;
  background: #fff0df;
  font-size: calc(var(--rpx) * 24);
  font-weight: 800;
}
.sync-line[data-v-bgo4] {
  margin-top: calc(var(--rpx) * 18);
  padding-top: calc(var(--rpx) * 16);
  border-top: calc(var(--rpx) * 1) solid #f0ded2;
  color: #b17e64;
  font-size: calc(var(--rpx) * 21);
}
.sync-line.warning[data-v-bgo4] { color: #c46a4a;
}
.poster-section[data-v-bgo4] { margin-top: calc(var(--rpx) * 24);
}
.section-caption[data-v-bgo4] {
  display: flex;
  align-items: center;
  gap: calc(var(--rpx) * 14);
  margin: 0 calc(var(--rpx) * 7) calc(var(--rpx) * 15);
}
.caption-star[data-v-bgo4] {
  color: #e49a69;
  font-size: calc(var(--rpx) * 31);
}
.caption-title[data-v-bgo4] {
  color: #654538;
  font-size: calc(var(--rpx) * 27);
  font-weight: 800;
}
.caption-sub[data-v-bgo4] {
  margin-top: calc(var(--rpx) * 3);
  color: #aa8674;
  font-size: calc(var(--rpx) * 20);
}
.poster-card[data-v-bgo4] {
  overflow: hidden;
  padding: calc(var(--rpx) * 12);
  border: calc(var(--rpx) * 2) solid #edcdb7;
  border-radius: calc(var(--rpx) * 28);
  background: rgba(255, 253, 249, .96);
  box-shadow: 0 calc(var(--rpx) * 12) calc(var(--rpx) * 30) rgba(127, 76, 45, .06);
}
.poster-card[data-v-bgo4]:active { opacity: .94;
}
.detail-poster[data-v-bgo4] {
  display: block;
  width: 100%;
  border-radius: calc(var(--rpx) * 21);
  background: #f6e7dc;
}
.poster-open-tip[data-v-bgo4] {
  padding: calc(var(--rpx) * 18) calc(var(--rpx) * 6) calc(var(--rpx) * 10);
  text-align: center;
  color: #cb704d;
  font-size: calc(var(--rpx) * 23);
  font-weight: 800;
}
.poster-open-tip span[data-v-bgo4] {
  margin-left: calc(var(--rpx) * 4);
  font-size: calc(var(--rpx) * 28);
}
.empty-poster[data-v-bgo4] {
  padding: calc(var(--rpx) * 100) calc(var(--rpx) * 30);
  border: calc(var(--rpx) * 2) solid #edcdb7;
  border-radius: calc(var(--rpx) * 28);
  background: linear-gradient(180deg, #fff3e8 0%, #f7e7db 100%);
  text-align: center;
}
.empty-star[data-v-bgo4] {
  color: #edaa78;
  font-size: calc(var(--rpx) * 72);
}
.empty-title[data-v-bgo4] {
  margin-top: calc(var(--rpx) * 15);
  color: #725044;
  font-size: calc(var(--rpx) * 29);
  font-weight: 800;
}
.empty-sub[data-v-bgo4] {
  margin-top: calc(var(--rpx) * 8);
  color: #a88776;
  font-size: calc(var(--rpx) * 22);
}
.detail-footnote[data-v-bgo4] {
  display: flex;
  align-items: center;
  gap: calc(var(--rpx) * 14);
  margin-top: calc(var(--rpx) * 36);
  padding: 0 calc(var(--rpx) * 14);
}
.footnote-line[data-v-bgo4] {
  flex: 1;
  height: calc(var(--rpx) * 1);
  background: #e9cab4;
}
.footnote-span[data-v-bgo4] {
  color: #c99a7c;
  font-size: calc(var(--rpx) * 18);
  letter-spacing: calc(var(--rpx) * 2);
}


/* =========================================================
   摊位长简介
   description = 卡片短简介
   introText    = 详情页长简介
   ========================================================= */
.intro-section[data-v-bgo4] {
  margin-top: calc(var(--rpx) * 24);
}
.intro-card[data-v-bgo4] {
  padding: calc(var(--rpx) * 26) calc(var(--rpx) * 28);
  border: calc(var(--rpx) * 2) solid #edcdb7;
  border-radius: calc(var(--rpx) * 28);
  background: rgba(255, 252, 247, .96);
  box-shadow: 0 calc(var(--rpx) * 10) calc(var(--rpx) * 28) rgba(127, 76, 45, .05);
}
.intro-span[data-v-bgo4] {
  display: block;
  color: #765649;
  font-size: calc(var(--rpx) * 25);
  line-height: 1.85;
  white-space: pre-wrap;
  word-break: break-all;
}


/* ==========================================================
   制品二级菜单入口
   简介 -> 制品目录入口 -> 详细宣传图
   ========================================================== */
.product-section[data-v-bgo4] {
  margin-top: calc(var(--rpx) * 34);
}
.caption-copy[data-v-bgo4] {
  flex: 1;
  min-width: 0;
}
.item-count[data-v-bgo4] {
  flex: none;
  margin-left: auto;
  padding: calc(var(--rpx) * 6) calc(var(--rpx) * 11);
  border: calc(var(--rpx) * 1) solid #edc7ad;
  border-radius: calc(var(--rpx) * 999);
  background: #fff4e7;
  color: #c67556;
  font-size: calc(var(--rpx) * 16);
  font-weight: 900;
  letter-spacing: calc(var(--rpx) * 1);
}
.announcement-card[data-v-bgo4] {
  margin-top: calc(var(--rpx) * 14);
  padding: calc(var(--rpx) * 20) calc(var(--rpx) * 22);
  border: calc(var(--rpx) * 2) solid #efc9b2;
  border-radius: calc(var(--rpx) * 20);
  background: #fff2e5;
}
.announcement-label[data-v-bgo4] {
  display: block;
  color: #bc6548;
  font-size: calc(var(--rpx) * 18);
  font-weight: 900;
  letter-spacing: calc(var(--rpx) * 1);
}
.announcement-span[data-v-bgo4] {
  display: block;
  margin-top: calc(var(--rpx) * 7);
  color: #825f4d;
  font-size: calc(var(--rpx) * 21);
  line-height: 1.65;
}
.product-menu-card[data-v-bgo4] {
  position: relative;
  overflow: hidden;
  border: calc(var(--rpx) * 2) solid #e9c3a8;
  border-radius: calc(var(--rpx) * 28);
  background: #fff9f2;
  box-shadow: 0 calc(var(--rpx) * 12) calc(var(--rpx) * 30) rgba(127, 76, 45, .07);
}
.product-menu-card-active[data-v-bgo4] {
  opacity: .95;
  transform: scale(.992);
}
.product-menu-card.disabled[data-v-bgo4] {
  opacity: .72;
}
.product-menu-paper[data-v-bgo4] {
  position: relative;
  overflow: hidden;
  padding: calc(var(--rpx) * 25) calc(var(--rpx) * 24) calc(var(--rpx) * 22);
  background:
    radial-gradient(circle at 100% 0%, rgba(218, 119, 77, .14), transparent 31%),
    linear-gradient(135deg, #fffdf8 0%, #fff3e6 100%);
}
.product-menu-paper[data-v-bgo4]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: calc(var(--rpx) * 8);
  background: linear-gradient(180deg, #bd5f45 0%, #dc8a60 52%, #b95740 100%);
}
.product-menu-top[data-v-bgo4] {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: calc(var(--rpx) * 18);
}
.product-menu-icon[data-v-bgo4] {
  flex: none;
  width: calc(var(--rpx) * 80);
  height: calc(var(--rpx) * 80);
  display: flex;
  align-items: center;
  justify-content: center;
  border: calc(var(--rpx) * 2) solid #e7b99b;
  border-radius: calc(var(--rpx) * 24);
  background: linear-gradient(145deg, #fff8ed, #ffe2cb);
  box-shadow: inset 0 0 0 calc(var(--rpx) * 5) rgba(255, 255, 255, .58);
}
.product-menu-icon-star[data-v-bgo4] {
  color: #c85f43;
  font-size: calc(var(--rpx) * 38);
  line-height: 1;
}
.product-menu-copy[data-v-bgo4] {
  flex: 1;
  min-width: 0;
}
.product-menu-kicker[data-v-bgo4] {
  color: #c98461;
  font-size: calc(var(--rpx) * 16);
  font-weight: 900;
  letter-spacing: calc(var(--rpx) * 3);
}
.product-menu-title[data-v-bgo4] {
  margin-top: calc(var(--rpx) * 5);
  color: #684337;
  font-size: calc(var(--rpx) * 29);
  font-weight: 900;
  line-height: 1.35;
}
.product-menu-sub[data-v-bgo4] {
  margin-top: calc(var(--rpx) * 6);
  color: #a37d6a;
  font-size: calc(var(--rpx) * 18);
  line-height: 1.5;
}
.product-menu-arrow[data-v-bgo4] {
  flex: none;
  width: calc(var(--rpx) * 48);
  height: calc(var(--rpx) * 48);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: calc(var(--rpx) * 999);
  background: #c9684a;
  color: #fffaf2;
  box-shadow: 0 calc(var(--rpx) * 6) calc(var(--rpx) * 16) rgba(175, 76, 49, .18);
}
.product-menu-arrow span[data-v-bgo4] {
  margin-top: calc(var(--rpx) * -4);
  font-size: calc(var(--rpx) * 42);
  font-weight: 500;
  line-height: 1;
}
.product-menu-bottom[data-v-bgo4] {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: calc(var(--rpx) * 20);
  margin-top: calc(var(--rpx) * 22);
  padding-top: calc(var(--rpx) * 18);
  border-top: calc(var(--rpx) * 1) dashed #e5c2aa;
}
.product-preview-stack[data-v-bgo4] {
  position: relative;
  flex: none;
  width: calc(var(--rpx) * 178);
  height: calc(var(--rpx) * 78);
}
.product-preview-img[data-v-bgo4] {
  position: absolute;
  top: 0;
  width: calc(var(--rpx) * 78);
  height: calc(var(--rpx) * 70);
  border: calc(var(--rpx) * 4) solid #fffaf4;
  border-radius: calc(var(--rpx) * 14);
  background: #f1dfd1;
  box-shadow: 0 calc(var(--rpx) * 5) calc(var(--rpx) * 14) rgba(95, 59, 43, .13);
}
.product-preview-img.preview-0[data-v-bgo4] {
  left: 0;
  transform: rotate(-4deg);
}
.product-preview-img.preview-1[data-v-bgo4] {
  left: calc(var(--rpx) * 48);
  transform: rotate(2deg);
}
.product-preview-img.preview-2[data-v-bgo4] {
  left: calc(var(--rpx) * 96);
  transform: rotate(5deg);
}
.product-preview-empty[data-v-bgo4] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--rpx) * 160);
  height: calc(var(--rpx) * 66);
  border: calc(var(--rpx) * 2) dashed #d9ac90;
  border-radius: calc(var(--rpx) * 14);
  color: #c68a6c;
  font-size: calc(var(--rpx) * 16);
  font-weight: 900;
  letter-spacing: calc(var(--rpx) * 3);
}
.product-menu-action[data-v-bgo4] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.product-menu-action-count[data-v-bgo4] {
  color: #966954;
  font-size: calc(var(--rpx) * 18);
  font-weight: 800;
}
.product-menu-action-link[data-v-bgo4] {
  margin-top: calc(var(--rpx) * 6);
  color: #c75f43;
  font-size: calc(var(--rpx) * 21);
  font-weight: 900;
}
.product-menu-stamp[data-v-bgo4] {
  position: absolute;
  right: calc(var(--rpx) * -11);
  bottom: calc(var(--rpx) * -18);
  width: calc(var(--rpx) * 82);
  height: calc(var(--rpx) * 82);
  display: flex;
  align-items: center;
  justify-content: center;
  border: calc(var(--rpx) * 3) solid rgba(179, 81, 57, .12);
  border-radius: calc(var(--rpx) * 999);
  color: rgba(179, 81, 57, .13);
  font-size: calc(var(--rpx) * 13);
  font-weight: 900;
  line-height: 1.1;
  text-align: center;
  transform: rotate(-13deg);
}

body[data-v-bgo5] {
  min-height: 100%;
  background: #fff8ef;
  color: #644337;
}
.products-body[data-v-bgo5] {
  box-sizing: border-box;
  min-height: 100vh;
  padding: calc(var(--rpx) * 22) calc(var(--rpx) * 18) calc(var(--rpx) * 72);
  background:
    radial-gradient(circle at 100% 0%, rgba(241, 171, 121, .16), transparent 31%),
    radial-gradient(circle at 0% 60%, rgba(211, 111, 72, .06), transparent 30%),
    linear-gradient(180deg, #fff7ed 0%, #fffaf5 100%);
}
.catalogue-head[data-v-bgo5] {
  overflow: hidden;
  border: calc(var(--rpx) * 2) solid #e8c3aa;
  border-radius: calc(var(--rpx) * 28);
  background: rgba(255, 252, 247, .97);
  box-shadow: 0 calc(var(--rpx) * 12) calc(var(--rpx) * 30) rgba(127, 76, 45, .07);
}
.head-mailbar[data-v-bgo5] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: calc(var(--rpx) * 11) calc(var(--rpx) * 22);
  background:
    repeating-linear-gradient(
      -45deg,
      #bb5b43 0,
      #bb5b43 calc(var(--rpx) * 18),
      #fff5e9 calc(var(--rpx) * 18),
      #fff5e9 calc(var(--rpx) * 36),
      #557b91 calc(var(--rpx) * 36),
      #557b91 calc(var(--rpx) * 54),
      #fff5e9 calc(var(--rpx) * 54),
      #fff5e9 calc(var(--rpx) * 72)
    );
}
.head-mailbar-left[data-v-bgo5],
.head-mailbar-right[data-v-bgo5] {
  padding: calc(var(--rpx) * 4) calc(var(--rpx) * 10);
  border-radius: calc(var(--rpx) * 999);
  background: rgba(255, 250, 242, .92);
  color: #775347;
  font-size: calc(var(--rpx) * 14);
  font-weight: 900;
  letter-spacing: calc(var(--rpx) * 2);
}
.head-main[data-v-bgo5] {
  display: flex;
  align-items: flex-start;
  gap: calc(var(--rpx) * 20);
  padding: calc(var(--rpx) * 28) calc(var(--rpx) * 26) calc(var(--rpx) * 27);
}
.head-copy[data-v-bgo5] {
  flex: 1;
  min-width: 0;
}
.head-kicker[data-v-bgo5] {
  color: #cf8060;
  font-size: calc(var(--rpx) * 16);
  font-weight: 900;
  letter-spacing: calc(var(--rpx) * 3);
}
.head-title[data-v-bgo5] {
  margin-top: calc(var(--rpx) * 7);
  color: #624136;
  font-size: calc(var(--rpx) * 38);
  font-weight: 900;
  line-height: 1.3;
}
.head-sub[data-v-bgo5] {
  margin-top: calc(var(--rpx) * 8);
  color: #a37d6c;
  font-size: calc(var(--rpx) * 19);
  font-weight: 700;
  letter-spacing: calc(var(--rpx) * 1);
}
.head-count[data-v-bgo5] {
  flex: none;
  width: calc(var(--rpx) * 92);
  height: calc(var(--rpx) * 92);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: calc(var(--rpx) * 3) double #d98d69;
  border-radius: calc(var(--rpx) * 999);
  color: #bc5b42;
  transform: rotate(6deg);
}
.head-count-number[data-v-bgo5] {
  font-size: calc(var(--rpx) * 28);
  font-weight: 900;
  line-height: 1;
}
.head-count-unit[data-v-bgo5] {
  margin-top: calc(var(--rpx) * 4);
  font-size: calc(var(--rpx) * 12);
  font-weight: 900;
  letter-spacing: calc(var(--rpx) * 1);
}
.catalogue-list[data-v-bgo5] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(var(--rpx) * 16);
  margin-top: calc(var(--rpx) * 20);
}
.goods-card[data-v-bgo5] {
  position: relative;
  overflow: hidden;
  padding: calc(var(--rpx) * 12);
  border: calc(var(--rpx) * 2) solid #ebc9b2;
  border-radius: calc(var(--rpx) * 22);
  background:
    radial-gradient(circle at 100% 0%, rgba(218, 119, 77, .08), transparent 28%),
    rgba(255, 253, 249, .98);
  box-shadow: 0 calc(var(--rpx) * 10) calc(var(--rpx) * 27) rgba(127, 76, 45, .055);
}
.goods-photo-wrap[data-v-bgo5] {
  position: relative;
  overflow: hidden;
  border-radius: calc(var(--rpx) * 22);
  background: #f4e2d4;
}
.goods-photo[data-v-bgo5] {
  display: block;
  width: 100%;
  height: calc(var(--rpx) * 250);
  background: #f2dfd1;
}
.goods-photo-empty[data-v-bgo5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #c98969;
}
.goods-photo-star[data-v-bgo5] {
  font-size: calc(var(--rpx) * 55);
}
.goods-photo-empty-span[data-v-bgo5] {
  margin-top: calc(var(--rpx) * 10);
  font-size: calc(var(--rpx) * 16);
  font-weight: 900;
  letter-spacing: calc(var(--rpx) * 4);
}
.goods-photo-tip[data-v-bgo5] {
  position: absolute;
  right: calc(var(--rpx) * 10);
  bottom: calc(var(--rpx) * 10);
  padding: calc(var(--rpx) * 5) calc(var(--rpx) * 9);
  border: calc(var(--rpx) * 1) solid rgba(255,255,255,.5);
  border-radius: calc(var(--rpx) * 999);
  background: rgba(93, 61, 49, .7);
  color: #fffaf4;
  font-size: calc(var(--rpx) * 13);
  font-weight: 800;
  backdrop-filter: blur(calc(var(--rpx) * 4));
}
.goods-content[data-v-bgo5] {
  padding: calc(var(--rpx) * 14) calc(var(--rpx) * 5) calc(var(--rpx) * 5);
}
.goods-topline[data-v-bgo5] {
  display: block;
}
.goods-name-wrap[data-v-bgo5] {
  flex: 1;
  min-width: 0;
}
.goods-index[data-v-bgo5] {
  display: block;
  color: #ce8665;
  font-size: calc(var(--rpx) * 14);
  font-weight: 900;
  letter-spacing: calc(var(--rpx) * 2);
}
.goods-name[data-v-bgo5] {
  display: block;
  margin-top: calc(var(--rpx) * 4);
  color: #684438;
  font-size: calc(var(--rpx) * 23);
  font-weight: 900;
  line-height: 1.35;
}
.goods-price[data-v-bgo5] {
  display: block;
  margin-top: calc(var(--rpx) * 7);
  color: #c45038;
  font-size: calc(var(--rpx) * 24);
  font-weight: 900;
}
.goods-meta-box[data-v-bgo5] {
  margin-top: calc(var(--rpx) * 11);
  overflow: hidden;
  border: calc(var(--rpx) * 1) solid #edd3c1;
  border-radius: calc(var(--rpx) * 16);
  background: #fff8f0;
}
.goods-meta-row[data-v-bgo5] {
  display: flex;
  align-items: flex-start;
  padding: calc(var(--rpx) * 8) calc(var(--rpx) * 9);
  border-bottom: calc(var(--rpx) * 1) solid #f0ddd0;
}
.goods-meta-row[data-v-bgo5]:last-child {
  border-bottom: 0;
}
.goods-meta-label[data-v-bgo5] {
  flex: none;
  width: calc(var(--rpx) * 52);
  color: #bd7454;
  font-size: calc(var(--rpx) * 14);
  font-weight: 900;
}
.goods-meta-value[data-v-bgo5] {
  flex: 1;
  color: #846353;
  font-size: calc(var(--rpx) * 15);
  line-height: 1.5;
}
.goods-description[data-v-bgo5] {
  display: -webkit-box;
  margin-top: calc(var(--rpx) * 11);
  overflow: hidden;
  color: #876756;
  font-size: calc(var(--rpx) * 16);
  line-height: 1.55;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  white-space: normal;
  word-break: break-all;
}
.goods-footer[data-v-bgo5] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--rpx) * 8);
  margin-top: calc(var(--rpx) * 13);
  padding-top: calc(var(--rpx) * 11);
  border-top: calc(var(--rpx) * 1) dashed #e8cdbb;
}
.stock-pill[data-v-bgo5] {
  display: inline-flex;
  padding: calc(var(--rpx) * 5) calc(var(--rpx) * 10);
  border-radius: calc(var(--rpx) * 999);
  background: #eaf2e5;
  color: #5c754f;
  font-size: calc(var(--rpx) * 14);
  font-weight: 900;
}
.stock-pill.low[data-v-bgo5] {
  background: #fff1d3;
  color: #966b29;
}
.stock-pill.sold_out[data-v-bgo5] {
  background: #f8dfd9;
  color: #a04436;
}
.stock-pill.display_only[data-v-bgo5] {
  background: #e8edf2;
  color: #5e6a78;
}
.goods-note[data-v-bgo5] {
  color: #ad8976;
  font-size: calc(var(--rpx) * 13);
}
.goods-corner-mark[data-v-bgo5] {
  position: absolute;
  right: calc(var(--rpx) * 9);
  bottom: calc(var(--rpx) * -15);
  color: rgba(199, 93, 64, .08);
  font-size: calc(var(--rpx) * 90);
  transform: rotate(19deg);
}
.state-card[data-v-bgo5] {
  margin-top: calc(var(--rpx) * 24);
  padding: calc(var(--rpx) * 70) calc(var(--rpx) * 28);
  border: calc(var(--rpx) * 2) dashed #e6c4ae;
  border-radius: calc(var(--rpx) * 28);
  background: rgba(255, 251, 246, .92);
  text-align: center;
}
.state-card.error[data-v-bgo5] {
  border-style: solid;
  background: #fff4ea;
}
.state-star[data-v-bgo5] {
  color: #df936b;
  font-size: calc(var(--rpx) * 62);
  font-weight: 900;
}
.state-title[data-v-bgo5] {
  margin-top: calc(var(--rpx) * 12);
  color: #6c4a3d;
  font-size: calc(var(--rpx) * 28);
  font-weight: 900;
}
.state-sub[data-v-bgo5] {
  margin-top: calc(var(--rpx) * 8);
  color: #a58271;
  font-size: calc(var(--rpx) * 20);
  line-height: 1.6;
}
.retry-button[data-v-bgo5] {
  width: calc(var(--rpx) * 240);
  margin-top: calc(var(--rpx) * 22);
  border: 0;
  border-radius: calc(var(--rpx) * 999);
  background: linear-gradient(90deg, #c55f43, #dc8a63);
  color: #fff;
  font-size: calc(var(--rpx) * 21);
  font-weight: 900;
}
.retry-button[data-v-bgo5]::after {
  border: 0;
}
.catalogue-foot[data-v-bgo5] {
  display: flex;
  align-items: center;
  gap: calc(var(--rpx) * 14);
  margin-top: calc(var(--rpx) * 36);
  padding: 0 calc(var(--rpx) * 14);
}
.foot-line[data-v-bgo5] {
  flex: 1;
  height: calc(var(--rpx) * 1);
  background: #e9cab4;
}
.foot-span[data-v-bgo5] {
  color: #c99a7c;
  font-size: calc(var(--rpx) * 18);
  letter-spacing: calc(var(--rpx) * 2);
}


/* 双列紧凑制品目录 */
@media (max-width: 340px) {
.catalogue-list[data-v-bgo5] {
    gap: calc(var(--rpx) * 12);
}
.goods-card[data-v-bgo5] {
    padding: calc(var(--rpx) * 10);
}
.goods-photo[data-v-bgo5] {
    height: calc(var(--rpx) * 220);
}
.goods-name[data-v-bgo5] {
    font-size: calc(var(--rpx) * 21);
}
}

body[data-v-bgo6] {
  min-height: 100%;
  background: #fff8ef;
  color: #6e4435;
}
.owner-body[data-v-bgo6] {
  min-height: 100vh;
  padding: calc(var(--rpx) * 24) calc(var(--rpx) * 24) calc(var(--rpx) * 90);
  box-sizing: border-box;
  background:
    radial-gradient(circle at 100% 0%, rgba(241,171,121,.15), transparent 30%),
    linear-gradient(180deg, #fff7ed 0%, #fffaf5 100%);
}
.body-tag[data-v-bgo6] {
  display: inline-flex;
  min-height: calc(var(--rpx) * 58);
  align-items: center;
  padding: 0 calc(var(--rpx) * 24);
  margin-bottom: calc(var(--rpx) * 18);
  border: calc(var(--rpx) * 2) solid #edc5a5;
  border-radius: calc(var(--rpx) * 12) calc(var(--rpx) * 24) calc(var(--rpx) * 12) calc(var(--rpx) * 22);
  background: linear-gradient(180deg,#fff9f1,#ffecde);
  color: #8b4c35;
  font-size: calc(var(--rpx) * 23);
  font-weight: 900;
  letter-spacing: calc(var(--rpx) * 1);
}
.section-card[data-v-bgo6] {
  border: calc(var(--rpx) * 2) solid #edcdb7;
  border-radius: calc(var(--rpx) * 26);
  background: rgba(255,252,247,.97);
  box-shadow: 0 calc(var(--rpx) * 10) calc(var(--rpx) * 28) rgba(127,76,45,.06);
}
.loading-card[data-v-bgo6] { padding: calc(var(--rpx) * 34); color: #9a7865; text-align: center;
}
.auth-card[data-v-bgo6], .section[data-v-bgo6], .add-card[data-v-bgo6] { padding: calc(var(--rpx) * 28);
}
.auth-kicker[data-v-bgo6], .section-kicker[data-v-bgo6], .outer-kicker[data-v-bgo6], .head-kicker[data-v-bgo6] {
  display: block;
  color: #d18362;
  font-size: calc(var(--rpx) * 16);
  font-weight: 900;
  letter-spacing: calc(var(--rpx) * 2);
}
.auth-title[data-v-bgo6] { margin-top: calc(var(--rpx) * 4); font-size: calc(var(--rpx) * 36); font-weight: 900;
}
.auth-sub[data-v-bgo6] { margin: calc(var(--rpx) * 14) 0 calc(var(--rpx) * 22); color: #9a7865; font-size: calc(var(--rpx) * 21); line-height: 1.68;
}
.input[data-v-bgo6] {
  width: 100%;
  height: calc(var(--rpx) * 78);
  margin: calc(var(--rpx) * 10) 0 calc(var(--rpx) * 18);
  padding: 0 calc(var(--rpx) * 20);
  box-sizing: border-box;
  border: calc(var(--rpx) * 2) solid #ead1bf;
  border-radius: calc(var(--rpx) * 18);
  background: #fffdf9;
  color: #694538;
  font-size: calc(var(--rpx) * 23);
}
.textarea[data-v-bgo6] {
  width: 100%;
  margin: calc(var(--rpx) * 10) 0 calc(var(--rpx) * 20);
  padding: calc(var(--rpx) * 18) calc(var(--rpx) * 20);
  box-sizing: border-box;
  border: calc(var(--rpx) * 2) solid #ead1bf;
  border-radius: calc(var(--rpx) * 18);
  background: #fffdf9;
  color: #694538;
  font-size: calc(var(--rpx) * 22);
  line-height: 1.65;
}
.textarea.intro[data-v-bgo6] { height: calc(var(--rpx) * 220);
}
.textarea.announcement[data-v-bgo6] { height: calc(var(--rpx) * 150);
}
.textarea.product-desc[data-v-bgo6] { height: calc(var(--rpx) * 150);
}
.primary-btn[data-v-bgo6], .secondary-btn[data-v-bgo6], .delete-btn[data-v-bgo6] {
  margin-top: calc(var(--rpx) * 14);
  border-radius: calc(var(--rpx) * 18);
  font-size: calc(var(--rpx) * 23);
  font-weight: 800;
}
.primary-btn[data-v-bgo6] { background: linear-gradient(135deg,#c86447,#de8d66); color: #fff;
}
.secondary-btn[data-v-bgo6] { background: #fff0e1; color: #9c533b; border: calc(var(--rpx) * 2) solid #edcdb7;
}
.delete-btn[data-v-bgo6] { background: #fff; color: #b15343; border: calc(var(--rpx) * 2) solid #efc2b8;
}
.message[data-v-bgo6] { padding: calc(var(--rpx) * 18); margin-top: calc(var(--rpx) * 18); border-radius: calc(var(--rpx) * 16); font-size: calc(var(--rpx) * 20); line-height: 1.6;
}
.warning[data-v-bgo6] { background: #fff1e7; color: #9b4e38;
}
.console-head[data-v-bgo6] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: calc(var(--rpx) * 24) calc(var(--rpx) * 26);
  border-top: calc(var(--rpx) * 7) solid #d47759;
}
.head-copy[data-v-bgo6] { flex: 1; min-width: 0; display: flex; flex-direction: column;
}
.head-name[data-v-bgo6] { margin-top: calc(var(--rpx) * 3); color: #704838; font-size: calc(var(--rpx) * 29); font-weight: 900;
}
.head-role[data-v-bgo6] { margin-top: calc(var(--rpx) * 4); color: #a18470; font-size: calc(var(--rpx) * 18);
}
.logout-btn[data-v-bgo6] { margin: 0; color: #9f5b44; background: #fff1e5;
}
.permission-card[data-v-bgo6] { margin-top: calc(var(--rpx) * 20); padding: calc(var(--rpx) * 30);
}
.permission-title[data-v-bgo6] { color: #9c5139; font-size: calc(var(--rpx) * 28); font-weight: 900;
}
.permission-copy[data-v-bgo6] { margin-top: calc(var(--rpx) * 12); color: #997968; font-size: calc(var(--rpx) * 21); line-height: 1.65;
}
.switch-card[data-v-bgo6] { margin-top: calc(var(--rpx) * 20); padding: calc(var(--rpx) * 22) calc(var(--rpx) * 26);
}
.picker-value[data-v-bgo6] { margin-top: calc(var(--rpx) * 10); padding: calc(var(--rpx) * 17) calc(var(--rpx) * 18); border-radius: calc(var(--rpx) * 16); background: #fff2e7; color: #874d39; font-size: calc(var(--rpx) * 23); font-weight: 800;
}
.section[data-v-bgo6] { margin-top: calc(var(--rpx) * 20);
}
.section-head[data-v-bgo6] { display: flex; align-items: flex-start; justify-content: space-between; gap: calc(var(--rpx) * 16); margin-bottom: calc(var(--rpx) * 22);
}
.section-title[data-v-bgo6] { display: block; margin-top: calc(var(--rpx) * 3); color: #744b39; font-size: calc(var(--rpx) * 31); font-weight: 900;
}
.live-badge[data-v-bgo6] { flex: 0 0 auto; padding: calc(var(--rpx) * 7) calc(var(--rpx) * 12); border-radius: calc(var(--rpx) * 999); background: #fff0e1; color: #b75e43; font-size: calc(var(--rpx) * 16); font-weight: 800;
}
.field-label[data-v-bgo6] { display: block; margin-top: calc(var(--rpx) * 6); color: #8b6a58; font-size: calc(var(--rpx) * 20); font-weight: 800;
}
.image-grid[data-v-bgo6] { display: grid; grid-template-columns: 1fr 1fr; gap: calc(var(--rpx) * 16); margin-top: calc(var(--rpx) * 16);
}
.image-editor[data-v-bgo6] { min-width: 0;
}
.image-title[data-v-bgo6] { display: block; margin-bottom: calc(var(--rpx) * 8); color: #82513f; font-size: calc(var(--rpx) * 20); font-weight: 900;
}
.editor-img[data-v-bgo6] { width: 100%; height: calc(var(--rpx) * 230); border-radius: calc(var(--rpx) * 18); background: #f5e7d8;
}
.empty-img[data-v-bgo6] { display: flex; align-items: center; justify-content: center; color: #d08465; font-size: calc(var(--rpx) * 32);
}
.image-btn[data-v-bgo6] { margin: calc(var(--rpx) * 9) 0 0; background: #fff0e1; color: #9c533b; border: calc(var(--rpx) * 1) solid #edcdb7;
}
.image-btn.small[data-v-bgo6] { margin-top: calc(var(--rpx) * 12);
}
.cos-tip[data-v-bgo6] { margin-top: calc(var(--rpx) * 14); color: #aa8975; font-size: calc(var(--rpx) * 18); line-height: 1.55;
}
.outer-heading[data-v-bgo6] { display: flex; align-items: flex-end; justify-content: space-between; margin: calc(var(--rpx) * 34) calc(var(--rpx) * 6) calc(var(--rpx) * 14);
}
.outer-title[data-v-bgo6] { display: block; margin-top: calc(var(--rpx) * 2); color: #744b39; font-size: calc(var(--rpx) * 31); font-weight: 900;
}
.outer-count[data-v-bgo6] { color: #ba6c50; font-size: calc(var(--rpx) * 17); font-weight: 900; letter-spacing: calc(var(--rpx) * 1);
}
.product-card[data-v-bgo6] { margin-bottom: calc(var(--rpx) * 18); padding: calc(var(--rpx) * 24);
}
.product-image-row[data-v-bgo6] { display: flex; gap: calc(var(--rpx) * 18); align-items: stretch; margin-bottom: calc(var(--rpx) * 18);
}
.product-img[data-v-bgo6] { width: calc(var(--rpx) * 210); height: calc(var(--rpx) * 150); border-radius: calc(var(--rpx) * 18); background: #f3e4d6; flex: 0 0 auto;
}
.product-id-wrap[data-v-bgo6] { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center;
}
.product-index[data-v-bgo6] { color: #cc7658; font-size: calc(var(--rpx) * 17); font-weight: 900; letter-spacing: calc(var(--rpx) * 2);
}
.product-id[data-v-bgo6] { margin-top: calc(var(--rpx) * 6); color: #ad9584; font-size: calc(var(--rpx) * 16); word-break: break-all;
}
.two-fields[data-v-bgo6] { display: flex; gap: calc(var(--rpx) * 14);
}
.field-half[data-v-bgo6] { flex: 1; min-width: 0;
}
.stock-row[data-v-bgo6] { display: grid; grid-template-columns: repeat(4, 1fr); gap: calc(var(--rpx) * 9); margin-top: calc(var(--rpx) * 10);
}
.stock-btn[data-v-bgo6] { margin: 0; padding: 0 calc(var(--rpx) * 4); background: #f7efe6; color: #8b6d5d; border: calc(var(--rpx) * 2) solid transparent; font-size: calc(var(--rpx) * 18);
}
.stock-btn.active[data-v-bgo6] { background: #eaf2e5; color: #56704c; border-color: #a9bda0;
}
.stock-btn.active.low[data-v-bgo6] { background: #fff3d8; color: #9a6f2e; border-color: #e5c884;
}
.stock-btn.active.sold[data-v-bgo6] { background: #f8dfd9; color: #a04436; border-color: #deb0a6;
}
.stock-btn.active.display[data-v-bgo6] { background: #e9edf2; color: #5f6b7a; border-color: #bfc7d0;
}
.save-product[data-v-bgo6] { margin-top: calc(var(--rpx) * 20);
}
.add-card[data-v-bgo6] { margin-top: calc(var(--rpx) * 18);
}

/*
 * 微信基础库 3.8.10+ / 3.17.x 的开发者工具存在多 input 页面 clickCheckTask 异常。
 * 普通单行文本改用固定高度 textarea，仅 PIN 保留一个原生 input；视觉保持原样。
 */
.safe-single-line[data-v-bgo6] {
  min-height: calc(var(--rpx) * 78);
  max-height: calc(var(--rpx) * 78);
  line-height: calc(var(--rpx) * 44);
  padding: calc(var(--rpx) * 16) calc(var(--rpx) * 20);
  overflow: hidden;
}


/* ============================================================
 * 图片裁切比例自定义弹窗
 * 使用当前小程序的奶油纸张 / 枫叶红 / 暖棕风格，
 * 替代系统默认 showActionSheet。
 * ============================================================ */
.crop-modal-mask[data-v-bgo6] {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: calc(var(--rpx) * 30) calc(var(--rpx) * 24) calc(calc(var(--rpx) * 30) + env(safe-area-inset-bottom));
  box-sizing: border-box;
  background: rgba(74, 48, 38, .48);
  backdrop-filter: blur(calc(var(--rpx) * 6));
}
.crop-modal-card[data-v-bgo6] {
  position: relative;
  width: 100%;
  max-width: calc(var(--rpx) * 720);
  max-height: 86vh;
  overflow: hidden;
  box-sizing: border-box;
  padding: calc(var(--rpx) * 36) calc(var(--rpx) * 28) calc(var(--rpx) * 26);
  border: calc(var(--rpx) * 2) solid #e9c5a9;
  border-radius: calc(var(--rpx) * 32) calc(var(--rpx) * 32) calc(var(--rpx) * 24) calc(var(--rpx) * 24);
  background:
    radial-gradient(circle at 100% 0%, rgba(226, 137, 94, .14), transparent 30%),
    radial-gradient(circle at 0% 100%, rgba(239, 184, 126, .12), transparent 32%),
    linear-gradient(180deg, #fffaf3 0%, #fff5e9 100%);
  box-shadow: 0 calc(var(--rpx) * 30) calc(var(--rpx) * 80) rgba(79, 48, 34, .22);
}
.crop-modal-accent[data-v-bgo6] {
  position: absolute;
  left: calc(var(--rpx) * 26);
  right: calc(var(--rpx) * 26);
  top: 0;
  height: calc(var(--rpx) * 7);
  border-radius: 0 0 calc(var(--rpx) * 999) calc(var(--rpx) * 999);
  background: linear-gradient(90deg, #bd583f, #de8b62, #c56447);
}
.crop-modal-deco[data-v-bgo6] {
  position: absolute;
  top: calc(var(--rpx) * 29);
  color: rgba(194, 99, 69, .18);
  font-size: calc(var(--rpx) * 28);
  transform: rotate(45deg);
}
.crop-modal-deco-left[data-v-bgo6] { left: calc(var(--rpx) * 27);
}
.crop-modal-deco-right[data-v-bgo6] { right: calc(var(--rpx) * 27);
}
.crop-modal-head[data-v-bgo6] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 calc(var(--rpx) * 16) calc(var(--rpx) * 24);
}
.crop-modal-kicker[data-v-bgo6] {
  color: #cf795a;
  font-size: calc(var(--rpx) * 15);
  font-weight: 900;
  letter-spacing: calc(var(--rpx) * 4);
}
.crop-modal-title[data-v-bgo6] {
  margin-top: calc(var(--rpx) * 5);
  color: #704536;
  font-size: calc(var(--rpx) * 34);
  font-weight: 900;
  letter-spacing: calc(var(--rpx) * 1);
}
.crop-modal-hint[data-v-bgo6] {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: calc(var(--rpx) * 8);
  margin-top: calc(var(--rpx) * 14);
  padding: calc(var(--rpx) * 12) calc(var(--rpx) * 18);
  border: calc(var(--rpx) * 1) solid #efd3bf;
  border-radius: calc(var(--rpx) * 16);
  background: rgba(255, 239, 225, .78);
  color: #9b705e;
  font-size: calc(var(--rpx) * 19);
  line-height: 1.55;
  text-align: left;
}
.crop-modal-hint-mark[data-v-bgo6] {
  flex: 0 0 auto;
  color: #c56649;
  font-size: calc(var(--rpx) * 18);
  line-height: 1.55;
}
.crop-option-grid[data-v-bgo6] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(var(--rpx) * 13);
  max-height: 52vh;
  overflow-y: auto;
  padding: calc(var(--rpx) * 2);
}
.crop-option[data-v-bgo6] {
  position: relative;
  min-height: calc(var(--rpx) * 112);
  padding: calc(var(--rpx) * 19) calc(var(--rpx) * 18) calc(var(--rpx) * 16);
  box-sizing: border-box;
  border: calc(var(--rpx) * 2) solid #ead0bd;
  border-radius: calc(var(--rpx) * 19);
  background: rgba(255, 253, 249, .96);
  box-shadow: 0 calc(var(--rpx) * 5) calc(var(--rpx) * 15) rgba(109, 67, 45, .045);
}
.crop-option[data-v-bgo6]:active {
  transform: scale(.985);
  background: #fff0e3;
}
.crop-option.recommended[data-v-bgo6] {
  border-color: #d88867;
  background:
    linear-gradient(135deg, rgba(255, 245, 235, .98), rgba(255, 231, 215, .98));
  box-shadow: 0 calc(var(--rpx) * 7) calc(var(--rpx) * 18) rgba(191, 94, 62, .09);
}
.crop-option.original[data-v-bgo6] {
  grid-column: 1 / span 2;
  min-height: calc(var(--rpx) * 98);
  border-style: dashed;
  background: rgba(255, 249, 241, .9);
}
.crop-option-main[data-v-bgo6] {
  display: flex;
  align-items: center;
  gap: calc(var(--rpx) * 9);
}
.crop-option-label[data-v-bgo6] {
  color: #754a39;
  font-size: calc(var(--rpx) * 28);
  font-weight: 900;
}
.crop-option-badge[data-v-bgo6] {
  padding: calc(var(--rpx) * 3) calc(var(--rpx) * 9);
  border-radius: calc(var(--rpx) * 999);
  background: #c56346;
  color: #fff;
  font-size: calc(var(--rpx) * 14);
  font-weight: 900;
  letter-spacing: calc(var(--rpx) * 1);
}
.crop-option-sub[data-v-bgo6] {
  display: block;
  margin-top: calc(var(--rpx) * 7);
  color: #ab8977;
  font-size: calc(var(--rpx) * 16);
  line-height: 1.35;
}
.crop-modal-cancel[data-v-bgo6] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(var(--rpx) * 74);
  margin-top: calc(var(--rpx) * 18);
  border: calc(var(--rpx) * 2) solid #ead0bd;
  border-radius: calc(var(--rpx) * 18);
  background: #fffaf4;
  color: #915d48;
  font-size: calc(var(--rpx) * 23);
  font-weight: 900;
}
.crop-modal-cancel[data-v-bgo6]:active {
  background: #ffede0;
}
@media (max-width: 360px) {
.crop-modal-card[data-v-bgo6] {
    padding-left: calc(var(--rpx) * 22);
    padding-right: calc(var(--rpx) * 22);
}
.crop-option-grid[data-v-bgo6] {
    gap: calc(var(--rpx) * 10);
}
.crop-option[data-v-bgo6] {
    padding-left: calc(var(--rpx) * 14);
    padding-right: calc(var(--rpx) * 14);
}
}

.profile-body[data-v-bgo7] { padding-top:calc(var(--rpx) * 18);
}
.body-tag[data-v-bgo7] { position:relative; display:inline-flex; align-items:center; min-height:calc(var(--rpx) * 66); padding:0 calc(var(--rpx) * 30); margin-bottom:calc(var(--rpx) * 18); border-radius:calc(var(--rpx) * 12) calc(var(--rpx) * 26) calc(var(--rpx) * 12) calc(var(--rpx) * 24); border:calc(var(--rpx) * 2) solid #edc5a5; background:linear-gradient(180deg,#fff9f1,#ffecde); color:#8b4c35; font-size:calc(var(--rpx) * 28); font-weight:800; box-shadow:0 calc(var(--rpx) * 8) calc(var(--rpx) * 22) rgba(124,72,48,.09);
}
.body-tag[data-v-bgo7]::before { content:""; position:absolute; right:calc(var(--rpx) * 22); top:calc(var(--rpx) * -10); width:calc(var(--rpx) * 48); height:calc(var(--rpx) * 14); border-radius:calc(var(--rpx) * 4); background:rgba(232,107,92,.24); transform:rotate(7deg);
}
.profile-card[data-v-bgo7] { padding:calc(var(--rpx) * 26);
}
.profile-head[data-v-bgo7] { display:flex; align-items:center;
}
.avatar-shell[data-v-bgo7] { width:calc(var(--rpx) * 96); height:calc(var(--rpx) * 96); border-radius:calc(var(--rpx) * 28); display:flex; align-items:center; justify-content:center; overflow:hidden; background:linear-gradient(135deg,#ffe7d0,#f7cdb9 58%,#f4d7d0); color:#b05238; font-size:calc(var(--rpx) * 42); font-weight:800; flex:0 0 auto;
}
.avatar-img[data-v-bgo7] { width:100%; height:100%;
}
.profile-copy[data-v-bgo7] { margin-left:calc(var(--rpx) * 18); display:flex; flex:1; min-width:0; flex-direction:column;
}
.profile-name-row[data-v-bgo7] { display:flex; align-items:center; justify-content:space-between; gap:calc(var(--rpx) * 12);
}
.profile-name[data-v-bgo7] { color:#7a4836; font-size:calc(var(--rpx) * 32); font-weight:800; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.profile-edit[data-v-bgo7] { flex:0 0 auto; padding:calc(var(--rpx) * 7) calc(var(--rpx) * 15); border-radius:calc(var(--rpx) * 999); background:#fff0e1; color:#b75e43; font-size:calc(var(--rpx) * 18); font-weight:700;
}
.profile-subtitle[data-v-bgo7] { margin-top:calc(var(--rpx) * 6); color:#a98974; font-size:calc(var(--rpx) * 22);
}
.wallet-grid[data-v-bgo7] { margin-top:calc(var(--rpx) * 24); display:grid; gap:calc(var(--rpx) * 12);
}
.wallet-grid.two-columns[data-v-bgo7] { grid-template-columns:repeat(2,1fr);
}
.wallet-grid.three-columns[data-v-bgo7] { grid-template-columns:repeat(3,1fr);
}
.wallet-item[data-v-bgo7] { position:relative; padding:calc(var(--rpx) * 20) calc(var(--rpx) * 12); border-radius:calc(var(--rpx) * 22); background:linear-gradient(135deg,#fffaf3,#fff1e2); text-align:center; border:calc(var(--rpx) * 2) solid transparent;
}
.wallet-label[data-v-bgo7] { display:block; color:#9c765f; font-size:calc(var(--rpx) * 20);
}
.wallet-value[data-v-bgo7] { display:block; margin-top:calc(var(--rpx) * 8); color:#c85238; font-size:calc(var(--rpx) * 34); font-weight:900;
}
.wallet-unit[data-v-bgo7] { display:block; margin-top:calc(var(--rpx) * 3); color:#ae8d77; font-size:calc(var(--rpx) * 17);
}
.achievement-summary[data-v-bgo7] { background:linear-gradient(135deg,#fff8ef,#f9eee5);
}
.achievement-card[data-v-bgo7] { margin-top:calc(var(--rpx) * 20); padding:calc(var(--rpx) * 24);
}
.achievement-head[data-v-bgo7] { display:flex; align-items:flex-start; justify-content:space-between; gap:calc(var(--rpx) * 16);
}
.achievement-kicker[data-v-bgo7] { display:block; color:#d18362; font-size:calc(var(--rpx) * 16); font-weight:800; letter-spacing:calc(var(--rpx) * 2);
}
.achievement-title[data-v-bgo7] { display:block; margin-top:calc(var(--rpx) * 4); color:#744b39; font-size:calc(var(--rpx) * 29); font-weight:800;
}
.achievement-badge[data-v-bgo7] { flex:0 0 auto; padding:calc(var(--rpx) * 7) calc(var(--rpx) * 13); border-radius:calc(var(--rpx) * 999); background:#fff0e1; color:#b75e43; font-size:calc(var(--rpx) * 16); font-weight:800;
}
.achievement-desc[data-v-bgo7] { display:block; margin-top:calc(var(--rpx) * 14); color:#987866; font-size:calc(var(--rpx) * 21); line-height:1.65;
}
.achievement-placeholder[data-v-bgo7] { margin-top:calc(var(--rpx) * 18); min-height:calc(var(--rpx) * 88); border:calc(var(--rpx) * 2) dashed rgba(218,166,137,.55); border-radius:calc(var(--rpx) * 20); display:flex; align-items:center; justify-content:center; gap:calc(var(--rpx) * 10); color:#b08d77; font-size:calc(var(--rpx) * 21); background:rgba(255,248,240,.65);
}
.achievement-placeholder-icon[data-v-bgo7] { color:#d47a5c; font-size:calc(var(--rpx) * 26);
}
.menu-card[data-v-bgo7] { margin-top:calc(var(--rpx) * 20); padding:0 calc(var(--rpx) * 24); overflow:hidden;
}
.menu-block[data-v-bgo7] { padding:calc(var(--rpx) * 24) 0; border-bottom:calc(var(--rpx) * 1) solid rgba(233,209,188,.7);
}
.focus-block[data-v-bgo7] { margin:0 calc(var(--rpx) * -24); padding-left:calc(var(--rpx) * 24); padding-right:calc(var(--rpx) * 24); background:rgba(255,243,230,.60);
}
.menu-title-row[data-v-bgo7] { display:flex; align-items:center; justify-content:space-between;
}
.menu-title[data-v-bgo7] { color:#7a4836; font-size:calc(var(--rpx) * 27); font-weight:800;
}
.menu-tag[data-v-bgo7] { padding:calc(var(--rpx) * 4) calc(var(--rpx) * 12); border-radius:calc(var(--rpx) * 999); background:#fff0e1; color:#b75e43; font-size:calc(var(--rpx) * 18);
}
.menu-desc[data-v-bgo7] { display:block; margin-top:calc(var(--rpx) * 8); color:#ab876d; font-size:calc(var(--rpx) * 22);
}
.guide-list[data-v-bgo7] { margin-top:calc(var(--rpx) * 16); display:flex; flex-direction:column; gap:calc(var(--rpx) * 10); color:#8e725f; font-size:calc(var(--rpx) * 21); line-height:1.6;
}
.menu-link[data-v-bgo7] { display:flex; align-items:center; justify-content:space-between; padding:calc(var(--rpx) * 24) 0; border-bottom:calc(var(--rpx) * 1) solid rgba(233,209,188,.7);
}
.menu-link[data-v-bgo7]:last-child { border-bottom:0;
}
.menu-arrow[data-v-bgo7] { color:#c09277; font-size:calc(var(--rpx) * 30);
}
.faq-card[data-v-bgo7] { margin-top:calc(var(--rpx) * 20); padding:calc(var(--rpx) * 22) calc(var(--rpx) * 24);
}
.faq-heading[data-v-bgo7] { display:block; color:#744b39; font-size:calc(var(--rpx) * 29); font-weight:800; margin-bottom:calc(var(--rpx) * 8);
}
.faq-item[data-v-bgo7] { padding:calc(var(--rpx) * 20) 0; border-bottom:calc(var(--rpx) * 1) solid rgba(233,209,188,.7);
}
.faq-item[data-v-bgo7]:last-child { border-bottom:0;
}
.faq-q[data-v-bgo7] { display:flex; align-items:center; justify-content:space-between; gap:calc(var(--rpx) * 18); color:#7d5946; font-size:calc(var(--rpx) * 23); font-weight:700;
}
.faq-arrow[data-v-bgo7] { flex:0 0 auto; color:#c46447; font-size:calc(var(--rpx) * 28);
}
.faq-a[data-v-bgo7] { display:block; margin-top:calc(var(--rpx) * 12); padding-right:calc(var(--rpx) * 20); color:#9a7c69; font-size:calc(var(--rpx) * 21); line-height:1.65;
}
.profile-editor-mask[data-v-bgo7] { position:fixed; inset:0; z-index:9999; display:flex; align-items:center; justify-content:center; padding:calc(var(--rpx) * 38); box-sizing:border-box; background:rgba(70,45,33,.48); backdrop-filter:blur(calc(var(--rpx) * 7));
}
.profile-editor-card[data-v-bgo7] { width:100%; max-width:calc(var(--rpx) * 650); max-height:90vh; overflow:auto; padding:calc(var(--rpx) * 30); box-sizing:border-box; border-radius:calc(var(--rpx) * 32); background:linear-gradient(180deg,#fffaf4,#fff5ec); box-shadow:0 calc(var(--rpx) * 24) calc(var(--rpx) * 70) rgba(82,44,29,.24); border:calc(var(--rpx) * 2) solid rgba(235,190,158,.9);
}
.editor-title-row[data-v-bgo7] { display:flex; align-items:flex-start; justify-content:space-between; gap:calc(var(--rpx) * 20);
}
.editor-kicker[data-v-bgo7] { display:block; color:#d18362; font-size:calc(var(--rpx) * 16); letter-spacing:calc(var(--rpx) * 2); font-weight:800;
}
.editor-title[data-v-bgo7] { display:block; margin-top:calc(var(--rpx) * 5); color:#744b39; font-size:calc(var(--rpx) * 32); font-weight:900;
}
.editor-close[data-v-bgo7] { width:calc(var(--rpx) * 54); height:calc(var(--rpx) * 54); line-height:calc(var(--rpx) * 48); text-align:center; border-radius:50%; background:#fff0e1; color:#a9674f; font-size:calc(var(--rpx) * 38);
}
.editor-desc[data-v-bgo7] { display:block; margin-top:calc(var(--rpx) * 13); color:#9b7b68; font-size:calc(var(--rpx) * 21); line-height:1.6;
}
.avatar-picker[data-v-bgo7] { position:relative; width:calc(var(--rpx) * 196); height:calc(var(--rpx) * 214); margin:calc(var(--rpx) * 28) auto 0; padding:0; border:0; border-radius:calc(var(--rpx) * 30); overflow:visible; background:transparent; line-height:normal;
}
.avatar-picker[data-v-bgo7]::after { border:0;
}
.avatar-picker-img[data-v-bgo7], .avatar-picker-empty[data-v-bgo7] { width:calc(var(--rpx) * 156); height:calc(var(--rpx) * 156); margin:0 auto; border-radius:calc(var(--rpx) * 42); overflow:hidden; box-sizing:border-box;
}
.avatar-picker-img[data-v-bgo7] { display:block; border:calc(var(--rpx) * 4) solid #f4d2bd; background:#f9eee5;
}
.avatar-picker-empty[data-v-bgo7] { display:flex; flex-direction:column; align-items:center; justify-content:center; border:calc(var(--rpx) * 3) dashed #e2af91; background:#fff4e9; color:#ad795e; font-size:calc(var(--rpx) * 20);
}
.avatar-picker-plus[data-v-bgo7] { margin-bottom:calc(var(--rpx) * 4); color:#c45f45; font-size:calc(var(--rpx) * 40); font-weight:300;
}
.avatar-picker-tip[data-v-bgo7] { display:block; margin-top:calc(var(--rpx) * 10); color:#b3866d; font-size:calc(var(--rpx) * 18);
}
.nickname-field[data-v-bgo7] { margin-top:calc(var(--rpx) * 14);
}
.field-label[data-v-bgo7] { display:block; color:#7c5543; font-size:calc(var(--rpx) * 22); font-weight:800;
}
.nickname-input[data-v-bgo7] { margin-top:calc(var(--rpx) * 10); height:calc(var(--rpx) * 84); padding:0 calc(var(--rpx) * 22); box-sizing:border-box; border:calc(var(--rpx) * 2) solid #efd6c2; border-radius:calc(var(--rpx) * 20); background:#fffdf9; color:#6f4938; font-size:calc(var(--rpx) * 26);
}
.field-tip[data-v-bgo7] { display:block; margin-top:calc(var(--rpx) * 7); text-align:right; color:#b19481; font-size:calc(var(--rpx) * 17);
}
.save-profile-btn[data-v-bgo7] { margin-top:calc(var(--rpx) * 24); height:calc(var(--rpx) * 86); line-height:calc(var(--rpx) * 86); border:0; border-radius:calc(var(--rpx) * 22); background:linear-gradient(135deg,#d96c4f,#bf553d); color:white; font-size:calc(var(--rpx) * 27); font-weight:800; box-shadow:0 calc(var(--rpx) * 10) calc(var(--rpx) * 22) rgba(194,84,60,.2);
}
.save-profile-btn[data-v-bgo7]::after { border:0;
}
.save-profile-btn[disabled][data-v-bgo7] { opacity:.65;
}
.required-tip[data-v-bgo7] { display:block; margin-top:calc(var(--rpx) * 14); text-align:center; color:#b0836c; font-size:calc(var(--rpx) * 18);
}

.body[data-v-bgo8]{min-height:100vh;padding:calc(var(--rpx) * 28);background:#FFF7EA}.hero[data-v-bgo8]{padding:calc(var(--rpx) * 32);border-radius:calc(var(--rpx) * 24);background:#7D2F25;color:#fff}.kicker[data-v-bgo8],.title[data-v-bgo8],.count[data-v-bgo8],.name[data-v-bgo8],.desc[data-v-bgo8]{display:block}.kicker[data-v-bgo8]{font-size:calc(var(--rpx) * 20);letter-spacing:calc(var(--rpx) * 2)}.title[data-v-bgo8]{margin-top:calc(var(--rpx) * 8);font-size:calc(var(--rpx) * 42);font-weight:700}.count[data-v-bgo8]{margin:calc(var(--rpx) * 16) 0;font-size:calc(var(--rpx) * 26)}.group-title[data-v-bgo8]{display:block;margin:calc(var(--rpx) * 34) calc(var(--rpx) * 10) calc(var(--rpx) * 14);font-size:calc(var(--rpx) * 30);font-weight:700;color:#50332A}.card[data-v-bgo8]{display:flex;justify-content:space-between;align-items:center;gap:calc(var(--rpx) * 18);margin-bottom:calc(var(--rpx) * 14);padding:calc(var(--rpx) * 24);border-radius:calc(var(--rpx) * 18);background:#fff}.badge[data-v-bgo8]{flex:0 0 calc(var(--rpx) * 64);height:calc(var(--rpx) * 64);border-radius:50%;display:flex;align-items:center;justify-content:center;background:#F2E8E0;color:#B7A79B;font-size:calc(var(--rpx) * 34);font-weight:700;border:calc(var(--rpx) * 3) solid #E8D8CD}.badge.is-unlocked[data-v-bgo8]{background:#FFF0E1;color:#B74631;border-color:#E4A47F;box-shadow:0 calc(var(--rpx) * 4) calc(var(--rpx) * 10) rgba(183,70,49,.12)}.copy[data-v-bgo8]{flex:1}.name[data-v-bgo8]{font-size:calc(var(--rpx) * 30);color:#594039}.name.unlocked[data-v-bgo8],.reward[data-v-bgo8],.status[data-v-bgo8]{color:#B74631}.desc[data-v-bgo8]{margin-top:calc(var(--rpx) * 8);font-size:calc(var(--rpx) * 24);color:#907D74}.reward[data-v-bgo8],.status[data-v-bgo8],.locked[data-v-bgo8]{font-size:calc(var(--rpx) * 24);white-space:nowrap}.locked[data-v-bgo8]{color:#B9AAA1}.state[data-v-bgo8]{padding:calc(var(--rpx) * 80) calc(var(--rpx) * 20);text-align:center;color:#907D74}.state button[data-v-bgo8]{margin-top:calc(var(--rpx) * 24)}

.game-body[data-v-bgo9] { padding-top: calc(var(--rpx) * 18);
}
.top-banner[data-v-bgo9] { position:relative; overflow:hidden; padding:0; border-radius:calc(var(--rpx) * 30);
}
.banner-img[data-v-bgo9] { width:100%; height:calc(var(--rpx) * 240); display:block;
}
.banner-mask[data-v-bgo9] { position:absolute; inset:0; background:linear-gradient(90deg,rgba(255,248,240,.72) 0%, rgba(255,248,240,.06) 72%);
}
.banner-copy[data-v-bgo9] { position:absolute; left:calc(var(--rpx) * 24); top:calc(var(--rpx) * 30); display:flex; flex-direction:column; z-index:2;
}
.banner-title[data-v-bgo9] { color:#b05238; font-size:calc(var(--rpx) * 52); font-family:"Songti SC","STSong","PingFang SC",serif; font-weight:800; line-height:1.1;
}
.banner-subtitle[data-v-bgo9] { margin-top:calc(var(--rpx) * 8); color:#9d6f54; font-size:calc(var(--rpx) * 26);
}
.progress-shell[data-v-bgo9] { margin-top:calc(var(--rpx) * 18); padding:calc(var(--rpx) * 22) calc(var(--rpx) * 24); display:flex; justify-content:space-between; align-items:center; color:#866654; background:linear-gradient(135deg,#fffaf2,#fff0df);
}
.progress-left[data-v-bgo9] { display:flex; align-items:center; gap:calc(var(--rpx) * 12);
}
.progress-caption[data-v-bgo9] { font-size:calc(var(--rpx) * 26); font-weight:700;
}
.progress-right[data-v-bgo9] { color:#8f6b56; font-size:calc(var(--rpx) * 26);
}
.big[data-v-bgo9] { color:#c85238; font-size:calc(var(--rpx) * 46); font-weight:900;
}
.real-badge[data-v-bgo9] { padding:calc(var(--rpx) * 4) calc(var(--rpx) * 12); border-radius:calc(var(--rpx) * 999); background:linear-gradient(90deg,#f9e2c7,#f5d3d8); color:#a24f3b; font-size:calc(var(--rpx) * 18); font-weight:700;
}
.grid-card[data-v-bgo9] { margin-top:calc(var(--rpx) * 18);
}
.hint[data-v-bgo9] { display:block; margin-top:calc(var(--rpx) * 16); text-align:center; color:#a98a75; font-size:calc(var(--rpx) * 20);
}
.action-panel[data-v-bgo9] { margin-top:calc(var(--rpx) * 22); padding:calc(var(--rpx) * 24); display:flex; flex-direction:column; gap:calc(var(--rpx) * 16); background:radial-gradient(circle at 96% 0%,rgba(240,151,85,.12),rgba(240,151,85,0) 32%), rgba(255,252,246,.96);
}
.scan-button[data-v-bgo9],.reward-button[data-v-bgo9] { width:100%; border:0; border-radius:calc(var(--rpx) * 999); color:#fffaf2; font-size:calc(var(--rpx) * 28); font-weight:800; box-shadow:0 calc(var(--rpx) * 10) calc(var(--rpx) * 24) rgba(148,77,46,.18);
}
.scan-button[data-v-bgo9] { background:linear-gradient(90deg,#d55b3d 0%,#e78048 52%,#efa05a 100%);
}
.reward-button[data-v-bgo9] { background:linear-gradient(90deg,#b94d3e 0%,#d56958 48%,#d98191 100%);
}
.scan-button[data-v-bgo9]::after,.reward-button[data-v-bgo9]::after,.staff-entry-button[data-v-bgo9]::after { border:0;
}
.scan-button[disabled][data-v-bgo9],.reward-button[disabled][data-v-bgo9] { opacity:.68;
}
.staff-entry[data-v-bgo9] { margin-top:calc(var(--rpx) * 20); margin-bottom: calc(var(--rpx) * 24); display:flex; justify-content:center;
}
.staff-entry-button[data-v-bgo9] { margin:0; padding:0 calc(var(--rpx) * 24); min-width:0; border:0; background:transparent; color:#9d7d68; font-size:calc(var(--rpx) * 21); line-height:calc(var(--rpx) * 64); text-decoration:underline; text-decoration-color:#d4ad8e;
}

.checkin-body[data-v-bgo10] { padding-top:calc(var(--rpx) * 18);
}
.top-banner[data-v-bgo10] { position:relative; overflow:hidden; padding:0; border-radius:calc(var(--rpx) * 30);
}
.banner-img[data-v-bgo10] { width:100%; height:calc(var(--rpx) * 220); display:block;
}
.banner-mask[data-v-bgo10] { position:absolute; inset:0; background:linear-gradient(90deg,rgba(255,249,242,.76) 0%, rgba(255,249,242,.18) 65%);
}
.banner-copy[data-v-bgo10] { position:absolute; left:calc(var(--rpx) * 24); top:calc(var(--rpx) * 26); z-index:2; display:flex; flex-direction:column;
}
.banner-title[data-v-bgo10] { color:#b05238; font-size:calc(var(--rpx) * 46); font-family:"Songti SC","STSong","PingFang SC",serif; font-weight:800;
}
.banner-subtitle[data-v-bgo10] { margin-top:calc(var(--rpx) * 8); color:#9c7056; font-size:calc(var(--rpx) * 24);
}
.progress-shell[data-v-bgo10] { margin-top:calc(var(--rpx) * 18); padding:calc(var(--rpx) * 22) calc(var(--rpx) * 24); display:flex; justify-content:space-between; align-items:center; color:#866654; background:linear-gradient(135deg,#fffaf2,#fff0df);
}
.progress-caption[data-v-bgo10] { font-size:calc(var(--rpx) * 26); font-weight:700;
}
.progress-right[data-v-bgo10] { color:#8f6b56; font-size:calc(var(--rpx) * 26);
}
.big[data-v-bgo10] { color:#d27642; font-size:calc(var(--rpx) * 46); font-weight:900;
}
.grid-card[data-v-bgo10] { margin-top:calc(var(--rpx) * 18);
}
.hint[data-v-bgo10] { display:block; margin-top:calc(var(--rpx) * 16); text-align:center; color:#a98a75; font-size:calc(var(--rpx) * 20);
}

body[data-v-bgo11] {
  min-height: 100%;
  background: #fff8ef;
  color: #6e4435;
}
.staff-body[data-v-bgo11] {
  position: relative;
  min-height: 100vh;
  padding: calc(var(--rpx) * 24) calc(var(--rpx) * 24) calc(var(--rpx) * 86);
  box-sizing: border-box;
  overflow: hidden;
  background:
    radial-gradient(circle at 100% 0%, rgba(241,171,121,.15), transparent 30%),
    radial-gradient(circle at 0% 38%, rgba(216,112,82,.07), transparent 24%),
    linear-gradient(180deg, #fff7ed 0%, #fffaf5 55%, #fdf1e5 100%);
}
.staff-body[data-v-bgo11]::before,
.staff-body[data-v-bgo11]::after {
  content: "";
  position: absolute;
  z-index: 0;
  width: calc(var(--rpx) * 150);
  height: calc(var(--rpx) * 150);
  border: calc(var(--rpx) * 3) solid rgba(200,100,71,.09);
  border-radius: 46% 54% 48% 52%;
  transform: rotate(32deg);
  pointer-events: none;
}
.staff-body[data-v-bgo11]::before { right: calc(var(--rpx) * -88); top: calc(var(--rpx) * 205);
}
.staff-body[data-v-bgo11]::after { left: calc(var(--rpx) * -105); bottom: calc(var(--rpx) * 160); transform: rotate(-18deg);
}
.body-tag[data-v-bgo11],
.staff-hero[data-v-bgo11],
.section-card[data-v-bgo11] { position: relative; z-index: 1;
}
.body-tag[data-v-bgo11] {
  display: inline-flex;
  min-height: calc(var(--rpx) * 58);
  align-items: center;
  padding: 0 calc(var(--rpx) * 24);
  margin-bottom: calc(var(--rpx) * 18);
  border: calc(var(--rpx) * 2) solid #edc5a5;
  border-radius: calc(var(--rpx) * 12) calc(var(--rpx) * 24) calc(var(--rpx) * 12) calc(var(--rpx) * 22);
  background: linear-gradient(180deg,#fff9f1,#ffecde);
  color: #8b4c35;
  font-size: calc(var(--rpx) * 23);
  font-weight: 900;
  letter-spacing: calc(var(--rpx) * 1);
  box-shadow: 0 calc(var(--rpx) * 8) calc(var(--rpx) * 22) rgba(124,72,48,.07);
}
.body-tag[data-v-bgo11]::before {
  content: "";
  position: absolute;
  right: calc(var(--rpx) * 20);
  top: calc(var(--rpx) * -9);
  width: calc(var(--rpx) * 44);
  height: calc(var(--rpx) * 13);
  border-radius: calc(var(--rpx) * 4);
  background: rgba(232,107,92,.23);
  transform: rotate(7deg);
}
.staff-hero[data-v-bgo11] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--rpx) * 22);
  padding: calc(var(--rpx) * 24) calc(var(--rpx) * 26) calc(var(--rpx) * 28);
  margin-bottom: calc(var(--rpx) * 20);
  border: calc(var(--rpx) * 2) solid #efcfb5;
  border-top: calc(var(--rpx) * 7) solid #d47759;
  border-radius: calc(var(--rpx) * 26);
  background: rgba(255,252,247,.96);
  box-shadow: 0 calc(var(--rpx) * 10) calc(var(--rpx) * 28) rgba(127,76,45,.07);
}
.hero-copy[data-v-bgo11] { flex: 1; min-width: 0;
}
.hero-kicker[data-v-bgo11],
.section-kicker[data-v-bgo11] {
  display: block;
  color: #d18362;
  font-size: calc(var(--rpx) * 16);
  font-weight: 900;
  letter-spacing: calc(var(--rpx) * 2);
}
.hero-title[data-v-bgo11] {
  display: block;
  margin-top: calc(var(--rpx) * 3);
  color: #744b39;
  font-size: calc(var(--rpx) * 39);
  font-weight: 900;
  letter-spacing: calc(var(--rpx) * 1);
}
.hero-subtitle[data-v-bgo11] {
  display: block;
  margin-top: calc(var(--rpx) * 8);
  color: #a18470;
  font-size: calc(var(--rpx) * 20);
  line-height: 1.55;
}
.hero-stamp[data-v-bgo11] {
  flex: 0 0 calc(var(--rpx) * 108);
  width: calc(var(--rpx) * 108);
  height: calc(var(--rpx) * 108);
  border: calc(var(--rpx) * 3) solid rgba(190,92,63,.48);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  color: #bb6449;
  transform: rotate(7deg);
  background: rgba(255,244,234,.72);
  box-shadow: inset 0 0 0 calc(var(--rpx) * 5) rgba(255,250,244,.85);
}
.hero-stamp-main[data-v-bgo11] { font-size: calc(var(--rpx) * 18); font-weight: 900; letter-spacing: calc(var(--rpx) * 1);
}
.hero-stamp-sub[data-v-bgo11] { margin-top: calc(var(--rpx) * 2); font-size: calc(var(--rpx) * 15); font-weight: 800;
}
.section-card[data-v-bgo11] {
  margin-top: calc(var(--rpx) * 18);
  padding: calc(var(--rpx) * 28);
  border: calc(var(--rpx) * 2) solid #edcdb7;
  border-radius: calc(var(--rpx) * 26);
  background: rgba(255,252,247,.97);
  box-shadow: 0 calc(var(--rpx) * 10) calc(var(--rpx) * 28) rgba(127,76,45,.06);
}
.loading-card[data-v-bgo11] {
  min-height: calc(var(--rpx) * 110);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--rpx) * 14);
}
.loading-dot[data-v-bgo11] {
  width: calc(var(--rpx) * 14);
  height: calc(var(--rpx) * 14);
  border-radius: 50%;
  background: #d47759;
  box-shadow: 0 0 0 calc(var(--rpx) * 8) rgba(212,119,89,.10);
}
.checking-span[data-v-bgo11] { color: #987765; font-size: calc(var(--rpx) * 23);
}
.center-card[data-v-bgo11] { text-align: center;
}
.auth-card[data-v-bgo11] { padding-top: calc(var(--rpx) * 31);
}
.section-title[data-v-bgo11] {
  display: block;
  margin-top: calc(var(--rpx) * 4);
  color: #744b39;
  font-size: calc(var(--rpx) * 34);
  font-weight: 900;
}
.compact-title[data-v-bgo11] { font-size: calc(var(--rpx) * 30);
}
.section-desc[data-v-bgo11] {
  display: block;
  margin: calc(var(--rpx) * 13) 0 calc(var(--rpx) * 24);
  color: #9a7865;
  font-size: calc(var(--rpx) * 21);
  line-height: 1.68;
}
.center-desc[data-v-bgo11] { max-width: calc(var(--rpx) * 570); margin-left: auto; margin-right: auto;
}
.field-label[data-v-bgo11] {
  display: block;
  margin-top: calc(var(--rpx) * 8);
  color: #8b6a58;
  font-size: calc(var(--rpx) * 20);
  font-weight: 800;
}
.pin-label[data-v-bgo11] { margin-top: calc(var(--rpx) * 4);
}
.login-input[data-v-bgo11],
.picker-box[data-v-bgo11] {
  width: 100%;
  min-height: calc(var(--rpx) * 78);
  margin: calc(var(--rpx) * 10) 0 calc(var(--rpx) * 18);
  padding: 0 calc(var(--rpx) * 20);
  box-sizing: border-box;
  border: calc(var(--rpx) * 2) solid #ead1bf;
  border-radius: calc(var(--rpx) * 18);
  background: #fffdf9;
  color: #694538;
  font-size: calc(var(--rpx) * 23);
}
.login-input[data-v-bgo11] { height: calc(var(--rpx) * 78); line-height: calc(var(--rpx) * 78);
}
.safe-single-line[data-v-bgo11] {
  min-height: calc(var(--rpx) * 78);
  max-height: calc(var(--rpx) * 78);
  line-height: calc(var(--rpx) * 44);
  padding: calc(var(--rpx) * 16) calc(var(--rpx) * 20);
  overflow: hidden;
}
.picker-box[data-v-bgo11] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: calc(var(--rpx) * 8);
  color: #824e3b;
  font-weight: 800;
}
.picker-arrow[data-v-bgo11] { color: #c27b5e; font-size: calc(var(--rpx) * 28);
}
.primary-button[data-v-bgo11],
.secondary-button[data-v-bgo11] {
  border-radius: calc(var(--rpx) * 18);
  font-size: calc(var(--rpx) * 24);
  font-weight: 900;
  letter-spacing: .calc(var(--rpx) * 5);
}
.primary-button[data-v-bgo11] {
  margin-top: calc(var(--rpx) * 12);
  border: 0;
  background: linear-gradient(135deg,#c86447,#de8d66);
  color: #fff;
  box-shadow: 0 calc(var(--rpx) * 10) calc(var(--rpx) * 22) rgba(184,91,60,.15);
}
.secondary-button[data-v-bgo11] {
  border: calc(var(--rpx) * 2) solid #edcdb7;
  background: #fff0e1;
  color: #9c533b;
}
.primary-button[data-v-bgo11]::after,
.secondary-button[data-v-bgo11]::after { border: 0;
}
.primary-button[disabled][data-v-bgo11] { opacity: .58;
}
.paper-note[data-v-bgo11] {
  display: flex;
  gap: calc(var(--rpx) * 10);
  margin-top: calc(var(--rpx) * 20);
  padding: calc(var(--rpx) * 16) calc(var(--rpx) * 18);
  border-radius: calc(var(--rpx) * 16);
  background: #fff4e8;
  color: #a18470;
  font-size: calc(var(--rpx) * 19);
  line-height: 1.6;
}
.paper-note-mark[data-v-bgo11] { color: #c96c4c; font-weight: 900;
}
.identity-card[data-v-bgo11] { border-top: calc(var(--rpx) * 7) solid #d47759;
}
.identity-topline[data-v-bgo11] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--rpx) * 20);
}
.identity-name[data-v-bgo11] {
  display: block;
  margin-top: calc(var(--rpx) * 5);
  color: #704838;
  font-size: calc(var(--rpx) * 31);
  font-weight: 900;
}
.identity-code[data-v-bgo11] {
  display: block;
  margin-top: calc(var(--rpx) * 5);
  color: #a18470;
  font-size: calc(var(--rpx) * 18);
  letter-spacing: .calc(var(--rpx) * 6);
}
.role-badge[data-v-bgo11],
.mini-badge[data-v-bgo11],
.persistent-badge[data-v-bgo11] {
  flex: 0 0 auto;
  padding: calc(var(--rpx) * 7) calc(var(--rpx) * 13);
  border-radius: calc(var(--rpx) * 999);
  font-size: calc(var(--rpx) * 16);
  font-weight: 900;
}
.role-badge[data-v-bgo11] { background: #fff0e1; color: #b75e43;
}
.mini-badge[data-v-bgo11] { background: #f8eee5; color: #b36c50;
}
.persistent-badge[data-v-bgo11] { background: #eaf2e5; color: #607b57;
}
.identity-divider[data-v-bgo11] {
  height: calc(var(--rpx) * 1);
  margin: calc(var(--rpx) * 22) 0 calc(var(--rpx) * 18);
  background: rgba(233,209,188,.78);
}
.identity-status-row[data-v-bgo11] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--rpx) * 18);
}
.status-copy[data-v-bgo11] { flex: 1; min-width: 0;
}
.status-line[data-v-bgo11] { display: flex; align-items: center; gap: calc(var(--rpx) * 10);
}
.status-dot[data-v-bgo11] {
  width: calc(var(--rpx) * 13);
  height: calc(var(--rpx) * 13);
  flex: 0 0 auto;
  border-radius: 50%;
  background: #79916e;
  box-shadow: 0 0 0 calc(var(--rpx) * 6) rgba(121,145,110,.10);
}
.wechat-bound[data-v-bgo11] { color: #6e805f; font-size: calc(var(--rpx) * 21); font-weight: 800;
}
.session-info[data-v-bgo11] {
  display: block;
  margin-top: calc(var(--rpx) * 8);
  color: #aa8975;
  font-size: calc(var(--rpx) * 18);
  line-height: 1.55;
}
.logout-button[data-v-bgo11] { margin: calc(var(--rpx) * 20) 0 0;
}
.no-permission-card[data-v-bgo11] { background: linear-gradient(180deg,#fffaf3,#fff3e9);
}
.no-permission-title[data-v-bgo11] {
  display: block;
  margin-top: calc(var(--rpx) * 5);
  color: #9c5139;
  font-size: calc(var(--rpx) * 28);
  font-weight: 900;
}
.no-permission-desc[data-v-bgo11] {
  display: block;
  margin-top: calc(var(--rpx) * 12);
  color: #997968;
  font-size: calc(var(--rpx) * 21);
  line-height: 1.65;
}
.game-card[data-v-bgo11] { padding-top: calc(var(--rpx) * 26);
}
.section-head-row[data-v-bgo11],
.reward-heading[data-v-bgo11] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: calc(var(--rpx) * 16);
  margin-bottom: calc(var(--rpx) * 22);
}
.create-button[data-v-bgo11] { margin-top: calc(var(--rpx) * 18);
}
.game-tip[data-v-bgo11] {
  display: block;
  margin-top: calc(var(--rpx) * 14);
  color: #aa8975;
  font-size: calc(var(--rpx) * 18);
  line-height: 1.55;
}
.reward-panel[data-v-bgo11] { padding: calc(var(--rpx) * 28) calc(var(--rpx) * 24) calc(var(--rpx) * 26);
}
.reward-game[data-v-bgo11] {
  display: block;
  margin-top: calc(var(--rpx) * 4);
  color: #704838;
  font-size: calc(var(--rpx) * 28);
  font-weight: 900;
}
.reward-amount[data-v-bgo11] {
  color: #c85238;
  font-size: calc(var(--rpx) * 28);
  font-weight: 900;
}
.qr-shell[data-v-bgo11] {
  position: relative;
  width: calc(var(--rpx) * 540);
  height: calc(var(--rpx) * 540);
  max-width: 100%;
  margin: calc(var(--rpx) * 20) auto 0;
  padding: calc(var(--rpx) * 22);
  box-sizing: border-box;
  border: calc(var(--rpx) * 2) solid #edd6c1;
  border-radius: calc(var(--rpx) * 26);
  background: #fff;
  box-shadow: 0 calc(var(--rpx) * 12) calc(var(--rpx) * 30) rgba(122,75,50,.09);
}
.qr-img[data-v-bgo11] { width: 100%; height: 100%;
}
.qr-expired[data-v-bgo11] { opacity: .68;
}
.expired-mask[data-v-bgo11] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: calc(var(--rpx) * 26);
  background: rgba(83,55,43,.52);
}
.expired-span[data-v-bgo11] {
  padding: calc(var(--rpx) * 12) calc(var(--rpx) * 26);
  border-radius: calc(var(--rpx) * 999);
  background: #fff8ef;
  color: #bd543e;
  font-size: calc(var(--rpx) * 30);
  font-weight: 900;
}
.countdown[data-v-bgo11] {
  margin-top: calc(var(--rpx) * 20);
  text-align: center;
  color: #9f6d50;
  font-size: calc(var(--rpx) * 27);
  font-weight: 900;
}
.countdown-expired[data-v-bgo11] { color: #c85238;
}
.reward-help[data-v-bgo11] {
  margin-top: calc(var(--rpx) * 18);
  padding: calc(var(--rpx) * 16) calc(var(--rpx) * 18);
  border-radius: calc(var(--rpx) * 16);
  background: #fff4e8;
  color: #987765;
  font-size: calc(var(--rpx) * 20);
  line-height: 1.65;
}
.copy-button[data-v-bgo11] { margin: calc(var(--rpx) * 18) 0 0;
}

body[data-v-bgo12] { background:#fff8f0; color:#744b39;
}
.lottery-body[data-v-bgo12] { padding-bottom:calc(var(--rpx) * 56);
}
.body-tag[data-v-bgo12] { position:relative; display:inline-flex; margin-bottom:calc(var(--rpx) * 18); padding:calc(var(--rpx) * 9) calc(var(--rpx) * 17); border-radius:calc(var(--rpx) * 9); background:#f9e3ce; color:#9a644d; font-size:calc(var(--rpx) * 19); font-weight:800; letter-spacing:.calc(var(--rpx) * 8); transform:rotate(-1deg);
}
.body-tag[data-v-bgo12]::before { content:""; position:absolute; right:calc(var(--rpx) * 20); top:calc(var(--rpx) * -9); width:calc(var(--rpx) * 48); height:calc(var(--rpx) * 13); border-radius:calc(var(--rpx) * 4); background:rgba(232,107,92,.25); transform:rotate(7deg);
}
.section-card[data-v-bgo12] { margin-bottom:calc(var(--rpx) * 20); padding:calc(var(--rpx) * 26); border:calc(var(--rpx) * 2) solid rgba(236,205,180,.78); border-radius:calc(var(--rpx) * 28); background:linear-gradient(180deg,#fffdf8,#fff7ed); box-shadow:0 calc(var(--rpx) * 12) calc(var(--rpx) * 32) rgba(130,80,48,.07); box-sizing:border-box;
}
.lottery-hero[data-v-bgo12] { position:relative; overflow:hidden; padding:calc(var(--rpx) * 34) calc(var(--rpx) * 30); background:linear-gradient(135deg,#fff8e9 0%,#ffe6d4 60%,#f8d6cf 100%);
}
.lottery-hero[data-v-bgo12]::after { content:"✦"; position:absolute; right:calc(var(--rpx) * 30); top:calc(var(--rpx) * 20); color:rgba(191,83,55,.24); font-size:calc(var(--rpx) * 86);
}
.hero-kicker[data-v-bgo12],.section-kicker[data-v-bgo12] { display:block; color:#cf7757; font-size:calc(var(--rpx) * 17); font-weight:900; letter-spacing:calc(var(--rpx) * 2.5);
}
.hero-title[data-v-bgo12] { display:block; margin-top:calc(var(--rpx) * 8); color:#743f31; font-size:calc(var(--rpx) * 43); font-weight:900;
}
.hero-subtitle[data-v-bgo12] { display:block; margin-top:calc(var(--rpx) * 7); color:#a0715d; font-size:calc(var(--rpx) * 23);
}
.section-head[data-v-bgo12] { display:flex; align-items:flex-start; justify-content:space-between; gap:calc(var(--rpx) * 18);
}
.section-title[data-v-bgo12] { display:block; margin-top:calc(var(--rpx) * 5); color:#744b39; font-size:calc(var(--rpx) * 29); font-weight:900;
}
.muted[data-v-bgo12] { display:block; color:#a18472; font-size:calc(var(--rpx) * 21); line-height:1.65;
}
.status-pill[data-v-bgo12] { flex:0 0 auto; padding:calc(var(--rpx) * 8) calc(var(--rpx) * 15); border-radius:calc(var(--rpx) * 999); background:#f1e7de; color:#927665; font-size:calc(var(--rpx) * 18); font-weight:800;
}
.status-pill.success[data-v-bgo12],.status-pill.confirmed[data-v-bgo12] { background:#e6f3df; color:#5b844e;
}
.status-pill.pending[data-v-bgo12] { background:#fff0c9; color:#9a701f;
}
.status-pill.absent[data-v-bgo12],.status-pill.void[data-v-bgo12] { background:#f3e7e3; color:#a06f63;
}
.win-card.has-win[data-v-bgo12] { border-color:#e9c98d; background:linear-gradient(160deg,#fffdf3,#fff3df);
}
.prize-name[data-v-bgo12] { display:block; margin:calc(var(--rpx) * 25) 0 calc(var(--rpx) * 9); color:#a95a3f; font-size:calc(var(--rpx) * 36); font-weight:900;
}
.entry-line[data-v-bgo12] { display:block; margin-top:calc(var(--rpx) * 12); color:#bc8066; font-size:calc(var(--rpx) * 20); font-weight:700;
}
.eligibility-card.eligible[data-v-bgo12] { border-color:#cddfbf; background:linear-gradient(160deg,#fffdf6,#f5f8e9);
}
.eligibility-main[data-v-bgo12] { display:block; margin:calc(var(--rpx) * 25) 0 calc(var(--rpx) * 10); color:#a95a3f; font-size:calc(var(--rpx) * 30); font-weight:900;
}
.entry-no[data-v-bgo12] { display:block; margin:calc(var(--rpx) * 7) 0 calc(var(--rpx) * 15); color:#7a4937; font-size:calc(var(--rpx) * 48); font-weight:900; letter-spacing:calc(var(--rpx) * 3);
}
.rule-span[data-v-bgo12] { display:block; margin-top:calc(var(--rpx) * 11); color:#9a7a67; font-size:calc(var(--rpx) * 20); line-height:1.7;
}
.metric-grid[data-v-bgo12] { display:grid; grid-template-columns:repeat(2,1fr); gap:calc(var(--rpx) * 14); margin-top:calc(var(--rpx) * 22);
}
.metric-item[data-v-bgo12] { padding:calc(var(--rpx) * 22) calc(var(--rpx) * 12); border-radius:calc(var(--rpx) * 21); background:#fff2e5; text-align:center;
}
.metric-value[data-v-bgo12] { display:block; color:#b7553c; font-size:calc(var(--rpx) * 39); font-weight:900;
}
.metric-label[data-v-bgo12] { display:block; margin-top:calc(var(--rpx) * 4); color:#a27c67; font-size:calc(var(--rpx) * 19);
}
.progress-track[data-v-bgo12] { height:calc(var(--rpx) * 14); margin-top:calc(var(--rpx) * 23); overflow:hidden; border-radius:calc(var(--rpx) * 999); background:#f0dfd1;
}
.progress-fill[data-v-bgo12] { height:100%; min-width:0; border-radius:calc(var(--rpx) * 999); background:linear-gradient(90deg,#dd815e,#c5553d);
}
.progress-copy[data-v-bgo12] { display:block; margin-top:calc(var(--rpx) * 8); text-align:right; color:#a47762; font-size:calc(var(--rpx) * 18);
}
.prize-row[data-v-bgo12] { display:flex; align-items:center; justify-content:space-between; gap:calc(var(--rpx) * 16); padding:calc(var(--rpx) * 19) 0; border-bottom:calc(var(--rpx) * 1) solid rgba(233,209,188,.72);
}
.prize-row[data-v-bgo12]:last-child { border-bottom:0;
}
.prize-row-name[data-v-bgo12] { color:#7a503e; font-size:calc(var(--rpx) * 23); font-weight:700;
}
.prize-row-count[data-v-bgo12] { color:#bd775b; font-size:calc(var(--rpx) * 20);
}
.refresh-button[data-v-bgo12] { margin-top:calc(var(--rpx) * 8); border:0; border-radius:calc(var(--rpx) * 22); background:linear-gradient(135deg,#d96c4f,#bf553d); color:#fff; font-size:calc(var(--rpx) * 25); font-weight:800; box-shadow:0 calc(var(--rpx) * 10) calc(var(--rpx) * 22) rgba(194,84,60,.18);
}
.refresh-button[data-v-bgo12]::after { border:0;
}
.refresh-button[disabled][data-v-bgo12] { opacity:.65;
}
.error-card[data-v-bgo12] { border-color:#e9b6a9;
}
.loading-card[data-v-bgo12] { text-align:center;
}
.claim-qr[data-v-bgo12] { margin-top:calc(var(--rpx) * 20); display:flex; flex-direction:column; align-items:center; gap:calc(var(--rpx) * 12); color:#855d45; font-size:calc(var(--rpx) * 24);
}
.claim-qr img[data-v-bgo12] { width:calc(var(--rpx) * 360); height:calc(var(--rpx) * 360); padding:calc(var(--rpx) * 16); box-sizing:border-box; background:#fff; border-radius:calc(var(--rpx) * 16);
}

body[data-v-bgo13]{background:#fff7ea;color:#6b4635}.shop-body[data-v-bgo13]{padding:calc(var(--rpx) * 30) calc(var(--rpx) * 26) calc(var(--rpx) * 80);padding-bottom:calc(calc(var(--rpx) * 80) + env(safe-area-inset-bottom))}.heading[data-v-bgo13]{font-size:calc(var(--rpx) * 38);font-weight:800;margin:calc(var(--rpx) * 12) 0 calc(var(--rpx) * 28)}.tabs[data-v-bgo13]{display:flex;background:#f2e3d2;border-radius:calc(var(--rpx) * 18);padding:calc(var(--rpx) * 8);margin-bottom:calc(var(--rpx) * 24)}.tabs>div[data-v-bgo13]{flex:1;text-align:center;padding:calc(var(--rpx) * 20) calc(var(--rpx) * 4);font-size:calc(var(--rpx) * 24);border-radius:calc(var(--rpx) * 14)}.tabs .active[data-v-bgo13]{background:#fffaf2;color:#b54d35;font-weight:700}.card[data-v-bgo13]{background:#fffcf6;border:calc(var(--rpx) * 2) solid #edcfb1;border-radius:calc(var(--rpx) * 22);padding:calc(var(--rpx) * 26);margin:calc(var(--rpx) * 18) 0;line-height:1.8}.notice[data-v-bgo13]{background:#fce5ca;border-radius:calc(var(--rpx) * 16);padding:calc(var(--rpx) * 20);margin:calc(var(--rpx) * 16) 0;font-size:calc(var(--rpx) * 24);line-height:1.6}.muted[data-v-bgo13]{color:#947a67;font-size:calc(var(--rpx) * 23);line-height:1.7}.balance[data-v-bgo13]{font-size:calc(var(--rpx) * 66);color:#b54d35;font-weight:800}.title[data-v-bgo13]{font-size:calc(var(--rpx) * 29);font-weight:700}.amount[data-v-bgo13]{float:right}.grid[data-v-bgo13]{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--rpx) * 18)}.product[data-v-bgo13]{margin:0;overflow:hidden;padding:calc(var(--rpx) * 18)}.product img[data-v-bgo13]{width:100%;height:calc(var(--rpx) * 220);border-radius:calc(var(--rpx) * 12)}button[data-v-bgo13]{background:#bd5138;color:#fffaf2;border-radius:calc(var(--rpx) * 16);font-size:calc(var(--rpx) * 26);margin-top:calc(var(--rpx) * 20)}button[data-v-bgo13]::after{border:0}.secondary[data-v-bgo13]{background:#f1e4d6;color:#765440}input[data-v-bgo13],textarea[data-v-bgo13],.picker[data-v-bgo13]{box-sizing:border-box;width:100%;background:#fff5e8;border:calc(var(--rpx) * 2) solid #e9cfb6;border-radius:calc(var(--rpx) * 12);padding:calc(var(--rpx) * 20);margin:calc(var(--rpx) * 14) 0;font-size:calc(var(--rpx) * 27);min-height:calc(var(--rpx) * 80)}textarea[data-v-bgo13]{height:calc(var(--rpx) * 190)}.overlay[data-v-bgo13]{position:fixed;inset:0;background:rgba(55,35,24,.6);z-index:1000;display:flex;align-items:center;justify-content:center;padding:calc(var(--rpx) * 30)}.dialog[data-v-bgo13]{box-sizing:border-box;width:100%;max-height:85vh;border-radius:calc(var(--rpx) * 26);background:#fffaf1;padding:calc(var(--rpx) * 30);line-height:1.8}.qr[data-v-bgo13]{display:block;width:calc(var(--rpx) * 440);height:calc(var(--rpx) * 440);max-width:100%;margin:calc(var(--rpx) * 20) auto}.detail-img[data-v-bgo13]{display:block;width:100%;margin:calc(var(--rpx) * 18) 0}.description[data-v-bgo13]{display:block;white-space:pre-wrap;margin:calc(var(--rpx) * 20) 0;font-size:calc(var(--rpx) * 26)}switch[data-v-bgo13]{vertical-align:middle}

body[data-v-bgo14]{background:#fff7ea;color:#6b4635}.shop-body[data-v-bgo14]{padding:calc(var(--rpx) * 30) calc(var(--rpx) * 26) calc(var(--rpx) * 80);padding-bottom:calc(calc(var(--rpx) * 80) + env(safe-area-inset-bottom))}.heading[data-v-bgo14]{font-size:calc(var(--rpx) * 38);font-weight:800;margin:calc(var(--rpx) * 12) 0 calc(var(--rpx) * 28)}.tabs[data-v-bgo14]{display:flex;background:#f2e3d2;border-radius:calc(var(--rpx) * 18);padding:calc(var(--rpx) * 8);margin-bottom:calc(var(--rpx) * 24)}.tabs>div[data-v-bgo14]{flex:1;text-align:center;padding:calc(var(--rpx) * 20) calc(var(--rpx) * 4);font-size:calc(var(--rpx) * 24);border-radius:calc(var(--rpx) * 14)}.tabs .active[data-v-bgo14]{background:#fffaf2;color:#b54d35;font-weight:700}.card[data-v-bgo14]{background:#fffcf6;border:calc(var(--rpx) * 2) solid #edcfb1;border-radius:calc(var(--rpx) * 22);padding:calc(var(--rpx) * 26);margin:calc(var(--rpx) * 18) 0;line-height:1.8}.notice[data-v-bgo14]{background:#fce5ca;border-radius:calc(var(--rpx) * 16);padding:calc(var(--rpx) * 20);margin:calc(var(--rpx) * 16) 0;font-size:calc(var(--rpx) * 24);line-height:1.6}.muted[data-v-bgo14]{color:#947a67;font-size:calc(var(--rpx) * 23);line-height:1.7}.balance[data-v-bgo14]{font-size:calc(var(--rpx) * 66);color:#b54d35;font-weight:800}.title[data-v-bgo14]{font-size:calc(var(--rpx) * 29);font-weight:700}.amount[data-v-bgo14]{float:right}.grid[data-v-bgo14]{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--rpx) * 18)}.product[data-v-bgo14]{margin:0;overflow:hidden;padding:calc(var(--rpx) * 18)}.product img[data-v-bgo14]{width:100%;height:calc(var(--rpx) * 220);border-radius:calc(var(--rpx) * 12)}button[data-v-bgo14]{background:#bd5138;color:#fffaf2;border-radius:calc(var(--rpx) * 16);font-size:calc(var(--rpx) * 26);margin-top:calc(var(--rpx) * 20)}button[data-v-bgo14]::after{border:0}.secondary[data-v-bgo14]{background:#f1e4d6;color:#765440}input[data-v-bgo14],textarea[data-v-bgo14],.picker[data-v-bgo14]{box-sizing:border-box;width:100%;background:#fff5e8;border:calc(var(--rpx) * 2) solid #e9cfb6;border-radius:calc(var(--rpx) * 12);padding:calc(var(--rpx) * 20);margin:calc(var(--rpx) * 14) 0;font-size:calc(var(--rpx) * 27);min-height:calc(var(--rpx) * 80)}textarea[data-v-bgo14]{height:calc(var(--rpx) * 190)}.overlay[data-v-bgo14]{position:fixed;inset:0;background:rgba(55,35,24,.6);z-index:1000;display:flex;align-items:center;justify-content:center;padding:calc(var(--rpx) * 30)}.dialog[data-v-bgo14]{box-sizing:border-box;width:100%;max-height:85vh;border-radius:calc(var(--rpx) * 26);background:#fffaf1;padding:calc(var(--rpx) * 30);line-height:1.8}.qr[data-v-bgo14]{display:block;width:calc(var(--rpx) * 440);height:calc(var(--rpx) * 440);max-width:100%;margin:calc(var(--rpx) * 20) auto}.detail-img[data-v-bgo14]{display:block;width:100%;margin:calc(var(--rpx) * 18) 0}.description[data-v-bgo14]{display:block;white-space:pre-wrap;margin:calc(var(--rpx) * 20) 0;font-size:calc(var(--rpx) * 26)}switch[data-v-bgo14]{vertical-align:middle}

.point-grid[data-v-bgo15] { display:grid; grid-template-columns:repeat(4,1fr); gap:calc(var(--rpx) * 30) calc(var(--rpx) * 12); padding:calc(var(--rpx) * 28) calc(var(--rpx) * 12);
}
.point-item[data-v-bgo15] { text-align:center; min-width:0;
}
.point-icon[data-v-bgo15] { width:calc(var(--rpx) * 116); height:calc(var(--rpx) * 116); margin:0 auto; border-radius:50%; display:flex; align-items:center; justify-content:center; overflow:hidden; background:linear-gradient(145deg,#f7eee5,#fffaf4); border:calc(var(--rpx) * 4) dashed #d9b99d; box-shadow:inset 0 0 0 calc(var(--rpx) * 7) rgba(255,255,255,.72); color:#b59a84; font-size:calc(var(--rpx) * 46); font-weight:800;
}
.point-icon.completed[data-v-bgo15] { background:linear-gradient(145deg,#ffe4cd,#f7cfbb 58%,#f5ded5); border-style:solid; border-color:#dfa16d; box-shadow:0 calc(var(--rpx) * 10) calc(var(--rpx) * 22) rgba(126,76,50,.12);
}
.point-icon.locked[data-v-bgo15] { opacity:.52;
}
.point-icon img[data-v-bgo15] { width:100%; height:100%;
}
.point-name[data-v-bgo15] { display:block; margin-top:calc(var(--rpx) * 11); padding:0 calc(var(--rpx) * 3); font-size:calc(var(--rpx) * 20); line-height:1.3; color:#a28775;
}
.point-name.completed-name[data-v-bgo15] { color:#694b3c; font-weight:800;
}

.story-mask[data-v-bgo16] {
  position: fixed;
  inset: 0;
  z-index: 99999;
  overflow: hidden;
  background: #172422;
}
.story-bg[data-v-bgo16] {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  filter:blur(calc(var(--rpx) * 1));
  transform:scale(1.03);
}
.story-shade[data-v-bgo16] {
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(20,48,44,.15) 0%,rgba(28,62,57,.14) 40%,rgba(18,43,42,.68) 70%,rgba(12,29,30,.94) 100%);
}
.story-top[data-v-bgo16] {
  position:absolute;
  z-index:5;
  left:calc(var(--rpx) * 28);
  right:calc(var(--rpx) * 28);
  top:calc(env(safe-area-inset-top) + calc(var(--rpx) * 28));
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:calc(var(--rpx) * 20);
}
.story-title-chip[data-v-bgo16] {
  max-width:calc(var(--rpx) * 510);
  padding:calc(var(--rpx) * 14) calc(var(--rpx) * 22);
  border:calc(var(--rpx) * 2) solid rgba(255,255,255,.7);
  border-radius:calc(var(--rpx) * 12) calc(var(--rpx) * 28) calc(var(--rpx) * 12) calc(var(--rpx) * 28);
  background:linear-gradient(135deg,rgba(247,174,89,.94),rgba(76,180,163,.94));
  color:#fff;
  font-size:calc(var(--rpx) * 21);
  font-weight:900;
  letter-spacing:calc(var(--rpx) * 1);
  box-shadow:0 calc(var(--rpx) * 10) calc(var(--rpx) * 28) rgba(25,62,57,.25);
}
.skip-btn[data-v-bgo16] {
  margin:0;
  padding:0 calc(var(--rpx) * 24);
  height:calc(var(--rpx) * 60);
  line-height:calc(var(--rpx) * 60);
  border-radius:calc(var(--rpx) * 999);
  background:rgba(255,255,255,.86);
  color:#56746f;
  font-size:calc(var(--rpx) * 22);
  border:0;
  flex:0 0 auto;
}
.skip-btn[data-v-bgo16]::after { border:0;
}
.character[data-v-bgo16] {
  position:absolute;
  z-index:2;
  width:98%;
  height:75%;
  right:-10%;
  bottom:calc(var(--rpx) * 225);
}
.dialogue-area[data-v-bgo16] {
  position:absolute;
  z-index:6;
  left:calc(var(--rpx) * 28);
  right:calc(var(--rpx) * 28);
  bottom:calc(env(safe-area-inset-bottom) + calc(var(--rpx) * 48));
  padding-top:calc(var(--rpx) * 30);
}
.name-tag[data-v-bgo16] {
  position:absolute;
  z-index:7;
  top:0;
  left:calc(var(--rpx) * 28);
  min-width:calc(var(--rpx) * 130);
  padding:calc(var(--rpx) * 12) calc(var(--rpx) * 26);
  border-radius:calc(var(--rpx) * 18) calc(var(--rpx) * 18) calc(var(--rpx) * 4) calc(var(--rpx) * 18);
  background:linear-gradient(135deg,#f3ad58,#55baa9);
  color:#fff;
  font-size:calc(var(--rpx) * 26);
  font-weight:900;
  text-align:center;
  box-shadow:0 calc(var(--rpx) * 8) calc(var(--rpx) * 20) rgba(34,76,68,.25);
}
.choice-name-tag[data-v-bgo16] {
  background:linear-gradient(135deg,#ff8fbd,#72b9f5);
}
.dialogue-box[data-v-bgo16] {
  min-height:calc(var(--rpx) * 210);
  box-sizing:border-box;
  padding:calc(var(--rpx) * 54) calc(var(--rpx) * 32) calc(var(--rpx) * 24);
  border:calc(var(--rpx) * 2) solid rgba(255,255,255,.78);
  border-radius:calc(var(--rpx) * 28);
  background:rgba(253,252,249,.94);
  box-shadow:0 calc(var(--rpx) * 20) calc(var(--rpx) * 55) rgba(10,36,33,.34);
  backdrop-filter:blur(calc(var(--rpx) * 12));
}
.dialogue-span[data-v-bgo16] {
  display:block;
  min-height:calc(var(--rpx) * 94);
  color:#465d59;
  font-size:calc(var(--rpx) * 29);
  line-height:1.75;
  font-weight:600;
}
.dialogue-footer[data-v-bgo16] {
  margin-top:calc(var(--rpx) * 18);
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.progress[data-v-bgo16] { color:#a1aca8; font-size:calc(var(--rpx) * 20);
}
.next-hint[data-v-bgo16] {
  color:#4cae9e;
  font-size:calc(var(--rpx) * 21);
  font-weight:800;
  animation:hintPulse-bgo16 1.2s ease-in-out infinite;
}
.choice-box[data-v-bgo16] { padding-top:calc(var(--rpx) * 58);
}
.choice-prompt[data-v-bgo16] {
  display:block;
  color:#405953;
  font-size:calc(var(--rpx) * 29);
  font-weight:900;
  line-height:1.55;
  margin-bottom:calc(var(--rpx) * 22);
}
.choice-list[data-v-bgo16] { display:flex; flex-direction:column; gap:calc(var(--rpx) * 14);
}
.choice-option[data-v-bgo16] {
  width:100%;
  min-height:calc(var(--rpx) * 78);
  margin:0;
  padding:calc(var(--rpx) * 16) calc(var(--rpx) * 22);
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:calc(var(--rpx) * 14);
  text-align:left;
  border-radius:calc(var(--rpx) * 20);
  border:calc(var(--rpx) * 2) solid #d6e9e5;
  background:linear-gradient(135deg,#fffaf4,#f0fbf8);
  color:#4e6761;
  font-size:calc(var(--rpx) * 25);
  line-height:1.45;
  font-weight:700;
  box-shadow:0 calc(var(--rpx) * 6) calc(var(--rpx) * 16) rgba(58,111,101,.08);
}
.choice-option[data-v-bgo16]::after { border:0;
}
.choice-mark[data-v-bgo16] { color:#eba656; font-size:calc(var(--rpx) * 18);
}
.choice-note[data-v-bgo16] {
  display:block;
  margin-top:calc(var(--rpx) * 18);
  color:#9aa7a3;
  font-size:calc(var(--rpx) * 19);
  line-height:1.5;
  text-align:center;
}
@keyframes hintPulse-bgo16 {
0%,100% { opacity:.55; transform:translateY(0);
}
50% { opacity:1; transform:translateY(calc(var(--rpx) * 5));
}
}

/* 剧情树回顾模式提示 */
.replay-chip[data-v-bgo16] {
  position:absolute;
  z-index:5;
  right:calc(var(--rpx) * 30);
  top:calc(env(safe-area-inset-top) + calc(var(--rpx) * 104));
  padding:calc(var(--rpx) * 8) calc(var(--rpx) * 16);
  border:calc(var(--rpx) * 2) solid rgba(255,255,255,.62);
  border-radius:calc(var(--rpx) * 999);
  background:rgba(44,75,71,.55);
  color:#fff;
  font-size:calc(var(--rpx) * 17);
  font-weight:800;
  backdrop-filter:blur(calc(var(--rpx) * 8));
}
.choice-span[data-v-bgo16] { flex:1; min-width:0;
}
.choice-option-saved[data-v-bgo16] {
  border-color:#efb4ca;
  background:linear-gradient(135deg,#fff6f9,#f0fbf8);
  box-shadow:0 calc(var(--rpx) * 6) calc(var(--rpx) * 18) rgba(224,109,152,.11);
}
.saved-choice-tag[data-v-bgo16] {
  flex:0 0 auto;
  padding:calc(var(--rpx) * 5) calc(var(--rpx) * 9);
  border-radius:calc(var(--rpx) * 999);
  background:#ef91b6;
  color:#fff;
  font-size:calc(var(--rpx) * 15);
  font-weight:900;
}

/* ===== 2026 秋日视觉覆盖：Galgame 主线播放器 =====
   保留原剧情立绘，不重绘角色。绿色系角色作为剧情识别色，
   UI 改用暖秋背景 + 少量鼠尾草绿做平衡。
*/
.story-mask[data-v-bgo16] { background:#4a3028;
}
.story-bg[data-v-bgo16] { filter:blur(calc(var(--rpx) * 1)) saturate(.92); transform:scale(1.03);
}
.story-shade[data-v-bgo16] { background:linear-gradient(180deg,rgba(102,61,43,.08) 0%,rgba(104,63,47,.10) 38%,rgba(79,46,38,.58) 68%,rgba(45,28,26,.94) 100%);
}
.story-title-chip[data-v-bgo16] { border-color:rgba(255,246,232,.75); border-radius:calc(var(--rpx) * 12) calc(var(--rpx) * 28) calc(var(--rpx) * 12) calc(var(--rpx) * 28); background:linear-gradient(135deg,rgba(204,82,55,.96),rgba(235,143,70,.95) 58%,rgba(133,151,128,.93)); box-shadow:0 calc(var(--rpx) * 10) calc(var(--rpx) * 28) rgba(73,42,32,.25);
}
.skip-btn[data-v-bgo16] { background:rgba(255,248,238,.90); color:#815a46;
}
.name-tag[data-v-bgo16] { background:linear-gradient(135deg,#d05a3b,#e9914c 72%,#879a8c); box-shadow:0 calc(var(--rpx) * 8) calc(var(--rpx) * 20) rgba(78,45,34,.24);
}
.choice-name-tag[data-v-bgo16] { background:linear-gradient(135deg,#c95648,#d77a8d 55%,#a87e78);
}
.dialogue-box[data-v-bgo16] { border-color:rgba(255,244,226,.86); background:rgba(255,249,239,.95); box-shadow:0 calc(var(--rpx) * 20) calc(var(--rpx) * 55) rgba(58,34,28,.34);
}
.dialogue-span[data-v-bgo16] { color:#5d4438;
}
.progress[data-v-bgo16] { color:#ad917d;
}
.next-hint[data-v-bgo16] { color:#c65a3d;
}
.choice-prompt[data-v-bgo16] { color:#5b4035;
}
.choice-option[data-v-bgo16] { border-color:#e6cdb5; background:linear-gradient(135deg,#fffaf1,#fff0df); color:#694a3a; box-shadow:0 calc(var(--rpx) * 6) calc(var(--rpx) * 16) rgba(96,55,39,.08);
}
.choice-mark[data-v-bgo16] { color:#db7740;
}
.choice-note[data-v-bgo16] { color:#aa8d79;
}
.replay-chip[data-v-bgo16] { border-color:rgba(255,246,232,.65); background:rgba(93,58,46,.58);
}
.choice-option-saved[data-v-bgo16] { border-color:#dfb0b4; background:linear-gradient(135deg,#fff4ee,#f8e7e3); box-shadow:0 calc(var(--rpx) * 6) calc(var(--rpx) * 18) rgba(188,78,73,.10);
}
.saved-choice-tag[data-v-bgo16] { background:#c85d57;
}

/* ===== 主宣传图风格二次覆盖：主线剧情 ===== */
.story-mask[data-v-bgo16] { background:#573A2E;
}
.story-shade[data-v-bgo16] { background:linear-gradient(180deg,rgba(110,71,52,.06) 0%, rgba(105,65,49,.14) 32%, rgba(87,54,43,.60) 66%, rgba(47,30,27,.92) 100%);
}
.story-title-chip[data-v-bgo16] { border-color:rgba(255,248,237,.74); background:linear-gradient(135deg,#C95A42,#E17F51 56%, #D65B74 100%);
}
.skip-btn[data-v-bgo16] { background:rgba(255,248,238,.92); color:#8A5B47;
}
.name-tag[data-v-bgo16] { background:linear-gradient(135deg,#C95A42,#E17F51 72%,#D65B74);
}
.choice-name-tag[data-v-bgo16] { background:linear-gradient(135deg,#C95A42,#D65B74 62%,#A64B5A);
}
.dialogue-box[data-v-bgo16] { border-color:rgba(255,244,229,.88); background:rgba(255,249,241,.96); box-shadow:0 calc(var(--rpx) * 18) calc(var(--rpx) * 50) rgba(74,43,33,.28);
}
.dialogue-span[data-v-bgo16], .choice-prompt[data-v-bgo16] { color:#694535;
}
.progress[data-v-bgo16], .choice-note[data-v-bgo16] { color:#AE8C77;
}
.next-hint[data-v-bgo16], .choice-mark[data-v-bgo16] { color:#D56A49;
}
.choice-option[data-v-bgo16] { border-color:#ECD0B7; background:linear-gradient(135deg,#FFF9F1,#FFF0E0); color:#764C38;
}
.replay-chip[data-v-bgo16] { border-color:rgba(255,248,238,.66); background:rgba(104,66,52,.58);
}
.choice-option-saved[data-v-bgo16] { border-color:#E7B5AE; background:linear-gradient(135deg,#FFF4EF,#FBE7E2);
}
.saved-choice-tag[data-v-bgo16] { background:#D56056;
}

.tree-mask[data-v-bgo17] {
  position: fixed;
  inset: 0;
  z-index: 99998;
  box-sizing: border-box;
  padding: calc(env(safe-area-inset-top) + calc(var(--rpx) * 34)) calc(var(--rpx) * 24) calc(env(safe-area-inset-bottom) + calc(var(--rpx) * 30));
  background: rgba(24, 43, 47, .72);
  backdrop-filter: blur(calc(var(--rpx) * 8));
}
.tree-panel[data-v-bgo17] {
  height: 100%;
  overflow: hidden;
  border: calc(var(--rpx) * 2) solid rgba(255,255,255,.9);
  border-radius: calc(var(--rpx) * 38);
  background: linear-gradient(180deg,#fffdf9 0%,#f6fbfa 48%,#f6f7ff 100%);
  box-shadow: 0 calc(var(--rpx) * 28) calc(var(--rpx) * 80) rgba(18,45,47,.34);
  display: flex;
  flex-direction: column;
}
.tree-header[data-v-bgo17] {
  flex: 0 0 auto;
  padding: calc(var(--rpx) * 30) calc(var(--rpx) * 30) calc(var(--rpx) * 22);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: calc(var(--rpx) * 20);
  border-bottom: calc(var(--rpx) * 2) dashed #d8e7e4;
  background: linear-gradient(135deg,rgba(255,240,217,.95),rgba(226,248,243,.95) 56%,rgba(236,240,255,.95));
}
.tree-heading[data-v-bgo17] { min-width: 0; display: flex; flex-direction: column;
}
.tree-kicker[data-v-bgo17] { color:#d69b50; font-size:calc(var(--rpx) * 18); font-weight:900; letter-spacing:calc(var(--rpx) * 3);
}
.tree-title[data-v-bgo17] { margin-top:calc(var(--rpx) * 6); color:#415b57; font-size:calc(var(--rpx) * 32); font-weight:900; line-height:1.35;
}
.tree-subtitle[data-v-bgo17] { margin-top:calc(var(--rpx) * 8); max-width:calc(var(--rpx) * 560); color:#85938f; font-size:calc(var(--rpx) * 20); line-height:1.55;
}
.tree-close[data-v-bgo17] {
  flex: 0 0 auto;
  width: calc(var(--rpx) * 58);
  height: calc(var(--rpx) * 58);
  margin: 0;
  padding: 0;
  line-height: calc(var(--rpx) * 54);
  border-radius: 50%;
  border: calc(var(--rpx) * 2) solid #d8e6e2;
  background: rgba(255,255,255,.9);
  color:#66827c;
  font-size:calc(var(--rpx) * 36);
  font-weight:500;
}
.tree-close[data-v-bgo17]::after { border:0;
}
.tree-energy[data-v-bgo17] {
  flex: 0 0 auto;
  margin: calc(var(--rpx) * 18) calc(var(--rpx) * 26) 0;
  padding: calc(var(--rpx) * 18) calc(var(--rpx) * 22);
  border:calc(var(--rpx) * 2) solid #dcebe7;
  border-radius:calc(var(--rpx) * 22);
  background:rgba(255,255,255,.82);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:calc(var(--rpx) * 20);
}
.tree-energy-label[data-v-bgo17] { display:block; color:#87948f; font-size:calc(var(--rpx) * 18);
}
.tree-energy-value[data-v-bgo17] { display:block; margin-top:calc(var(--rpx) * 2); color:#4cae9e; font-size:calc(var(--rpx) * 27); font-weight:900;
}
.tree-new-summary[data-v-bgo17] { padding:calc(var(--rpx) * 8) calc(var(--rpx) * 14); border-radius:calc(var(--rpx) * 999); background:#fff0f5; color:#e36f9e; font-size:calc(var(--rpx) * 18); font-weight:800;
}
.tree-new-summary-done[data-v-bgo17] { background:#edf8f5; color:#6aa99d;
}
.tree-scroll[data-v-bgo17] { flex:1; min-height:0;
}
.tree-body[data-v-bgo17] { padding: calc(var(--rpx) * 28) calc(var(--rpx) * 26) calc(var(--rpx) * 40);
}
.story-node[data-v-bgo17] { position:relative; display:flex; align-items:stretch; gap:calc(var(--rpx) * 18);
}
.node-rail[data-v-bgo17] { width:calc(var(--rpx) * 62); flex:0 0 calc(var(--rpx) * 62); display:flex; flex-direction:column; align-items:center;
}
.node-dot[data-v-bgo17] {
  position:relative;
  z-index:2;
  width:calc(var(--rpx) * 58);
  height:calc(var(--rpx) * 58);
  border:calc(var(--rpx) * 4) solid #fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  background:linear-gradient(135deg,#7bcdbf,#f1ad5a);
  color:#fff;
  font-size:calc(var(--rpx) * 18);
  font-weight:900;
  box-shadow:0 calc(var(--rpx) * 7) calc(var(--rpx) * 18) rgba(66,126,116,.18);
}
.node-dot-intro[data-v-bgo17] { background:linear-gradient(135deg,#f3b15e,#ee8ab2);
}
.node-dot-final[data-v-bgo17] { background:linear-gradient(135deg,#ef91bb,#839df0);
}
.node-line[data-v-bgo17] { width:calc(var(--rpx) * 4); flex:1; min-height:calc(var(--rpx) * 118); margin:calc(var(--rpx) * -2) 0 calc(var(--rpx) * -2); background:linear-gradient(180deg,#b9ddd6,#d9dff2);
}
.node-card[data-v-bgo17] {
  position:relative;
  flex:1;
  min-width:0;
  margin-bottom:calc(var(--rpx) * 22);
  padding:calc(var(--rpx) * 20) calc(var(--rpx) * 22);
  border:calc(var(--rpx) * 2) solid #dce9e6;
  border-radius:calc(var(--rpx) * 24);
  background:rgba(255,255,255,.94);
  box-shadow:0 calc(var(--rpx) * 8) calc(var(--rpx) * 22) rgba(70,104,99,.07);
}
.story-node-new .node-card[data-v-bgo17] { border-color:#efb5cb; box-shadow:0 calc(var(--rpx) * 8) calc(var(--rpx) * 24) rgba(229,116,161,.12);
}
.story-node-new .node-dot[data-v-bgo17] { animation:nodePulse-bgo17 1.8s ease-in-out infinite;
}
.story-node-locked .node-card[data-v-bgo17] { background:rgba(245,247,247,.88); border-style:dashed; opacity:.78;
}
.story-node-locked .node-dot[data-v-bgo17] { background:#cbd3d1; box-shadow:none;
}
.node-topline[data-v-bgo17] { display:flex; justify-content:space-between; align-items:center; gap:calc(var(--rpx) * 14);
}
.node-type[data-v-bgo17] { color:#9aa9a5; font-size:calc(var(--rpx) * 16); font-weight:900; letter-spacing:calc(var(--rpx) * 2);
}
.node-status[data-v-bgo17] { flex:0 0 auto; padding:calc(var(--rpx) * 6) calc(var(--rpx) * 12); border-radius:calc(var(--rpx) * 999); font-size:calc(var(--rpx) * 16); font-weight:900;
}
.status-new[data-v-bgo17] { background:#fff0f5; color:#dd6595;
}
.status-read[data-v-bgo17] { background:#eaf7f3; color:#5b9f92;
}
.status-locked[data-v-bgo17] { background:#edf0f1; color:#9ca5a4;
}
.node-title[data-v-bgo17] { display:block; margin-top:calc(var(--rpx) * 8); color:#435c57; font-size:calc(var(--rpx) * 26); line-height:1.4; font-weight:900;
}
.node-summary[data-v-bgo17] { display:block; margin-top:calc(var(--rpx) * 7); color:#87938f; font-size:calc(var(--rpx) * 20); line-height:1.55;
}
.node-meta-row[data-v-bgo17] { margin-top:calc(var(--rpx) * 12); display:flex; flex-wrap:wrap; align-items:center; gap:calc(var(--rpx) * 10);
}
.node-threshold[data-v-bgo17] { padding:calc(var(--rpx) * 5) calc(var(--rpx) * 10); border-radius:calc(var(--rpx) * 10); background:#f2f7f6; color:#82918d; font-size:calc(var(--rpx) * 17);
}
.node-choice[data-v-bgo17] { padding:calc(var(--rpx) * 5) calc(var(--rpx) * 10); border-radius:calc(var(--rpx) * 10); background:#fff4e6; color:#b77b37; font-size:calc(var(--rpx) * 17);
}
.node-action[data-v-bgo17] { display:block; margin-top:calc(var(--rpx) * 13); color:#4cae9e; font-size:calc(var(--rpx) * 19); font-weight:900;
}
.node-lock-hint[data-v-bgo17] { display:block; margin-top:calc(var(--rpx) * 13); color:#a1aaa8; font-size:calc(var(--rpx) * 18);
}
.ending-area[data-v-bgo17] { position:relative; margin-top:calc(var(--rpx) * 2); padding-top:calc(var(--rpx) * 34);
}
.ending-trunk[data-v-bgo17] { position:absolute; top:0; left:calc(var(--rpx) * 29); width:calc(var(--rpx) * 4); height:calc(var(--rpx) * 36); background:#d8dff0;
}
.ending-heading[data-v-bgo17] { display:block; text-align:center; color:#657571; font-size:calc(var(--rpx) * 24); font-weight:900;
}
.ending-note[data-v-bgo17] { display:block; margin-top:calc(var(--rpx) * 5); text-align:center; color:#9aa5a2; font-size:calc(var(--rpx) * 18);
}
.ending-branches[data-v-bgo17] { position:relative; margin-top:calc(var(--rpx) * 30); display:grid; grid-template-columns:repeat(3,1fr); gap:calc(var(--rpx) * 12);
}
.ending-branches[data-v-bgo17]::before { content:""; position:absolute; left:16.5%; right:16.5%; top:calc(var(--rpx) * -16); height:calc(var(--rpx) * 3); background:#d7deef;
}
.ending-node[data-v-bgo17] { position:relative; min-height:calc(var(--rpx) * 170); padding:calc(var(--rpx) * 28) calc(var(--rpx) * 10) calc(var(--rpx) * 16); box-sizing:border-box; border:calc(var(--rpx) * 2) solid #dde5e4; border-radius:calc(var(--rpx) * 20); background:#fff; text-align:center;
}
.ending-branch-line[data-v-bgo17] { position:absolute; top:calc(var(--rpx) * -17); left:50%; width:calc(var(--rpx) * 3); height:calc(var(--rpx) * 18); background:#d7deef;
}
.ending-symbol[data-v-bgo17] { width:calc(var(--rpx) * 48); height:calc(var(--rpx) * 48); margin:0 auto; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#edf0f1; color:#a0aaa8; font-size:calc(var(--rpx) * 20); font-weight:900;
}
.ending-name[data-v-bgo17] { display:block; margin-top:calc(var(--rpx) * 10); color:#788480; font-size:calc(var(--rpx) * 18); line-height:1.35; font-weight:800;
}
.ending-status[data-v-bgo17] { display:block; margin-top:calc(var(--rpx) * 7); color:#a6aeac; font-size:calc(var(--rpx) * 16);
}
.ending-node-reached[data-v-bgo17] { border-color:#edbad0; background:linear-gradient(180deg,#fff,#fff4f8); box-shadow:0 calc(var(--rpx) * 8) calc(var(--rpx) * 20) rgba(221,102,151,.1);
}
.ending-node-reached .ending-symbol[data-v-bgo17] { background:linear-gradient(135deg,#f19abb,#86a5ef); color:#fff;
}
.ending-node-reached .ending-name[data-v-bgo17] { color:#c65e88;
}
.ending-node-reached .ending-status[data-v-bgo17] { color:#6ca397; font-weight:800;
}
.tree-footer-note[data-v-bgo17] { margin-top:calc(var(--rpx) * 28); padding:calc(var(--rpx) * 18) calc(var(--rpx) * 20); border:calc(var(--rpx) * 2) dashed #d8e5e2; border-radius:calc(var(--rpx) * 18); color:#899692; background:rgba(255,255,255,.6); font-size:calc(var(--rpx) * 18); line-height:1.6; text-align:center;
}
@keyframes nodePulse-bgo17 {
0%,100% { box-shadow:0 calc(var(--rpx) * 7) calc(var(--rpx) * 18) rgba(66,126,116,.18),0 0 0 0 rgba(236,126,169,.22);
}
50% { box-shadow:0 calc(var(--rpx) * 7) calc(var(--rpx) * 18) rgba(66,126,116,.18),0 0 0 calc(var(--rpx) * 12) rgba(236,126,169,0);
}
}

/* ===== 2026 秋日视觉覆盖：剧情树 ===== */
.tree-mask[data-v-bgo17] { background:rgba(66,43,34,.72);
}
.tree-panel[data-v-bgo17] { border-color:rgba(255,248,236,.94); background:linear-gradient(180deg,#fffaf0 0%,#fff7ed 50%,#f8eee5 100%); box-shadow:0 calc(var(--rpx) * 28) calc(var(--rpx) * 80) rgba(63,39,30,.34);
}
.tree-header[data-v-bgo17] { border-bottom-color:#e4c9ad; background:linear-gradient(135deg,rgba(255,235,209,.98),rgba(248,218,198,.96) 56%,rgba(239,228,215,.96));
}
.tree-kicker[data-v-bgo17] { color:#c15b3f;
}
.tree-title[data-v-bgo17] { color:#654638;
}
.tree-subtitle[data-v-bgo17] { color:#9b7c69;
}
.tree-close[data-v-bgo17] { border-color:#e4cbb4; background:rgba(255,251,244,.94); color:#85624f;
}
.tree-energy[data-v-bgo17] { border-color:#ead2b9; background:rgba(255,252,246,.86);
}
.tree-energy-label[data-v-bgo17] { color:#9a7b68;
}
.tree-energy-value[data-v-bgo17] { color:#c8583d;
}
.tree-new-summary[data-v-bgo17] { background:#fbe3dc; color:#b84f43;
}
.tree-new-summary-done[data-v-bgo17] { background:#edf0e5; color:#7d8f70;
}
.node-dot[data-v-bgo17] { background:linear-gradient(135deg,#d96843,#e69a52 68%,#879a8c); box-shadow:0 calc(var(--rpx) * 7) calc(var(--rpx) * 18) rgba(117,69,45,.17);
}
.node-dot-intro[data-v-bgo17] { background:linear-gradient(135deg,#e59a4c,#c85b4b);
}
.node-dot-final[data-v-bgo17] { background:linear-gradient(135deg,#c4554d,#cf7890);
}
.node-line[data-v-bgo17] { background:linear-gradient(180deg,#e2bc98,#dec8bc);
}
.node-card[data-v-bgo17] { border-color:#ead2bd; background:rgba(255,252,246,.95); box-shadow:0 calc(var(--rpx) * 8) calc(var(--rpx) * 22) rgba(93,57,40,.07);
}
.story-node-new .node-card[data-v-bgo17] { border-color:#dca89d; box-shadow:0 calc(var(--rpx) * 8) calc(var(--rpx) * 24) rgba(182,77,66,.10);
}
.story-node-locked .node-card[data-v-bgo17] { background:rgba(244,238,232,.90);
}
.story-node-locked .node-dot[data-v-bgo17] { background:#c9b7aa;
}
.node-type[data-v-bgo17] { color:#a58a78;
}
.status-new[data-v-bgo17] { background:#fae2dc; color:#b94f43;
}
.status-read[data-v-bgo17] { background:#edf0e5; color:#788b6e;
}
.status-locked[data-v-bgo17] { background:#eee7e1; color:#a39286;
}
.node-title[data-v-bgo17] { color:#65483a;
}
.node-summary[data-v-bgo17] { color:#987b69;
}
.node-threshold[data-v-bgo17] { background:#f6e8da; color:#94715b;
}
.node-choice[data-v-bgo17] { background:#fff0d8; color:#a96a38;
}
.node-action[data-v-bgo17] { color:#bc543b;
}
.node-lock-hint[data-v-bgo17] { color:#aa9281;
}
.ending-trunk[data-v-bgo17],.ending-branches[data-v-bgo17]::before,.ending-branch-line[data-v-bgo17] { background:#dfc2a8;
}
.ending-heading[data-v-bgo17] { color:#735445;
}
.ending-note[data-v-bgo17] { color:#9f8573;
}
.ending-node[data-v-bgo17] { border-color:#e5d0bc; background:#fffaf3;
}
.ending-symbol[data-v-bgo17] { background:#efe4da; color:#a38d7c;
}
.ending-name[data-v-bgo17] { color:#826653;
}
.ending-status[data-v-bgo17] { color:#aa9585;
}
.ending-node-reached[data-v-bgo17] { border-color:#d9aaa5; background:linear-gradient(180deg,#fffaf4,#fff0e9); box-shadow:0 calc(var(--rpx) * 8) calc(var(--rpx) * 20) rgba(170,74,65,.09);
}
.ending-node-reached .ending-symbol[data-v-bgo17] { background:linear-gradient(135deg,#c95842,#d98b58);
}
.ending-node-reached .ending-name[data-v-bgo17] { color:#aa4d40;
}
.ending-node-reached .ending-status[data-v-bgo17] { color:#7c8c70;
}
.tree-footer-note[data-v-bgo17] { border-color:#dec3aa; color:#967b68; background:rgba(255,251,244,.72);
}
@keyframes nodePulse-bgo17 {
0%,100% { box-shadow:0 calc(var(--rpx) * 7) calc(var(--rpx) * 18) rgba(117,69,45,.17),0 0 0 0 rgba(202,82,62,.22);
}
50% { box-shadow:0 calc(var(--rpx) * 7) calc(var(--rpx) * 18) rgba(117,69,45,.17),0 0 0 calc(var(--rpx) * 12) rgba(202,82,62,0);
}
}

/* ===== 主宣传图风格二次覆盖：剧情树 ===== */
.tree-mask[data-v-bgo17] { background:rgba(76,48,37,.72);
}
.tree-panel[data-v-bgo17] { border-color:rgba(255,248,236,.95); background:linear-gradient(180deg,#FFF9F1 0%, #FFF5EB 50%, #FAEFE5 100%); box-shadow:0 calc(var(--rpx) * 24) calc(var(--rpx) * 76) rgba(78,47,34,.32);
}
.tree-header[data-v-bgo17] { border-bottom-color:#E7CBB2; background:linear-gradient(135deg,rgba(255,239,219,.98),rgba(249,221,201,.97) 58%,rgba(245,234,225,.96));
}
.tree-kicker[data-v-bgo17] { color:#C35940;
}
.tree-title[data-v-bgo17] { color:#714835;
}
.tree-subtitle[data-v-bgo17],.tree-energy-label[data-v-bgo17],.tree-footer-note[data-v-bgo17] { color:#A7846E;
}
.tree-close[data-v-bgo17] { border-color:#E8CFB6; background:rgba(255,251,245,.95); color:#87604A;
}
.tree-energy[data-v-bgo17] { border-color:#ECD3BC; background:rgba(255,252,247,.88);
}
.tree-energy-value[data-v-bgo17] { color:#C95E44;
}
.tree-new-summary[data-v-bgo17] { background:#FBE5DE; color:#BB5141;
}
.tree-new-summary-done[data-v-bgo17] { background:#EEF1E6; color:#7C8C70;
}
.node-dot[data-v-bgo17] { background:linear-gradient(135deg,#E17F51,#F49A77 62%, #D65B74); box-shadow:0 calc(var(--rpx) * 7) calc(var(--rpx) * 18) rgba(150,92,61,.16);
}
.node-dot-intro[data-v-bgo17] { background:linear-gradient(135deg,#F49A77,#E86B5C);
}
.node-dot-final[data-v-bgo17] { background:linear-gradient(135deg,#D65B74,#A64B5A);
}
.node-line[data-v-bgo17] { background:linear-gradient(180deg,#E6C4A4,#E3D0C2);
}
.node-card[data-v-bgo17] { border-color:#EDD4BF; background:rgba(255,251,245,.96); box-shadow:0 calc(var(--rpx) * 8) calc(var(--rpx) * 22) rgba(108,67,47,.07);
}
.story-node-new .node-card[data-v-bgo17] { border-color:#E1ADA2; box-shadow:0 calc(var(--rpx) * 8) calc(var(--rpx) * 22) rgba(180,85,68,.09);
}
.story-node-locked .node-card[data-v-bgo17] { background:rgba(245,239,232,.9);
}
.story-node-locked .node-dot[data-v-bgo17] { background:#CDB9AD;
}
.node-type[data-v-bgo17] { color:#A78B77;
}
.status-new[data-v-bgo17] { background:#FBE5DE; color:#BC5142;
}
.status-read[data-v-bgo17] { background:#EEF1E6; color:#7C8C70;
}
.status-locked[data-v-bgo17] { background:#EEE7E1; color:#A39286;
}
.node-title[data-v-bgo17] { color:#6E4937;
}
.node-summary[data-v-bgo17] { color:#9C7C69;
}
.node-threshold[data-v-bgo17] { background:#F7EBDD; color:#96735C;
}
.node-choice[data-v-bgo17] { background:#FFF0D9; color:#A76B39;
}
.node-action[data-v-bgo17] { color:#BE543C;
}
.node-lock-hint[data-v-bgo17] { color:#AC9282;
}
.ending-trunk[data-v-bgo17],.ending-branches[data-v-bgo17]::before,.ending-branch-line[data-v-bgo17] { background:#DFC4AF;
}
.ending-heading[data-v-bgo17] { color:#7A5643;
}
.ending-note[data-v-bgo17],.ending-status[data-v-bgo17] { color:#A48A78;
}
.ending-node[data-v-bgo17] { border-color:#E7D2BE; background:#FFF9F2;
}
.ending-symbol[data-v-bgo17] { background:#F2E5D9; color:#A38A78;
}
.ending-name[data-v-bgo17] { color:#856654;
}
.ending-node-reached[data-v-bgo17] { border-color:#E0AAA0; background:linear-gradient(180deg,#FFF9F3,#FFF0E8);
}
.ending-node-reached .ending-symbol[data-v-bgo17] { background:linear-gradient(135deg,#D65B74,#E17F51);
}
.ending-node-reached .ending-name[data-v-bgo17] { color:#AF4D3E;
}
.ending-node-reached .ending-status[data-v-bgo17] { color:#7E8B71;
}
.tree-footer-note[data-v-bgo17] { border-color:#E2C7AF; background:rgba(255,251,244,.74);
}
@keyframes nodePulse-bgo17 {
0%,100% { box-shadow:0 calc(var(--rpx) * 7) calc(var(--rpx) * 18) rgba(150,92,61,.16),0 0 0 0 rgba(213,106,73,.22);
}
50% { box-shadow:0 calc(var(--rpx) * 7) calc(var(--rpx) * 18) rgba(150,92,61,.16),0 0 0 calc(var(--rpx) * 12) rgba(213,106,73,0);
}
}

.mask[data-v-bgo18] { position:fixed; inset:0; background:rgba(42,47,66,.46); z-index:99999; display:flex; align-items:flex-end; justify-content:center; padding:calc(var(--rpx) * 30); box-sizing:border-box;
}
.modal-card[data-v-bgo18] { width:100%; max-height:78vh; overflow-y:auto; position:relative; box-sizing:border-box; padding:calc(var(--rpx) * 100) calc(var(--rpx) * 28) calc(var(--rpx) * 34); background:#fffafd; border:calc(var(--rpx) * 2) solid #f1dfeb; border-radius:calc(var(--rpx) * 34); box-shadow:0 calc(var(--rpx) * 24) calc(var(--rpx) * 70) rgba(51,61,95,.28);
}
.arrow-title[data-v-bgo18] { position:absolute; top:calc(var(--rpx) * 24); left:0; min-width:calc(var(--rpx) * 230); padding:calc(var(--rpx) * 16) calc(var(--rpx) * 42) calc(var(--rpx) * 16) calc(var(--rpx) * 32); box-sizing:border-box; background:linear-gradient(90deg,#6db9ff,#8b8eff); color:white; font-size:calc(var(--rpx) * 28); font-weight:800;
}
.arrow-title[data-v-bgo18]::after { content:""; position:absolute; top:0; right:calc(var(--rpx) * -32); width:0; height:0; border-top:calc(var(--rpx) * 32) solid transparent; border-bottom:calc(var(--rpx) * 32) solid transparent; border-left:calc(var(--rpx) * 32) solid #8b8eff;
}
.close-btn[data-v-bgo18] { position:absolute; right:calc(var(--rpx) * 22); top:calc(var(--rpx) * 18); width:calc(var(--rpx) * 62); height:calc(var(--rpx) * 62); line-height:calc(var(--rpx) * 56); padding:0; border-radius:50%; background:#f5edf5; color:#6e7187; font-size:calc(var(--rpx) * 40);
}
.close-btn[data-v-bgo18]::after { border:none;
}
.summary[data-v-bgo18] { margin:0 0 calc(var(--rpx) * 24); text-align:center; font-size:calc(var(--rpx) * 30); font-weight:800; color:#555d78;
}
.transaction-row[data-v-bgo18],.coupon-row[data-v-bgo18] { display:flex; align-items:center; justify-content:space-between; gap:calc(var(--rpx) * 18); padding:calc(var(--rpx) * 22) calc(var(--rpx) * 4); border-bottom:calc(var(--rpx) * 2) dashed #eadfeb;
}
.tx-left[data-v-bgo18] { display:flex; gap:calc(var(--rpx) * 16); align-items:center;
}
.tx-tag[data-v-bgo18],.coupon-type[data-v-bgo18] { flex:0 0 auto; padding:calc(var(--rpx) * 6) calc(var(--rpx) * 14); border-radius:calc(var(--rpx) * 999); font-size:calc(var(--rpx) * 20); font-weight:700;
}
.tx-tag.increase[data-v-bgo18] { color:#248d78; background:#def8ef;
}
.tx-tag.decrease[data-v-bgo18] { color:#c75d82; background:#ffe1ed;
}
.tx-name[data-v-bgo18],.coupon-name[data-v-bgo18] { display:block; font-size:calc(var(--rpx) * 26); font-weight:700;
}
.tx-time[data-v-bgo18],.coupon-time[data-v-bgo18] { display:block; margin-top:calc(var(--rpx) * 4); font-size:calc(var(--rpx) * 20); color:#a0a4b3;
}
.tx-value[data-v-bgo18] { font-size:calc(var(--rpx) * 30); font-weight:800;
}
.tx-value.increase[data-v-bgo18]{color:#37a98e}.tx-value.decrease[data-v-bgo18]{color:#ff6f9f}
.merchant-grid[data-v-bgo18] { display:grid; grid-template-columns:repeat(3,1fr); gap:calc(var(--rpx) * 24) calc(var(--rpx) * 14);
}
.merchant-item[data-v-bgo18] { text-align:center; min-width:0;
}
.merchant-icon[data-v-bgo18] { width:calc(var(--rpx) * 104); height:calc(var(--rpx) * 104); margin:auto; border-radius:50%; background:#edf0f5; border:calc(var(--rpx) * 3) dashed #c7ceda; display:flex; align-items:center; justify-content:center; color:#aab0bd; font-size:calc(var(--rpx) * 46); overflow:hidden;
}
.merchant-icon.unlocked[data-v-bgo18] { border-style:solid; border-color:#b9dfff; background:#fff;
}
.merchant-logo[data-v-bgo18] { width:100%; height:100%;
}
.merchant-name[data-v-bgo18] { display:block; margin-top:calc(var(--rpx) * 10); font-size:calc(var(--rpx) * 20); color:#73798d; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.coupon-type[data-v-bgo18] { color:#626ecb; background:#e7e8ff;
}
.coupon-body[data-v-bgo18] { flex:1;
}
.empty[data-v-bgo18] { padding:calc(var(--rpx) * 50) 0; text-align:center; color:#a7aaba;
}
.buff-panel[data-v-bgo18] { text-align:center; padding:calc(var(--rpx) * 20) 0 calc(var(--rpx) * 12);
}
.buff-caption[data-v-bgo18] { display:block; color:#8a8fa1; font-size:calc(var(--rpx) * 26);
}
.buff-number[data-v-bgo18] { display:block; margin:calc(var(--rpx) * 14) 0 calc(var(--rpx) * 28); font-size:calc(var(--rpx) * 96); line-height:1.1; font-weight:900; color:#ff5ca8; text-shadow:0 calc(var(--rpx) * 8) calc(var(--rpx) * 20) rgba(255,92,168,.18);
}
.buff-list[data-v-bgo18] { display:flex; justify-content:center; flex-wrap:wrap; gap:calc(var(--rpx) * 12);
}
.buff-chip[data-v-bgo18] { padding:calc(var(--rpx) * 10) calc(var(--rpx) * 18); border-radius:calc(var(--rpx) * 999); background:#e7f3ff; color:#507cb3; font-size:calc(var(--rpx) * 22);
}

/* ===== 2026 秋日视觉覆盖：详情弹窗 ===== */
.mask[data-v-bgo18] { background:rgba(67,43,34,.48);
}
.modal-card[data-v-bgo18] { background:#fffaf1; border-color:#ecd2b8; box-shadow:0 calc(var(--rpx) * 24) calc(var(--rpx) * 70) rgba(71,42,31,.30);
}
.arrow-title[data-v-bgo18] { background:linear-gradient(90deg,#bd4e37,#da7243); color:#fff9f0;
}
.arrow-title[data-v-bgo18]::after { border-left-color:#da7243;
}
.close-btn[data-v-bgo18] { background:#f5e6d8; color:#815c48;
}
.summary[data-v-bgo18] { color:#684a3b;
}
.transaction-row[data-v-bgo18],.coupon-row[data-v-bgo18] { border-bottom-color:#ead1b8;
}
.tx-tag.increase[data-v-bgo18] { color:#7d845f; background:#eef0dd;
}
.tx-tag.decrease[data-v-bgo18] { color:#b24f49; background:#fae0dc;
}
.tx-name[data-v-bgo18],.coupon-name[data-v-bgo18] { color:#674939;
}
.tx-time[data-v-bgo18],.coupon-time[data-v-bgo18] { color:#ad8d79;
}
.tx-value.increase[data-v-bgo18] { color:#82905e;
}
.tx-value.decrease[data-v-bgo18] { color:#c85238;
}
.merchant-icon[data-v-bgo18] { background:#f3e7db; border-color:#d9b99c; color:#b59b87;
}
.merchant-icon.unlocked[data-v-bgo18] { border-color:#e0a66f; background:#fffaf3;
}
.merchant-name[data-v-bgo18] { color:#866653;
}
.coupon-type[data-v-bgo18] { color:#a2513d; background:#f8e1cf;
}
.empty[data-v-bgo18] { color:#b19683;
}
.buff-caption[data-v-bgo18] { color:#9a7966;
}
.buff-number[data-v-bgo18] { color:#c85238; text-shadow:0 calc(var(--rpx) * 8) calc(var(--rpx) * 20) rgba(196,80,56,.16);
}
.buff-chip[data-v-bgo18] { background:#f6e4cc; color:#9b603f;
}

/* ===== 主宣传图风格二次覆盖：弹窗 ===== */
.mask[data-v-bgo18] { background:rgba(79,50,37,.46);
}
.modal-card[data-v-bgo18] { background:#FFF9F2; border-color:#F0D3BA; box-shadow:0 calc(var(--rpx) * 22) calc(var(--rpx) * 62) rgba(89,54,39,.24);
}
.arrow-title[data-v-bgo18] { background:linear-gradient(90deg,#C95A42,#E17F51); color:#FFF9F2;
}
.arrow-title[data-v-bgo18]::after { border-left-color:#E17F51;
}
.close-btn[data-v-bgo18] { background:#F7EADD; color:#8A5D47;
}
.summary[data-v-bgo18] { color:#78513D;
}
.transaction-row[data-v-bgo18],.coupon-row[data-v-bgo18] { border-bottom-color:#EED5BF;
}
.tx-tag.increase[data-v-bgo18] { color:#7B8C71; background:#EEF1E5;
}
.tx-tag.decrease[data-v-bgo18] { color:#B75249; background:#FBE3DE;
}
.tx-name[data-v-bgo18],.coupon-name[data-v-bgo18] { color:#734C39;
}
.tx-time[data-v-bgo18],.coupon-time[data-v-bgo18],.empty[data-v-bgo18],.buff-caption[data-v-bgo18] { color:#AD8C79;
}
.tx-value.increase[data-v-bgo18] { color:#80916F;
}
.tx-value.decrease[data-v-bgo18],.buff-number[data-v-bgo18] { color:#C95E44;
}
.merchant-icon[data-v-bgo18] { background:#F5EBE1; border-color:#E0C0A4; color:#B59A85;
}
.merchant-icon.unlocked[data-v-bgo18] { border-color:#E2A46F; background:#FFF9F1;
}
.merchant-name[data-v-bgo18] { color:#8A6854;
}
.coupon-type[data-v-bgo18] { color:#A9553E; background:#FBE5D2;
}
.buff-chip[data-v-bgo18] { background:#F8E8D2; color:#9F633F;
}

:root{--rpx:min(.133333333vw,1px);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#503c30;background:#f8efdf}*{box-sizing:border-box}body{margin:0}#app{max-width:750px;margin:auto;min-height:100vh;background:#fff7ea;padding-bottom:90px}img{max-width:100%;vertical-align:middle}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}input,textarea{max-width:100%;min-height:36px}select{width:100%;padding:12px;border-radius:8px;border:1px solid #dbbea0;background:#fffaf2}span{white-space:pre-wrap}.web-header{position:sticky;top:0;z-index:100;background:#fff7eaf2;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edd8bb;height:48px;padding:0 12px;font-size:13px;letter-spacing:1px}.web-header button{border:0;background:none;color:#785434;padding:8px}.web-tabs{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,750px);padding:10px 8px max(10px,env(safe-area-inset-bottom));display:flex;background:#fff7eaf7;border-top:1px solid #dfc49f;z-index:100}.web-tabs button{flex:1;border:0;padding:12px 2px;background:none;color:#8b735b;font-size:14px}.web-tabs .active{background:#efd2a0;border-radius:12px;color:#533d29;font-weight:700}.web-welcome{margin:24px;padding:28px;border:1px solid #e7c697;border-radius:20px;background:#fffdf6}.web-welcome h1{font-size:29px;line-height:1.4}.web-welcome p{line-height:1.8}.web-eyebrow{font-size:11px;letter-spacing:3px}.web-welcome input,.web-dialog input{width:100%;padding:12px;margin:10px 0;border:1px solid #d9bd99;border-radius:8px}.web-welcome button,.web-dialog button{background:#6b513b;color:#fff7ea;border:0;border-radius:10px;padding:12px 16px;margin:6px 5px 6px 0}.web-error{color:#ae3025}.web-dialog{border:1px solid #e4c99c;border-radius:18px;max-width:550px;width:92vw;padding:22px;color:#503c30;background:#fff9ed}.web-dialog::backdrop{background:#291d15a0}.web-dialog video{width:100%;max-height:50vh;background:#222;border-radius:10px}.web-actions{display:flex;flex-wrap:wrap;gap:8px}#notice{position:fixed;z-index:10000;bottom:100px;left:50%;transform:translateX(-50%);background:#3a2b21ee;color:white;padding:12px 20px;border-radius:12px;max-width:90vw;font-size:14px}#notice:empty{display:none}progress{height:12px;accent-color:#b6833c}textarea{resize:vertical}button img{pointer-events:none}