:root{--brand:#598BFD;--brand-deep:#3F74E8;--brand-ink:#1F3A6E;--brand-soft:#E8F0FE;--brand-mist:#A9C2FB;--accent:#35B3C9;--accent-deep:#1E86A0;--accent-ink:#146B80;--accent-soft:#E4F6FA;--bg:#EFF4FB;--surface:#FFFFFF;--ink:#26262E;--ink-2:#5A5E78;--muted:#9AA0B8;--faint:#B9BDD2;--line:#E4E5F0;--line-soft:#EEEFF6;--ok:#1A9E54;--warn:#D97706;--danger:#E5484D;--gold:#D9A406;--gold-bright:#FFD977;--gold-pale:#FFE9A8;--brand-rgb:89,139,253;--accent-rgb:53,179,201;--ink-rgb:38,38,46;--price:#FF6A2B}
*{box-sizing:border-box;margin:0;padding:0}
body{background:#eff4fb;font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink)}
.phone{width:100%;max-width:none;margin:0;background:linear-gradient(180deg,var(--brand-soft),var(--bg) 340px,var(--bg));min-height:100vh;position:relative;overflow-x:hidden}
.view{display:none;padding-bottom:96px}
.view.active{display:block}
.card{background:#fff;border:1px solid var(--line-soft);border-radius:16px;margin:12px;padding:16px;box-shadow:0 2px 9px rgba(89,139,253,.06)}
.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.card-head span{color:var(--muted);font-size:13px;cursor:pointer}
.btn-orange{background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#fff;border:0;border-radius:999px;padding:10px 18px;cursor:pointer;font-weight:700;box-shadow:0 4px 14px rgba(89,139,253,.32)}
.btn-orange:active{transform:scale(.97)}
.btn-black{background:#fff;color:var(--brand-deep);border:1.5px solid var(--brand-mist);border-radius:999px;padding:13px 22px;cursor:pointer;font-weight:600}
.btn-black:active{transform:scale(.97)}
input,select,textarea{font-family:inherit}
.search-row{display:flex;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px;align-items:center;box-shadow:0 4px 14px rgba(89,139,253,.05)}
.search-row input{flex:1;border:0;padding:9px 12px;outline:0;background:0 0;color:var(--ink)}
.search-row input::placeholder{color:var(--faint)}
.tags{display:flex;gap:8px;overflow-x:auto;padding:10px 2px;scrollbar-width:none}
.tags::-webkit-scrollbar{display:none}
.tags span{white-space:nowrap;background:#fff;color:var(--ink-2);padding:7px 13px;border-radius:999px;font-size:13px;cursor:pointer;border:1px solid var(--line)}
.tags span.on{background:var(--brand);color:#fff;border-color:var(--brand);font-weight:600}
.empty{text-align:center;color:var(--muted);padding:38px 16px;line-height:1.9}
.skel-block{height:86px;border-radius:14px;background:linear-gradient(100deg,#e7e8f4 40%,#f4f4fa 50%,#e7e8f4 60%);background-size:200% 100%;animation:skelPulse 1.3s ease-in-out infinite;margin-bottom:10px}
@keyframes skelPulse{
0%{opacity:.55}
50%{opacity:1}
100%{opacity:.55}
}
@media (prefers-reduced-motion:reduce){
.skel-block{animation:none}
}
small{color:inherit}
.home-wrap{padding:14px 12px 0;background:radial-gradient(560px 260px at 6% -70px,rgba(89,139,253,.5),rgba(89,139,253,0) 62%),radial-gradient(520px 240px at 92% -60px,rgba(154,212,203,.85),rgba(154,212,203,0) 60%),radial-gradient(720px 320px at 50% 300px,rgba(53,179,201,.28),rgba(53,179,201,0) 65%),linear-gradient(180deg,#c7dbfe,#dce8fd 46%,var(--bg))}
.brand-row{display:flex;align-items:center;gap:7px;padding:0 4px 10px;font-size:17px;font-weight:700;color:var(--ink)}
.brand-row img{width:22px;height:22px;object-fit:contain}
.notice{display:flex;gap:6px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;margin-top:10px;padding:7px 10px;font-size:12px;color:var(--muted);overflow:hidden}
.notice marquee{flex:1}
.shop-strip{display:flex;align-items:center;gap:12px;margin:12px 0 0;padding:14px;border-radius:16px;background:linear-gradient(120deg,var(--brand-ink),var(--brand-deep));color:#fff;box-shadow:0 8px 22px rgba(38,38,46,.3)}
.shop-strip-logo{width:54px;height:54px;border-radius:14px;object-fit:cover;background:#fff;flex:none}
.shop-strip-logo-fallback{display:flex;align-items:center;justify-content:center;font-size:28px;background:rgba(255,255,255,.12)}
.shop-strip-main{flex:1;min-width:0}
.shop-strip-main b{font-size:16px}
.shop-strip-rate{margin-left:8px;font-size:12px;color:var(--gold-bright);font-weight:700}
.shop-verified-badge{margin-left:8px;font-size:11px;font-weight:700;color:#fff;background:linear-gradient(90deg,var(--brand,#598bfd),var(--teal,#35b3c9));padding:2px 8px;border-radius:999px;vertical-align:2px;white-space:nowrap}
.shop-strip-main p{margin:4px 0 0;font-size:12px;color:rgba(255,255,255,.75);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.shop-strip-cnt{flex:none;font-size:11px;color:var(--brand-ink);background:linear-gradient(90deg,var(--gold-bright),var(--gold-bright));font-weight:700;padding:3px 9px;border-radius:999px}
.home-sec{margin:12px 0 0}
.game-rail{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:2px 1px 4px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.game-rail::-webkit-scrollbar{display:none}
.game-rail .game-tile{flex:0 0 23%;scroll-snap-align:start}
.game-tile{text-align:center;cursor:pointer;min-width:0}
.game-tile.on .game-tile-name{color:var(--brand);font-weight:700}
.game-tile.on .game-tile-fb,.game-tile.on img{box-shadow:0 0 0 2px var(--brand),0 6px 14px rgba(89,139,253,.25)}
.game-tile:active{transform:scale(.96)}
.game-tile img{width:52px;height:52px;border-radius:15px;object-fit:cover;display:block;margin:0 auto;box-shadow:0 6px 14px rgba(89,139,253,.25);border:1px solid var(--line)}
.game-tile-fb{width:52px;height:52px;border-radius:15px;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:22px;font-weight:800;color:rgba(255,255,255,.92);box-shadow:0 6px 14px rgba(89,139,253,.25)}
.game-tile-name{display:block;margin-top:6px;font-size:11.5px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pg-hd{background:radial-gradient(120% 110% at 8% -12%,rgba(89,139,253,.5),rgba(0,0,0,0) 58%),radial-gradient(130% 105% at 88% -8%,rgba(154,212,203,.85),rgba(0,0,0,0) 55%),radial-gradient(105% 90% at 50% 118%,rgba(53,179,201,.32),rgba(0,0,0,0) 62%),linear-gradient(180deg,#c7dbfe 0,#e1f1ed 100%);padding:22px 16px 13px;border-radius:0 0 26px 26px}
.pg-hd-row{display:flex;align-items:center}
.pg-hd-row b{font-size:23px;color:var(--ink)}
.pg-search{margin-left:auto;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;font-size:16px;color:#5a5e78;border:none;cursor:pointer;flex:none}
.pg-games{margin-top:14px;padding:2px 1px 2px}
.gm{text-align:center;flex:none;cursor:pointer}
.gm .pad{width:56px;height:56px;border-radius:17px;background:#fff;padding:4.5px;box-shadow:0 4px 12px rgba(89,139,253,.13);margin:0 auto}
.gm .ph{width:100%;height:100%;border-radius:12.5px;display:flex;align-items:center;justify-content:center;font-size:21px;color:#fff;font-weight:800;overflow:hidden}
.gm .ph img{width:100%;height:100%;object-fit:cover;display:block}
.gm .nm{margin-top:5.5px;font-size:11.5px;color:#5a5e78;padding:2px 7px;white-space:nowrap}
.gm.on .pad{box-shadow:0 0 0 2.5px var(--brand),0 6px 16px rgba(89,139,253,.35)}
.gm.on .nm{background:var(--brand);color:#fff;border-radius:999px;font-weight:600}
.gm:active{transform:scale(.96)}
.gr{display:flex;gap:11px;background:#fff;border-radius:15px;padding:10px;margin-top:10px;box-shadow:0 2px 8px rgba(89,139,253,.05);cursor:pointer}
.gr:active{transform:scale(.99)}
.gr-cov{width:86px;height:86px;border-radius:11px;flex:none;overflow:hidden;background:linear-gradient(135deg,var(--brand-mist),var(--brand));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:26px}
.gr-cov img{width:100%;height:100%;object-fit:cover;display:block}
.gr-inf{flex:1;min-width:0}
.gr-inf h4{font-size:13.5px;display:flex;align-items:center;gap:4.5px;color:var(--ink);font-weight:600}
.gr-inf h4 .tt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.gr-inf p{font-size:11px;color:#9aa0b8;margin-top:4px;line-height:1.45;height:31px;overflow:hidden}
.gr-inf .pr{margin-top:5px;display:flex;align-items:baseline;gap:5px}
.gr-inf .pr b{color:var(--price);font-size:16px;flex:none;white-space:nowrap}
.gr-inf .pr .un{color:var(--price);font-size:10.5px;flex:none;white-space:nowrap}
.gr-inf .pr s{color:#b9bdd2;font-size:11px;flex:none;white-space:nowrap}
.gr-inf .pr .done{margin-left:auto;color:#b9bdd2;font-size:10.5px;flex:none;white-space:nowrap}
.pick-rank{display:flex;align-items:center;background:#fff;border-radius:14px;padding:10px 13px;margin:12px 12px 0;box-shadow:0 2px 8px rgba(89,139,253,.05);cursor:pointer}
.pick-rank:active{transform:scale(.99)}
.pick-rank b{font-size:13.5px;color:var(--ink)}
.pick-rank .avs{display:flex;margin-left:10px}
.pick-rank .avs i{width:26px;height:26px;border-radius:50%;border:2px solid #fff;margin-left:-7px;font-style:normal;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;font-weight:700;overflow:hidden;background:var(--brand);flex:none}
.pick-rank .avs i:first-child{margin-left:0}
.pick-rank .avs i img{width:100%;height:100%;object-fit:cover;display:block}
.pick-rank-go{margin-left:auto;font-size:11.5px;color:#9aa0b8}
.filters{display:flex;gap:8px;margin:11px 12px 0}
.fchip{background:#fff;border-radius:999px;padding:6.5px 15px;font-size:12.5px;color:#5a5e78;box-shadow:0 2px 6px rgba(89,139,253,.06);cursor:pointer}
.fchip.on{background:var(--brand);color:#fff;font-weight:600}
.bc{background:#fff;border-radius:16px;padding:13px;margin:11px 12px 0;box-shadow:0 2px 9px rgba(89,139,253,.05);display:flex;gap:12px}
.bc-av{width:62px;height:62px;border-radius:50%;flex:none;overflow:hidden;background:linear-gradient(140deg,#598bfd,#93b4ff);display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;font-weight:700;cursor:pointer}
.bc-av img{width:100%;height:100%;object-fit:cover;display:block}
.bc-inf{flex:1;min-width:0}
.bc-nm{display:flex;align-items:center;gap:6px;cursor:pointer}
.bc-nm b{font-size:15.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-nm .grade{background:#e8f0fe;color:var(--brand);font-size:10px;border-radius:5px;padding:2px 6px;font-weight:600;flex:none}
.bc-nm .tier{background:#fff3d6;color:#9a742a;font-size:10px;border-radius:5px;padding:2px 6px;font-weight:600;flex:none}
.bc-meta{font-size:11.5px;color:#9aa0b8;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-tags{display:flex;gap:6px;margin-top:7px;flex-wrap:wrap}
.bc-tags span{background:#f4f4f9;color:#5a5e78;font-size:10.5px;border-radius:6px;padding:2.5px 8px}
.bc-act{display:flex;align-items:center;gap:8px;margin-top:9px}
.bc-voice{display:flex;align-items:center;gap:6px;background:#f4f4f9;border-radius:999px;padding:4px 11px 4px 5px;font-size:11px;color:#5a5e78;cursor:pointer;flex:none}
.bc-voice i{width:19px;height:19px;border-radius:50%;background:var(--brand);color:#fff;font-style:normal;display:flex;align-items:center;justify-content:center;font-size:9px;flex:none}
.bc-voice.voice-playing i{background:var(--price)}
.bc-btns{margin-left:auto;display:flex;gap:7px;align-items:center}
.bc-btns button{border:none;cursor:pointer;background:var(--brand);color:#fff;font-size:12.5px;font-weight:600;border-radius:999px;padding:7px 15px}
.bc-btns button:active{transform:scale(.97)}
.welfare-strip{margin-top:12px;display:flex;align-items:center;gap:11px;background:var(--accent-soft);border:1px solid var(--line);border-radius:14px;padding:12px 14px;cursor:pointer;color:var(--ink-2)}
.wf-ico{font-size:24px}
.wf-main{flex:1;min-width:0}
.wf-main b{display:block;font-size:14px}
.wf-main small{color:var(--muted);font-size:11.5px}
.wf-go{color:var(--accent-deep);font-size:12.5px;font-weight:700;flex:none}
.hot-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line-soft);cursor:pointer}
.hot-row:last-child{border-bottom:none}
.hot-row:active{transform:scale(.99)}
.hot-rank{width:26px;text-align:center;font-size:16px;font-weight:800;color:var(--faint);font-variant-numeric:tabular-nums;flex:none}
.hot-rank.top{font-size:21px;color:transparent;-webkit-text-stroke:1.2px var(--gold)}
.hot-ico{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,var(--brand-mist),var(--brand));display:flex;align-items:center;justify-content:center;font-size:21px;flex:none}
.hot-main{flex:1;min-width:0}
.hot-main b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}
.hot-main small{color:var(--muted);font-size:11.5px}
.hot-price{color:var(--price);font-weight:800;font-size:14px;flex:none}
.combo-band{display:flex;gap:11px;margin:12px 0 0;align-items:stretch}
.hot2{flex:1.55;min-width:0;background:#fff;border-radius:16px;padding:10px 12px 4px;box-shadow:0 2px 9px rgba(89,139,253,.06)}
.hot2 .hh{display:flex;align-items:center}
.hot2 .hh b{font-size:15px;color:var(--ink)}
.hot2 .hh span{margin-left:auto;font-size:12px;color:#9aa0b8}
.hrow{padding:7.5px 0;border-top:1px solid #f4f4f8;cursor:pointer}
.hrow-top{display:flex;align-items:center;gap:10px}
.hrow:first-of-type{border-top:none}
.hrow:active{transform:scale(.99)}
.rk{width:22px;height:22px;border-radius:50%;font-size:11.5px;font-weight:800;text-align:center;line-height:22px;flex:none;background:#f1f2f8;color:#9aa0b8}
.rk-gold{background:linear-gradient(140deg,#f6df9e,#c9a44a);color:#6b5518}
.rk-silver{background:linear-gradient(140deg,#edeff6,#b9bdd2);color:#5a5f7a}
.rk-bronze{background:linear-gradient(140deg,#f6dec4,#c98f5a);color:#6e4520}
.hcov{width:36px;height:36px;border-radius:9px;flex:none;overflow:hidden;background:linear-gradient(135deg,var(--brand-mist),var(--brand));display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff}
.hcov img{width:100%;height:100%;object-fit:cover;display:block}
.hnm2{display:block;margin-top:5px;font-size:13px;line-height:19px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hnm2 .selfop-tag{margin-right:4.5px}
.hnm2 .dual-tag{margin-right:4.5px}
.hpr{margin-left:auto;color:var(--price);font-weight:700;font-size:15px;flex:none}
.hpr .un{font-size:10.5px;font-weight:400;margin-left:1px}
.join-card{flex:1;min-width:0;border-radius:16px;padding:12px 46px 12px 14px;color:#fff;position:relative;overflow:hidden;background:linear-gradient(140deg,#3f74e8,#93b4ff);cursor:pointer}
.join-card b{font-size:15.5px;display:block;white-space:nowrap}
.join-card small{font-size:11px;opacity:.88;display:block;white-space:nowrap;margin-top:3px}
.join-card:active{transform:scale(.99)}
.join-ms{position:absolute;right:8px;bottom:8px;width:29px;height:29px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;overflow:hidden}
.join-ms img{width:100%;height:100%;object-fit:cover;display:block}
.goods-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.good{background:#fff;border:1px solid var(--line-soft);border-radius:16px;overflow:hidden;cursor:pointer;position:relative;box-shadow:0 2px 9px rgba(89,139,253,.05)}
.good .thumb{height:118px;background:linear-gradient(135deg,var(--brand-mist),var(--brand));display:flex;align-items:center;justify-content:center;font-size:38px}
.good .price-badge{position:absolute;top:8px;right:8px;background:var(--price);color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;box-shadow:0 3px 8px rgba(38,38,46,.3)}
.good .body{padding:10px}
.good b{font-size:13px;line-height:1.4;display:block;color:var(--ink)}
.good p{color:var(--muted);font-size:11px;line-height:1.5;margin:5px 0;height:32px;overflow:hidden}
.good .pr{color:var(--price);font-weight:800}
.good .pr s{color:var(--faint);font-weight:400;font-size:11px;margin-left:4px}
.good small{color:var(--muted)}
.selfop-tag{position:relative;display:inline-flex;align-items:center;flex:none;white-space:nowrap;font-size:9.5px;font-weight:700;letter-spacing:.6px;color:#fff;background:linear-gradient(135deg,#34343c,#0b0b0d 58%,#1d1d23);padding:1.5px 5px;border-radius:3.5px;vertical-align:2px;overflow:hidden;isolation:isolate}
.selfop-tag::after{content:"";position:absolute;top:-25%;bottom:-25%;left:0;width:42%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-170%) skewX(-18deg);animation:selfopShine 3.6s ease-in-out infinite;pointer-events:none}
@keyframes selfopShine{
0%{transform:translateX(-170%) skewX(-18deg)}
100%,36%{transform:translateX(330%) skewX(-18deg)}
}
@media (prefers-reduced-motion:reduce){
.selfop-tag::after{animation:none;display:none}
}
.self-tag{display:inline-block;font-size:10px;font-weight:700;color:#06402b;background:linear-gradient(90deg,#6ee7b7,#a7e8c9);padding:1px 6px;border-radius:6px;vertical-align:2px}
.dual-tag{display:inline-block;flex:none;white-space:nowrap;font-size:10px;font-weight:700;color:#fff;background:linear-gradient(90deg,var(--brand),var(--brand-mist));padding:1px 6px;border-radius:6px;vertical-align:2px}
.shop-tag{display:inline-block;font-size:10px;font-weight:700;color:var(--accent-ink);background:var(--accent-soft);padding:1px 6px;border-radius:6px;vertical-align:2px}
.rank-band{display:flex;gap:10px;margin-top:12px}
.rb-card{flex:1;position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;cursor:pointer;min-height:82px}
.rb-card:active{transform:scale(.98)}
.rb-water{position:absolute;right:6px;bottom:-12px;font-size:52px;font-weight:800;color:transparent;-webkit-text-stroke:1px rgba(38,34,28,.16);pointer-events:none}
.rb-card small{display:block;color:var(--muted);font-size:11px;letter-spacing:1px}
.rb-card b{display:block;font-size:15px;margin:4px 0 2px;color:var(--ink)}
.rb-sub{font-size:11px;color:var(--accent-deep)}
.quick-row{display:flex;gap:10px;margin-top:12px}
.quick{flex:1;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px;cursor:pointer;color:var(--ink)}
.quick small{display:block;color:var(--muted);margin-top:3px}
.home-foot{text-align:center;color:var(--muted);font-size:11.5px;line-height:1.9;margin:16px 0 4px}
.home-foot .js-brand{color:var(--muted);font-weight:700}
.home-foot span{cursor:pointer}
.broadcast{position:sticky;bottom:86px;background:rgba(20,18,16,.88);color:#fff;font-size:12px;margin:12px;border-radius:999px;padding:9px 13px;overflow:hidden;white-space:nowrap}
.cs-head-ava{width:26px;height:26px;border-radius:50%;object-fit:cover;vertical-align:-7px;margin-right:2px}
.bossrank-entry{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(120deg,#3f74e8,#598bfd);color:#fff;border-radius:14px;padding:14px 16px;cursor:pointer}
.bossrank-entry b{font-size:15px}
.bossrank-entry span{font-size:13px;opacity:.88}
.chat-line img.chat-ava{width:32px;height:32px;border-radius:50%;object-fit:cover;flex:none;margin:0 6px 0 0}
.page-head{padding:15px;font-weight:800;background:#fff;border-bottom:1px solid var(--line-soft);display:flex;gap:8px;align-items:center;color:var(--ink)}
.page-head span{color:var(--muted);cursor:pointer}
.page-head #orderTitle,.page-head #ruleTitle,.page-head #subTitle{color:var(--ink)!important}
.cat-layout{display:flex;gap:0;min-height:60vh}
.cat-side{width:86px;flex:none;background:var(--brand-soft);padding:10px 6px;display:flex;flex-direction:column;gap:8px}
.cat-side span{font-size:12px;padding:8px 9px;border-radius:999px;cursor:pointer;text-align:center;color:var(--ink-2);white-space:nowrap}
.cat-side span.on{background:var(--brand);color:#fff;font-weight:600;box-shadow:0 4px 10px rgba(89,139,253,.28)}
.cat-main{flex:1;min-width:0;padding:10px;background:var(--bg)}
.seg span.on{background:var(--brand);color:#fff;font-weight:600}
.booster{background:#fff;border:1px solid var(--line);border-radius:16px;margin:10px 12px;padding:13px;display:flex;gap:11px;box-shadow:0 6px 18px rgba(89,139,253,.05)}
.booster .ava{width:72px;height:72px;border-radius:16px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;font-size:34px;flex-shrink:0;position:relative;cursor:pointer}
.booster .ava img{width:100%;height:100%;object-fit:cover;border-radius:16px}
.booster .ava.glow{box-shadow:0 0 0 2px rgba(245,197,66,.85),0 0 14px rgba(245,197,66,.45)}
.booster .meta{flex:1;font-size:12px;color:var(--muted);line-height:1.65;min-width:0}
.booster .meta b{color:var(--ink);font-size:15px;cursor:pointer}
.btag{background:var(--accent-soft);color:var(--accent-deep);padding:1px 6px;border-radius:4px;font-size:11px;margin-right:4px;border:1px solid var(--line)}
.bstatus{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600}
.bstatus i{width:8px;height:8px;border-radius:50%;display:inline-block}
.bstatus.st-on{color:var(--ok)}
.bstatus.st-on i{background:var(--ok);box-shadow:0 0 8px rgba(26,158,84,.8);animation:dotBreathe 1.8s ease-in-out infinite}
.bstatus.st-busy{color:var(--warn)}
.bstatus.st-busy i{background:var(--warn);box-shadow:0 0 8px rgba(217,119,6,.7)}
.bstatus.st-off{color:var(--muted)}
.bstatus.st-off i{background:var(--faint)}
@keyframes dotBreathe{
0%,100%{transform:scale(1);opacity:1}
50%{transform:scale(1.35);opacity:.75}
}
.ava-voice.voice-playing{background:var(--brand);color:#fff}
.bd-voice{margin-top:12px;display:flex;justify-content:center}
.voice-pill{display:inline-flex;align-items:center;gap:8px;background:var(--accent-soft);border:1px solid var(--line);color:var(--accent-ink);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px rgba(30,134,160,.18)}
.voice-pill:active{transform:scale(.97)}
.voice-pill .vp-ico{font-size:15px}
.voice-pill em{font-style:normal;color:var(--accent-deep);font-weight:600}
.vp-bars{display:inline-flex;align-items:flex-end;gap:2.5px;height:14px}
.vp-bars i{width:3px;border-radius:2px;background:var(--gold);height:6px}
.vp-bars i:nth-child(2){height:11px}
.vp-bars i:nth-child(3){height:8px}
.vp-bars i:nth-child(4){height:13px}
.voice-pill.voice-playing .vp-bars i{animation:vpWave .7s ease-in-out infinite alternate}
.voice-pill.voice-playing .vp-bars i:nth-child(2){animation-delay:.12s}
.voice-pill.voice-playing .vp-bars i:nth-child(3){animation-delay:.24s}
.voice-pill.voice-playing .vp-bars i:nth-child(4){animation-delay:.36s}
@keyframes vpWave{
from{transform:scaleY(.45)}
to{transform:scaleY(1.15)}
}
.bd-hero{margin:12px;border-radius:18px;padding:22px 16px;text-align:center;background:linear-gradient(165deg,var(--brand-soft),var(--accent-soft));border:1px solid var(--line);box-shadow:0 10px 26px rgba(89,139,253,.1);color:var(--ink)}
.bd-ava{width:88px;height:88px;margin:0 auto 10px;border-radius:50%;background:linear-gradient(135deg,var(--accent-soft),var(--accent));display:flex;align-items:center;justify-content:center;font-size:44px;overflow:hidden;box-shadow:0 0 0 3px var(--accent),0 8px 20px rgba(30,134,160,.35)}
.bd-ava img{width:100%;height:100%;object-fit:cover}
.bd-name b{font-size:20px;color:var(--ink)}
.bd-badge{display:inline-block;margin-left:8px;font-size:11px;color:var(--accent-deep);border:1px solid var(--gold);background:var(--accent-soft);padding:2px 9px;border-radius:999px;vertical-align:2px;font-weight:700}
.bd-meta{color:var(--muted);font-size:13px;line-height:1.8;margin-top:5px}
.bd-tags{margin-top:8px}
.bd-intro{white-space:pre-line;font-size:13.5px;line-height:1.85;color:var(--ink-2)}
.bd-album{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.bd-album img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;border:1px solid var(--line);cursor:pointer}
#imgViewer{position:fixed;inset:0;background:rgba(18,18,26,.92);display:none;align-items:center;justify-content:center;z-index:130;padding:18px}
#imgViewer img{max-width:100%;max-height:88vh;border-radius:12px;box-shadow:0 0 40px rgba(0,0,0,.5)}
.bd-good-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line-soft)}
.bd-good-row:last-child{border-bottom:none}
.bd-good-ico{font-size:26px}
.bd-good-main{flex:1;min-width:0}
.bd-good-main b{display:block;font-size:14px;color:var(--ink)}
.bd-good-main small{color:var(--muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bd-good-price{color:var(--price);font-weight:700}
.review-item{border-bottom:1px solid var(--line-soft);padding:11px 0;line-height:1.6}
.review-item:last-child{border-bottom:none}
.review-item p{font-size:13.5px;color:var(--ink-2);margin-top:3px}
.review-item small{color:var(--muted)}
.rv-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.rv-stars-sm{color:var(--gold);font-size:11px;letter-spacing:1px}
.rv-stars-sm em{font-style:normal;color:var(--muted);letter-spacing:0}
.rv-auto-tag{font-size:10.5px;font-weight:600;color:#8a6d1f;background:#fdf3d7;border:1px solid #ecd9a0;border-radius:999px;padding:1px 7px;line-height:1.5;white-space:nowrap}
.star-off{color:var(--line)}
.rv-imgs{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.rv-imgs img{width:64px;height:64px;object-fit:cover;border-radius:10px;border:1px solid var(--line);cursor:pointer}
#rvImgs{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.trust-strip{display:flex;justify-content:space-between;gap:6px;background:var(--brand-soft);border:1px solid var(--line);border-radius:12px;padding:8px 12px;font-size:12px;color:var(--brand-ink);margin-top:8px}
.bd-rec-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line-soft);font-size:13.5px}
.bd-rec-row:last-child{border-bottom:none}
.bd-rec-row span{color:var(--muted)}
.bd-rec-row b{color:var(--ink)}
.exam-voice-btns .btn-black{padding:7px 12px;font-size:12.5px}
.as-firstpay{background:var(--brand-soft);border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:12px}
.as-firstpay b{font-size:14px;color:var(--brand-ink)}
.as-firstpay p{font-size:12.5px;color:var(--ink-2);line-height:1.8;margin:4px 0 0}
.as-firstpay summary{font-size:12.5px;color:var(--brand);cursor:pointer;margin-top:4px}
.rv-stars{text-align:center;font-size:27px;letter-spacing:3px;padding:8px 0 2px}
.rv-star{color:var(--line);cursor:pointer}
.rv-star.on{color:var(--gold-bright);text-shadow:0 0 8px rgba(255,201,60,.55)}
.guarantee{display:flex;justify-content:space-around;background:var(--accent-soft);border:1px solid var(--line);margin:12px;border-radius:12px;padding:11px;font-size:12px;color:var(--accent-deep)}
.qty-row{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid var(--line-soft);font-size:13.5px;color:var(--ink)}
.est-row{display:flex;align-items:center;gap:8px;margin-top:9px;font-size:13px;color:var(--muted)}
.est-row b{color:var(--price);font-size:16px}
.detail-tabs{display:flex;gap:8px;margin:12px}
.detail-tabs span{flex:1;text-align:center;padding:9px 0;border-radius:999px;background:#fff;color:var(--ink-2);border:1px solid var(--line);font-size:13.5px;cursor:pointer}
.detail-tabs span.on{background:var(--brand);color:#fff;border-color:var(--brand);font-weight:600}
.dtab-pane p{color:var(--ink-2);font-size:13px;line-height:1.8;margin:4px 0}
.bottom-bar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100vw;background:rgba(255,255,255,.96);padding:10px 12px;display:flex;gap:9px;align-items:center;box-shadow:0 -3px 14px rgba(89,139,253,.12);z-index:45;backdrop-filter:blur(10px)}
.act-item,.coupon-item,.order-item{background:#fff;border:1px solid var(--line);margin:10px 12px;border-radius:13px;padding:14px;line-height:1.7;color:var(--ink)}
.act-item small,.order-item small{color:var(--muted)}
.coupon-item{display:flex;justify-content:space-between;align-items:center}
.coupon-item .amt{color:var(--price);font-size:22px;font-weight:800}
.coupon-item.coupon-off{opacity:.5}
.direct-tag{color:var(--warn);font-weight:700}
.msg-tabs span.on{background:var(--brand);color:#fff;border-color:var(--brand)}
.msg-dot{position:absolute;top:-5px;right:8px;font-style:normal;background:var(--danger);color:#fff;border-radius:999px;font-size:10px;font-weight:700;padding:1px 6px;line-height:1.5;box-shadow:0 2px 8px rgba(255,59,48,.45)}
.notif-item{display:flex;gap:11px;background:#fff;border:1px solid var(--line);border-radius:13px;margin:10px 12px;padding:13px 14px;line-height:1.6}
.notif-item.unread{border-color:var(--line);background:linear-gradient(180deg,var(--accent-soft),var(--accent-soft))}
.notif-ico{font-size:21px;flex:none;width:40px;height:40px;border-radius:12px;background:var(--accent-soft);border:1px solid var(--line);display:flex;align-items:center;justify-content:center}
.notif-main{flex:1;min-width:0}
.notif-main b{display:block;font-size:14px;color:var(--ink)}
.notif-main small{color:var(--muted);font-size:12.5px;line-height:1.6;display:block;margin-top:1px}
.notif-time{flex:none;font-size:11px;color:var(--muted);text-align:right;position:relative;padding-right:2px}
.notif-dot{display:block;width:8px;height:8px;border-radius:50%;background:var(--danger);margin:5px 0 0 auto}
.chat-unread{font-style:normal;background:var(--danger);color:#fff;border-radius:999px;font-size:11px;font-weight:700;padding:2px 7px;flex:none}
.chat-status{margin:6px 12px 0;display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}
.chat-online-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px var(--ok);flex:none}
.chat-box{height:300px;overflow:auto;background:#f2f3fd;border:1px solid var(--line);border-radius:12px;padding:10px;font-size:13px;line-height:1.6;display:flex;flex-direction:column}
.chat-page-box{height:calc(100vh - 235px);min-height:300px;margin:12px}
.staff-bub{background:#fff;border:1px solid var(--line);border-top-left-radius:4px;color:var(--ink)}
.me-bub{background:linear-gradient(135deg,var(--brand),var(--brand));color:#fff;border-top-right-radius:4px}
.official-tag{display:inline-block;margin-left:6px;font-size:10px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--brand),#35b3c9);border-radius:5px;padding:1px 6px;vertical-align:2px;font-style:normal}
.chat-box .me{text-align:right;color:var(--brand)}
.chat-inputbar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:none;display:flex;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-top:1px solid var(--line);z-index:60}
.chat-inputbar input{flex:1;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:10px 14px;outline:0;font-size:16px;min-width:0}
.chat-inputbar input::placeholder{color:var(--faint)}
.chat-icon-btn{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:19px;cursor:pointer;padding:0}
.emoji-panel{position:fixed;bottom:76px;left:50%;transform:translateX(-50%);width:min(370px,94vw);background:rgba(255,255,255,.98);border:1px solid var(--line);border-radius:14px;padding:10px;display:flex;flex-wrap:wrap;gap:4px;z-index:61;box-shadow:0 12px 30px rgba(89,139,253,.25)}
.emoji-panel span{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:10px}
.emoji-panel span:active{background:var(--accent-soft)}
#view-chat{padding-bottom:86px}
#view-ochat{padding-bottom:86px}
.tabbar>div{position:relative}
.tab-badge{position:absolute;top:-2px;right:6px;font-style:normal;background:var(--danger);color:#fff;border-radius:999px;font-size:10px;font-weight:700;padding:1px 6px;line-height:1.5;box-shadow:0 2px 8px rgba(255,59,48,.5)}
#csToast{position:fixed;top:-70px;left:50%;transform:translateX(-50%);width:min(360px,92vw);background:linear-gradient(90deg,var(--brand-ink),var(--ink));color:var(--gold-pale);border:1px solid rgba(255,217,119,.4);border-radius:14px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;box-shadow:0 12px 32px rgba(38,38,46,.45);z-index:200;transition:top .35s ease;cursor:pointer}
#csToast.show{top:calc(10px + env(safe-area-inset-top))}
#csToast .cs-toast-go{font-size:12px;opacity:.85;font-weight:400}
.user-row{display:flex;gap:12px;align-items:center;cursor:pointer}
.avatar{width:60px;height:60px;border-radius:50%;background:var(--accent-soft)}
.avatar-wrap{position:relative;flex:none;cursor:pointer}
.avatar-wrap .avatar{display:block;object-fit:cover}
.avatar-cam{position:absolute;right:-3px;bottom:-3px;background:var(--brand);border:2px solid #fff;border-radius:50%;width:21px;height:21px;font-size:10px;display:flex;align-items:center;justify-content:center}
.avatar-big{width:76px;height:76px;border-radius:50%;object-fit:cover}
.user-name{font-size:19px;font-weight:800}
.user-sub{opacity:.75;font-size:12px;margin-top:3px}
.uname-line{display:flex;align-items:center;gap:8px}
.order-row{display:flex;justify-content:space-around;text-align:center}
.order-row div{position:relative;cursor:pointer;display:flex;flex-direction:column;gap:6px;font-size:13px;align-items:center}
.order-row i{font-style:normal;font-size:22px;background:var(--accent-soft);border:1px solid var(--line);border-radius:12px;padding:10px;width:48px}
.badge{position:absolute;top:-5px;right:0;background:var(--danger);color:#fff;border-radius:999px;font-style:normal;font-size:11px;padding:1px 6px;display:none}
.banner{flex:1;border-radius:14px;padding:16px;position:relative;cursor:pointer;display:flex;flex-direction:column}
.banner small{opacity:.8;margin-top:4px}
.banner span{position:absolute;right:10px;bottom:8px;font-size:28px}
.banner.orange{background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#fff}
.banner.white{background:#fff;color:var(--ink);border:1px solid var(--line)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 6px;text-align:center}
.grid div{cursor:pointer;font-size:12px;display:flex;flex-direction:column;gap:6px;align-items:center;color:var(--ink-2)}
.grid i{font-style:normal;font-size:22px;background:var(--accent-soft);border:1px solid var(--line);border-radius:12px;padding:10px;width:48px}
.vip-badge{display:inline-block;font-size:11px;font-weight:700;color:#7a5200;background:#fff3d6;border:1px solid rgba(217,164,6,.55);padding:2px 9px;border-radius:999px}
.vip-badge-hit{display:inline-flex;align-items:center;min-height:32px;padding:5px 2px}
.vip-badge.vip-t0{background:#f3f4f6;border-color:#d1d5db;color:#6b7280}
.vip-badge.vip-t1{background:linear-gradient(90deg,#fff3d6,#ffe9a8);border-color:#d9a406;color:#7a5200}
.vip-badge.vip-t2{background:linear-gradient(90deg,#e0f7fe,#cffafe);border-color:#38bdf8;color:#0369a1}
.vip-badge.vip-t3{background:linear-gradient(90deg,#ede9fe,#ddd6fe);border-color:#8b5cf6;color:#5b21b6}
.vip-badge.vip-t4{background:linear-gradient(90deg,#f59e0b,#ef4444,#ec4899);border-color:#b45309;color:#fff7e0}
.my-level-card{margin:12px;border-radius:18px;padding:20px;color:#fff;position:relative;overflow:hidden;background:radial-gradient(420px 180px at 88% -30%,rgba(232,180,162,.16),transparent 60%),radial-gradient(380px 200px at 6% 115%,rgba(147,167,201,.14),transparent 60%),linear-gradient(125deg,#0a0906,#171208 46%,#261b0c 72%,#100c05);border:1px solid rgba(217,164,6,.55);box-shadow:0 14px 34px rgba(10,8,4,.45),inset 0 0 0 1px rgba(255,217,120,.08)}
.mlc-top{display:flex;align-items:center;gap:10px}
.mlc-top b{font-size:20px;display:block;letter-spacing:1px;background:linear-gradient(92deg,#f7dc8a,#d9a406 55%,#ffe9a8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.mlc-top small{color:rgba(255,255,255,.75);font-size:11px}
.mlc-crown{font-size:32px;filter:drop-shadow(0 0 10px rgba(255,209,102,.9))}
.mlc-spend{margin-left:auto;font-size:12px;color:var(--gold-pale);text-align:right}
.lv-progress{height:9px;border-radius:99px;background:rgba(255,255,255,.18);margin:14px 0 8px;overflow:hidden}
.lv-progress i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--gold-bright),#f5c451,#e8a33d);box-shadow:0 0 10px rgba(245,197,66,.7)}
.mlc-tip{font-size:12px;color:rgba(255,255,255,.85);line-height:1.7}
.my-level-card.vip-hero.vip-t1{border-color:rgba(245,197,66,.85)}
.my-level-card.vip-hero.vip-t2{border-color:rgba(178,193,219,.85)}
.my-level-card.vip-hero.vip-t3{border-color:rgba(214,226,245,.9);box-shadow:0 14px 34px rgba(10,8,4,.45),0 0 22px rgba(190,205,235,.35)}
.my-level-card.vip-hero.vip-t4{border-color:#ffd97a;box-shadow:0 14px 34px rgba(10,8,4,.45),0 0 28px rgba(245,179,1,.5)}
.my-level-card.vip-t4 .vip-sheen{width:110px;background:linear-gradient(100deg,transparent,rgba(255,217,120,.5) 30%,rgba(244,114,182,.32) 48%,rgba(125,211,252,.3) 62%,rgba(232,180,162,.34) 76%,transparent);animation-duration:3.2s}
.my-level-card .vip-border-flow{position:absolute;inset:0;border-radius:inherit;padding:1.6px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;overflow:hidden;pointer-events:none}
.my-level-card .vip-border-flow i{position:absolute;left:50%;top:50%;width:230%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(0);background:conic-gradient(from 0deg,transparent 0deg,#ffd97a 40deg,#f472b6 90deg,transparent 140deg,#7dd3fc 200deg,#e8b4a2 260deg,transparent 310deg);animation:vipRingSpin 5.2s linear infinite}
@keyframes vipRingSpin{
to{transform:translate(-50%,-50%) rotate(360deg)}
}
.vip-badge svg{vertical-align:-2px;margin-right:3px}
.mlc-crown svg{width:34px;height:34px;display:block;filter:drop-shadow(0 0 10px rgba(255,209,102,.9))}
.lc-head svg{vertical-align:-3px;margin-right:4px;width:15px;height:15px}
.my-level-card .vip-sheen{position:absolute;top:-10%;bottom:-10%;left:0;width:64px;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,217,120,.3) 38%,rgba(232,180,162,.2) 55%,rgba(168,188,230,.18) 68%,transparent);transform:translateX(-110px) skewX(-18deg);opacity:0;animation:vipSheen 4.4s ease-in-out infinite}
@keyframes vipSheen{
0%,52%{transform:translateX(-110px) skewX(-18deg);opacity:0}
66%{opacity:1}
100%,88%{transform:translateX(460px) skewX(-18deg);opacity:0}
}
.level-scroll{display:flex;gap:10px;overflow-x:auto;padding:4px}
.level-scroll::-webkit-scrollbar{display:none}
.level-card{min-width:150px;background:#fff;border:1px solid #f1e6cc;color:var(--ink-2);border-radius:14px;padding:15px;line-height:1.7;cursor:pointer}
.level-card.sel{border-color:#d9a406;box-shadow:0 0 0 1px #d9a406,0 8px 20px rgba(190,140,20,.25)}
.level-card.locked{opacity:.55}
.level-card .lc-head{font-size:15px;color:var(--ink)}
.level-card .lc-need{color:#b8860b;font-size:13px;margin-top:2px;font-weight:700}
.level-card small{color:var(--muted)}
.level-card .lc-right{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.5}
.rights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.right-cell{background:#fbf4e4;border:1px solid #f1e4c6;border-radius:12px;padding:12px 8px;text-align:center}
.right-cell i{font-style:normal;font-size:22px;display:block;margin-bottom:5px}
.right-cell b{font-size:12.5px;display:block;line-height:1.45;color:var(--ink-2)}
.right-cell small{color:var(--muted);font-size:11px}
.vip-t0-txt{color:#6b7280}
.vip-t1-txt{color:#b8860b}
.vip-t2-txt{color:#0369a1}
.vip-t3-txt{color:#5b21b6}
.vip-t4-txt{color:#b45309}
#levelRightsName{font-weight:700}
.level-card{position:relative}
.level-card .lc-lock{position:absolute;top:8px;right:10px;font-size:13px;line-height:1}
.level-card.sel.vip-t0{border-color:#9ca3af;box-shadow:0 0 0 1px #9ca3af,0 8px 20px rgba(107,114,128,.25)}
.level-card.sel.vip-t1{border-color:#d9a406;box-shadow:0 0 0 1px #d9a406,0 8px 20px rgba(190,140,20,.25)}
.level-card.sel.vip-t2{border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf8,0 8px 20px rgba(56,189,248,.28)}
.level-card.sel.vip-t3{border-color:#8b5cf6;box-shadow:0 0 0 1px #8b5cf6,0 8px 20px rgba(139,92,246,.28)}
.level-card.sel.vip-t4{border-color:#f59e0b;box-shadow:0 0 0 1px #f59e0b,0 8px 20px rgba(245,158,11,.3)}
.rights-banner{grid-column:1/-1;display:flex;align-items:center;gap:8px;border-radius:12px;padding:10px 12px;font-size:12.5px;border:1px solid #f1e4c6;background:#fbf4e4;color:var(--ink-2)}
.rights-banner b{font-size:13px;white-space:nowrap}
.rights-banner.vip-t0{background:#f3f4f6;border-color:#d1d5db}
.rights-banner.vip-t1{background:linear-gradient(90deg,#fff3d6,#ffe9a8);border-color:rgba(217,164,6,.55)}
.rights-banner.vip-t2{background:linear-gradient(90deg,#e0f7fe,#cffafe);border-color:#38bdf8}
.rights-banner.vip-t3{background:linear-gradient(90deg,#ede9fe,#ddd6fe);border-color:#8b5cf6}
.rights-banner.vip-t4{background:linear-gradient(90deg,#fef3c7,#fce7f3);border-color:#f59e0b}
.right-cell.vip-t0{background:#f7f7f9;border-color:#e2e3e8}
.right-cell.vip-t1{background:#fbf4e4;border-color:#f1e4c6}
.right-cell.vip-t2{background:#eff9fe;border-color:#c9eafb}
.right-cell.vip-t3{background:#f4f1fe;border-color:#e0d8fb}
.right-cell.vip-t4{background:#fdf6e9;border-color:#f3dfc0}
.level-intro{font-size:13.5px;line-height:1.85;color:var(--ink-2)}
.level-intro h4{font-size:14.5px;color:var(--ink);margin:14px 0 4px}
.li-p{margin:4px 0}
.li-steps{margin:10px 0}
.li-step{background:#fbf4e4;border:1px solid #f1e4c6;border-radius:12px;padding:10px 12px}
.li-step b{font-size:14px;color:var(--ink)}
.li-step small{display:block;color:#b8860b;font-size:12px;margin:2px 0}
.li-step p{color:var(--ink-2);font-size:12.5px;line-height:1.6}
.li-arrow{text-align:center;color:var(--faint);transform:rotate(90deg);font-size:15px;line-height:1;padding:1px 0}
.rank-note{margin:2px 12px 0;font-size:12px;color:var(--muted)}
.podium{display:flex;align-items:flex-end;gap:10px;padding:18px 12px 4px}
.pod-col.p1 .pod-ava{width:66px;height:66px;box-shadow:0 0 0 2px #f5b301,0 0 20px rgba(245,179,1,.55)}
.pod-col.p2 .pod-ava{box-shadow:0 0 0 2px #b9c2d0,0 0 14px rgba(160,170,190,.5)}
.pod-col.p3 .pod-ava{box-shadow:0 0 0 2px #e8a06a,0 0 14px rgba(232,160,106,.5)}
.pod-col.p1 .pod-base{height:56px;background:linear-gradient(180deg,#ffe29a,#f5b301)}
.pod-col.p2 .pod-base{height:42px;background:linear-gradient(180deg,#e8ecf7,#9aa5c4);color:#232946}
.pod-col.p3 .pod-base{height:32px;background:linear-gradient(180deg,#f6c79a,#d98243);color:#3a2410}
.rank-row .amt{margin-left:auto;color:var(--price);font-weight:800}
.rank-hide-row{display:flex;align-items:center;gap:10px;margin:10px 12px 0;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.rank-hide-txt{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.rank-hide-txt b{font-size:13px;color:var(--ink-2)}
.rank-hide-txt small{font-size:11px;color:var(--muted);line-height:1.5}
.rank-hide-state{font-size:11px;color:var(--brand);white-space:nowrap}
.form-card{background:#fff;border:1px solid var(--line);border-radius:16px;margin:12px;padding:16px;line-height:1.7;color:var(--ink);box-shadow:0 8px 22px rgba(89,139,253,.06)}
.form-card label{display:block;font-size:13px;color:var(--ink-2);font-weight:600;margin-top:4px}
.form-card input,.form-card select,.form-card textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px;margin:7px 0 13px;outline:0;background:var(--surface);color:var(--ink)}
.form-card input::placeholder,.form-card textarea::placeholder{color:var(--faint)}
.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:var(--brand)}
.dark-form{background:#fff;color:var(--ink)}
.dark-form input,.dark-form select,.dark-form textarea{background:var(--surface);color:var(--ink);border-color:var(--line)}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chips span{border:1px solid var(--line);border-radius:999px;padding:7px 13px;cursor:pointer;background:#fff;color:var(--ink-2)}
.chips span.on{background:var(--brand);color:#fff;border-color:var(--brand)}
.stepper{display:flex;gap:10px;align-items:center}
.stepper button{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:17px;color:var(--ink-2)}
.stepper input#cPrice{width:76px;text-align:center;font-size:20px;font-weight:800;background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--ink);padding:5px 2px;outline:0}
.steps-bar{display:flex;align-items:flex-start;margin:10px 0 16px}
.steps-bar .step{display:flex;flex-direction:column;align-items:center;gap:5px;flex:none;width:52px;text-align:center}
.steps-bar .step i{font-style:normal;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:var(--accent-soft);color:var(--muted);border:1px solid var(--line)}
.steps-bar .step span{font-size:11px;color:var(--muted);white-space:nowrap}
.steps-bar .step.on i{background:var(--brand);color:#fff;border-color:var(--brand)}
.steps-bar .step.on span{color:var(--ink);font-weight:700}
.steps-bar .step-line{flex:1;height:2px;background:var(--line);margin-top:13px;border-radius:2px}
.steps-bar .step-line.on{background:var(--brand)}
.menu-row{display:flex;justify-content:space-between;align-items:center;padding:13px 2px;border-bottom:1px solid var(--line-soft);cursor:pointer;font-size:14px}
.menu-row:last-child{border-bottom:none}
.menu-arrow{color:var(--faint)}
.desk-row .dr-name{display:flex;align-items:center;gap:9px}
.desk-row .dr-ico{font-style:normal;font-size:16px;width:22px;text-align:center}
#deskListRows .menu-row:last-child{border-bottom:0}
.rule-body{white-space:pre-line;font-size:14px;color:var(--ink-2);line-height:1.9;word-break:break-word}
.agree{font-size:13px;color:var(--muted)}
.agree a{color:var(--brand)}
details{background:#fff;border:1px solid var(--line);border-radius:12px;margin:10px 12px;padding:13px 15px}
summary{font-weight:700;cursor:pointer;color:var(--ink)}
details p{color:var(--ink-2)!important}
.login-wrap{padding:20px;text-align:center;background:linear-gradient(180deg,var(--brand-soft),var(--bg));min-height:88vh}
.login-logo{font-size:84px;margin:26px 0 4px}
.login-logo img.login-brand-img{height:44px;width:auto}
.login-form{width:88%;margin:0 auto 14px;text-align:left}
.login-form label{display:block;font-size:13px;color:var(--ink-2);font-weight:600;margin:10px 0 6px}
.login-form input{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;outline:0;background:#fff;box-sizing:border-box;font-size:15px;color:var(--ink)}
.login-form .code-row{display:flex;gap:8px}
.login-form .code-row input{flex:1}
.phone-row{display:flex;gap:8px}
.phone-row input{flex:1;min-width:0}
.cc-select{flex:0 0 auto;max-width:44%;border:1px solid var(--line);border-radius:10px;padding:0 8px;background:#fff;font-size:14px;color:var(--ink);min-height:44px}
.login-form .code-row button:disabled{opacity:.55}
#codeHint{background:#fff1e6!important;color:var(--danger)!important;border:1px solid #ffd8b8}
.modal-mask{position:fixed;inset:0;background:rgba(30,30,45,.5);display:none;align-items:center;justify-content:center;z-index:99;padding:22px}
.modal-mask.show{display:flex}
.modal-mask.pay-success-mask{background:rgba(30,30,45,.8)}
.modal{background:#fff;border-radius:18px;padding:22px;width:100%;max-width:330px;line-height:1.8;color:var(--ink)}
.modal h3{text-align:center;margin-bottom:8px;color:var(--ink)}
.modal p{color:var(--ink-2)}
.modal .row{display:flex;gap:10px;margin-top:15px}
.modal .row button{flex:1}
#toast{position:fixed;left:50%;bottom:108px;transform:translateX(-50%);background:rgba(20,18,16,.9);color:#fff;padding:10px 16px;border-radius:999px;font-size:13px;display:none;z-index:120;max-width:86vw;text-align:center}
.notice-pop{display:flex;flex-direction:column;align-items:center;width:100%;max-width:350px}
.np-card{background:#fff;border-radius:20px;padding:24px 20px 0;width:100%;overflow:hidden;line-height:1.8;box-shadow:0 12px 40px rgba(30,30,45,.3)}
.np-title{text-align:center;font-size:19px;margin-bottom:10px;color:var(--ink)}
.np-body{font-size:13.5px;color:var(--ink-2);white-space:pre-line;max-height:42vh;overflow:auto;word-break:break-word}
.np-red{color:var(--danger);font-weight:700}
.np-detail{display:block;margin:14px auto 4px;background:0 0;border:none;color:var(--brand);font-size:14px;cursor:pointer;padding:4px 10px}
.np-banner{margin:14px -20px 0;background:linear-gradient(90deg,var(--brand-ink),var(--brand-deep) 55%,var(--brand));color:#fff;text-align:center;padding:12px 10px;font-size:16px;font-weight:700;letter-spacing:3px}
.np-banner small{display:block;font-size:11px;font-weight:400;letter-spacing:1px;opacity:.85;margin-top:2px}
.np-close{margin-top:16px;width:44px;height:44px;border-radius:50%;border:none;background:var(--brand);color:#fff;font-size:18px;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(89,139,253,.45)}
#maintenanceMask{color:var(--ink)}
.wb-switch-row{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-weight:600}
.wb-switch{position:relative;display:inline-block;width:52px;height:30px}
.wb-switch input{opacity:0;width:0;height:0}
.wb-switch i{position:absolute;inset:0;border-radius:999px;background:var(--line);transition:background .2s;cursor:pointer}
.wb-switch i::after{content:'';position:absolute;left:3px;top:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.18);transition:transform .2s}
.wb-switch input:checked+i{background:var(--ok)}
.wb-switch input:checked+i::after{transform:translateX(22px)}
.wb-switch input:disabled+i{opacity:.45;cursor:not-allowed}
.wb-reason{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.7}
.photo-grid{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 10px}
.photo-cell{position:relative;width:76px;height:76px;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:var(--accent-soft)}
.photo-cell img{width:100%;height:100%;object-fit:cover;display:block}
.photo-cell button{position:absolute;top:2px;right:2px;width:20px;height:20px;border:none;border-radius:50%;background:rgba(20,18,16,.75);color:#fff;font-size:12px;line-height:20px;padding:0;cursor:pointer}
.photo-empty{color:var(--muted);font-size:12px;padding:8px 0;line-height:1.7}
.photo-add{display:inline-block;cursor:pointer;margin:2px 0 10px;text-align:center}
.view.active{animation:viewIn .3s cubic-bezier(.2,.7,.3,1) both}
@keyframes viewIn{
from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:none}
}
.rise{animation:riseIn .55s cubic-bezier(.2,.7,.3,1) both;animation-delay:var(--d,0s)}
@keyframes riseIn{
from{opacity:0;transform:translateY(14px)}
to{opacity:1;transform:none}
}
#view-desk{background:linear-gradient(180deg,#d9e7fa,var(--bg) 340px,var(--bg));color:var(--ink)}
.dk-header{position:relative;background:radial-gradient(120% 110% at 8% -12%,rgba(89,139,253,.5),rgba(0,0,0,0) 58%),radial-gradient(130% 105% at 88% -8%,rgba(154,212,203,.85),rgba(0,0,0,0) 55%),radial-gradient(105% 90% at 50% 118%,rgba(53,179,201,.32),rgba(0,0,0,0) 62%),linear-gradient(180deg,#c7dbfe 0,#e1f1ed 100%);padding:30px 18px 20px;border-radius:0 0 26px 26px;box-shadow:0 10px 26px rgba(89,139,253,.14)}
.dk-vip{margin-top:12px;border-radius:18px;padding:12px 16px;background:linear-gradient(120deg,#191410,#3a2d1b 55%,#191410);color:#e9cf9a;position:relative;overflow:hidden;box-shadow:0 8px 20px rgba(30,22,8,.25);cursor:pointer}
.dk-vip:active{transform:scale(.99)}
.dk-vip-row{display:flex;align-items:center;gap:12px;position:relative;z-index:1}
.dk-vip-medal{width:42px;height:42px;border-radius:50%;flex:none;background:radial-gradient(circle at 32% 30%,#f6df9e,#c9a44a 70%,#a87f2e);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 2px rgba(255,246,200,.55),0 3px 8px rgba(0,0,0,.35)}
.dk-vip-medal svg{width:22px;height:22px}
.dk-vip-mid{min-width:0}
.dk-vip-mid small{display:block;color:#cbb26b;font-size:12px}
.dk-vip-lv{display:block;font-size:20px;font-weight:800;color:#f3dfa6;margin-top:2px;white-space:nowrap}
.dk-vip-prog{margin-left:auto;text-align:right;flex:none}
.dk-vip-prog b{font-size:14.5px;color:#fff;font-weight:600;white-space:nowrap}
.dk-vip-bar{display:block;width:112px;height:5px;border-radius:99px;background:rgba(255,255,255,.18);margin-top:7px;overflow:hidden}
.dk-vip-bar i{display:block;height:100%;background:linear-gradient(90deg,#d9a94a,#f6df9e)}
.dk-vip-go{margin-left:auto;font-size:20px;color:#cbb26b;flex:none}
.dk-gear{position:absolute;top:14px;right:16px;font-size:17px;background:rgba(255,255,255,.75);width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 10px rgba(89,139,253,.18)}
#view-desk .user-row{cursor:default}
#view-desk .avatar{width:64px;height:64px;box-shadow:0 0 0 3px #fff,0 8px 18px rgba(89,139,253,.25);background:var(--accent-soft)}
#view-desk .avatar-cam{border-color:var(--accent-soft);background:#111;color:var(--gold-bright)}
.dk-user-main{flex:1;min-width:0;cursor:pointer}
#view-desk .user-name{color:var(--ink);font-size:20px}
#view-desk .user-sub{color:var(--muted);opacity:1}
.dk-uid{font-size:11.5px;color:var(--muted);margin-top:2px}
#view-desk .vip-badge{box-shadow:none;border-color:rgba(176,141,58,.5)}
#view-desk .dk-card{background:#fff;border:1px solid var(--line);box-shadow:0 8px 22px rgba(89,139,253,.08);color:var(--ink);border-radius:20px}
#view-desk .card-head span{color:var(--muted)}
.dk-orders div i{background:var(--accent-soft);border:1px solid var(--line)}
.dk-orders .badge{right:2px}
.dk-service .chat-unread{position:absolute;top:10px;right:10px}
#moreGrid .grid-cs{position:relative}
#moreGrid .grid-cs .chat-unread{position:absolute;top:0;right:2px}
#view-desk .grid{grid-template-columns:repeat(4,1fr);gap:14px 6px}
#view-desk .grid i{background:0 0;border:none;border-radius:0;padding:0;width:auto;font-size:24px;line-height:1.15}
#view-desk .grid div{color:var(--ink-2);font-size:12.5px}
#view-desk .bstatus.st-off{color:var(--muted)}
#view-desk .wb-switch i{background:var(--line)}
#view-desk .wb-switch i::after{box-shadow:0 2px 6px rgba(0,0,0,.2)}
#view-desk .empty{color:var(--muted)}
.tabbar{position:fixed;bottom:13px;left:50%;transform:translateX(-50%);width:min(370px,94vw);background:rgba(255,255,255,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(38,38,46,.06);border-radius:999px;box-shadow:0 14px 34px rgba(89,139,253,.25),0 3px 10px rgba(89,139,253,.12);display:flex;justify-content:space-around;align-items:center;padding:8px 4px;z-index:50}
.tabbar>div{cursor:pointer;text-align:center;font-size:11px;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:2px;z-index:1;flex:1}
.tabbar>div.active{color:var(--brand)}
.tabbar i{font-style:normal;font-size:20px}
#tabInk{position:absolute;top:5px;bottom:5px;left:0;width:0;border-radius:999px;background:linear-gradient(90deg,rgba(89,139,253,.13),rgba(123,108,240,.2));opacity:0;transition:transform .34s cubic-bezier(.3,.8,.3,1),opacity .2s;z-index:0}
.tab-butler-ava{width:24px;height:24px;border-radius:50%;object-fit:cover;display:block}
@media (prefers-reduced-motion:reduce){
.rise,.view.active{animation:none}
.bstatus.st-on i,.vip-border-flow i,.vip-sheen,.voice-pill.voice-playing .vp-bars i{animation:none}
#tabInk{transition:none}
}
.exam-grade-card.on{border-color:var(--brand);background:var(--brand-soft);box-shadow:0 2px 10px rgba(89,139,253,.18)}
.tag-chip{display:inline-block;border-radius:20px;padding:2px 9px;font-size:11px;font-weight:600;vertical-align:1px}
.tier-tag{display:inline-block;background:var(--ink);color:var(--gold-bright);border-radius:20px;padding:2px 9px;font-size:11px;font-weight:600}
.wb-order.tier-blocked{opacity:.55}
.wb-order.tier-blocked .wb-order-side b{color:#999}
.btag.grade-tag{background:var(--ink);color:var(--gold-bright);border-color:var(--ink)}
.as-chips{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 12px}
.as-chip{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:6px 14px;font-size:13px;cursor:pointer}
.as-chip.on{background:var(--brand);color:#fff;border-color:var(--brand);font-weight:700}
.as-imgs{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0}
.as-img{position:relative;width:64px;height:64px}
.as-img img{width:64px;height:64px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.as-img em{position:absolute;top:-6px;right:-6px;background:var(--danger);color:#fff;border-radius:50%;width:18px;height:18px;line-height:18px;text-align:center;font-style:normal;font-size:11px;cursor:pointer}
.as-img-add{width:64px;height:64px;border:1px dashed var(--line);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--accent-deep);cursor:pointer;background:var(--surface)}
.as-status{color:var(--accent-deep);font-weight:700}
.as-steps{display:flex;align-items:center;gap:5px;margin:8px 0 2px;flex-wrap:wrap}
.as-step{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--muted)}
.as-step i{width:16px;height:16px;border-radius:50%;background:#e5eaf4;color:#9aa0b8;font-style:normal;display:inline-flex;align-items:center;justify-content:center;font-size:10px;flex:none}
.as-step.done{color:var(--teal,#35b3c9)}
.as-step.done i{background:var(--teal,#35b3c9);color:#fff}
.as-step.current{color:var(--brand,#598bfd);font-weight:700}
.as-step.current i{background:var(--brand,#598bfd);color:#fff}
.as-step-line{width:12px;height:1px;background:#d9e0ee;flex:none}
.as-esc-badge{display:inline-block;font-size:11px;font-weight:700;color:#fff;background:#e5484d;border-radius:999px;padding:1px 8px;margin-left:6px;vertical-align:1px}
.as-desc{font-size:13px;color:var(--ink-2);line-height:1.7;margin:6px 0;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 10px}
.as-result{font-size:13px;line-height:1.8;margin:6px 0;background:var(--accent-soft);border-radius:8px;padding:8px 10px}
.quick b img{width:20px;height:20px;border-radius:6px;object-fit:cover;vertical-align:-4px}
.grid i img{width:26px;height:26px;border-radius:8px;object-fit:cover}
.dk-goldcard{margin-top:12px;background:linear-gradient(120deg,#16130e,#241d0e);border:1px solid var(--gold);border-radius:16px;padding:14px;display:flex;align-items:center;gap:11px;cursor:pointer;color:var(--gold-pale);box-shadow:0 10px 24px rgba(38,38,46,.3)}
.dk-goldcard .dk-gold-ico{font-size:24px}
.dk-goldcard .dk-gold-ico img{width:30px;height:30px;border-radius:9px;object-fit:cover;display:block}
.dk-gold-main{flex:1;min-width:0}
.dk-gold-main b{display:block;font-size:15px;color:var(--gold-bright)}
.dk-gold-main small{color:rgba(255,240,200,.7);font-size:11.5px}
.dk-gold-go{background:linear-gradient(135deg,var(--gold-pale),var(--gold));color:var(--ink);font-weight:800;font-size:12.5px;border-radius:999px;padding:7px 12px;white-space:nowrap}
.d-carousel{position:relative;margin:12px 12px 0;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,var(--brand-mist),var(--brand))}
.d-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.d-track::-webkit-scrollbar{display:none}
.d-slide{flex:0 0 100%;scroll-snap-align:start}
.d-slide img{width:100%;height:230px;object-fit:cover;display:block}
.d-ph{height:230px;display:flex;align-items:center;justify-content:center;font-size:84px}
.d-dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:6px}
.d-dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.55)}
.d-dots i.on{background:#fff;width:16px;border-radius:99px}
.d-title-card{margin-top:12px}
.d-title-row{display:flex;align-items:flex-start;gap:10px}
.d-title-row b{flex:1;font-size:17px;line-height:1.45;color:var(--ink)}
.d-title-row .fav{font-size:24px;cursor:pointer;line-height:1.2;padding:0 2px;color:var(--faint)}
.d-title-row .fav.on{color:var(--danger)}
.d-price-now{color:var(--price);font-weight:800;font-size:24px}
.d-price-now small{font-size:13px;margin-left:2px}
.d-price-orig{color:var(--faint);font-weight:400;font-size:14px;margin-left:8px}
.d-meta-row{display:flex;gap:10px;color:var(--muted);font-size:12px;margin-top:6px;align-items:center}
.spec-row{display:flex;flex-wrap:wrap;gap:8px}
.spec-chip{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:8px 12px;font-size:13px;cursor:pointer;color:var(--ink-2);display:inline-flex;gap:6px;align-items:baseline}
.spec-chip small{color:var(--muted);font-size:11.5px}
.spec-chip.on{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-deep);font-weight:700}
.spec-chip.on small{color:var(--danger)}
.d-shop-card{margin-top:12px;display:flex;align-items:center;gap:11px}
.d-shop-main{flex:1;display:flex;align-items:center;gap:11px;cursor:pointer;min-width:0}
.d-shop-logo{width:44px;height:44px;border-radius:12px;object-fit:cover;flex-shrink:0}
.d-shop-logo-fb{display:flex;align-items:center;justify-content:center;background:var(--accent-soft);font-size:22px}
.d-shop-txt b{display:block;font-size:14.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.d-shop-txt small{color:var(--muted);font-size:12px}
.follow-btn{background:var(--accent-deep);color:#fff;border:none;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}
.follow-btn.on{background:var(--line);color:var(--muted)}
.bar-shop{display:flex;flex-direction:column;align-items:center;gap:1px;background:0 0;border:none;font-size:17px;color:var(--ink-2);cursor:pointer;padding:2px 8px}
.bar-shop span{font-size:10.5px}
.d-buy{flex:1;font-size:16px;font-weight:800;padding:13px 0;border-radius:999px}
.d-buy.sold-out{background:var(--faint);box-shadow:none}
.shop-head{display:flex;align-items:center;gap:12px;margin:12px 12px 0}
.shop-page-logo{width:54px;height:54px;border-radius:14px;object-fit:cover}
.shop-page-logo-fb{display:flex;align-items:center;justify-content:center;background:var(--accent-soft);font-size:26px}
.shop-page-main b{display:block;font-size:16px;color:var(--ink)}
.shop-page-main small{color:var(--muted);font-size:12px}
.shop-brow{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line-soft);cursor:pointer}
.shop-brow:last-child{border-bottom:none}
.shop-bava{width:42px;height:42px;border-radius:12px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;font-size:20px;overflow:hidden;flex-shrink:0}
.shop-bava img{width:100%;height:100%;object-fit:cover}
.shop-bmeta{flex:1;min-width:0}
.shop-bmeta b{display:block;color:var(--ink);font-size:14px}
.shop-bmeta small{color:var(--muted);font-size:11.5px}
.gcard-h{display:flex;gap:11px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;margin-bottom:10px;cursor:pointer;box-shadow:0 4px 14px rgba(89,139,253,.05)}
.gh-thumb{width:86px;height:86px;border-radius:12px;background:linear-gradient(135deg,var(--accent-soft),var(--accent));display:flex;align-items:center;justify-content:center;font-size:36px;flex-shrink:0;overflow:hidden}
.gh-thumb img{width:100%;height:100%;object-fit:cover}
.gh-main{flex:1;min-width:0;display:flex;flex-direction:column}
.gh-main b{font-size:13.5px;color:var(--ink);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gh-main p{color:var(--muted);font-size:11.5px;margin:3px 0 0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.gh-meta{margin-top:auto;display:flex;gap:8px;align-items:center}
.gh-meta small{color:var(--faint);font-size:11px}
.gh-stock{color:var(--warn);font-size:11px}
.gh-stock.out{color:var(--danger)}
.gh-foot{display:flex;align-items:flex-end;justify-content:space-between;margin-top:4px}
.gh-orig{color:var(--muted);font-size:12px}
.gh-price{color:var(--price);font-weight:800;font-size:17px}
.gh-price small{font-size:11px;margin-left:1px}
.grade-chip{display:inline-block;background:linear-gradient(135deg,var(--ink),var(--brand-ink));color:var(--gold-bright);border-radius:999px;padding:2px 9px;font-size:10.5px;margin:2px 4px 0 0}
.voice-bar .vb-waves{display:inline-flex;gap:2px;align-items:center}
.voice-bar .vb-waves i{width:3px;border-radius:2px;background:var(--ok)}
.voice-bar .vb-waves i:first-child{height:6px}
.voice-bar .vb-waves i:nth-child(2){height:11px}
.voice-bar .vb-waves i:nth-child(3){height:8px}
.voice-bar .vb-waves i:nth-child(4){height:13px}
.voice-bar .vb-waves i:nth-child(5){height:7px}
.voice-bar .vb-waves i:nth-child(6){height:10px}
.voice-bar .vb-waves i:nth-child(7){height:6px}
.choose-games-card{margin:12px 12px 0;padding:12px 6px}
.gender-tabs{display:flex;justify-content:center;gap:44px;padding:14px 0 4px}
.gender-tabs span{font-size:16px;color:var(--muted);padding:4px 2px;cursor:pointer}
.gender-tabs span.on{color:var(--brand);font-weight:700;border-bottom:3px solid var(--brand)}
.board-card{margin:12px 12px 0;padding:14px 6px 8px}
.board-card .card-head{padding:0 10px}
.board-card .card-head span{cursor:default}
.board-rank{width:26px;height:26px;line-height:26px;border-radius:50%;background:var(--brand-soft);color:var(--brand);font-size:13px;flex:none}
.board-rank.r1{background:linear-gradient(135deg,#f6c453,#d99413);color:#fff}
.board-rank.r2{background:linear-gradient(135deg,#d7dce2,#9aa3ad);color:#fff}
.board-rank.r3{background:linear-gradient(135deg,#d89a6a,#b0722f);color:#fff}
.board-name{font-weight:700;color:var(--ink);display:flex;align-items:center;gap:6px;min-width:0}
.board-grade{display:inline-block;background:linear-gradient(135deg,var(--brand),var(--brand-ink));color:#fff;border-radius:999px;padding:1px 8px;font-size:10.5px;font-weight:700;flex:none}
.board-meta{margin-left:auto;color:var(--muted);font-size:12px;white-space:nowrap}
.board-row{animation:boardIn .28s ease both}
@keyframes boardIn{
from{opacity:0;transform:translateY(6px)}
to{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){
.board-row{animation:none}
}
.choose-search{padding:10px 12px 2px}
.choose-search input{width:100%;border:none;background:#fff;border-radius:999px;padding:12px 16px;font-size:14px;text-align:center;box-shadow:0 2px 10px rgba(60,45,10,.06);outline:0}
.bcard2{display:flex;gap:12px;background:#fff;border-radius:16px;padding:12px;margin:10px 12px 0;box-shadow:0 2px 12px rgba(60,45,10,.05)}
.bcard2-photo{position:relative;flex:0 0 104px;width:104px;height:104px;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,var(--brand-soft),var(--accent-soft));display:flex;align-items:center;justify-content:center;font-size:44px;cursor:pointer}
.bcard2-photo img{width:100%;height:100%;object-fit:cover}
.bcard2-photo.small{flex-basis:56px;width:56px;height:56px;font-size:24px;border-radius:12px}
.bcard2-status{position:absolute;top:6px;left:6px;display:inline-flex;align-items:center;gap:4px;background:rgba(20,18,8,.55);color:#7be495;font-size:11px;padding:2px 8px;border-radius:999px}
.bcard2-status i{width:6px;height:6px;border-radius:50%;background:#3ecf6b;display:inline-block}
.bcard2-status.busy{color:#ffd479}
.bcard2-status.busy i{background:#f5b83d}
.bcard2-status.off{color:#d8d8d8}
.bcard2-status.off i{background:#9a9a9a}
.bcard2-voice{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:5px;background:#fff;border-radius:999px;padding:3px 9px;font-size:11px;color:#3ba55d;box-shadow:0 2px 8px rgba(0,0,0,.18);cursor:pointer;white-space:nowrap}
.bcard2-voice em{font-style:normal}
.bcard2-main{flex:1;min-width:0;display:flex;flex-direction:column}
.bcard2-name{font-size:17px;font-weight:800;color:var(--ink);cursor:pointer}
.bcard2-meta{display:flex;align-items:center;gap:6px;margin-top:3px;font-size:12.5px;color:var(--muted);flex-wrap:wrap}
.gchip{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;color:#fff;font-size:11px;font-weight:700}
.gchip.male{background:var(--brand)}
.gchip.female{background:var(--accent)}
.bcard2-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.bcard2-tags .game-tag{background:var(--brand-soft);color:var(--brand-deep)}
.bcard2-intro{margin-top:6px;font-size:13px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bcard2-btns{margin-top:auto;padding-top:10px;display:flex;justify-content:flex-end;gap:8px}
.btn-tip{background:#fff;border:1.5px solid var(--accent);color:var(--accent-deep);border-radius:999px;padding:7px 18px;font-size:14px;font-weight:700;cursor:pointer}
.btn-ordernow{background:linear-gradient(135deg,#6f73f2,var(--brand-deep));border:none;color:#fff;box-shadow:0 4px 12px rgba(89,139,253,.3);border-radius:999px;padding:8px 20px;font-size:14px;font-weight:700;cursor:pointer}
.btn-tipbar{background:#fff;border:1.5px solid var(--brand-mist);color:var(--brand-deep);border-radius:999px;padding:10px 16px;font-weight:700;cursor:pointer}
.ph-back{float:left;font-size:22px;line-height:1;cursor:pointer}
.tip-head{display:flex;gap:12px;align-items:center;margin:12px 12px 0;padding:18px 16px;border-radius:16px;background:linear-gradient(120deg,var(--brand),var(--brand-deep) 62%,#35b3c9);color:#fff;box-shadow:0 10px 24px rgba(89,139,253,.3)}
.tip-head b{font-size:19px}
.tip-head p{margin:4px 0 0;font-size:12.5px;opacity:.92;line-height:1.5}
.tip-heart{flex:0 0 52px;width:52px;height:52px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 0 0 4px rgba(53,179,201,.35)}
.tip-booster{display:flex;gap:12px;align-items:center}
.tip-sec-title{margin:0 0 10px;font-size:16px}
.gift-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.gift-cell{background:#f7f7fb;border:2px solid transparent;border-radius:12px;padding:10px 4px;text-align:center;cursor:pointer}
.gift-cell.on{border-color:var(--brand);background:#e4f6fa}
.gift-cell .gift-ico{font-size:30px;line-height:1.2;height:44px;display:flex;align-items:center;justify-content:center}
.gift-cell .gift-ico img{width:44px;height:44px;object-fit:cover;border-radius:10px}
.gift-cell b{display:block;font-size:13px;color:var(--ink);white-space:nowrap;overflow:hidden}
.gift-cell span{font-size:12px;color:var(--muted)}
.tip-custom-row{display:flex;align-items:center;gap:8px;margin-top:14px}
.tip-custom-row input{flex:1;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;outline:0}
.tip-err{margin-top:10px;background:#e4f6fa;border:1px solid #f3c1b8;color:#b3372c;border-radius:10px;padding:10px 12px;font-size:13.5px}
.tip-bar{padding:14px 12px 20px}
.tip-bar .btn-orange{width:100%;padding:14px;font-size:16px;border-radius:999px}
.wb-dep-pay{display:flex;gap:8px;margin-top:10px}
.wb-dep-pay input{flex:1;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;outline:0}
@media (min-width:641px) and (max-width:1024px){
.phone{max-width:none}
.bottom-bar{width:100vw}
.tabbar{width:min(860px,96vw)}
.chat-inputbar{max-width:none}
#csToast{width:min(520px,92vw)}
.emoji-panel{width:min(520px,94vw)}
.modal{max-width:430px}
.login-form{width:min(480px,88%)}
.goods-grid{grid-template-columns:repeat(3,1fr)}
#view-desk .grid{grid-template-columns:repeat(4,1fr)}
.game-rail .game-tile{flex:0 0 15%}
#catGoods{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#catGoods .gcard-h{margin-bottom:0}
.cat-side{width:150px}
.gift-grid{grid-template-columns:repeat(6,1fr)}
.bd-album{grid-template-columns:repeat(4,1fr)}
.d-ph,.d-slide img{height:340px}
.podium{max-width:760px;margin:0 auto}
.dtab-pane,.level-intro,.rule-body{max-width:880px}
}
@media (min-width:1025px){
.phone{max-width:none}
.bottom-bar{width:100vw}
.tabbar{width:min(1200px,96vw)}
.chat-inputbar{max-width:none}
#csToast{width:min(560px,92vw)}
.emoji-panel{width:min(560px,94vw)}
.modal{max-width:430px}
.login-form{width:min(480px,88%)}
.goods-grid{grid-template-columns:repeat(4,1fr)}
#view-desk .grid{grid-template-columns:repeat(4,1fr)}
.game-rail .game-tile{flex:0 0 10.5%}
#boosterList{display:grid;grid-template-columns:1fr 1fr;align-items:start}
#catGoods{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
#catGoods .gcard-h{margin-bottom:0}
.cat-side{width:190px}
#orderList{display:grid;grid-template-columns:1fr 1fr;align-items:start}
.gift-grid{grid-template-columns:repeat(8,1fr)}
.bd-album{grid-template-columns:repeat(6,1fr)}
.rights-grid{grid-template-columns:repeat(6,1fr)}
.level-scroll{flex-wrap:wrap;overflow-x:visible}
.d-ph,.d-slide img{height:400px}
.podium{max-width:760px;margin:0 auto}
.dtab-pane,.level-intro,.rule-body{max-width:880px}
}
.bg-item{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px;margin-bottom:8px;cursor:pointer;background:var(--surface)}
.bg-item.on{border-color:var(--brand);background:var(--brand-soft)}
.bg-item.dis{opacity:.55;cursor:not-allowed}
.bg-thumb{width:52px;height:52px;border-radius:10px;overflow:hidden;background:var(--bg-soft);display:flex;align-items:center;justify-content:center;font-size:24px;flex:none}
.bg-thumb img{width:100%;height:100%;object-fit:cover}
.bg-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.bg-main b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bg-price{color:var(--price);font-weight:700;font-size:14px}
.bg-price small{font-size:11px;font-weight:400}
.bg-check{color:var(--brand);font-weight:700;font-size:18px;flex:none}
.wb-check.ok{border-color:var(--ok,#1aab6d);background:var(--ok-soft,#e7f8f0)}
.rk-go{color:var(--faint);font-size:18px;flex:none}
.hot-thumb{width:46px;height:46px;border-radius:10px;overflow:hidden;background:var(--bg-soft);display:flex;align-items:center;justify-content:center;font-size:22px;flex:none}
.hot-thumb img{width:100%;height:100%;object-fit:cover}
.hot-row-lg{padding:10px 4px}
.hot-row.hot-r1,.hot-row.hot-r2,.hot-row.hot-r3,.hot-row.hot-rw{border-radius:14px;padding-left:10px;padding-right:10px;margin:7px 0;position:relative}
.hot-row.hot-r1,.hot-row.hot-r2,.hot-row.hot-r3{border:1.5px solid transparent}
.hot-row.hot-r1{background:linear-gradient(#fffdf4,#fffdf4) padding-box,linear-gradient(120deg,#f3d27a,#c99327,#f7e29a,#c99327) border-box;box-shadow:0 3px 10px rgba(201,147,39,.2);overflow:hidden}
.hot-row.hot-r2{background:linear-gradient(#fdfdfe,#fdfdfe) padding-box,linear-gradient(120deg,#e8ecf2,#9aa5b5,#edf0f5,#9aa5b5) border-box;box-shadow:0 2px 8px rgba(120,132,150,.16)}
.hot-row.hot-r3{background:linear-gradient(#fffbf5,#fffbf5) padding-box,linear-gradient(120deg,#ebc39a,#b07a45,#f0d2ac,#b07a45) border-box;box-shadow:0 2px 8px rgba(176,122,69,.15)}
.hot-row.hot-rw{border:1.5px solid rgba(255,255,255,.98);background:#fff;box-shadow:0 0 0 1px rgba(228,220,204,.75),0 0 12px 3px rgba(255,255,255,.8),0 1px 5px rgba(90,80,60,.08)}
.hotrank-hero{text-align:center;padding:20px 12px 0}
.hotrank-hero h2{font-size:24px;font-weight:800;letter-spacing:2px;color:var(--brand-ink)}
.hotrank-hero p{font-size:12px;color:var(--muted);margin-top:5px;letter-spacing:1px}
.hot-pod{display:flex;gap:10px;padding:18px 12px 4px;align-items:stretch;max-width:680px;margin:0 auto}
.hot-pod-seat{flex:1;border-radius:16px;padding:14px 8px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;position:relative;border:1.5px solid transparent}
.hot-pod-seat:active{transform:scale(.98)}
.hot-pod-seat.hp1{flex:1.35;background:linear-gradient(#fffdf4,#fffdf4) padding-box,linear-gradient(120deg,#f3d27a,#c99327,#f7e29a,#c99327) border-box;box-shadow:0 4px 14px rgba(201,147,39,.22);transform:translateY(-8px)}
.hot-pod-seat.hp1:active{transform:translateY(-8px) scale(.98)}
.hot-pod-seat.hp2{background:linear-gradient(#fdfdfe,#fdfdfe) padding-box,linear-gradient(120deg,#e8ecf2,#9aa5b5,#edf0f5,#9aa5b5) border-box;box-shadow:0 3px 10px rgba(120,132,150,.16)}
.hot-pod-seat.hp3{background:linear-gradient(#fffbf5,#fffbf5) padding-box,linear-gradient(120deg,#ebc39a,#b07a45,#f0d2ac,#b07a45) border-box;box-shadow:0 3px 10px rgba(176,122,69,.15)}
.hot-pod-seat b{font-size:13.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hot-pod-seat.hp1 b{font-size:15px}
.hot-pod-seat small{font-size:11.5px;color:var(--muted)}
.hp-medal{font-size:17px;line-height:1}
.hp-thumb{width:50px;height:50px;border-radius:12px;overflow:hidden;background:var(--bg-soft);display:flex;align-items:center;justify-content:center;font-size:24px}
.hp-thumb img{width:100%;height:100%;object-fit:cover}
.hp1 .hp-thumb{width:62px;height:62px;font-size:29px}
.hp-price{font-size:14px;font-weight:800;color:var(--price)}
.hp1 .hp-price{font-size:16px}
.hot-pod-seat.hp-empty{cursor:default;min-height:128px}
.hot-pod-seat.hp-empty:active{transform:none}
.hot-pod-seat.hp1.hp-empty{transform:translateY(-8px)}
.hp-ranknum{font-size:34px;font-weight:800;opacity:.45;font-variant-numeric:tabular-nums}
.hp1 .hp-ranknum{color:#c99327}
.hp2 .hp-ranknum{color:#9aa5b5}
.hp3 .hp-ranknum{color:#b07a45}
.hot-row.hot-r1 .hot-rank{color:#c99327;-webkit-text-stroke:0}
.hot-row.hot-r2 .hot-rank{color:#8e99a8;-webkit-text-stroke:0}
.hot-row.hot-r3 .hot-rank{color:#b07a45;-webkit-text-stroke:0}
.hot-row.hot-r1::after{content:'';position:absolute;top:0;bottom:0;left:0;width:34%;background:linear-gradient(100deg,transparent,rgba(255,222,130,.38),transparent);transform:translateX(-180%) skewX(-18deg);opacity:0;animation:hotSheen 4.2s ease-in-out infinite;pointer-events:none}
@keyframes hotSheen{
0%,58%{transform:translateX(-180%) skewX(-18deg);opacity:0}
72%{opacity:1}
100%,92%{transform:translateX(340%) skewX(-18deg);opacity:0}
}
@media (prefers-reduced-motion:reduce){
.hot-row.hot-r1::after{animation:none}
}
.rank-more-bar{position:fixed;bottom:82px;left:50%;transform:translateX(-50%);z-index:49;background:rgba(38,38,46,.92);color:#fff;padding:8px 18px;border-radius:999px;font-size:12.5px;font-weight:600;box-shadow:0 10px 24px rgba(38,38,46,.3);white-space:nowrap}
.wb-tab.on{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700}
.hero-carousel{position:relative;border-radius:16px;overflow:hidden;margin-top:12px;aspect-ratio:3.2/1;box-shadow:0 10px 24px rgba(89,139,253,.18);background:#d9e7fa}
.hero-fallback{position:relative;border-radius:16px;overflow:hidden;margin-top:12px;aspect-ratio:3.2/1;background:linear-gradient(120deg,var(--brand) 0,var(--brand-deep,#3f74e8) 70%);color:#fff;display:flex;align-items:center;cursor:pointer;box-shadow:0 10px 24px rgba(89,139,253,.18)}
.hero-fallback-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-fallback-txt{position:relative;padding:0 20px;display:flex;flex-direction:column;gap:4px}
.hero-fallback-txt b{font-size:19px;letter-spacing:.5px}
.hero-fallback-txt small{font-size:12px;opacity:.85}
.decor-banner{margin:12px 12px 0;border-radius:14px;overflow:hidden;cursor:pointer;box-shadow:0 6px 16px rgba(89,139,253,.12)}
.decor-banner img{display:block;width:100%;aspect-ratio:3.2/1;object-fit:cover}
.decor-entries{margin:12px 12px 0;flex-wrap:wrap}
#view-choose .decor-entries{margin:12px 0 0}
#view-choose .decor-banner{margin:12px 0 0}
.hero-track{display:flex;height:100%;transition:transform .45s ease}
.hero-slide{min-width:100%;height:100%;cursor:pointer}
.hero-slide img{width:100%;height:100%;object-fit:cover;display:block}
.hero-dots{position:absolute;left:0;right:0;bottom:8px;display:flex;gap:5px;justify-content:center;pointer-events:none}
.hero-dot{width:6px;height:6px;border-radius:3px;background:rgba(255,255,255,.55);transition:all .3s}
.hero-dot.on{width:16px;background:#fff}
.official-badge{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:20px;background:var(--brand,#598bfd);color:#fff;font-size:10px;font-weight:700;vertical-align:2px}
.shop-name-tag{display:inline-block;flex:none;white-space:nowrap;margin-right:4px;padding:1px 6px;border-radius:6px;background:rgba(53,179,201,.35);color:#146b80;font-size:10px;font-weight:700;vertical-align:2px}
.invite-stats{display:flex;gap:8px;margin-top:12px}
.invite-stats span{flex:1;background:rgba(255,255,255,.06);border-radius:10px;padding:8px 4px;text-align:center;font-size:12px}
.invite-stats b{font-size:16px}
.invite-row{display:flex;justify-content:space-between;padding:7px 2px;border-bottom:1px dashed rgba(255,255,255,.08);font-size:13px}
.invite-row small{color:var(--muted)}
.rc-modal{max-width:400px;padding:18px 16px 14px;line-height:1.6}
.rc-id-card{background:linear-gradient(120deg,#3f74e8,#598bfd);color:#fff;border-radius:14px;padding:11px 14px 12px;margin-bottom:12px}
.rc-id-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.rc-id-left{display:flex;align-items:center;gap:8px;min-width:0}
.rc-id-left b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rc-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;background:rgba(255,255,255,.2);flex:none}
.rc-avatar-ph{display:flex;align-items:center;justify-content:center;font-size:16px}
.rc-guarantee{flex:none;font-size:11px;font-weight:700;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:3px 9px}
.rc-bal-row{display:flex;align-items:baseline;gap:8px;margin-top:9px}.rc-bal-row small{font-size:12px;opacity:.85}
.rc-bal-row b{font-size:21px;font-weight:800;line-height:1.1;letter-spacing:.3px}
.rc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.rc-tier{position:relative;border:1.5px solid var(--line,#e4e5f0);background:#fff;border-radius:12px;padding:9px 4px 8px;text-align:center;cursor:pointer}
.rc-tier b{display:block;font-size:17px;color:var(--brand,#598bfd)}
.rc-pill{display:inline-block;margin-top:4px;background:#e4f6fa;color:#146b80;font-size:11.5px;font-weight:700;border-radius:999px;padding:1px 10px}
.rc-tier.on{border-color:var(--brand);background:var(--brand-soft);box-shadow:0 0 0 1px var(--brand)}
.rc-bonus{position:absolute;top:-7px;right:-4px;background:#9ad4cb;color:#146b80;font-size:11px;font-weight:700;border-radius:12px;padding:1px 7px}
.rc-custom-label{display:block;font-size:12.5px;color:var(--muted);margin:11px 0 5px}
.rc-custom-row{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--line,#e4e5f0);border-radius:11px;padding:0 12px}
.rc-custom-row input{flex:1;border:0;outline:0;background:0 0;font-size:16px;padding:9px 0;min-width:0}
.rc-custom-ico{font-size:16px}
.rc-yen{color:var(--muted);font-weight:700}
.rc-fee{text-align:center;font-size:12px;color:#146b80;margin:0 0 8px}
.rc-foot{position:sticky;bottom:0;background:var(--card,#fff);padding-top:8px}
#rcCustomAmt{width:auto;padding:11px 0;border:0;border-radius:0;font-size:16px;background:0 0;outline:0}
.rc-preview{text-align:center;font-size:13px;color:var(--brand);font-weight:700;margin-top:8px;min-height:20px}
.rc-hint{text-align:center;font-size:11.5px;color:var(--muted);margin-top:8px}
.rc-main-btn{width:100%;margin-top:10px}.rc-main-btn:disabled{background:#C6CEDF;box-shadow:none;color:#fff;cursor:not-allowed}.rc-type.on{background:var(--brand);border-color:var(--brand);color:#fff}
.rc-links{display:flex;justify-content:space-between;margin-top:10px;font-size:13px;color:var(--muted)}
.rc-links span{cursor:pointer;padding:8px 0;margin:-8px 0;box-sizing:content-box}
.rc-legal-note span{display:inline-block;padding:8px 0;margin:-8px 0;box-sizing:content-box}
.wlog-row{display:flex;justify-content:space-between;align-items:center;background:var(--card,#fff);border-radius:12px;padding:11px 13px;margin-bottom:8px}
.wlog-row b{display:block;font-size:14px}
.wlog-row small{color:var(--muted);font-size:12px}
.wlog-plus{color:var(--ok,#2e9e5b);font-weight:800}
.wlog-minus{color:var(--danger);font-weight:800}
.wled-card{margin-top:12px}
.wled-tabs{padding:8px 0 10px}
.wled-tabs span{font-size:12.5px;padding:6px 11px}
.wled-tap{cursor:pointer}
.wled-tap:active{transform:scale(.99)}
.wled-arrow{color:var(--brand);font-weight:800}
.wmon{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:10px 0 2px}
.wmon-switch{display:flex;align-items:center;gap:2px;padding-top:1px;flex:none}
.wmon-nav{border:none;background:var(--brand-soft);color:var(--ink-2);width:26px;height:26px;border-radius:50%;font-size:16px;line-height:1;cursor:pointer;flex:none;padding:0}
.wmon-nav:active{transform:scale(.93)}
.wmon-label{font-size:15px;white-space:nowrap;padding:0 2px}
.wmon-sums{display:flex;flex-direction:column;gap:2px}
.wmon-sum{display:flex;justify-content:flex-end;align-items:baseline;gap:8px}
.wmon-sum small{color:var(--muted);font-size:11.5px;flex:none}
.wmon-sum span{font-weight:800;font-size:14px;min-width:84px;text-align:right}
.wmon-out{color:var(--ink)}
.wmon-net{color:var(--ink)}
.wled-head{display:flex;justify-content:space-between;align-items:center}
.wled-qbtn{border:1px solid var(--line);background:#fff;color:var(--brand);font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:999px;cursor:pointer;flex:none}
.wled-qbtn.on{background:var(--brand);color:#fff;border-color:var(--brand)}
.wamt{white-space:nowrap;flex:none}
#payAmt,#paySuccessAmt,#paySuccessBal,#paySuccessCoins,.hall-price,.ord-amt{white-space:nowrap}
.wlog-row>div{min-width:0}
.wsum-month{color:var(--muted);font-size:12.5px;flex:none}
.wsum-rows{padding:8px 0 2px}
.wsum-row{display:flex;align-items:baseline;gap:8px;padding:3px 0}
.wsum-k{flex:none;color:var(--muted);font-size:12.5px}
.wsum-v{flex:none;font-weight:800;font-size:16px;white-space:nowrap;margin:0}
.wsum-c{flex:none;margin-left:auto;color:var(--muted);font-size:12px}
#wlPreviewList{margin-top:8px}
.wqbar{border-top:1px dashed var(--line);margin-top:8px}
.wq-presets{padding:8px 2px 4px}
.wq-custom{display:flex;align-items:center;gap:6px;padding:2px 2px 8px;flex-wrap:wrap}
.wq-custom input[type=date]{border:1px solid var(--line);border-radius:8px;padding:6px;font-size:12.5px;color:var(--ink);background:#fff;flex:1;min-width:112px}
.wq-to{color:var(--muted);font-size:12.5px;flex:none}
.wq-apply{border:none;background:var(--brand);color:#fff;font-size:12.5px;font-weight:700;padding:7px 14px;border-radius:999px;cursor:pointer;flex:none}
.wq-exit{border:1px solid var(--line);background:#fff;color:var(--ink-2);font-size:12.5px;padding:6px 12px;border-radius:999px;cursor:pointer;flex:none}
.userno-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}
.userno-cell{padding:9px 0;border:1px solid var(--line,#e4e5f0);border-radius:10px;background:#fff;font-size:14px;font-weight:700;cursor:pointer}
[onclick],button{-webkit-tap-highlight-color:transparent}
.boo-card,.btn-ghost,.btn-orange,.cat-side>div,.cell,.chip,.game-tile,.gender-tabs span,.gift-cell,.goods-card,.grid-cell,.hall-card,.menu-cell,.order-card,.photo-cell,.quick-cell,.rank-row,.tabbar>div,button{transition:transform .15s ease,filter .15s ease,opacity .15s ease,background-color .18s ease,color .18s ease,border-color .18s ease}
.boo-card:active,.btn-ghost:active,.btn-orange:active,.cat-side>div:active,.cell:active,.chip:active,.game-tile:active,.gender-tabs span:active,.gift-cell:active,.goods-card:active,.grid-cell:active,.hall-card:active,.menu-cell:active,.order-card:active,.quick-cell:active,.rank-row:active,.tabbar>div:active,button:active{transform:scale(.97);filter:brightness(.95)}
.btn-orange:disabled,button:disabled{opacity:.55;transform:none}
.switch,.toggle{transition:background-color .18s ease}
.switch i,.toggle i{transition:transform .18s ease}
@keyframes subViewIn{
from{opacity:0;transform:translateY(6px)}
to{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){
.boo-card,.btn-ghost,.btn-orange,.cat-side>div,.cell,.chip,.game-tile,.gender-tabs span,.gift-cell,.goods-card,.grid-cell,.hall-card,.menu-cell,.order-card,.photo-cell,.quick-cell,.rank-row,.tabbar>div,button{transition:none}
.boo-card:active,.btn-orange:active,.game-tile:active,.goods-card:active,.tabbar>div:active,button:active{transform:none;filter:none}
}
.acc-mask{position:fixed;inset:0;background:rgba(20,26,43,.45);z-index:200;display:flex;align-items:flex-end;justify-content:center}
.acc-sheet{background:#fff;width:min(430px,100%);max-height:82vh;overflow:auto;border-radius:16px 16px 0 0;padding:16px 16px 22px;animation:subViewIn .18s ease both}
.pe-sheet{background:#fff;width:min(430px,100%);max-height:82vh;overflow:auto;border-radius:16px 16px 0 0;padding:16px 16px 22px;animation:subViewIn .18s ease both}
.pe-sheet h3{margin:0 0 10px;font-size:16px}
.acc-head{display:flex;justify-content:space-between;align-items:center;font-size:16px;margin-bottom:8px}
.acc-x{cursor:pointer;color:var(--muted);font-size:15px;padding:4px 8px}
.form-err{display:none;background:#fdecea;color:var(--danger);border:1px solid #f3b7b2;border-radius:10px;padding:8px 12px;font-size:13px;line-height:1.6;margin:10px 0 2px;text-align:left}
.form-err.show{display:block}
.ava-uploading{animation:avaPulse 1s ease-in-out infinite}
@keyframes avaPulse{
0%,100%{opacity:1}
50%{opacity:.35}
}
@media (prefers-reduced-motion:reduce){
.ava-uploading{animation:none;opacity:.5}
}
.pin6{display:flex;gap:8px;justify-content:center;margin:6px 0 2px}
.pin6-box{width:44px;height:52px;padding:0;text-align:center;font-size:22px;font-weight:700;color:var(--ink);border:1.5px solid var(--line);border-radius:12px;background:#fff;outline:0;transition:border-color .15s,box-shadow .15s}
.pin6-box:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.pin6.pin6-err .pin6-box{border-color:var(--danger)}
.ui-chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 2px}
.ui-chip{border:1px solid var(--line);background:var(--brand-soft);color:var(--brand-ink);border-radius:999px;padding:6px 12px;font-size:13px;cursor:pointer}
.ui-chip:active{transform:scale(.96)}
.ui-sheet-ta{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;font-size:15px;line-height:1.6;resize:vertical;min-height:76px;outline:0;background:#fff;color:var(--ink)}
.ui-sheet-ta:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.notif-item{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}
.notif-item:active{transform:scale(.985)}
.notif-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.notif-item.open .notif-text{-webkit-line-clamp:unset}
.notif-go{flex:none;align-self:center;color:var(--faint);font-size:15px}
.flash-hl{animation:flashHl 2.2s ease}
@keyframes flashHl{
0%,55%{box-shadow:0 0 0 3px var(--accent)}
100%{box-shadow:0 0 0 0 transparent}
}
.dk-orders{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:680px;justify-content:stretch}
.wb-wd-st.st-approved{background:#e5f4ec;color:var(--ok)}
.wb-wd-st.st-rejected{background:#fdecec;color:var(--danger)}
.msg-cats{display:flex;gap:6px;padding:12px;overflow-x:auto;scrollbar-width:none}
.msg-cats::-webkit-scrollbar{display:none}
.msg-cats span{position:relative;flex:1;min-width:64px;text-align:center;background:#fff;border:1px solid var(--line);padding:8px 2px;border-radius:14px;font-size:12px;cursor:pointer;color:var(--ink-2);transition:transform .15s ease,background-color .18s ease,color .18s ease}
.msg-cats span i{font-style:normal;display:block;font-size:19px;margin-bottom:2px}
.msg-cats span.on{background:var(--brand);color:#fff;border-color:var(--brand)}
.msg-cats span:active{transform:scale(.96)}
#view-message.msg-flex.active{display:flex;flex-direction:column;height:calc(var(--vvh,100dvh) - 86px);padding-bottom:0;overflow:hidden;animation:none}
#view-message .page-head{flex:none}
.msg-seg{display:flex;flex:none;background:rgba(255,255,255,.55);border:0;box-shadow:0 2px 9px rgba(89,139,253,.06);border-radius:999px;padding:3.5px;margin:10px 12px 2px;overflow:visible;gap:0}
.msg-seg span{position:relative;flex:1;min-width:0;text-align:center;font-size:13px;color:var(--ink-2);padding:7px 0;border-radius:999px;background:0 0;border:0;cursor:pointer;transition:background-color .18s ease,color .18s ease,transform .15s ease}
.msg-seg span i{display:none}
.msg-seg span.on{background:var(--brand);color:#fff;font-weight:600;box-shadow:0 4px 10px rgba(89,139,253,.28)}
.msg-seg span:active{transform:scale(.96)}
.msg-seg .msg-dot{top:-4px;right:6px}
.msg-panes{flex:1;min-height:0;overflow:hidden;margin-top:6px}
.msg-track{display:flex;height:100%;transition:transform .32s cubic-bezier(.2,.7,.3,1)}
.msg-track.dragging{transition:none}
.msg-pane{flex:0 0 100%;width:100%;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:14px}
.msg-entry .cp-main{flex:1;min-width:0}
.msg-entry .cp-main b{font-size:14.5px}
.msg-entry .cp-main small{display:block;color:var(--ink3);font-size:12px;margin-top:1px}
.ct-tabs{display:flex;gap:8px;padding:12px 12px 2px}
.ct-tabs span{flex:1;text-align:center;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 0;font-size:13px;color:var(--ink-2);cursor:pointer;transition:transform .15s ease,background-color .18s ease,color .18s ease}
.ct-tabs span.on{background:var(--brand);color:#fff;border-color:var(--brand);font-weight:600}
.ct-tabs span:active{transform:scale(.96)}
.ct-row .chat-ava{width:44px;height:44px}
.ct-row .cp-main{flex:1;min-width:0}
.ct-row .cp-main b{font-size:14.5px}
.ct-row .cp-main small{display:block;color:var(--ink3);font-size:12px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bd-social{display:flex;align-items:center;gap:10px;margin-top:10px}
.bd-social .follow-btn{flex:none}
.bd-social .bd-soc-counts{font-size:12.5px;color:var(--ink-2);cursor:pointer}
.bd-social .bd-soc-counts b{color:var(--ink);font-size:13.5px}
.msg-readall{margin-left:auto;background:var(--brand-soft);border:1px solid var(--line);color:var(--brand-deep);border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:700;cursor:pointer}
.msg-readall:active{transform:scale(.96)}
.msg-readall:disabled{opacity:.55}
.ogroup-n{font-style:normal;background:var(--danger);color:#fff;border-radius:999px;font-size:10px;font-weight:700;padding:0 6px;margin-left:4px}
.oc{background:#fff;border-radius:16px;padding:13px;margin:0 12px 11px;box-shadow:0 2px 9px rgba(89,139,253,.05);cursor:pointer}
.oc:active{transform:scale(.99)}
.oc .tp{display:flex;align-items:center;gap:6px}
.oc .tt{font-size:14.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}
.oc .st{margin-left:auto;flex:none;font-size:11px;border-radius:6px;padding:2.5px 8px}
.oc .st.run{background:#e8f0fe;color:var(--brand)}
.oc .st.done{background:#e7f6ec;color:#3e9c5a}
.oc .st.off{background:#f1f2f8;color:#9aa0b8}
.oc .no{font-size:11px;color:#b9bdd2;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oc .lm{display:flex;align-items:center;gap:7px;margin-top:9px;background:#f7f7fb;border-radius:10px;padding:8px 10px}
.oc .lm .dot{width:8px;height:8px;border-radius:50%;background:#2ecc71;flex:none;animation:ocBr 1.6s infinite}
@keyframes ocBr{
0%{box-shadow:0 0 0 0 rgba(46,204,113,.45)}
70%{box-shadow:0 0 0 6px rgba(46,204,113,0)}
100%{box-shadow:0 0 0 0 rgba(46,204,113,0)}
}
.oc .lm p{font-size:12px;color:#5a5e78;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}
.oc .lm time{margin-left:auto;font-size:10.5px;color:#b9bdd2;flex:none}
.oc .lm .ogroup-n{margin-left:0;flex:none}
.oc .ft{display:flex;gap:8px;margin-top:10px}
.oc .ft>div{flex:1;text-align:center;font-size:12.5px;border-radius:999px;padding:7.5px 0;cursor:pointer}
.oc .ft>div:active{transform:scale(.98)}
.oc .go{background:var(--brand);color:#fff;font-weight:600}
.oc .dt2{background:#f4f4f9;color:#5a5e78}
.chat-peerbar{margin:8px 12px 0;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:7px 10px;flex-wrap:wrap}
.chat-ava{width:38px;height:38px;border-radius:50%;background:var(--accent-soft);display:inline-flex;align-items:center;justify-content:center;font-size:17px;overflow:hidden;flex:none;vertical-align:middle}
.chat-ava img{width:100%;height:100%;object-fit:cover}
.chat-line .chat-ava{width:32px;height:32px;font-size:14px;margin:0 6px}
.cp-main{flex:1;min-width:0}
.cp-main b{font-size:14.5px;color:var(--ink)}
.cp-main small{display:block;color:var(--muted);font-size:11.5px}
.cp-go{flex:none;padding:7px 14px;font-size:13px}
.chat-transfer-card.done{opacity:.62}
.phrase-bar{display:flex;gap:7px;overflow-x:auto;padding:8px 12px 2px;scrollbar-width:none}
.phrase-bar::-webkit-scrollbar{display:none}
.phrase-chip{flex:none;background:#fff;border:1px solid var(--line);color:var(--ink-2);border-radius:999px;padding:6px 12px;font-size:12.5px;cursor:pointer;transition:transform .13s ease}
.phrase-chip:active{transform:scale(.95)}
.plus-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 12px;background:#fff;border-top:1px solid var(--line-soft)}
.plus-panel button{background:var(--accent-soft);border:1px solid var(--line);border-radius:14px;padding:10px 0;font-size:22px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;transition:transform .13s ease}
.plus-panel button span{font-size:12px;color:var(--ink-2)}
.plus-panel button:active{transform:scale(.95)}
.dm-thread{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:13px;margin:10px 12px;padding:11px 13px;cursor:pointer;transition:transform .15s ease}
.dm-thread:active{transform:scale(.98)}
.dm-thread .chat-ava{width:44px;height:44px}
.dm-thread-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}
.dm-thread-side small{color:var(--faint);font-size:11px}
#view-dmchat{padding-bottom:86px}
#view-dmchat .chat-page-box{height:calc(100vh - 330px)}
.cs-guard{margin:12px 12px 0;background:#fff7e0;border:1px solid var(--gold);color:#7a5200;border-radius:12px;padding:10px 13px;font-size:12.5px;line-height:1.75}
.cs-guard-link{display:inline-block;margin-left:6px;color:var(--brand);font-weight:700;cursor:pointer}
.claimok-wrap{text-align:center;padding:70px 26px 30px}
.claimok-check{width:92px;height:92px;margin:0 auto 18px;border-radius:50%;background:linear-gradient(135deg,#2e9e5b,#1a9e54);color:#fff;font-size:52px;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 32px rgba(26,158,84,.35);animation:claimPop .35s cubic-bezier(.2,.9,.3,1.4) both}
@keyframes claimPop{
from{transform:scale(.5);opacity:0}
to{transform:scale(1);opacity:1}
}
.claimok-wrap h2{font-size:24px;color:var(--ink)}
.claimok-sub{color:var(--muted);font-size:14px;line-height:1.9;margin:10px 0 26px}
.claimok-btn{width:100%;padding:14px;font-size:16px;margin-top:12px}
.hall-tabs span.on{background:var(--brand);color:#fff;border-color:var(--brand);font-weight:700}
.hall-sorts span.on{background:var(--brand);color:#fff;border-color:var(--brand);font-weight:700}
.hall-card.tier-blocked{opacity:.75}
.hall-boss .chat-ava{width:26px;height:26px;font-size:12px}
.wbo-subtab{display:inline-block;padding:6px 13px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13px;cursor:pointer;color:var(--ink-2);margin:0 6px 10px 0}
.wbo-subtab.on{background:var(--brand);color:#fff;border-color:var(--brand);font-weight:700}
.wbo-row{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:10px;cursor:pointer;transition:transform .15s ease}
.wbo-row:active{transform:scale(.985)}
.wbo-row-top{display:flex;align-items:center;gap:6px}
.wbo-row-top b{flex:1;min-width:0;font-size:14.5px;color:var(--ink)}
.wbo-st{flex:none}
.wbo-line{color:var(--muted);font-size:12.5px;margin-top:4px}
.wbo-income{color:#ff6a2b;font-weight:700;font-size:13.5px;margin-top:5px}
.wbo-foot{display:flex;align-items:center;gap:8px;margin-top:9px}
.wbo-boss{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-2);flex:1;min-width:0}
.wbo-boss .chat-ava{width:26px;height:26px;font-size:12px}
.wbo-amt{font-size:19px;font-weight:800;color:var(--price)}
.wbo-similar{padding:6px 13px;font-size:12.5px}
.wbd-bar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;background:rgba(255,255,255,.96);padding:10px 12px calc(10px + env(safe-area-inset-bottom));display:flex;gap:9px;align-items:center;box-shadow:0 -3px 14px rgba(89,139,253,.12);z-index:45;backdrop-filter:blur(10px)}
.wbd-bar button{flex:1;padding:12px 0}
.wbd-bar .wb-wait{flex:1;text-align:center}
.btn-chat{background:var(--brand-soft);border:0 solid var(--brand-mist);color:var(--brand-deep);border-radius:999px;padding:7px 14px;font-size:14px;font-weight:700;cursor:pointer}
.btn-chat:active{transform:scale(.96)}
.ord-refunded{color:var(--danger);font-weight:700;font-size:13px}
.ord-taker{display:flex;align-items:center;gap:8px;margin:7px 0 4px;flex-wrap:wrap}
.ord-taker-one{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--ink)}
.ord-taker-one img{width:24px;height:24px;border-radius:50%;object-fit:cover}
.ord-taker-fb{width:24px;height:24px;border-radius:50%;background:var(--accent-soft);display:inline-flex;align-items:center;justify-content:center;font-size:13px}
.ord-taker small{color:var(--muted)}
.ord-waiting{color:var(--warn);font-weight:700;font-size:13.5px}
.help-faq{background:#fff;border:1px solid var(--line);border-radius:13px;margin:8px 12px;padding:13px 15px;cursor:pointer;transition:transform .13s ease}
.help-faq:active{transform:scale(.99)}
.help-q{display:flex;justify-content:space-between;gap:10px;font-weight:700;font-size:14.5px;color:var(--ink)}
.help-q span{color:var(--faint);transition:transform .18s ease}
.help-faq.open .help-q span{transform:rotate(90deg)}
.help-a{margin-top:9px;font-size:13.5px;line-height:1.85;color:var(--ink-2);white-space:pre-line;border-top:1px dashed var(--line);padding-top:9px}
.rail-wrap{position:relative}
.rail-wrap .rail-more{position:absolute;right:3px;top:50%;transform:translateY(-50%);width:22px;height:34px;border-radius:999px;background:rgba(38,38,46,.55);color:#fff;font-size:19px;line-height:32px;text-align:center;pointer-events:none;opacity:0;transition:opacity .18s ease;z-index:3}
.rail-wrap.has-more .rail-more{opacity:1}
.rail-wrap.has-more .rail-peek{-webkit-mask-image:linear-gradient(90deg,#000 84%,transparent 99%);mask-image:linear-gradient(90deg,#000 84%,transparent 99%)}
.game-rail .game-tile{flex:0 0 21.5%}
.dk-module{border-radius:20px!important}
.dk-twin{display:flex;gap:11px;margin:12px 12px 0}
.dk-tc{flex:1;min-width:0;background:#fff;border:1px solid var(--line);border-radius:16px;padding:11px 14px;height:70px;position:relative;overflow:hidden;box-shadow:0 2px 9px rgba(89,139,253,.06);display:flex;align-items:center;cursor:pointer}
.dk-tc-ic{width:42px;height:42px;border-radius:50%;background:var(--brand-soft);display:flex;align-items:center;justify-content:center;margin-right:11px;flex:none}
.dk-tc-ic svg{display:block}
.dk-tc-main{min-width:0}
.dk-tc-main b{display:block;font-size:19px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dk-tc-main small{display:block;font-size:12.5px;color:var(--muted);margin-top:3px}
.dk-tc{transition:transform .15s ease,filter .15s ease}
.dk-tc:active{transform:scale(.97);filter:brightness(.97)}
.dk-tc-go{margin-left:auto;color:#c6c9dc;font-size:17px;flex:none}
.dk-tc-wm{position:absolute;right:-12px;bottom:-20px;opacity:.07;pointer-events:none;line-height:0}
#view-desk .dk-goldcard.dk-module{margin:12px 12px 0;border-radius:20px}
#view-desk .dk-orders div i{position:relative}
.cs-online-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 6px var(--ok)}
#moreGrid .grid-cs i{position:relative}
.prof-sum-ava{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#e8f0fe}
.msg-gear{margin-left:4px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:16px;color:var(--ink2)}
.msg-gear:active{transform:scale(.92)}
.msglist-tools{display:flex;gap:8px;align-items:center;padding:10px 12px 2px}
.msglist-tools .btn-black{padding:7px 12px;font-size:12px}
.msglist-sel{margin-left:auto;font-size:12px;color:var(--ink3)}
.ml-check.on{background:var(--brand);border-color:var(--brand)}
.ml-check.on::after{content:'✓';position:absolute;inset:0;color:#fff;font-size:12px;text-align:center;line-height:17px}
.ml-olink{color:var(--brand);font-weight:700;text-decoration:underline}
.ml-spec{color:var(--ink3)}
.act-card{margin:12px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:14px}
.act-card b{font-size:15px}
.act-card p{font-size:12.5px;color:var(--ink2);line-height:1.7;margin:6px 0 10px}
.act-card button{width:100%}
.act-tiers{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.act-tier{font-size:11.5px;background:var(--brand-soft);color:var(--brand-deep);border-radius:999px;padding:4px 9px;font-weight:700}
.bd-album-hint{margin:10px 12px 0;padding:10px 12px;background:var(--brand-soft);color:var(--brand-deep);border:1px dashed var(--brand);border-radius:12px;font-size:13px;font-weight:700}
.bd-album-hint:active{transform:scale(.98)}
.flash-ring{animation:flashRing 1.6s ease}
@keyframes flashRing{
0%,100%{box-shadow:0 0 0 0 rgba(89,139,253,0)}
25%,60%{box-shadow:0 0 0 3px rgba(89,139,253,.45)}
}
.pop-confirm{position:fixed;width:248px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 40px rgba(38,38,46,.28);padding:12px;z-index:260;opacity:0;transform:translateY(-4px) scale(.97);transition:opacity .15s ease,transform .15s ease}
.pop-confirm.show{opacity:1;transform:none}
.pop-confirm .pop-msg{font-size:13.5px;line-height:1.6;color:var(--ink)}
.pop-confirm .pop-btns{display:flex;gap:8px;margin-top:10px;justify-content:flex-end}
.pop-confirm .pop-btns button{border:none;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .12s ease,opacity .12s ease}
.pop-confirm .pop-btns button:active{transform:scale(.94)}
.pop-confirm .pop-cancel{background:var(--line-soft);color:var(--ink-2)}
.pop-confirm .pop-ok{background:var(--brand);color:#fff}
.undo-bar{position:fixed;left:50%;bottom:88px;transform:translate(-50%,16px);background:rgba(38,38,46,.96);color:#fff;border-radius:999px;padding:10px 10px 10px 18px;display:flex;align-items:center;gap:14px;font-size:13.5px;z-index:250;opacity:0;transition:opacity .18s ease,transform .18s ease;box-shadow:0 12px 30px rgba(38,38,46,.35);max-width:92vw}
.undo-bar.show{opacity:1;transform:translate(-50%,0)}
.undo-bar .undo-btn{border:none;background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:13.5px;border-radius:999px;padding:6px 16px;cursor:pointer;transition:transform .12s ease}
.undo-bar .undo-btn:active{transform:scale(.93)}
#alertBanners{position:fixed;top:0;left:0;right:0;z-index:240;display:flex;flex-direction:column;gap:6px;padding:8px 10px 0;pointer-events:none}
.alert-banner{pointer-events:auto;display:flex;align-items:center;gap:8px;border-radius:12px;padding:10px 12px;font-size:13.5px;line-height:1.5;box-shadow:0 8px 24px rgba(38,38,46,.18);animation:abIn .22s ease}
@keyframes abIn{
from{opacity:0;transform:translateY(-8px)}
to{opacity:1;transform:none}
}
.alert-banner .ab-text{flex:1;color:var(--ink)}
.alert-banner.lv-info{background:var(--brand-soft);border:1px solid var(--brand-mist)}
.alert-banner.lv-warn{background:#fdf3e0;border:1px solid var(--warn);color:#7a4a03}
.alert-banner.lv-danger{background:#fdecec;border:1px solid var(--danger);color:#8f1d21}
.alert-banner .ab-act{border:none;background:var(--brand);color:#fff;border-radius:999px;padding:5px 14px;font-size:13px;font-weight:700;cursor:pointer;flex:none}
.alert-banner .ab-act:active{transform:scale(.94)}
.alert-banner .ab-close{border:none;background:0 0;color:inherit;opacity:.55;font-size:13px;cursor:pointer;flex:none;padding:2px 4px}
.draft-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--accent-soft);border:1px dashed var(--accent-deep);color:var(--accent-ink);border-radius:12px;padding:9px 12px;font-size:13px;font-weight:700;margin-bottom:12px}
.draft-bar .draft-acts{display:flex;gap:8px;flex:none}
.draft-bar button{border:none;border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:700;cursor:pointer}
.draft-bar .draft-keep{background:var(--accent-deep);color:#fff}
.draft-bar .draft-drop{background:#fff;color:var(--accent-ink);border:1px solid var(--accent-deep)}
.fav-remove{position:absolute;top:8px;left:8px;border:none;background:rgba(38,38,46,.82);color:#fff;font-size:11px;font-weight:700;border-radius:999px;padding:4px 10px;cursor:pointer;z-index:2;transition:transform .12s ease}
.fav-remove:active{transform:scale(.93)}
.ml-del{flex:none;border:1px solid var(--danger);background:#fff;color:var(--danger);font-size:12px;font-weight:700;border-radius:999px;padding:4px 10px;margin-left:8px;cursor:pointer}
.ml-del:active{transform:scale(.93)}
:root{--kbh:0px;--vvh:100dvh;--voff:0px}
/* 聊天类视图：整页固定一屏，页面本身不滚动——顶栏钉顶、消息区内部滚、输入区钉底。 容器锚定「可视视口矩形」：top 跟 visualViewport.offsetTop、height 跟 visualViewport.height。 根因（2026-10-25 键盘白屏）：iOS 微信 webview 弹键盘时可视视口整体上移（offsetTop 增长）， 旧写法只跟高度、容器仍锚在布局视口 top:0，整块被推出可视区 → 键盘上方全白。 */ .view.chat-fixed.active{position:fixed;left:0;right:0;top:var(--voff,0);height:var(--vvh,100dvh);display:flex;flex-direction:column;padding-bottom:0;overflow:hidden;background:var(--bg);z-index:56;animation:none}
#view-chat.chat-fixed.active,#view-dmchat.chat-fixed.active,#view-msglist.chat-fixed.active,#view-ochat.chat-fixed.active{padding-bottom:0}
.view.chat-fixed #ocOrderCardSlot,.view.chat-fixed .chat-peerbar,.view.chat-fixed .chat-status,.view.chat-fixed .cs-guard,.view.chat-fixed .msglist-tools,.view.chat-fixed .page-head,.view.chat-fixed .phrase-bar,.view.chat-fixed .plus-panel{flex:none}
.view.chat-fixed .chat-page-box{flex:1;min-height:0;height:auto}
.view.chat-fixed #msgListBody{flex:1;min-height:0;overflow-y:auto}
.view.chat-fixed .chat-inputbar{position:static;transform:none;width:auto;flex:none}
.view.chat-fixed .emoji-panel{position:static;transform:none;width:auto;flex:none;margin:0 12px 8px}
.page-head{position:sticky;top:0;z-index:35}
.acc-mask{padding-bottom:var(--kbh,0)}
.acc-sheet{max-height:min(82vh,calc(var(--vvh,100dvh) - 16px))}
.modal-mask{padding-bottom:calc(22px + var(--kbh,0px))}
.om-status{flex:none;font-size:11px;color:var(--brand);background:var(--brand-soft);border-radius:999px;padding:2px 8px}
.om-btn{flex:none;align-self:center;width:40px;height:40px;min-width:40px;border-radius:50%;padding:0;font-size:17px;line-height:40px;text-align:center}
.notif-side{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex:none}
.ogroup-clear{border:1px solid var(--line);background:#fff;color:var(--muted);font-size:11px;border-radius:999px;padding:2px 9px;cursor:pointer;line-height:1.5}
.ogroup-clear.off{opacity:.45;cursor:not-allowed}
.ogroup-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 12px 0;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px 12px}
.ogroup-tools span{font-size:11.5px;color:var(--muted)}
.ogroup-tools button{flex:none;border:1px solid var(--line);background:#fff;color:var(--brand);font-size:12px;font-weight:600;border-radius:999px;padding:5px 12px;cursor:pointer}
.od-step.on{color:var(--brand);font-weight:700}
.od-step.on::before{background:var(--brand)}
.od-kv{font-size:13px;line-height:2;color:var(--sub)}
.od-kv b{color:var(--ink)}
.cp-click{display:flex;align-items:center;gap:9px;flex:1;min-width:0;cursor:pointer}
.pe-sheet label{display:block;font-size:13px;color:var(--sub);margin:12px 0 5px}
.pe-sheet input,.pe-sheet select{width:100%;min-height:44px;font-size:15px}
.acc-sheet input:not(.pin6-box):not([type=checkbox]):not([type=radio]):not([type=file]),.acc-sheet select{min-height:44px;font-size:15px}
body.kb-open .view.chat-fixed .chat-peerbar,body.kb-open .view.chat-fixed .chat-status,body.kb-open .view.chat-fixed .cs-guard,body.kb-open .view.chat-fixed .phrase-bar{display:none}
body.kb-open .view.chat-fixed #ocOrderCardSlot .opg{display:none}
body.kb-open .view.chat-fixed .oc-order-card{margin-top:6px;padding:6px 10px}
.chat-complain{float:right;color:var(--danger);font-size:13px;cursor:pointer;padding:2px 4px}
.chat-complain:active{transform:scale(.94)}
.claimok-rules{margin:14px auto 4px;max-width:340px;text-align:left;background:var(--brand-soft);border:1px solid var(--brand-mist);border-radius:12px;padding:12px 14px}
.claimok-rules b{color:var(--brand-ink);font-size:14px}
.claimok-rules p{margin:6px 0 0;font-size:12.5px;line-height:1.8;color:var(--ink2)}
.opg{margin:10px 0 2px}
.opg-chain{display:flex;align-items:center;flex-wrap:wrap;gap:3px;margin-top:6px;font-size:12px}
.opg-cs{color:#b9bdd2}
.opg-cs.done{color:var(--brand);font-weight:600}
.opg-cs.cur{color:var(--brand-ink);font-weight:800;background:var(--brand-soft);border-radius:6px;padding:1px 5px}
.opg-arrow{color:#c9cdd6;font-size:11px}
.opg-chain.dead{color:#9aa0ae;font-weight:600}
.opg-term{padding:9px 12px;border-radius:10px;background:#f1f2f5;color:#9aa0b8;font-size:12.5px;font-weight:600}
.opg-term.warn{background:#fdf3e3;color:#9a6a12}
.opg-compact{margin:6px 10px 8px}
.opg-compact .opg-chain{font-size:11px}
.od-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.od-acts .btn-black,.od-acts .btn-orange{flex:1;min-width:120px}
.od-review-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding:9px 12px;background:var(--accent-soft);border-radius:10px;font-size:13px}
.od-mini{padding:5px 12px;font-size:12.5px}
.ord-card-view{cursor:pointer}
.ord-card-view:active{transform:scale(.99)}
.wb-notif-head .btn-orange{flex:none;padding:6px 12px;font-size:12.5px}
.ord-search{padding:2px 12px 8px}
.ord-search input{width:100%;min-height:40px;border:1px solid var(--line);border-radius:10px;padding:0 12px;font-size:14px;background:#fff;color:var(--ink)}
.ord-l1{display:flex;align-items:center;gap:6px}
.ord-title{font-size:15px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ord-status{flex:none;font-size:12.5px;font-weight:700}
.ord-status.st-pay{color:var(--warn)}
.ord-status.st-run{color:var(--brand)}
.ord-status.st-check{color:var(--accent-deep)}
.ord-status.st-done{color:var(--ok)}
.ord-status.st-cancel{color:var(--ink3)}
.ord-l2{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:5px}
.ord-meta{font-size:12.5px;color:var(--ink3)}
.ord-amt{flex:none;font-size:19px;font-weight:800;color:var(--brand)}
.ord-refunded{flex:none;font-size:11.5px;color:var(--danger);margin-left:6px}
.ord-l3{display:flex;justify-content:space-between;gap:10px;margin-top:4px;font-size:12px;color:var(--ink3)}
.ord-foot{display:flex;justify-content:flex-end;border-top:1px solid var(--line2);margin-top:9px;padding-top:9px}
.ord-reorder{padding:6px 16px;font-size:13px}
.ord-empty{text-align:center;padding:26px 16px;color:var(--ink3)}
.ord-empty span{font-size:30px}
.ord-empty p{margin:8px 0 12px;font-size:13.5px}
.od-rules{margin-top:10px;padding:11px 13px;border-radius:10px;background:#f7f9ff;border:1px solid var(--line-soft)}
.od-rules b{font-size:13.5px;color:var(--ink)}
.od-rules p{margin:6px 0 0;font-size:12.5px;line-height:1.7;color:var(--sub)}
.od-group-strip{margin-top:10px;padding:11px 13px;border-radius:10px;background:var(--brand-soft);border:1px solid var(--brand-mist);color:var(--brand-ink);font-size:13.5px;font-weight:600;cursor:pointer}
.od-group-strip:active{transform:scale(.99)}
.od-group-strip.off{background:#f1f1f6;border-color:var(--line);color:var(--ink3);cursor:default;font-weight:500}
.tags span.on{background:var(--brand);color:#fff;border-color:var(--brand)}
#view-category,#view-choose,#view-desk,#view-home,#view-message{padding-bottom:96px}
.msg-pulse-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#22c55e;font-style:normal;pointer-events:none;animation:msgPulse 1.2s ease-in-out infinite;box-shadow:0 0 0 2px rgba(34,197,94,.18)}
.msg-pulse-dot.tab-dot{top:2px;left:calc(50% + 7px)}
.msg-pulse-dot.wb-dot{position:relative;display:inline-block;margin-left:5px;top:-6px}
@keyframes msgPulse{
0%,100%{opacity:1;transform:scale(1)}
50%{opacity:.35;transform:scale(.78)}
}
@media (prefers-reduced-motion:reduce){
.msg-pulse-dot{animation:none}
}
.tabs>div{position:relative}
.invest-hero{margin:14px 12px 0;border-radius:18px;padding:26px 20px;background:linear-gradient(135deg,#3f74e8,#598bfd 60%,#9ad4cb);color:#fff;box-shadow:0 12px 28px rgba(63,116,232,.35)}
.invest-hero h2{font-size:24px;line-height:1.45;margin:0 0 8px}
.invest-hero p{font-size:13px;opacity:.88;line-height:1.7;margin:0}
.invest-cards{margin:12px 12px 0;display:flex;flex-direction:column;gap:10px}
.invest-card{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}
.invest-card i{font-style:normal;font-size:24px;width:44px;height:44px;flex:none;border-radius:12px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center}
.invest-card b{font-size:14.5px;color:var(--ink)}
.invest-card p{font-size:12.5px;color:var(--muted);line-height:1.65;margin:3px 0 0}
.invest-contact{margin:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}
.invest-contact h3{font-size:15px;margin:0 0 10px;color:var(--ink)}
.join-sell{margin-top:12px;background:linear-gradient(135deg,rgba(89,139,253,.1),rgba(53,179,201,.14));border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.join-sell b{font-size:13.5px;color:var(--ink)}
.join-sell p{font-size:12.5px;color:var(--ink-2);line-height:1.75;margin:4px 0 0}
.join-sell-owner b{font-size:15px;color:var(--brand)}
.booking-tag{background:linear-gradient(90deg,#eaf0fa,#dce6f5);color:var(--brand);border:1px solid rgba(89,139,253,.45)}
.tier-chip{display:inline-block;font-size:10.5px;font-weight:700;color:#7a5200;background:linear-gradient(90deg,#fff3d6,#ffe9a8);border:1px solid rgba(217,164,6,.5);border-radius:999px;padding:1px 7px;vertical-align:1px;white-space:nowrap}
.tier-prog{font-weight:600;color:var(--brand)}
.gift-wall{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:8px}
.gift-chip{font-size:12px;background:var(--accent-soft);border:1px solid var(--line);border-radius:999px;padding:4px 10px;color:var(--ink-2)}
.gift-time{font-size:11px;color:var(--faint);text-align:right;margin:-2px 0 6px}
#view-message .page-head{background:radial-gradient(120% 110% at 8% -12%,rgba(89,139,253,.5),rgba(0,0,0,0) 58%),radial-gradient(130% 105% at 88% -8%,rgba(154,212,203,.85),rgba(0,0,0,0) 55%),radial-gradient(105% 90% at 50% 118%,rgba(53,179,201,.32),rgba(0,0,0,0) 62%),linear-gradient(180deg,#c7dbfe 0,#e1f1ed 100%);border-bottom:0;border-radius:0 0 26px 26px}
#catGamesRail .game-tile img{background:#fff;padding:5px;border-radius:17px;width:56px;height:56px;box-shadow:0 2px 9px rgba(89,139,253,.07)}
#catGamesRail .game-tile .game-tile-fb{width:56px;height:56px;border:5px solid #fff;border-radius:17px;box-shadow:0 2px 9px rgba(89,139,253,.07)}
#catGamesRail .game-tile.on .game-tile-fb,#catGamesRail .game-tile.on img{box-shadow:0 0 0 2.5px var(--brand),0 2px 9px rgba(89,139,253,.12)}
#catGamesRail .game-tile.on .game-tile-name{display:inline-block;background:var(--brand);color:#fff;font-weight:600;border-radius:999px;padding:1px 9px}
#boosterGamesRail .game-tile .gt-ico{width:56px;height:56px;margin:0 auto;background:#fff;border-radius:17px;padding:5px;box-shadow:0 2px 9px rgba(89,139,253,.07);display:flex;align-items:center;justify-content:center}
#boosterGamesRail .game-tile .gt-ico img{width:100%;height:100%;border-radius:12px;object-fit:cover;display:block}
#boosterGamesRail .game-tile .gt-emoji{font-size:24px;line-height:1}
#boosterGamesRail .game-tile.on .gt-ico{box-shadow:0 0 0 2.5px var(--brand),0 2px 9px rgba(89,139,253,.12)}
#boosterGamesRail .game-tile.on>span{display:inline-block;background:var(--brand);color:#fff;font-weight:600;border-radius:999px;padding:1px 9px;margin-top:6px;font-size:11.5px}
#view-category{background:linear-gradient(180deg,#d9e7fa,var(--bg) 320px,var(--bg))}
#view-choose{background:linear-gradient(180deg,#d9e7fa,var(--bg) 320px,var(--bg))}
.duo-inv-card{border:1.5px solid var(--brand)}
.duo-inv-title{display:block;font-size:15px;margin:2px 0}
.duo-inv-line{font-size:12.5px;color:var(--muted);margin-top:2px}
.duo-inv-btns{display:flex;gap:8px;margin-top:10px}
.duo-inv-btns .btn-black,.duo-inv-btns .btn-orange{flex:1}
.duo-inv-left{color:#e8862b;font-weight:700;font-size:12.5px}
.wbo-duo{display:flex;gap:8px;align-items:center;margin-top:6px;flex-wrap:wrap}
.xh-preview-bar{position:fixed;top:0;left:0;right:0;z-index:100000;background:linear-gradient(90deg,#598bfd,#35b3c9);color:#fff;font-size:13px;font-weight:700;text-align:center;padding:7px 10px;letter-spacing:.4px;box-shadow:0 2px 10px rgba(53,179,201,.35)}
body.xh-preview-on{padding-top:31px}
.butler-head{background:linear-gradient(120deg,rgba(89,139,253,.2),rgba(53,179,201,.14) 55%,rgba(154,212,203,.18))}
.butler-ai-tag{margin-left:auto;background:var(--brand);color:#fff;font-size:11px;font-weight:700;border-radius:999px;padding:3px 9px;letter-spacing:.4px}
.butler-guard{margin:12px 12px 0;background:linear-gradient(120deg,#eaf3ff,#eafbf7);border:1px solid var(--brand-mist);color:var(--brand-ink);border-radius:12px;padding:9px 12px;font-size:12.5px;line-height:1.7}
.tp-dots{display:inline-flex;gap:3px}
.tp-dots i{width:5px;height:5px;border-radius:50%;background:var(--brand,#598bfd);display:block;animation:tpBreathe 1.1s ease-in-out infinite}
.tp-dots i:nth-child(2){animation-delay:.18s}
.tp-dots i:nth-child(3){animation-delay:.36s}
@keyframes tpBreathe{
0%,100%{opacity:.25;transform:translateY(0)}
50%{opacity:1;transform:translateY(-2px)}
}
.exp-chip.on{background:var(--brand);border-color:var(--brand);color:#fff}
.bt-good{flex:none;width:106px;background:#fff;border:1px solid var(--brand-mist);border-radius:14px;overflow:hidden;cursor:pointer;box-shadow:0 4px 12px rgba(89,139,253,.1)}
.bt-good:active{transform:scale(.97)}
.bt-good-thumb{height:62px;background:linear-gradient(140deg,#eaf3ff,#e4f6f2);display:flex;align-items:center;justify-content:center;font-size:28px}
.bt-good-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.bt-good-name{font-size:12px;font-weight:600;color:var(--ink);line-height:1.35;padding:6px 8px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:32px}
.bt-good-price{padding:3px 8px 7px;color:#ff6a2b;font-weight:800;font-size:14px}
.bt-good-price small{font-size:11px;font-weight:600;margin-left:1px}
body.kb-open .view.chat-fixed .butler-guard{display:none}
.share-card-modal{position:fixed;inset:0;z-index:1200;background:rgba(10,18,35,.62);display:none;align-items:center;justify-content:center;padding:18px}
.share-card-box{background:#fff;border-radius:20px;padding:16px;max-width:400px;width:100%;text-align:center;box-shadow:0 18px 50px rgba(18,35,63,.35)}
.share-card-box canvas{width:100%;max-width:340px;border-radius:12px}
.share-card-btns{display:flex;gap:10px;justify-content:center;margin-top:12px}
.share-card-btns .btn-black,.share-card-btns .btn-orange{flex:1;text-align:center}
.share-card-note{font-size:12px;color:var(--muted,#5a6b85);margin:10px 0 0}
.mode-card{margin:10px 12px 0;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:10px 12px;box-shadow:0 4px 14px rgba(89,139,253,.07)}
.mode-seg{display:flex;background:var(--line-soft);border-radius:999px;padding:3px;gap:3px}
.mode-seg span{flex:1;text-align:center;padding:8px 0;border-radius:999px;font-size:13.5px;font-weight:700;color:var(--ink-2);cursor:pointer;transition:background .18s,color .18s}
.mode-seg span.on{background:linear-gradient(90deg,var(--brand),var(--accent));color:#fff;box-shadow:0 3px 10px rgba(89,139,253,.35)}
.mode-tip{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.6}
.pro-hero{position:relative;padding:14px 14px 12px;border-radius:0 0 22px 22px;overflow:hidden;background:radial-gradient(240px 150px at 8% -30px,rgba(53,179,201,.45),rgba(53,179,201,0) 70%),radial-gradient(300px 190px at 88% -50px,rgba(154,212,203,.55),rgba(154,212,203,0) 70%),radial-gradient(340px 220px at 55% -90px,rgba(89,139,253,.5),rgba(89,139,253,0) 72%),linear-gradient(180deg,#dce9fd,#eff4fb)}
.pro-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.pro-top b{font-size:16.5px;color:var(--brand-ink);letter-spacing:.5px}
.pro-mode-back,.pro-refresh{font-size:13px;font-weight:700;color:var(--brand-deep);background:rgba(255,255,255,.75);border:1px solid rgba(89,139,253,.25);padding:6px 12px;border-radius:999px;cursor:pointer}
.wb-switch.pro-big{width:80px;height:46px;flex:none}
.wb-switch.pro-big i::after{width:38px;height:38px;left:4px;top:4px}
.wb-switch.pro-big input:checked+i::after{transform:translateX(34px)}
.pro-chip.on{background:linear-gradient(90deg,var(--brand),var(--accent));color:#fff;border-color:transparent}
.pro-chip.on em{background:rgba(255,255,255,.28);color:#fff;border:none}
.directed-tag{background:linear-gradient(90deg,var(--accent),var(--brand))}
.sv-notice{margin:10px 12px;background:#fff7f4;border:1.5px solid #e8b4a2;border-left:5px solid #c0392b;border-radius:14px;padding:12px 14px;box-shadow:0 4px 14px rgba(192,57,43,.08)}
.sv-head{display:flex;align-items:center;gap:7px}
.sv-ava{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#598bfd,#35b3c9);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}
.sv-name{font-weight:700;color:#22314f;font-size:14px}
.sv-tag{font-size:10px;color:#fff;background:#3a4a6b;border-radius:6px;padding:1px 6px}
.sv-title{margin-top:8px;font-size:16px;font-weight:800;color:#c0392b;letter-spacing:2px}
.sv-body{margin-top:6px;font-size:13.5px;line-height:1.65;color:#3a3a3a;white-space:pre-wrap}
.sv-meta{margin-top:8px;font-size:11px;color:#9a8f8a}
.wg-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:10px 12px 2px;background:0 0}
.wg-tab.on{background:#598bfd;border-color:#598bfd;color:#fff;font-weight:600}
.cs-head-badge{display:inline-flex;width:26px;height:26px;border-radius:50%;background:var(--accent-soft);align-items:center;justify-content:center;font-size:14px;vertical-align:-8px;margin-right:2px}