:root{
  --red:#e60012; --red-d:#c4000f; --red-l:#ff4d4f; --red-bg:#fff2f0;
  --bg:#f5f6f8; --card:#fff; --txt:#222; --sub:#888; --line:#eef0f3;
  --orange:#ff6a00; --green:#22b573;
  --shadow:0 2px 12px rgba(20,30,50,.06); --shadow-l:0 6px 22px rgba(230,0,18,.16);
  --radius:14px;
  --safe-bottom:env(safe-area-inset-bottom,0px);
  /* 品牌暗红底色（取自 LOGO 星图背景渐变） */
  --wine-0:#7a3418; --wine-1:#5b2813; --wine-2:#37120a; --wine-3:#1f0a05; --wine-4:#160702;
  --gold:#f6c46a; --gold-d:#c9922f; --gold-l:#ffe6a8;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;padding:0}
body{
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue","Microsoft YaHei",sans-serif;
  background:var(--bg); color:var(--txt);
  max-width:520px; margin:0 auto; min-height:100vh; position:relative;
  padding-bottom:calc(64px + var(--safe-bottom));
  -webkit-font-smoothing:antialiased;
}
/* 全站暗红渐变底色（固定背景，页面内容浮于其上） */
body.brand-bg{
  background:#160702;
  background-image:radial-gradient(120% 55% at 50% 0%, rgba(122,52,24,.95) 0%, rgba(91,40,19,.85) 32%, rgba(55,18,10,.92) 60%, #1f0a05 100%),
    radial-gradient(90% 40% at 50% 8%, rgba(214,140,74,.35) 0%, rgba(122,52,24,0) 55%);
  background-attachment:fixed;
}
/* 首页浮动星尘画布 */
#starDust{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;max-width:520px;margin:0 auto;left:0;right:0}
body.brand-bg > *:not(#starDust):not(script){position:relative;z-index:1}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.hide{display:none!important}
svg.ic{width:1em;height:1em;fill:currentColor;vertical-align:-.14em}

/* 顶部导航 */
.nav{
  position:sticky;top:0;z-index:50;height:50px;display:flex;align-items:center;
  justify-content:center;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}
body.brand-bg .nav{background:rgba(31,10,5,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(246,196,106,.18)}
body.brand-bg .nav .back{color:#f3d9b0}
body.brand-bg .nav .back:active{background:rgba(255,255,255,.10)}
body.brand-bg .nav .title{color:#f6e6c8;display:inline-flex;align-items:center;gap:7px}
/* 导航标题前的小金星 */
body.brand-bg .nav .title::before{content:'';width:15px;height:15px;flex:0 0 15px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f6c46a' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='m12 3 2.6 5.6 6.1.7-4.5 4.1 1.2 6.1L12 16.6 6.6 19.5l1.2-6.1L3.3 9.3l6.1-.7z'/%3E%3C/svg%3E") center/contain no-repeat;filter:drop-shadow(0 0 5px rgba(246,196,106,.55))}
body.brand-bg .sec-h .t::before{background:linear-gradient(180deg,#ffd98a,#c9922f)}
body.brand-bg .sec-h .t{gap:9px}
body.brand-bg .nav .right{color:var(--gold)}
.nav .back{position:absolute;left:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#333;border-radius:50%}
.nav .back:active{background:#f2f2f2}
.nav .title{font-size:17px;font-weight:600}
.nav .right{position:absolute;right:14px;font-size:13px;color:var(--red)}

/* 首页头图（透明底） */
.hero{
  background:transparent;color:#fff;padding:6px 16px 4px;text-align:center;position:relative;overflow:visible;
}
.hero .starwrap{width:150px;height:150px;margin:-4px auto 0;position:relative}
.hero .starwrap img.star{width:100%;height:100%;object-fit:contain;position:relative;z-index:2;
  filter:drop-shadow(0 0 18px rgba(255,190,90,.55)) drop-shadow(0 0 40px rgba(255,120,40,.35));
  animation:starFloat 6s ease-in-out infinite}
@keyframes starFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.015)}}
.hero .starwrap::after{content:'';position:absolute;inset:-6%;border-radius:50%;z-index:1;
  background:radial-gradient(closest-side,rgba(255,180,80,.30),rgba(255,120,40,.10) 55%,rgba(255,120,40,0) 75%);
  animation:haloPulse 4.5s ease-in-out infinite}
@keyframes haloPulse{0%,100%{opacity:.75;transform:scale(.96)}50%{opacity:1;transform:scale(1.06)}}
/* 主标题：金色立体浮雕 */
.hero .logo{
  font-size:30px;font-weight:900;letter-spacing:5px;position:relative;margin-top:4px;
  display:inline-block;
  background:linear-gradient(180deg,#fffdf5 0%,#ffe6a8 28%,#f6c46a 52%,#e0a63e 66%,#a9761f 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  text-shadow:0 1px 0 rgba(255,246,220,.55);
  filter:
    drop-shadow(0 1px 0 #7a5210)
    drop-shadow(0 2px 0 #5e3d0a)
    drop-shadow(0 3px 2px rgba(0,0,0,.55))
    drop-shadow(0 6px 14px rgba(255,150,40,.45));
}
/* 标题下方金色光泽线 */
.hero .logo::after{content:'';position:absolute;left:12%;right:12%;bottom:-7px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,transparent,rgba(255,214,140,.85),transparent);filter:blur(.3px)}
.hero .slogan{font-size:11.5px;color:#f0d3a8;margin-top:11px;letter-spacing:2.5px;position:relative;opacity:.9}
.hero .tags{margin-top:10px;font-size:11px;color:#f6d9ad;position:relative}
.hero .tags span{margin:0 5px;display:inline-flex;align-items:center;gap:3px;
  border:1px solid rgba(246,196,106,.32);border-radius:20px;padding:3px 12px;background:rgba(246,196,106,.07);letter-spacing:1px}
/* 搜索栏（置于 hero 内，上移） */
.hero .search{position:relative;top:auto;z-index:5;margin:32px 0 0;max-width:100%;display:flex;align-items:center;gap:8px;padding:7px 8px 7px 14px}
body.brand-bg .hero .search{background:rgba(255,255,255,.09);border:1px solid rgba(246,196,106,.28);border-radius:26px;backdrop-filter:blur(10px);box-shadow:0 8px 24px rgba(0,0,0,.28),0 0 22px rgba(246,196,106,.08) inset}
/* 搜索 */
.search{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#fff;position:sticky;top:50px;z-index:40}
body.brand-bg .search{background:rgba(31,10,5,.72);backdrop-filter:blur(14px)}
body.brand-bg .hero .search{background:rgba(255,255,255,.09)}
.search .sbox{flex:1;display:flex;align-items:center;gap:7px;background:#f4f5f7;border-radius:22px;padding:9px 14px}
body.brand-bg .search .sbox{background:rgba(255,255,255,.10);border:1px solid rgba(246,196,106,.20)}
.search .sbox svg{color:#b0b6bf}
body.brand-bg .search .sbox svg{color:#e3b877}
.search input{flex:1;border:none;background:transparent;font-size:13px;outline:none}
body.brand-bg .search input{color:#f6e6c8}
body.brand-bg .search input::placeholder{color:#c39a6a}
.search .btn{color:var(--red);font-size:14px;font-weight:600;padding:0 4px;cursor:pointer}
body.brand-bg .search .btn{color:var(--gold)}
.headset{width:34px;height:34px;border-radius:50%;background:var(--red-bg);color:var(--red);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}
body.brand-bg .headset{background:rgba(246,196,106,.14);color:var(--gold)}

/* 金刚区 */
.grid8{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;padding:8px 0 14px}
/* 图标区上下呼吸空间：搜索框→首排图标 与 末行文字→notice 等距 */
body.brand-bg .grid8{background:transparent;padding-top:13px;padding-bottom:13px}
.grid8 .it{display:flex;flex-direction:column;align-items:center;padding:10px 0 6px;font-size:12px;color:#333;transition:transform .12s}
body.brand-bg .grid8 .it{color:#f0dcbd}
.grid8 .it:active{transform:scale(.94)}
.grid8 .it .ic{width:48px;height:48px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:23px;margin-bottom:7px;background:#f7f8fa;box-shadow:0 2px 8px rgba(20,30,50,.05)}
body.brand-bg .grid8 .it .ic{background:linear-gradient(160deg,rgba(255,224,160,.22),rgba(201,146,47,.06));box-shadow:0 0 0 1px rgba(246,196,106,.28) inset,0 4px 14px rgba(0,0,0,.30),0 0 16px rgba(246,196,106,.10);color:#ffd98a}
body.brand-bg .grid8 .it .ic svg{width:26px;height:26px;stroke:#ffd98a;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4)) drop-shadow(0 0 6px rgba(246,196,106,.35))}
body.brand-bg .grid8 .it{letter-spacing:.5px}

.notice{display:flex;align-items:center;gap:7px;background:#fff;padding:9px 14px;font-size:12px;color:var(--red);border-top:1px solid var(--line);border-bottom:8px solid var(--bg)}
body.brand-bg .notice{background:rgba(255,255,255,.06);color:var(--gold);border-top:1px solid rgba(246,196,106,.14);border-bottom:none;margin:8px 12px;border-radius:12px}
.notice .megaphone{color:var(--red);flex-shrink:0;display:flex}
body.brand-bg .notice .megaphone{color:var(--gold)}
.notice .nt{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.sec{background:#fff;margin-top:8px;padding:14px 14px 6px}
body.brand-bg .sec{background:rgba(255,255,255,.055);backdrop-filter:blur(6px);margin:10px 12px;border-radius:16px;border:1px solid rgba(246,196,106,.10)}
.sec-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.sec-h .t{font-size:16px;font-weight:700;display:flex;align-items:center;gap:7px}
body.brand-bg .sec-h .t{color:#f8ead0}
.sec-h .t::before{content:'';width:3px;height:15px;background:linear-gradient(180deg,#e60012,#ff6a4d);border-radius:2px}
body.brand-bg .sec-h .t::before{background:linear-gradient(180deg,#ffd98a,#c9922f)}
.sec-h .m{font-size:12px;color:#999}
body.brand-bg .sec-h .m{color:#c39a6a}

/* 卡券卡 */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.card{
  background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 6px 11px;text-align:center;
  position:relative;transition:transform .16s,box-shadow .16s,border-color .16s;
}
body.brand-bg .card{background:linear-gradient(180deg,#fffdf9,#f7efe2);border:1px solid rgba(246,196,106,.28);box-shadow:0 6px 20px rgba(0,0,0,.30)}
body.brand-bg .card:active{box-shadow:0 4px 16px rgba(246,196,106,.35);border-color:rgba(246,196,106,.55)}
.card:active{transform:translateY(1px) scale(.98);box-shadow:0 4px 14px rgba(20,30,50,.10);border-color:rgba(230,0,18,.25)}
.card .cl{width:46px;height:46px;border-radius:50%;margin:0 auto 7px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;text-align:center;line-height:1.1;padding:2px;box-shadow:0 3px 9px rgba(0,0,0,.12),0 0 0 1px rgba(255,255,255,.5) inset;text-shadow:0 1px 2px rgba(0,0,0,.35);overflow:hidden}
.card .nm{font-size:12px;color:#333;height:32px;display:flex;align-items:center;justify-content:center;line-height:1.3}
.card .rt{font-size:11.5px;color:#999;margin-top:3px}
.card .rt b{color:var(--red);font-size:14px}
.card .hot{position:absolute;top:-1px;right:-1px;background:linear-gradient(135deg,#ff4d4f,#e60012);color:#fff;font-size:9px;padding:1px 6px;border-radius:0 12px 0 12px}

/* 分类页 */
.cat-wrap{display:flex;min-height:calc(100vh - 154px);padding-bottom:calc(64px + var(--safe-bottom))}
.cat-left{width:92px;background:#f3f4f6;flex-shrink:0;padding-bottom:20px}
body.brand-bg .cat-wrap{min-height:calc(100vh - 154px);align-items:stretch}
body.brand-bg .cat-left{background:rgba(0,0,0,.22);border-radius:0}
body.brand-bg .cat-right{background:rgba(255,255,255,.03)}
.cat-left .li{padding:16px 8px;font-size:13px;color:#555;text-align:center;border-left:3px solid transparent;transition:background .12s}
.cat-left .li.on{background:#fff;color:var(--red);font-weight:700;border-left-color:var(--red)}
.cat-right{flex:1;background:#fff;padding:12px 10px 30px}
.cat-right .rt-title{font-size:13px;color:#333;font-weight:700;margin:4px 0 12px}

/* 详情 */
.dt-tabs{display:flex;overflow-x:auto;background:#fff;padding:0 6px;border-bottom:1px solid var(--line);white-space:nowrap;scrollbar-width:none}
.dt-tabs::-webkit-scrollbar{display:none}
.dt-tabs .tb{padding:12px 13px;font-size:14px;color:#555;border-bottom:2px solid transparent;flex-shrink:0}
.dt-tabs .tb.on{color:var(--red);font-weight:700;border-bottom-color:var(--red)}
.dt-row{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fff;border-bottom:1px solid var(--line);font-size:15px}
.dt-row .k{color:#333}
.dt-row .v{color:#666;display:flex;align-items:center;gap:6px}
.dt-row .v .ph{color:#bbb}
.dt-row .v .arw{color:#ccc}
.dt-price{padding:14px 16px;background:#fff;font-size:15px;color:#666}
.dt-price b{color:var(--red);font-size:19px}
.explain{background:#fff;margin-top:8px;padding:14px 16px 24px}
.explain h3{font-size:15px;margin:0 0 10px;display:flex;align-items:center;gap:6px}
.explain h3::before{content:'';width:3px;height:14px;background:var(--red);border-radius:2px}
.explain p{font-size:12.5px;color:#666;line-height:1.9;margin:0}
.explain p b{color:var(--red)}
.footer-bar{position:fixed;bottom:0;left:0;right:0;max-width:520px;margin:0 auto;display:flex;gap:10px;padding:8px 12px calc(8px + var(--safe-bottom));background:#fff;border-top:1px solid var(--line);z-index:60}
.footer-bar .b1{flex:0 0 34%;border:1px solid var(--red);color:var(--red);background:#fff;border-radius:8px;padding:12px;font-size:16px;text-align:center}
.footer-bar .b2{flex:1;background:linear-gradient(135deg,#ff3b30,#e60012);color:#fff;border:none;border-radius:8px;padding:12px;font-size:16px;text-align:center;box-shadow:var(--shadow-l)}
.footer-bar .b1:active,.footer-bar .b2:active{opacity:.9}

/* 面值弹层 */
.modal{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:100;display:flex;align-items:flex-end;max-width:520px;margin:0 auto;animation:fade .18s}
@keyframes fade{from{opacity:0}to{opacity:1}}
.sheet{background:#fff;width:100%;border-radius:18px 18px 0 0;padding:18px 16px calc(18px + var(--safe-bottom));max-height:74vh;overflow:auto;animation:up .22s cubic-bezier(.2,.9,.3,1)}
@keyframes up{from{transform:translateY(100%)}to{transform:translateY(0)}}
.sheet .sh-h{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:700;margin-bottom:14px}
.sheet .sh-h .x{color:#bbb;font-size:20px;width:28px;height:28px;display:flex;align-items:center;justify-content:center}
.warn{background:var(--red-bg);color:var(--red);font-size:13px;text-align:center;padding:10px;border-radius:8px;margin-bottom:14px}
.faces{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.face{border:1px solid #eee;border-radius:10px;padding:12px 4px;text-align:center;background:#fafafa;transition:all .12s}
.face.on{border-color:var(--red);background:var(--red-bg);box-shadow:0 2px 8px rgba(230,0,18,.12)}
.face .f{font-size:17px;font-weight:700}
.face .r{font-size:12px;color:#666;margin-top:4px}
.face .r b{color:var(--red)}

/* 表单 */
.form{background:#fff;padding:6px 16px 20px;margin-top:8px}
.field{padding:14px 0;border-bottom:1px solid var(--line)}
.field:last-child{border-bottom:none}
.field label{display:block;font-size:13px;color:#666;margin-bottom:8px}
.field input{width:100%;border:none;font-size:15px;outline:none;background:transparent}
.btn-main{display:block;width:100%;background:linear-gradient(135deg,#ff3b30,#e60012);color:#fff;border:none;border-radius:26px;padding:14px;font-size:16px;font-weight:600;margin-top:22px;box-shadow:var(--shadow-l);cursor:pointer}
.btn-main:active{opacity:.92}
.btn-main:disabled{opacity:.5;box-shadow:none}

/* 登录 */
.login-hd{padding:34px 22px 12px}
.login-hd h2{margin:0;font-size:22px;font-weight:700}
.login-hd p{color:#999;font-size:14px;margin:10px 0 0}
.code-row{display:flex;gap:10px;align-items:center}
.code-row input{flex:1}
.code-btn{border:1px solid var(--red);color:var(--red);background:#fff;border-radius:8px;padding:8px 12px;font-size:13px;white-space:nowrap;cursor:pointer}
.code-btn:disabled{opacity:.5}
.agree{font-size:12px;color:#999;margin-top:18px;display:flex;gap:8px;align-items:flex-start;line-height:1.6}
.agree a{color:var(--red)}

/* 会员中心 */
.mem-hd{background:linear-gradient(135deg,#e60012 0%,#ff3b30 70%,#ff6a4d 100%);padding:20px 16px 30px;color:#fff;position:relative;overflow:hidden}
body.brand-bg .mem-hd{background:linear-gradient(135deg,rgba(122,52,24,.6) 0%,rgba(55,18,10,.4) 100%)}
.mem-hd::after{content:'';position:absolute;right:-30px;top:-30px;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.08)}
body.brand-bg .mem-user .av{background:rgba(246,196,106,.16);box-shadow:0 0 0 1px rgba(246,196,106,.3) inset}
.mem-user{display:flex;align-items:center;gap:12px;position:relative}
.mem-user .av{width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 3px 10px rgba(0,0,0,.15)}
.mem-user .ln{display:flex;gap:8px;align-items:center}
.mem-user .btn-r{border:1px solid rgba(255,255,255,.85);border-radius:14px;padding:3px 10px;font-size:12px}
.mem-user .verify{margin-left:auto;font-size:12px;opacity:.95}
.mem-bal{margin:14px 16px -20px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;position:relative;z-index:2}
.mem-bal .top{display:flex;justify-content:space-between;align-items:center}
.mem-bal .top .k{font-size:14px;color:#666}
.mem-bal .top .ops{display:flex;gap:10px}
.mem-bal .top .ops .o{border:1px solid var(--red);color:var(--red);border-radius:16px;padding:4px 14px;font-size:13px}
.mem-bal .amt{font-size:28px;font-weight:800;margin-top:8px;letter-spacing:.5px}
.mem-bal .amt small{font-size:16px;font-weight:600;margin-right:1px}
.mem-list{margin-top:30px;padding:0 12px}
.mem-list .grp{background:#fff;border-radius:var(--radius);margin-bottom:12px;overflow:hidden;box-shadow:var(--shadow)}
body.brand-bg .mem-list .grp{background:rgba(255,255,255,.06);backdrop-filter:blur(6px);border:1px solid rgba(246,196,106,.12)}
.mem-list .it{display:flex;align-items:center;gap:12px;padding:15px 16px;border-bottom:1px solid #f7f8fa;font-size:14px}
body.brand-bg .mem-list .it{color:#f0dcbd;border-bottom:1px solid rgba(246,196,106,.08)}
.mem-list .it:last-child{border-bottom:none}
.mem-list .it:active{background:#fafafa}
body.brand-bg .mem-list .it:active{background:rgba(255,255,255,.05)}
.mem-list .it .ic{width:24px;display:flex;align-items:center;justify-content:center;color:#e60012;font-size:17px}
body.brand-bg .mem-list .it .ic{color:var(--gold)}
.mem-list .it .arw{margin-left:auto;color:#ccc}
body.brand-bg .mem-list .it .arw{color:#a9793f}
body.brand-bg .mem-bal{background:rgba(255,255,255,.07);backdrop-filter:blur(6px);border:1px solid rgba(246,196,106,.16)}
body.brand-bg .mem-bal .top .k{color:#d8b48a}
body.brand-bg .mem-bal .amt{color:#f8ead0}
body.brand-bg .mem-bal .top .ops .o{border-color:rgba(246,196,106,.5);color:var(--gold)}

/* 订单 */
.tabs{display:flex;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:50px;z-index:40}
.tabs .tb{flex:1;text-align:center;padding:13px 0;font-size:14px;color:#666;border-bottom:2px solid transparent;transition:color .12s}
.tabs .tb.on{color:var(--red);font-weight:700;border-bottom-color:var(--red)}
.empty{text-align:center;padding:70px 0;color:#b6bcc7}
body.brand-bg .empty{color:#c39a6a}
body.brand-bg .empty .tx{color:#d8b48a}
body.brand-bg .muted{color:#c39a6a}
.empty .ic{font-size:60px;opacity:.32;display:flex;justify-content:center;filter:grayscale(.2)}
.empty .ic svg{width:56px;height:56px;opacity:1;filter:none;stroke:#f6c46a}
body.brand-bg .empty .ic svg{opacity:.75;filter:drop-shadow(0 0 10px rgba(246,196,106,.35))}
.mem-list .it .ic svg,.dt-row .v svg{width:19px;height:19px;stroke:currentColor}
.empty .tx{margin-top:14px;font-size:14px}
.empty .tx2{margin-top:6px;font-size:12px;color:#ccc}
.ord{background:#fff;margin:10px 12px;border-radius:var(--radius);padding:15px;box-shadow:var(--shadow)}
.ord .r1{display:flex;justify-content:space-between;font-size:15px;font-weight:600;align-items:center}
.ord .r1 .st{font-size:13px;font-weight:400}
.ord .r2{font-size:12px;color:#999;margin-top:9px;line-height:1.8}
.ord .r2 b{color:var(--red)}
.st-pending{color:#fa8c16}.st-success{color:#22b573}.st-fail{color:#999}

/* 骨架屏 */
.sk{background:linear-gradient(90deg,#f0f1f3 25%,#f7f8fa 37%,#f0f1f3 63%);background-size:400% 100%;animation:sk 1.3s ease infinite;border-radius:8px}
@keyframes sk{0%{background-position:100% 50%}100%{background-position:0 50%}}
.sk-line{height:14px;margin:8px 0}

/* 通用 */
.pad{padding:0 14px}
.mt8{margin-top:8px}
.center{text-align:center}
.muted{color:#999;font-size:12px}
.backtop{position:fixed;right:12px;bottom:82px;width:42px;height:42px;border-radius:50%;background:#fff;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;color:#888;font-size:18px;z-index:30}
.tabbar{position:fixed;bottom:0;left:0;right:0;max-width:520px;margin:0 auto;height:56px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-top:1px solid var(--line);display:flex;z-index:70;padding-bottom:var(--safe-bottom)}
body.brand-bg .tabbar{background:rgba(22,7,2,.90);backdrop-filter:blur(16px);border-top:1px solid rgba(246,196,106,.18)}
.tabbar .tb{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;color:#9aa0a8;gap:2px;transition:color .12s}
body.brand-bg .tabbar .tb{color:#b08a5c}
.tabbar .tb .ic{font-size:21px;line-height:1;display:flex}
.tabbar .tb.on{color:var(--red)}
body.brand-bg .tabbar .tb.on{color:var(--gold)}
.banner-red{background:linear-gradient(135deg,#ff3b30,#e60012);color:#fff;padding:11px 14px;font-size:12px;line-height:1.7}
.queue-bar{background:#fffbe6;color:#ad8b00;padding:10px 14px;font-size:12px;line-height:1.6;border-bottom:1px solid #ffe58f;display:flex;gap:6px;align-items:flex-start}

/* ===== 暗红主题：剩余页面适配 ===== */

/* ===== 商务合作页（一屏紧凑） ===== */
.page-biz{padding-bottom:calc(6px + var(--safe-bottom));overflow:hidden}
.page-biz .biz-hd{text-align:center;padding:12px 20px 2px}
.page-biz .biz-star{width:52px;height:52px;margin:0 auto 4px}
.page-biz .biz-star svg{width:100%;height:100%;filter:drop-shadow(0 0 16px rgba(246,196,106,.55))}
.page-biz .biz-hd h2{margin:2px 0 5px;font-size:20px;font-weight:900;letter-spacing:2px;
  background:linear-gradient(180deg,#fffdf5,#ffe6a8 40%,#f6c46a 60%,#c9922f);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}
.page-biz .biz-hd p{margin:0;font-size:11.5px;color:#d8b48a;letter-spacing:1px}
.page-biz .biz-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:12px 12px 2px;
  background:rgba(255,255,255,.06);border:1px solid rgba(246,196,106,.18);border-radius:14px;padding:11px 0;backdrop-filter:blur(6px)}
.page-biz .biz-stats .bs{text-align:center;position:relative}
.page-biz .biz-stats .bs:not(:last-child)::after{content:'';position:absolute;right:0;top:12%;height:76%;width:1px;background:rgba(246,196,106,.18)}
.page-biz .biz-stats .bs b{display:block;font-size:20px;font-weight:900;color:#ffd98a;font-style:normal;letter-spacing:.5px;text-shadow:0 0 12px rgba(246,196,106,.4)}
.page-biz .biz-stats .bs b i{font-size:12px;font-style:normal;margin-left:1px}
.page-biz .biz-stats .bs span{display:block;font-size:10.5px;color:#c9a878;margin-top:3px}
.page-biz .sec{background:rgba(255,255,255,.055);backdrop-filter:blur(6px);margin:9px 12px;border-radius:14px;border:1px solid rgba(246,196,106,.10)}
.page-biz .sec-h{margin-bottom:6px}
.page-biz .biz-list{display:flex;flex-direction:column;gap:0;padding-bottom:2px}
.page-biz .bl{display:flex;align-items:center;gap:11px;padding:6px 0}
.page-biz .bl .bi{width:36px;height:36px;flex:0 0 36px;border-radius:11px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(160deg,rgba(255,224,160,.20),rgba(201,146,47,.05));border:1px solid rgba(246,196,106,.28);
  box-shadow:0 3px 10px rgba(0,0,0,.25)}
.page-biz .bl .bi svg{width:19px;height:19px;filter:drop-shadow(0 0 6px rgba(246,196,106,.35))}
.page-biz .bl .bt{display:flex;flex-direction:column;gap:2px}
.page-biz .bl .bt b{font-size:13.5px;color:#f8ead0;font-weight:700}
.page-biz .bl .bt span{font-size:11px;color:#c9a878}
.page-biz .biz-tags{display:flex;flex-wrap:wrap;gap:7px;padding:0 0 8px}
.page-biz .biz-tags span{font-size:11.5px;color:#f6d9ad;border:1px solid rgba(246,196,106,.32);border-radius:18px;padding:5px 12px;background:rgba(246,196,106,.07)}
.page-biz .biz-cta{margin:9px 12px 0;padding:13px 16px;border-radius:16px;text-align:center;
  background:linear-gradient(160deg,rgba(122,52,24,.55),rgba(55,18,10,.5));border:1px solid rgba(246,196,106,.22);
  box-shadow:0 8px 24px rgba(0,0,0,.3),0 0 24px rgba(246,196,106,.08) inset}
.page-biz .cta-t{font-size:16px;font-weight:800;color:#f8ead0;letter-spacing:1px}
.page-biz .cta-s{font-size:11.5px;color:#c9a878;margin-top:5px}
.page-biz .cta-btn{display:block;margin:11px auto 0;max-width:280px;
  background:linear-gradient(135deg,#ffd98a,#c9922f);color:#3a1a06;font-size:15px;font-weight:800;
  border-radius:24px;padding:12px;text-decoration:none;box-shadow:0 8px 24px rgba(201,146,47,.4)}
.page-biz .cta-btn:active{opacity:.9}
.page-biz .cta-sub{font-size:10.5px;color:#a9793f;margin-top:8px;line-height:1.6}

/* ===== 会员中心：一屏铺满排版 ===== */
/* ===== 会员中心：一屏铺满排版 ===== */
.page-member{padding-bottom:calc(28px + var(--safe-bottom));overflow:hidden}
.page-member #starDust{z-index:0}
.page-member .nav,.page-member .mem-hd,.page-member .mem-bal,.page-member .mem-list{position:relative;z-index:1}
.page-member .mem-hd{padding:18px 16px 20px}
.page-member .mem-user .av{width:52px;height:52px}
.page-member .mem-user .av img{width:100%;height:100%;object-fit:contain;padding:5px}
.page-member .mem-bal{margin:16px 14px -16px;padding:18px 18px}
.page-member .mem-bal .amt{font-size:26px;margin-top:6px}
/* 菜单区适当加大间距，铺满剩余空间 */
.page-member .mem-list{margin-top:26px;padding:0 12px}
.page-member .mem-list .grp{margin-bottom:12px}
.page-member .mem-list .it{padding:15px 16px;font-size:14px;gap:11px}
.page-member .mem-list .it .ic{font-size:17px}
.page-member .mem-list .it .ic svg{width:18px;height:18px}
.page-member .mem-list .grp:last-child{margin-bottom:0}

/* 表单控件统一暗色 */
body.brand-bg select,body.brand-bg textarea{
  background:rgba(255,255,255,.07)!important;color:#f8ead0!important;
  border:1px solid rgba(246,196,106,.22)!important;border-radius:10px;outline:none;
}
body.brand-bg select option{background:#241008;color:#f8ead0}
body.brand-bg textarea::placeholder,body.brand-bg input::placeholder{color:#8a5f38}
body.brand-bg input{color:#f8ead0}
/* 客服联系卡片里的白按钮 */
body.brand-bg .copy-btn,body.brand-bg .svc-btn{border-color:rgba(246,196,106,.5)!important;color:#f6c46a!important;background:transparent!important}
/* 让卡片内的浅色文本提亮 */
body.brand-bg .card,body.brand-bg .svc-card,body.brand-bg .sec b{color:inherit}

/* 分类页右侧 */
body.brand-bg .cat-left .li{color:#c9a878}
body.brand-bg .cat-left .li.on{background:rgba(246,196,106,.12);color:var(--gold);border-left-color:var(--gold)}
body.brand-bg .cat-right{background:rgba(255,255,255,.045);backdrop-filter:blur(6px)}
body.brand-bg .cat-right .rt-title{color:#f0dcbd}
/* 详情 */
body.brand-bg .dt-tabs,body.brand-bg .dt-row,body.brand-bg .dt-price,body.brand-bg .explain{background:rgba(255,255,255,.05);border-color:rgba(246,196,106,.10)}
body.brand-bg .dt-tabs{border-bottom:1px solid rgba(246,196,106,.12)}
body.brand-bg .dt-tabs .tb{color:#c9a878}
body.brand-bg .dt-tabs .tb.on{color:var(--gold);border-bottom-color:var(--gold)}
body.brand-bg .dt-row{color:#f0dcbd;border-bottom:1px solid rgba(246,196,106,.08)}
body.brand-bg .dt-row .k{color:#f0dcbd}
body.brand-bg .dt-row .v{color:#c9a878}
body.brand-bg .dt-price{color:#c9a878}
body.brand-bg .dt-price b{color:var(--gold)}
body.brand-bg .explain h3{color:#f8ead0}
body.brand-bg .explain h3::before{background:linear-gradient(180deg,#ffd98a,#c9922f)}
body.brand-bg .explain p{color:#c9a878}
body.brand-bg .explain p b{color:var(--gold)}
/* 底部操作条 */
body.brand-bg .footer-bar{background:rgba(22,7,2,.92);backdrop-filter:blur(14px);border-top:1px solid rgba(246,196,106,.18)}
body.brand-bg .footer-bar .b1{border-color:rgba(246,196,106,.5);color:var(--gold);background:transparent}
body.brand-bg .footer-bar .b2{background:linear-gradient(135deg,#ffd98a,#c9922f);color:#3a1a06;box-shadow:0 6px 22px rgba(201,146,47,.35)}
/* 面值弹层 */
body.brand-bg .sheet{background:#241008;color:#f0dcbd}
body.brand-bg .sheet .sh-h{color:#f8ead0}
body.brand-bg .sheet .sh-h .x{color:#a9793f}
body.brand-bg .warn{background:rgba(246,196,106,.12);color:var(--gold)}
body.brand-bg .face{border:1px solid rgba(246,196,106,.18);background:rgba(255,255,255,.05);color:#f0dcbd}
body.brand-bg .face.on{border-color:var(--gold);background:rgba(246,196,106,.14)}
body.brand-bg .face .f{color:#f8ead0}
body.brand-bg .face .r{color:#c9a878}
body.brand-bg .face .r b{color:var(--gold)}
/* 表单 */
body.brand-bg .form{background:rgba(255,255,255,.05);backdrop-filter:blur(6px);border-radius:16px;margin:10px 12px}
body.brand-bg .field{border-bottom:1px solid rgba(246,196,106,.10)}
body.brand-bg .field label{color:#c9a878}
body.brand-bg .field input{color:#f8ead0}
body.brand-bg .field input::placeholder{color:#8a5f38}
body.brand-bg .btn-main{background:linear-gradient(135deg,#ffd98a,#c9922f);color:#3a1a06;box-shadow:0 6px 22px rgba(201,146,47,.35)}
/* 登录 */
body.brand-bg .login-hd h2{color:#f8ead0}
body.brand-bg .login-hd p{color:#c9a878}
body.brand-bg .code-btn{border-color:rgba(246,196,106,.5);color:var(--gold);background:transparent}
body.brand-bg .agree{color:#a9793f}
body.brand-bg .agree a{color:var(--gold)}
/* 订单 */
body.brand-bg .tabs{background:rgba(31,10,5,.8);backdrop-filter:blur(12px);border-bottom:1px solid rgba(246,196,106,.12)}
body.brand-bg .tabs .tb{color:#c9a878}
body.brand-bg .tabs .tb.on{color:var(--gold);border-bottom-color:var(--gold)}
body.brand-bg .ord{background:rgba(255,255,255,.06);backdrop-filter:blur(6px);border:1px solid rgba(246,196,106,.10)}
body.brand-bg .ord .r1{color:#f8ead0}
body.brand-bg .ord .r2{color:#c9a878}
body.brand-bg .st-pending{color:#ffb454}.body.brand-bg .st-success{color:#7ed957}
/* 通用 */
body.brand-bg .backtop{background:rgba(31,10,5,.85);color:var(--gold);border:1px solid rgba(246,196,106,.2)}
body.brand-bg .banner-red{background:linear-gradient(135deg,rgba(122,52,24,.55),rgba(55,18,10,.45))!important;color:#f0d3a8!important;border:1px solid rgba(246,196,106,.18);margin:10px 12px 0;border-radius:12px}
body.brand-bg .banner-red b{color:#ffd98a}
body.brand-bg .queue-bar{background:rgba(246,196,106,.12);color:var(--gold);border-bottom:1px solid rgba(246,196,106,.2)}
body.brand-bg .center.muted{color:#a9793f}
/* 聊天页暗色适配 */
body.brand-bg .chat-body{background:transparent}
body.brand-bg .chat-tip{color:#c39a6a}
body.brand-bg .chat-status{background:rgba(255,255,255,.05);color:#c9a878;border-bottom:1px solid rgba(246,196,106,.12)}
body.brand-bg .bub.a{background:rgba(255,255,255,.08);color:#f0dcbd;box-shadow:0 2px 8px rgba(0,0,0,.25)}
body.brand-bg .bub.a .tm{color:#a9793f}
body.brand-bg .bub.u{background:linear-gradient(135deg,#ffd98a,#c9922f);color:#3a1a06}
body.brand-bg .bub.u .tm{color:rgba(58,26,6,.6)}
body.brand-bg .chat-in{background:rgba(22,7,2,.92);border-top:1px solid rgba(246,196,106,.18);backdrop-filter:blur(12px)}
body.brand-bg .chat-in textarea{background:rgba(255,255,255,.08);color:#f8ead0;border:1px solid rgba(246,196,106,.22)}
body.brand-bg .chat-in textarea::placeholder{color:#8a5f38}
body.brand-bg .chat-in textarea:focus{border-color:rgba(246,196,106,.55)}
body.brand-bg .chat-in .send{background:linear-gradient(135deg,#ffd98a,#c9922f);color:#3a1a06}
/* 客服页 在线客服入口（优雅卡片） */
.chat-entry{display:flex;align-items:center;gap:12px;text-decoration:none;margin:12px 14px 0;padding:14px 16px;border-radius:16px;
  background:linear-gradient(160deg,rgba(122,52,24,.5),rgba(55,18,10,.45));border:1px solid rgba(246,196,106,.28);
  box-shadow:0 8px 24px rgba(0,0,0,.28),0 0 20px rgba(246,196,106,.06) inset}
.chat-entry:active{opacity:.92}
.chat-entry .ce-ic{width:42px;height:42px;flex:0 0 42px;border-radius:13px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(160deg,rgba(255,224,160,.22),rgba(201,146,47,.06));border:1px solid rgba(246,196,106,.3)}
.chat-entry .ce-ic svg{width:22px;height:22px;filter:drop-shadow(0 0 6px rgba(246,196,106,.4))}
.chat-entry .ce-tx{flex:1;display:flex;flex-direction:column;gap:3px}
.chat-entry .ce-tx b{font-size:15px;color:#f8ead0}
.chat-entry .ce-tx i{font-size:11.5px;color:#c9a878;font-style:normal}
.chat-entry .ce-arw{color:#a9793f;font-size:20px}
body.brand-bg .sk{background:linear-gradient(90deg,rgba(255,255,255,.06) 25%,rgba(255,255,255,.12) 37%,rgba(255,255,255,.06) 63%);background-size:400% 100%}
/* 操作步骤（带1234序号 + 连接线） */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;text-align:center;padding:6px 0 10px}
.stp{position:relative;display:flex;flex-direction:column;align-items:center}
.stp .num{position:absolute;top:-6px;right:calc(50% - 34px);width:20px;height:20px;border-radius:50%;z-index:3;
  display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#3a1a06;
  background:linear-gradient(160deg,#ffe6a8,#c9922f);box-shadow:0 2px 8px rgba(0,0,0,.4),0 0 10px rgba(246,196,106,.5)}
.stp:not(:last-child)::after{content:'';position:absolute;top:16px;left:calc(50% + 26px);width:calc(100% - 52px);height:2px;z-index:0;
  background:repeating-linear-gradient(90deg,rgba(246,196,106,.55) 0 5px,transparent 5px 10px)}
.stp .tt{font-size:11px;color:#f0dcbd;margin-top:10px;line-height:1.45;font-weight:600}
.stp .tt span{color:#a9793f;font-weight:400}
/* 操作步骤金色图标容器 */
body.brand-bg .steps-ico{position:relative;z-index:2;background:linear-gradient(160deg,rgba(255,224,160,.20),rgba(201,146,47,.05));border:1px solid rgba(246,196,106,.28);border-radius:16px;width:48px;height:48px;margin:0 auto;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.28),0 0 14px rgba(246,196,106,.10)}
body.brand-bg .steps-ico svg{width:24px;height:24px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4)) drop-shadow(0 0 6px rgba(246,196,106,.35))}
body.brand-bg .steps-ico::before{content:'';position:absolute;inset:-1px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.14),transparent);pointer-events:none}