:root{
  --brand:#2F6B55;--brand-2:#4F8B6E;--brand-soft:#E6EFE9;--accent:#D9774B;--red:#E0583A;--danger:#E0583A;
  --ink:#1F2421;--ink2:#474E4A;--muted:#8C938F;--line:rgba(31,36,33,.09);--page-bg:#F4F2EE;
  --backdrop:linear-gradient(135deg,#F3EFE7 0%,#E9EFE9 100%);--blob1:#CFE3D5;--blob2:#F2D3BE;
}
.price{color:var(--red);font-weight:700;font-family:"DIN Alternate","Helvetica Neue",Arial,sans-serif;font-size:17px;letter-spacing:-.2px;white-space:nowrap}
.price small{font-size:.68em;font-weight:700;margin:0 1px}
.price.lg{font-size:24px}.price.xl{font-size:28px}.price.w{color:#fff}
.price.red{color:var(--red)}
s.num{color:#aab0ac;font-size:12px;margin-left:5px}
.spin{display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite;vertical-align:-2px}
.spin.w{color:#fff}

/* 按钮 */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 20px;border-radius:20px;font-size:15px;font-weight:600;transition:.15s}
.btn:active{transform:scale(.97)}
.btn.primary{background:linear-gradient(90deg,var(--brand-2),var(--brand));color:#fff;box-shadow:0 6px 14px -6px rgba(47,107,85,.6)}
.btn.primary[disabled]{background:#c9d1cc;box-shadow:none}
.btn.ghost-b{background:var(--brand-soft);color:var(--brand)}
.btn.ghost{border:1px solid #d9dcda;color:var(--ink2);background:#fff;font-weight:500}
.btn.primary-o{border:1px solid var(--brand);color:var(--brand);background:#fff}
.btn.danger-o{border:1px solid var(--red);color:var(--red);background:#fff;height:36px;font-size:14px}
.btn.danger-o[disabled]{opacity:.4}
.btn.sm{height:30px;padding:0 13px;font-size:13px;border-radius:15px}
.btn.full{width:100%}.btn.lg{height:48px;border-radius:24px;font-size:16px}

/* 导航 */
.home-nav{background:var(--brand);color:#fff;justify-content:flex-start;transition:box-shadow .2s}
.home-nav .capsule,.mem-nav .capsule{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.35);color:#fff}
.home-nav .capsule i+i{border-color:rgba(255,255,255,.3)}
.hn-brand{display:flex;align-items:center;gap:8px;padding-left:16px;font-size:18px;font-weight:700;letter-spacing:1px}
.hn-logo{width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.18);display:grid;place-items:center}
.home-nav.solid{box-shadow:0 2px 10px rgba(0,0,0,.12)}
.pd-nav{position:absolute;top:0;left:0;right:0;background:transparent;transition:background .25s}
.pd-nav .nb-title{opacity:0}
.pd-nav.solid{background:#fff;box-shadow:0 1px 0 var(--line)}
.pd-nav.solid .nb-back.bubble{background:none;box-shadow:none}
.mem-nav{position:absolute;top:0;left:0;right:0;color:#fff}
.light-t{color:#fff}.light-t .capsule{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.35);color:#fff}

/* 首页 */
.home-top{background:linear-gradient(180deg,var(--brand) 0%,var(--brand) 55%,var(--page-bg) 100%);padding:4px 14px 0}
.store-row{display:flex;justify-content:space-between;align-items:center;color:rgba(255,255,255,.88);font-size:12.5px;margin:0 2px 10px}
.store-row .st{display:flex;align-items:center;gap:4px}
.store-row .sw{display:flex;align-items:center;opacity:.8}
.search{display:flex;align-items:center;gap:8px;height:38px;border-radius:19px;background:#fff;padding:0 4px 0 14px;color:#9aa19d;font-size:14px}
.search span{flex:1}
.search b{height:30px;line-height:30px;padding:0 16px;border-radius:15px;background:var(--brand);color:#fff;font-weight:500;font-size:13.5px}
.search.sm{height:34px;background:#F1F2F0}
.search.in{background:#F1F2F0}
.search input{flex:1;border:0;background:none;outline:none;font-size:14.5px;height:100%;color:var(--ink)}
.search.in button{width:30px;height:30px;display:grid;place-items:center;color:#aaa}
.banner{position:relative;margin-top:12px;height:150px;border-radius:14px;overflow:hidden;box-shadow:0 10px 24px -14px rgba(0,0,0,.35);cursor:grab;user-select:none}
.banner .slides{display:flex;height:100%;transition:transform .5s}
.slide{flex:0 0 100%;position:relative;overflow:hidden;color:#fff;display:flex}
.bn-t{position:relative;z-index:2;padding:20px 0 0 20px;width:58%}
.bn-t i{display:inline-block;font-style:normal;font-size:11px;background:rgba(255,255,255,.22);padding:2px 8px;border-radius:10px;margin-bottom:8px;letter-spacing:.5px}
.bn-t h3{margin:0 0 6px;font-size:23px;letter-spacing:1px;font-weight:800}
.bn-t p{margin:0 0 12px;font-size:12px;opacity:.9;line-height:1.5}
.bn-btn{display:inline-flex;align-items:center;gap:2px;font-size:12px;font-weight:600;background:#fff;color:var(--ink);padding:5px 12px;border-radius:14px}
.bn-art{position:absolute;right:-6px;bottom:-14px;width:170px;height:170px;z-index:1}
.bn-art svg{width:100%;height:100%}
.bn-c1{position:absolute;right:30px;top:-40px;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.14)}
.bn-c2{position:absolute;left:-30px;bottom:-60px;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.08)}
.banner .dots{position:absolute;bottom:10px;left:20px;display:flex;gap:4px;z-index:3}
.banner .dots b{width:6px;height:4px;border-radius:2px;background:rgba(255,255,255,.5);transition:.3s}
.banner .dots b.on{width:16px;background:#fff}

.art{position:relative;width:100%;height:100%;overflow:hidden;display:grid;place-items:center}
.art svg{width:100%;height:100%;display:block;position:relative;z-index:1}
.art .art-dot{position:absolute;right:-18%;top:-18%;width:60%;height:60%;border-radius:50%;background:rgba(255,255,255,.35)}

.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 6px;margin:14px 12px 0;padding:16px 8px 14px;background:#fff;border-radius:14px}
.cat{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:12px;color:var(--ink2);cursor:pointer}
.cat .ci{width:50px;height:50px;border-radius:16px;overflow:hidden}
.mstrip{margin:10px 12px 0;padding:11px 12px;border-radius:14px;background:linear-gradient(95deg,#2B3A33,#44574D);color:#F3E6D2;display:flex;align-items:center;justify-content:space-between;cursor:pointer}
.ms-l{display:flex;align-items:center;gap:10px}
.ms-l b{display:block;font-size:13.5px;font-weight:600}
.ms-l small{font-size:11.5px;opacity:.8}
.ms-l small em{font-style:normal;color:#F5C99A;font-weight:700}
.lvb{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:700;color:#3a2b18;background:linear-gradient(90deg,#F5DDB9,#E6BD85);padding:3px 7px;border-radius:6px}
.sign{height:28px;padding:0 12px;border-radius:14px;font-size:12.5px;font-weight:600;background:linear-gradient(90deg,#F5DDB9,#E6BD85);color:#3a2b18;flex:none}
.sign.done{background:rgba(255,255,255,.18);color:rgba(255,255,255,.75)}
.m-card .sign.done{background:#f0f1ef;color:#9aa19d}
.m-card .sign{background:linear-gradient(90deg,var(--brand-2),var(--brand));color:#fff}

.sec{margin:10px 12px 0;background:#fff;border-radius:14px;padding:14px 0 14px 12px}
.sec-h{display:flex;align-items:center;gap:8px;padding-right:12px;margin-bottom:12px}
.sec-h h4{margin:0;font-size:17px;font-weight:800;font-style:italic;letter-spacing:.5px;background:linear-gradient(90deg,var(--red),#F09A55);-webkit-background-clip:text;background-clip:text;color:transparent}
.fs-tag{font-size:11px;color:var(--red);border:1px solid rgba(224,88,58,.35);padding:1px 6px;border-radius:4px}
.cd{display:inline-flex;align-items:center;gap:2px;color:var(--red);font-size:11px;font-weight:700}
.cd b{min-width:20px;height:19px;line-height:19px;text-align:center;border-radius:4px;background:var(--red);color:#fff;font-size:12px}
.sec-h .more{margin-left:auto;font-size:12px;color:var(--muted);display:flex;align-items:center}
.hscroll{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-right:12px}
.hscroll::-webkit-scrollbar{display:none}
.fcard{flex:0 0 100px;cursor:pointer}
.fc-img{width:100px;height:100px;border-radius:10px;overflow:hidden}
.fc-p{margin-top:6px;display:flex;align-items:baseline}
.fc-p .price{font-size:16px}
.fc-p s.num{font-size:11px;margin-left:3px}
.bar{position:relative;height:15px;border-radius:8px;background:#FBE4DC;overflow:hidden;margin-top:4px}
.bar i{position:absolute;left:0;top:0;bottom:0;border-radius:8px;background:linear-gradient(90deg,#F09A55,var(--red))}
.bar span{position:relative;display:block;font-size:10px;color:#fff;line-height:15px;padding-left:6px;font-weight:600;text-shadow:0 0 2px rgba(0,0,0,.15)}
.topics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 12px 0}
.topic{position:relative;height:86px;border-radius:14px;overflow:hidden;padding:14px 12px;cursor:pointer}
.topic.t1{background:linear-gradient(135deg,#FBEDEA,#F3D6D0)}
.topic.t2{background:linear-gradient(135deg,#E9F0F5,#D3E0EB)}
.topic h5{margin:0 0 5px;font-size:15px;color:var(--ink)}
.topic p{margin:0;font-size:11.5px;color:var(--ink2);opacity:.8}
.topic svg{position:absolute;right:-12px;bottom:-16px;width:92px;height:92px}
.feed-tabs{position:sticky;top:0;z-index:5;display:flex;gap:4px;padding:14px 12px 10px;background:var(--page-bg)}
.feed-tabs button{padding:6px 12px;font-size:14px;color:var(--ink2);border-radius:16px;position:relative}
.feed-tabs button.on{color:var(--ink);font-weight:700;font-size:15.5px}
.feed-tabs button.on::after{content:"";position:absolute;left:50%;bottom:1px;transform:translateX(-50%);width:18px;height:3px;border-radius:2px;background:var(--brand)}
.feed{display:flex;gap:9px;padding:0 12px}
.feed .col{flex:1;min-width:0;display:flex;flex-direction:column;gap:9px}
.pcard{background:#fff;border-radius:12px;overflow:hidden;cursor:pointer;animation:inFade .35s ease both}
.pc-img{aspect-ratio:1/1}
.pc-img.tall{aspect-ratio:4/5}
.pc-b{padding:9px 10px 10px}
.pc-n{font-size:13.5px;line-height:1.45;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tg{display:inline-block;font-style:normal;font-size:10px;line-height:15px;padding:0 4px;border-radius:3px;background:var(--brand);color:#fff;margin-right:4px;vertical-align:1px;font-weight:600}
.tg.new{background:#4E7BA3}.tg.hot{background:var(--red)}
.pc-tags{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}
.pc-tags span{font-size:10px;color:var(--brand);border:1px solid rgba(47,107,85,.3);border-radius:3px;padding:0 4px;line-height:15px}
.pc-tags span.hl{color:var(--red);border-color:rgba(224,88,58,.35)}
.pc-f{display:flex;align-items:baseline;margin-top:6px;position:relative}
.pc-f s.num{font-size:11px}
.add{position:absolute;right:0;bottom:-2px;width:26px;height:26px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;box-shadow:0 4px 10px -4px rgba(47,107,85,.8);transition:transform .15s}
.add:active{transform:scale(.85)}
.pc-s{font-size:11px;color:var(--muted);margin-top:4px}
.feed-more{text-align:center;font-size:12px;color:#aab0ac;padding:18px 0 24px}

/* 飞入购物车 */
.fly-ball{position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;z-index:500;pointer-events:none;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.shake{animation:shake .5s}
@keyframes shake{0%,100%{transform:none}25%{transform:scale(1.25) rotate(-8deg)}50%{transform:scale(.95) rotate(6deg)}75%{transform:scale(1.08)}}

/* 搜索 */
.search-bar{background:#fff;padding:6px 14px 10px}
.sh-block{padding:6px 16px}
.sh-t{display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:600;margin:16px 0 12px}
.sh-t button{color:#aaa}
.kw{display:flex;flex-wrap:wrap;gap:10px}
.kw button{background:#fff;border-radius:16px;padding:6px 14px;font-size:13px;color:var(--ink2)}
.kw.hot i{font-style:normal;color:var(--red);font-weight:700;margin-right:4px}
.res-h{font-size:12px;color:var(--muted);padding:12px 16px 4px}

/* 分类 */
.cat-search{background:#fff;padding:4px 14px 10px}
.cat-wrap{flex:1;min-height:0;display:flex}
.rail{width:88px;flex:none;background:#F4F2EE;overflow-y:auto;scrollbar-width:none}
.rail button{display:block;width:100%;height:54px;font-size:13.5px;color:var(--ink2);position:relative;transition:.15s}
.rail button.on{background:#fff;color:var(--brand);font-weight:700}
.rail button.on::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 3px 3px 0;background:var(--brand)}
.cat-main{background:#fff;padding:12px 12px 0}
.cat-banner{position:relative;height:88px;border-radius:12px;padding:16px;color:#fff;overflow:hidden}
.cat-banner h5{margin:0 0 6px;font-size:18px}
.cat-banner p{margin:0;font-size:11.5px;opacity:.85}
.cat-banner svg{position:absolute;right:-6px;bottom:-18px;width:110px;height:110px}
.subs{display:flex;gap:8px;margin:12px 0 4px;flex-wrap:wrap}
.subs button{font-size:12.5px;padding:5px 12px;border-radius:14px;background:#F4F2EE;color:var(--ink2)}
.subs button.on{background:var(--brand-soft);color:var(--brand);font-weight:600}
.sorts{display:flex;justify-content:space-between;padding:8px 6px;border-bottom:1px solid var(--line);position:sticky;top:-12px;background:#fff;z-index:3}
.sorts button{font-size:13px;color:var(--ink2);display:flex;align-items:center;gap:3px}
.sorts button.on{color:var(--brand);font-weight:700}
.arr{display:inline-flex;flex-direction:column;gap:2px}
.arr i{width:0;height:0;border-left:3.5px solid transparent;border-right:3.5px solid transparent}
.arr i:first-child{border-bottom:4px solid #c3c8c5}.arr i:last-child{border-top:4px solid #c3c8c5}
.arr.up i:first-child{border-bottom-color:currentColor}.arr.down i:last-child{border-top-color:currentColor}
.plist{display:flex;flex-direction:column}
.prow{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);cursor:pointer;animation:inFade .3s ease both}
.search-bar+.pg-body .plist,.fav-list{padding:0 16px;background:#fff}
.pr-img{width:92px;height:92px;border-radius:10px;overflow:hidden;flex:none}
.pr-b{flex:1;min-width:0;display:flex;flex-direction:column}
.pr-n{font-size:14px;font-weight:500;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pr-d{font-size:11.5px;color:var(--muted);margin-top:3px}
.pr-f{margin-top:auto;display:flex;align-items:baseline;position:relative}

/* 商品详情 */
.pd{background:var(--page-bg)}
.gallery{position:relative;height:390px}
.g-track{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.g-track::-webkit-scrollbar{display:none}
.g-item{flex:0 0 100%;scroll-snap-align:start}
.g-item .art svg{width:86%;height:86%;margin-top:30px}
.g-idx{position:absolute;right:14px;bottom:26px;font-size:11px;color:#fff;background:rgba(0,0,0,.28);padding:2px 9px;border-radius:10px}
.pd-flash{display:flex;justify-content:space-between;align-items:center;margin-top:-14px;position:relative;z-index:2;padding:10px 16px 22px;border-radius:14px 14px 0 0;background:linear-gradient(90deg,var(--red),#F09A55);color:#fff}
.pd-flash s.num{color:rgba(255,255,255,.7)}
.pd-flash em{font-style:normal;font-size:11px;background:rgba(255,255,255,.22);padding:2px 6px;border-radius:4px;margin-left:6px;vertical-align:3px}
.pd-flash .r{text-align:right}
.pd-flash .r small{display:block;font-size:11px;opacity:.9;margin-bottom:3px}
.pd-flash .cd b{background:#fff;color:var(--red)}.pd-flash .cd{color:#fff}
.pd-card{position:relative;background:#fff;margin:10px 10px 0;border-radius:14px;padding:14px}
.pd-card.first{margin-top:-14px;z-index:3;border-radius:14px}
.pd-flash+.pd-card.first{margin-top:-14px}
.pd-price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.mtag{font-size:11px;color:#3a2b18;background:linear-gradient(90deg,#F5DDB9,#E6BD85);padding:1px 6px;border-radius:4px;font-weight:600}
.pd-price s.num{font-size:12px}
.pd-price .sold{margin-left:auto;font-size:12px;color:var(--muted)}
.pd-name{font-size:17px;line-height:1.45;margin:8px 60px 6px 0;font-weight:700}
.pd-sub{font-size:12.5px;color:var(--muted);line-height:1.6;margin:0 60px 0 0}
.fav{position:absolute;right:12px;bottom:18px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--muted);width:44px}
.fav.on{color:var(--red)}.fav.on .ic{fill:var(--red)}
.fav.beat .ic{animation:pop .45s cubic-bezier(.3,1.6,.5,1)}
.pd-card.rows{padding:4px 14px}
.pd-card.rows .r{display:flex;align-items:center;gap:12px;padding:11px 0;font-size:13px;color:var(--ink2);cursor:pointer}
.pd-card.rows .r+.r{border-top:1px solid var(--line)}
.pd-card.rows label{color:var(--muted);width:30px;flex:none;font-size:12.5px}
.pd-card.rows .r>div{flex:1;min-width:0;line-height:1.5}
.pd-card.rows .r>.ic{color:#c0c5c2}
.cps{display:flex;gap:6px}
.cps span{font-size:11px;color:var(--red);background:#FDEEEA;padding:2px 7px;border-radius:3px;position:relative}
.svc{display:flex;gap:12px;flex-wrap:wrap}
.svc span{display:flex;align-items:center;gap:3px;font-size:12px}
.svc .ic{color:var(--brand)}
.card-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.card-h h4{margin:0;font-size:15.5px}
.card-h h4 small{font-size:12px;color:var(--muted);font-weight:400;margin-left:4px}
.good{font-size:12px;color:var(--muted);display:flex;align-items:center;cursor:pointer}
.rv-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.rv-tags span{font-size:11.5px;background:var(--brand-soft);color:var(--brand);padding:3px 9px;border-radius:12px}
.rv{padding:12px 0 2px;border-top:1px solid var(--line);margin-top:10px}
.rv-h{display:flex;align-items:center;gap:6px;font-size:12.5px}
.rv-av{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#F3E3D3,#E2C7AE);display:grid;place-items:center;font-size:11px;color:#7a5a3c;font-weight:700}
.rv-h i{font-style:normal;font-size:10px;color:#3a2b18;background:#F2DDBE;border-radius:3px;padding:0 4px}
.stars{margin-left:auto;color:#F0A53B;font-size:12px;letter-spacing:1px}.stars em{color:#e3e5e4;font-style:normal}
.rv p{font-size:13px;line-height:1.6;margin:6px 0 4px;color:var(--ink)}
.rv small{font-size:11px;color:var(--muted)}
.sim{padding-right:0}
.scard{flex:0 0 104px;cursor:pointer}
.scard .art{height:104px;border-radius:10px}
.scard .sn{font-size:12px;margin:6px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scard .price{font-size:14px}
.params{width:100%;border-collapse:collapse;font-size:12.5px;margin-bottom:14px}
.params th{width:64px;text-align:left;color:var(--muted);font-weight:400;padding:7px 0;vertical-align:top}
.params td{padding:7px 0;color:var(--ink2);line-height:1.5}
.params tr+tr{border-top:1px solid var(--line)}
.dt-img{border-radius:12px;overflow:hidden;margin-top:10px;position:relative}
.dt-img .art{height:300px}
.dt-cap{position:absolute;left:16px;top:16px;right:16px;z-index:2}
.dt-cap b{display:block;font-size:18px;margin-bottom:4px;color:var(--ink)}
.dt-cap span{font-size:12px;color:var(--ink2);line-height:1.6;display:block;max-width:220px}
.dt-img .art svg{margin-top:60px;height:80%}
.pd-end{text-align:center;color:#b3b8b5;font-size:12px;padding:22px 0 26px;letter-spacing:1px}
.bbar{flex:none;display:flex;align-items:center;gap:2px;padding:7px 10px calc(7px + var(--safe-b));background:#fff;box-shadow:0 -1px 0 var(--line)}
.bb-ic{position:relative;width:48px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10.5px;color:var(--ink2)}
.bb-ic .dot{position:absolute;top:-4px;right:4px;min-width:17px;height:17px;border-radius:9px;padding:0 5px;background:var(--red);color:#fff;font-size:10.5px;line-height:17px;font-style:normal;font-weight:600;border:1.5px solid #fff}
.bb-ic .dot.pop{animation:pop .45s cubic-bezier(.3,1.6,.5,1)}
.bb-btns{flex:1;display:flex;height:42px;border-radius:21px;overflow:hidden;margin-left:6px}
.bb-btns button{flex:1;color:#fff;font-size:14.5px;font-weight:600}
.bb-btns .b1{background:linear-gradient(90deg,#E8A45F,#E08845)}
.bb-btns .b2{background:linear-gradient(90deg,#E4724A,var(--red))}

/* 规格弹层 */
.spec-sheet{overflow:visible}
.spec-wrap{display:flex;flex-direction:column;max-height:100%;min-height:0}
.spec-head{display:flex;gap:12px;padding:16px 16px 12px;border-bottom:1px solid var(--line)}
.spec-thumb{width:96px;height:96px;border-radius:12px;overflow:hidden;margin-top:-34px;box-shadow:0 6px 18px -6px rgba(0,0,0,.25);border:3px solid #fff;flex:none}
.spec-info{display:flex;flex-direction:column;justify-content:flex-end;gap:3px;padding-right:30px}
.spec-info .sub{font-size:12px;color:var(--muted)}
.spec-info .sub.dark{color:var(--ink2)}
.spec-groups{overflow-y:auto;padding:4px 16px 8px;max-height:360px}
.sg{padding:12px 0}
.sg-t{font-size:14px;font-weight:600;margin-bottom:10px}
.sg-o{display:flex;flex-wrap:wrap;gap:10px}
.chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:17px;background:#F4F4F2;font-size:13px;color:var(--ink2);border:1px solid transparent;transition:.15s}
.chip.on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand);font-weight:600}
.chip em{font-style:normal;font-size:11px;color:var(--red)}
.chip .sw{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.08)}
.sg.row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:6px}
.sg.row .sg-t{margin:0}
.stepper{display:flex;align-items:center;background:#F4F4F2;border-radius:16px;height:32px}
.stepper button{width:32px;height:32px;display:grid;place-items:center;color:var(--ink)}
.stepper button[disabled],.stepper button.dis{color:#c9cdcb}
.stepper span{min-width:30px;text-align:center;font-size:15px;font-weight:600}
.stepper.sm{height:26px;border-radius:13px}.stepper.sm button{width:26px;height:26px}.stepper.sm span{min-width:24px;font-size:13.5px}
.spec-foot{display:flex;gap:10px;padding:10px 16px 12px}
.spec-foot .btn{flex:1;height:44px;border-radius:22px}
.spec-foot .ghost-b{background:linear-gradient(90deg,#E8A45F,#E08845);color:#fff}
.spec-foot .primary:not(.full){background:linear-gradient(90deg,#E4724A,var(--red));box-shadow:none}
.sheet-t{text-align:center;font-size:16px;font-weight:600;padding:16px 40px 12px}
.sheet-tip{font-size:12px;color:var(--muted);text-align:center;padding:4px 16px 14px}

/* 购物车 */
.cart{padding-bottom:4px}
.c-store{display:flex;justify-content:space-between;align-items:center;background:#fff;margin:10px 10px 0;padding:12px 14px;border-radius:14px 14px 0 0;font-size:14px}
.c-store>div{display:flex;align-items:center;gap:6px}
.c-store small{font-size:11px;color:var(--muted);margin-left:4px}
.c-store button{font-size:13px;color:var(--ink2)}
.c-tip{display:flex;align-items:center;gap:6px;background:#FFF6EF;margin:0 10px;padding:8px 14px;font-size:12px;color:#9a5a33}
.c-tip span{flex:1}.c-tip b{color:var(--red)}
.c-tip a{color:var(--red);display:flex;align-items:center;font-weight:600}
.c-list{background:#fff;margin:0 10px;border-radius:0 0 14px 14px;padding:0 12px 4px}
.citem{display:flex;align-items:center;gap:10px;padding:14px 0;animation:inFade .3s both}
.citem+.citem{border-top:1px solid var(--line)}
.ck{width:20px;height:20px;border-radius:50%;border:1.5px solid #c9cdcb;display:grid;place-items:center;color:transparent;flex:none;transition:.15s}
.ck.on{background:var(--brand);border-color:var(--brand);color:#fff}
.ci-img{width:84px;height:84px;border-radius:10px;overflow:hidden;flex:none;cursor:pointer}
.ci-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.ci-n{font-size:14px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}
.ci-s{align-self:flex-start;font-size:11.5px;color:var(--muted);background:#F4F4F2;padding:2px 8px;border-radius:4px;display:flex;align-items:center;gap:2px}
.ci-f{display:flex;align-items:center;justify-content:space-between}
.del{font-size:12.5px;color:var(--red);border:1px solid rgba(224,88,58,.4);padding:3px 12px;border-radius:12px}
.c-sum{background:#fff;margin:10px 10px 0;border-radius:14px;padding:4px 14px}
.c-sum .r,.co-rows .r{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;padding:11px 0;color:var(--ink2)}
.c-sum .r+.r,.co-rows .r+.r{border-top:1px solid var(--line)}
.c-sum b,.co-rows b{font-weight:600;display:flex;align-items:center;gap:4px;color:var(--ink)}
b.red{color:var(--red)!important}b.green{color:var(--brand)!important}
.cp-t{font-style:normal;font-size:10.5px;background:#FDEEEA;color:var(--red);padding:1px 5px;border-radius:3px;font-weight:500}
.r.link{cursor:pointer}
.guess-h{display:flex;align-items:center;justify-content:center;gap:10px;font-size:14.5px;font-weight:700;padding:20px 0 12px;color:var(--ink)}
.guess-h i{width:28px;height:1px;background:#cfd3d0}
.cart-empty{padding:50px 20px 20px;background:#fff;margin:10px;border-radius:14px}
.cart-empty .sub{font-size:12px;margin-top:4px}
.cbar{flex:none;display:flex;align-items:center;gap:10px;padding:8px 12px 8px 14px;background:#fff;box-shadow:0 -1px 0 var(--line);min-height:58px}
.page:has(.cbar) .tabbar{display:none}
.ck-all{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink2)}
.cbar .tot{flex:1;text-align:right;line-height:1.3;font-size:13px}
.cbar .tot small{font-size:11px;color:var(--muted)}
.cbar .tot .price{font-size:20px}
.btn.go{height:42px;border-radius:21px;padding:0 22px;background:linear-gradient(90deg,#E4724A,var(--red));box-shadow:0 6px 14px -6px rgba(224,88,58,.7)}
.btn.go[disabled]{background:#d8dcda;box-shadow:none}
.cbar .danger-o{margin-left:auto}
.od-bar,.cbar.od-bar{justify-content:flex-end;padding-bottom:calc(8px + var(--safe-b))}
.co-bar{padding-bottom:calc(8px + var(--safe-b))}
.page>.cbar:last-child:not(.co-bar):not(.od-bar){padding-bottom:8px}

/* 结算 */
.co{padding:10px}
.seg{display:flex;background:#fff;border-radius:14px 14px 0 0;padding:6px;gap:6px}
.seg button{flex:1;height:38px;border-radius:10px;font-size:14px;color:var(--ink2);display:flex;align-items:center;justify-content:center;gap:6px;background:#F4F4F2}
.seg button.on{background:var(--brand-soft);color:var(--brand);font-weight:700;box-shadow:inset 0 0 0 1px rgba(47,107,85,.35)}
.addr{position:relative;display:flex;align-items:center;gap:12px;background:#fff;padding:14px 14px 18px;border-radius:0 0 14px 14px;cursor:pointer;overflow:hidden}
.addr .ai,.od-addr .ai,.track .ai{width:36px;height:36px;border-radius:50%;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;flex:none}
.track .ai.g{background:#EAF1F7;color:#4E7BA3}
.addr .at,.od-addr .at,.track .at{flex:1;min-width:0}
.addr .at>div{display:flex;align-items:center;gap:8px;font-size:15px}
.addr .at span{font-size:13px;color:var(--ink2)}
.addr .at i{font-style:normal;font-size:10px;color:var(--brand);border:1px solid rgba(47,107,85,.4);padding:0 4px;border-radius:3px}
.addr p,.od-addr p,.track p{margin:4px 0 0;font-size:12.5px;color:var(--muted);line-height:1.5}
.addr>.ic{color:#c0c5c2}
.stripe{position:absolute;left:0;right:0;bottom:0;height:3px;background:repeating-linear-gradient(-45deg,#E0583A 0 12px,#fff 12px 18px,#5E8FB8 18px 30px,#fff 30px 36px)}
.slot{margin-top:8px;font-size:12.5px;color:var(--ink2);display:flex;align-items:center;gap:2px;background:#F4F4F2;padding:6px 10px;border-radius:8px}
.slot b{color:var(--brand)}
.co-card{background:#fff;border-radius:14px;padding:4px 14px;margin-top:10px}
.oi{display:flex;gap:10px;padding:12px 0;cursor:pointer}
.oi+.oi{border-top:1px solid var(--line)}
.oi-img{width:70px;height:70px;border-radius:10px;overflow:hidden;flex:none}
.oi-b{flex:1;min-width:0;display:flex;flex-direction:column}
.oi-n{font-size:13.5px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oi-s{font-size:11.5px;color:var(--muted);margin-top:4px}
.oi-f{margin-top:auto;display:flex;justify-content:space-between;align-items:baseline}
.oi-f .price{font-size:15px;color:var(--ink)}
.oi-f>span.num{font-size:12.5px;color:var(--muted)}
.co-rows{border-top:1px solid var(--line)}
.co-rows small{font-size:11px;color:var(--muted);margin-left:4px}
.co-rows .r.note input{flex:1;margin-left:16px;border:0;outline:none;text-align:right;font-size:13px;background:none}
.co-rows .r.total b{font-size:16px;color:var(--red)}
.switch{width:44px;height:26px;border-radius:13px;background:#dcdfdd;position:relative;transition:.2s;flex:none}
.switch i{position:absolute;left:2px;top:2px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:.2s}
.switch.on{background:var(--brand)}.switch.on i{left:20px}
.switch[disabled]{opacity:.4}
.co-tip{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);padding:12px 4px}
.co-tip b{color:var(--accent)}

/* 支付 */
.pay{padding:0 16px 14px}
.pay-amt{text-align:center;margin:6px 0 18px}
.pay-amt .price{color:var(--ink);font-size:36px}
.pay-m{border-radius:12px;background:#F7F7F5;margin-bottom:16px}
.pm{display:flex;align-items:center;gap:10px;padding:14px;font-size:14.5px;cursor:pointer}
.pm+.pm{border-top:1px solid var(--line)}
.pm span{flex:1}.pm small{font-size:12px;color:var(--muted)}
.pm>.ic:first-child{color:var(--brand)}
.pm .rk{color:#d6d9d7}.pm.on .rk{color:var(--brand)}
.pm.dis{opacity:.45;cursor:not-allowed}
.paid-top{background:#fff;text-align:center;padding:36px 20px 22px;border-radius:0 0 20px 20px}
.ok-ring{width:72px;height:72px;border-radius:50%;margin:0 auto 14px;background:var(--brand);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 10px var(--brand-soft);animation:pop .5s cubic-bezier(.3,1.6,.5,1)}
.paid-top h3{margin:0 0 6px;font-size:20px}
.paid-top .amt .price{color:var(--ink)}
.paid-top p{font-size:13px;color:var(--muted);margin:8px 0 16px;line-height:1.6}
.paid-top p b{color:var(--ink)}
.pbtns{display:flex;gap:12px;justify-content:center}
.pbtns .btn{min-width:120px}
.earn{display:inline-flex;align-items:center;gap:6px;margin-top:18px;font-size:12.5px;color:#9a6a33;background:#FFF5E8;padding:6px 14px;border-radius:14px}
.earn b{color:var(--accent)}
.pcode{margin:6px auto 18px;background:#F4F4F2;border-radius:12px;padding:12px;max-width:220px}
.pcode small{display:block;font-size:12px;color:var(--muted)}
.pcode b{font-size:30px;letter-spacing:4px;color:var(--brand)}
.pcode.sm{margin:10px 0 4px;max-width:none;display:flex;align-items:center;justify-content:space-between;padding:8px 12px}
.pcode.sm b{font-size:22px}
.pcode.big{margin:10px 16px 20px;max-width:none;text-align:center;padding:24px}
.pcode.big b{font-size:40px;display:block}

/* 会员中心 */
.mem{background:var(--page-bg)}
.mem-top{background:linear-gradient(160deg,#24473A 0%,#2F6B55 60%,#3E7F66 100%);padding:calc(var(--sb) + 56px) 14px 0;position:relative}
.mem-top::after{content:"";position:absolute;left:0;right:0;bottom:0;height:40px;background:var(--page-bg);border-radius:20px 20px 0 0}
.mem-user{display:flex;align-items:center;gap:12px;color:#fff;margin-bottom:16px;padding:0 4px}
.mem-user .av{width:58px;height:58px;border-radius:50%;border:2px solid rgba(255,255,255,.6);overflow:hidden;flex:none}
.mem-user .mu{flex:1}
.mem-user b{display:block;font-size:19px;margin-bottom:3px}
.mem-user span{font-size:12.5px;opacity:.75}
.code-btn{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10.5px;color:#fff;opacity:.95}
.vip{position:relative;z-index:1;border-radius:16px;padding:16px 16px 14px;overflow:hidden;background:linear-gradient(120deg,#E9D2AE 0%,#F7E7CC 45%,#DDBE92 100%);color:#4A3520;box-shadow:0 12px 24px -12px rgba(0,0,0,.4)}
.vip-h{display:flex;justify-content:space-between;align-items:center}
.vip-lv{display:inline-flex;align-items:center;gap:4px;font-size:17px;font-weight:800;letter-spacing:1px}
.vip-h small{font-size:11px;background:#4A3520;color:#F3DDB9;padding:1px 6px;border-radius:4px;margin-left:6px;vertical-align:2px;font-weight:700}
.vip-no{font-size:11px;opacity:.6;letter-spacing:1px}
.vip-g{margin-top:22px}
.gt{display:flex;justify-content:space-between;font-size:11.5px;opacity:.85;margin-bottom:6px}
.gt b{font-size:13px}
.gbar{height:5px;border-radius:3px;background:rgba(74,53,32,.15);overflow:hidden}
.gbar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#8A6034,#4A3520)}
.vip-leaf{position:absolute;right:-8px;top:-18px;opacity:.9}
.vip-leaf svg path{stroke:#fff}
.vip-leaf svg path:first-child{fill:#fff}
.assets{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;margin:10px 10px 0;border-radius:14px;padding:14px 0}
.assets div{text-align:center;cursor:pointer}
.assets b{display:block;font-size:19px;color:var(--ink)}
.assets span{font-size:11.5px;color:var(--muted)}
.m-card{background:#fff;margin:10px 10px 0;border-radius:14px;padding:14px}
.ostats{display:grid;grid-template-columns:repeat(5,1fr)}
.ostats div{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11.5px;color:var(--ink2);cursor:pointer}
.ostats .ic{color:var(--ink);stroke-width:1.6}
.ostats i{position:absolute;top:-6px;left:calc(50% + 6px);min-width:16px;height:16px;border-radius:8px;background:var(--red);color:#fff;font-size:10px;line-height:16px;text-align:center;padding:0 4px;font-style:normal;font-weight:600}
.week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.week div{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0 6px;border-radius:10px;background:#F7F6F3}
.week .pt{font-size:11px;color:var(--accent);font-weight:700}
.week i{width:22px;height:22px;border-radius:50%;background:#EDEBE6;display:grid;place-items:center;color:#c9a57a}
.week small{font-size:10.5px;color:var(--muted)}
.week .done{background:var(--brand-soft)}
.week .done i{background:var(--brand);color:#fff}
.week .today{box-shadow:inset 0 0 0 1.5px var(--brand)}
.rights{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 6px}
.rights div{display:flex;flex-direction:column;align-items:center;gap:3px}
.rights .ic{width:40px;height:40px;padding:9px;border-radius:12px;background:linear-gradient(135deg,#F8EBD7,#EFD8B6);color:#8A6034;margin-bottom:3px}
.rights b{font-size:12.5px;font-weight:600}
.rights small{font-size:11px;color:var(--muted)}
.m-card.list{padding:0 14px}
.li{display:flex;align-items:center;gap:12px;height:52px;font-size:14px;cursor:pointer}
.li+.li{border-top:1px solid var(--line)}
.li span{flex:1}.li .ic:first-child{color:var(--ink2)}.li .ic:last-child{color:#c0c5c2}
.foot-note{text-align:center;font-size:11px;color:#b3b8b5;padding:18px 0 22px}

/* 订单 */
.otabs{flex:none;display:flex;background:#fff;box-shadow:0 1px 0 var(--line);position:relative;z-index:2}
.otabs a{flex:1;text-align:center;height:44px;line-height:44px;font-size:14px;color:var(--ink2);text-decoration:none;position:relative}
.otabs a.on{color:var(--ink);font-weight:700}
.otabs a.on::after{content:"";position:absolute;left:50%;bottom:4px;transform:translateX(-50%);width:20px;height:3px;border-radius:2px;background:var(--brand)}
.olist{padding:0 10px}
.ocard{background:#fff;border-radius:14px;padding:12px 14px;margin-top:10px;animation:inFade .3s both}
.oc-h{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--ink2);cursor:pointer}
.oc-h span{display:flex;align-items:center;gap:5px}
.oc-h b{font-weight:600}
.st-pay{color:var(--red)}.st-ship,.st-recv{color:var(--accent)}.st-done{color:var(--brand)}.st-cancel{color:var(--muted)}
.oc-items{cursor:pointer}
.oc-thumbs{display:flex;gap:8px;align-items:center;padding:12px 0}
.oc-thumbs .oi-img{width:70px;height:70px}
.oc-thumbs .more{margin-left:auto;font-size:12px;color:var(--muted);display:flex;align-items:center}
.oc-t{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);padding:2px 0 10px}
.oc-t b{font-size:15px;color:var(--ink)}
.oc-b{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);padding-top:10px}
.od{background:var(--page-bg)}
.st-bg-pay{background:linear-gradient(135deg,#E0583A,#EE8C5E)}
.st-bg-ship,.st-bg-recv{background:linear-gradient(135deg,#C8663B,#E0915F)}
.st-bg-done{background:linear-gradient(135deg,#24473A,#3E7F66)}
.st-bg-cancel{background:linear-gradient(135deg,#6A6E73,#8E9398)}
.od-top{color:#fff;padding:6px 20px 44px}
.od-top h3{margin:0 0 6px;font-size:21px}
.od-top p{margin:0;font-size:12.5px;opacity:.9}
.od-steps{display:flex;margin-top:18px}
.od-steps div{flex:1;position:relative;font-size:11px;opacity:.6;text-align:center}
.od-steps div i{display:block;width:10px;height:10px;border-radius:50%;background:#fff;margin:0 auto 6px;position:relative;z-index:1}
.od-steps div+div::before{content:"";position:absolute;top:4px;right:50%;width:100%;height:2px;background:rgba(255,255,255,.5)}
.od-steps .done,.od-steps .cur{opacity:1}
.od-steps .cur i{box-shadow:0 0 0 4px rgba(255,255,255,.35)}
.od .co-card{margin:10px 10px 0}
.od .od-addr{margin-top:-30px;position:relative;display:flex;gap:12px;padding:14px}
.od-addr b{font-size:14.5px}
.od-addr b span{font-weight:400;color:var(--ink2);font-size:13px;margin-left:6px}
.track{display:flex;gap:12px;align-items:center;padding:14px!important;cursor:pointer}
.track b{font-size:13.5px;font-weight:600;line-height:1.5;display:block}
.track>.ic{color:#c0c5c2}
.co-card.info{padding:6px 14px}
.co-card.info .r{display:flex;align-items:center;gap:10px;font-size:12.5px;padding:7px 0;color:var(--muted)}
.co-card.info .r b{flex:1;color:var(--ink2);font-weight:400;text-align:right}
.co-card.info button{font-size:11px;border:1px solid #d6d9d7;border-radius:10px;padding:1px 8px;color:var(--ink2)}
.trk-no{font-size:12.5px;color:var(--muted);padding:0 20px 8px}
.trk{padding:6px 20px 16px 36px;max-height:420px;overflow:auto}
.trk div{position:relative;padding:0 0 18px 4px}
.trk div::before{content:"";position:absolute;left:-15px;top:8px;bottom:-6px;width:1px;background:#dfe2e0}
.trk div:last-child::before{display:none}
.trk i{position:absolute;left:-19px;top:5px;width:9px;height:9px;border-radius:50%;background:#cfd3d0}
.trk .cur i{background:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}
.trk b{display:block;font-size:13.5px;font-weight:500;line-height:1.55;color:var(--ink2)}
.trk .cur b{color:var(--ink);font-weight:600}
.trk small{font-size:11.5px;color:var(--muted)}

/* 优惠券 */
.otabs.three a{flex:1}
.cps-body{padding:0 12px}
.coupon{display:flex;margin-top:12px;border-radius:12px;overflow:hidden;background:#fff;position:relative;animation:inFade .3s both}
.coupon .cp-l{width:104px;flex:none;background:linear-gradient(135deg,#F7E6DC,#F2D4C2);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 0;position:relative}
.coupon .cp-l::after{content:"";position:absolute;right:-1px;top:8px;bottom:8px;border-right:2px dashed #fff}
.coupon .cp-a .price{font-size:30px}
.coupon .cp-l small{font-size:11px;color:#9a5a33}
.coupon .cp-r{flex:1;padding:12px 14px;display:flex;flex-direction:column;gap:3px;position:relative}
.coupon .cp-r b{font-size:14.5px}
.coupon .cp-r small{font-size:11.5px;color:var(--muted)}
.coupon .cp-r .btn{position:absolute;right:12px;bottom:12px}
.coupon::before,.coupon::after{content:"";position:absolute;left:96px;width:16px;height:16px;border-radius:50%;background:var(--page-bg);z-index:1}
.coupon::before{top:-8px}.coupon::after{bottom:-8px}
.coupon.off{filter:grayscale(1);opacity:.65}
.stamp{position:absolute;right:12px;top:50%;transform:translateY(-50%) rotate(-18deg);border:2px solid #b9bdbb;color:#a3a8a5;border-radius:50%;width:58px;height:58px;display:grid;place-items:center;font-size:12px;font-weight:700}
.cp-pick{padding:0 14px 14px;overflow-y:auto}
.cp-pick .coupon{background:#F9F8F6}
.cp-pick .coupon::before,.cp-pick .coupon::after{background:#fff}
.coupon.mini{cursor:pointer}
.coupon.mini .radio{position:absolute;right:14px;top:50%;margin-top:-11px;width:22px;height:22px;border-radius:50%;border:1.5px solid #cfd3d0;display:grid;place-items:center;color:transparent}
.coupon.sel .radio{background:var(--red);border-color:var(--red);color:#fff}
.coupon.sel{box-shadow:inset 0 0 0 1.5px var(--red)}
.got{position:absolute;right:14px;bottom:14px;font-size:12px;color:var(--muted)}
.nouse{display:block;width:100%;margin-top:12px;height:44px;border-radius:22px;background:#F4F4F2;font-size:14px;color:var(--ink2)}

/* 其他弹层 */
.opts{padding:0 16px 14px}
.opts button{display:flex;justify-content:space-between;align-items:center;width:100%;height:50px;font-size:15px;border-bottom:1px solid var(--line)}
.opts button .ic{color:transparent}
.opts button.on{color:var(--brand);font-weight:600}.opts button.on .ic{color:var(--brand)}
.addr-list{padding:0 16px 14px}
.al{display:flex;align-items:center;gap:10px;padding:14px;border-radius:12px;background:#F7F7F5;margin-bottom:10px}
.al>div{flex:1}.al b{font-size:14.5px}.al b span{font-weight:400;color:var(--ink2);margin-left:4px;font-size:13px}
.al i{font-style:normal;font-size:10px;color:var(--brand);border:1px solid rgba(47,107,85,.4);padding:0 4px;border-radius:3px;margin-left:4px}
.al i.w{color:#4E7BA3;border-color:rgba(78,123,163,.4)}
.al p{margin:4px 0 0;font-size:12.5px;color:var(--muted)}
.al.on{box-shadow:inset 0 0 0 1.5px var(--brand)}.al .ic{color:var(--brand)}
.svc-sheet{padding:0 16px 16px}
.sv{display:flex;align-items:center;gap:12px;padding:14px;background:#F7F7F5;border-radius:12px;margin-bottom:10px}
.sv>.ic{color:var(--brand)}
.sv>div{flex:1;display:flex;flex-direction:column;gap:3px}
.sv b{font-size:14.5px}.sv small{font-size:12px;color:var(--muted)}
.mc-sheet{background:linear-gradient(180deg,#F6EEDF,#fff 40%)}
.mcode{padding:18px 24px 18px;text-align:center}
.mc-h{display:flex;align-items:center;gap:10px;text-align:left;margin-bottom:16px}
.mc-h svg{border-radius:50%}
.mc-h b{display:block;font-size:15px}.mc-h small{font-size:12px;color:#8A6034}
.barcode{height:60px;background:#fff;padding:4px 8px;border-radius:8px}
.barcode svg{width:100%;height:100%;fill:#1d2521}
.bc-no{font-size:15px;letter-spacing:3px;margin:6px 0 14px;color:var(--ink2)}
.qr{width:168px;height:168px;margin:0 auto;padding:10px;background:#fff;border-radius:12px;box-shadow:0 0 0 1px var(--line)}
.qr svg{width:100%;height:100%}
.mcode p{font-size:13px;color:var(--ink2);margin:14px 0 4px}
.mcode small{font-size:11px;color:var(--muted)}
.pts-h{text-align:center;padding:4px 0 16px}
.pts-h b{display:block;font-size:34px;color:var(--brand)}
.pts-h small{font-size:12px;color:var(--muted)}
.pts{padding:0 16px 16px;max-height:360px;overflow:auto}
.pr{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.pr b{display:block;font-size:13.5px;font-weight:500}.pr small{font-size:11.5px;color:var(--muted)}
.pr>span{font-size:16px;font-weight:700;color:var(--ink2)}.pr>span.plus{color:var(--accent)}
.recharge{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 16px 20px}
.recharge button{border:1.5px solid var(--brand-soft);border-radius:12px;padding:14px 0;display:flex;flex-direction:column;gap:3px}
.recharge b{font-size:16px}.recharge small{font-size:11.5px;color:var(--accent)}
.levels{padding:0 16px 8px}
.levels div{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;margin-bottom:8px;background:#F7F7F5;color:var(--muted)}
.levels div i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e8e9e7}
.levels div b{font-size:14px;color:var(--ink2)}
.levels div small{font-size:12px;flex:1}
.levels .past i{background:var(--brand-soft);color:var(--brand)}
.levels .cur{background:linear-gradient(120deg,#F3E2C6,#F9EEDC);color:#8A6034}
.levels .cur i{background:#4A3520;color:#F3DDB9}.levels .cur b{color:#4A3520}
.levels em{font-style:normal;font-size:11px;background:#4A3520;color:#F3DDB9;padding:1px 8px;border-radius:8px}
.rv-form{padding:0 16px 16px}
.stars-in{display:flex;justify-content:center;gap:8px;margin-bottom:12px}
.stars-in button{font-size:30px;color:#e0e2e1}.stars-in button.on{color:#F0A53B}
.rv-form textarea{width:100%;height:110px;border-radius:12px;border:1px solid transparent;background:#F7F7F5;padding:12px;font-size:14px;resize:none;outline:none}
.rv-form textarea:focus{border-color:var(--brand)}
.rv-form .err{color:var(--red);font-size:12px;min-height:18px;margin:4px 2px 8px}

/* ===== 商家后台 ===== */
.adm{display:flex;min-height:100vh;background:#F4F5F4;color:#1f2421;font-size:14px}
.adm-side{width:216px;flex:none;background:#1E2A25;color:#c6d0cb;display:flex;flex-direction:column;padding:18px 12px;position:sticky;top:0;height:100vh}
.adm-logo{display:flex;align-items:center;gap:10px;padding:4px 8px 22px;color:#fff}
.adm-logo .mk{width:32px;height:32px;border-radius:9px;background:var(--brand);display:grid;place-items:center}
.adm-logo b{font-size:15px}.adm-logo small{font-size:11px;color:#8fa29a;margin-left:-4px;margin-top:3px}
.adm-side nav{display:flex;flex-direction:column;gap:2px}
.adm-side nav a{display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border-radius:8px;font-size:14px;cursor:default}
.adm-side nav a.on{background:rgba(255,255,255,.08);color:#fff}
.adm-side nav a.on .ic{color:#8FD0AE}
.adm-back{margin-top:auto;display:flex;align-items:center;gap:4px;color:#8fa29a;text-decoration:none;font-size:13px;padding:10px}
.adm-back:hover{color:#fff}
.adm-main{flex:1;min-width:0;padding:22px 28px 40px}
.adm-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}
.adm-top h1{font-size:20px;margin:0 0 4px}
.adm-top p{margin:0;font-size:12.5px;color:#8C938F}
.adm-user{display:flex;align-items:center;gap:10px;font-size:13px;color:#474E4A}
.adm-av{width:30px;height:30px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:12px}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}
.kpi{background:#fff;border-radius:10px;padding:16px 18px;border:1px solid #E8EBE9}
.kpi span{font-size:13px;color:#8C938F}
.kpi b{display:block;font-size:26px;margin:6px 0 4px}
.kpi small{font-size:12px;font-weight:600}.kpi small em{font-style:normal;font-weight:400;color:#aab0ac;margin-left:4px}
.kpi .up{color:#2F8F5B}.kpi .down{color:#D14B3A}
.charts{display:grid;grid-template-columns:1.8fr 1fr;gap:14px;margin-bottom:14px}
.panel{background:#fff;border-radius:10px;border:1px solid #E8EBE9;padding:16px 18px}
.ph{display:flex;justify-content:space-between;align-items:center}
.ph h3{font-size:15px;margin:0}
.ph .lg{font-size:12px;color:#8C938F;display:flex;align-items:center;gap:6px}
.ph .lg i{width:10px;height:10px;border-radius:2px;display:inline-block}.ph .lg i.a{background:#2F6B55}.ph .lg i.b{background:#E8C6AE;margin-left:8px}
.ph .muted{font-size:12px;color:#8C938F}
.ch{height:250px}
.tb-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px;flex-wrap:wrap}
.tb-tabs{display:flex;gap:4px;background:#F4F5F4;padding:3px;border-radius:8px}
.tb-tabs button{padding:6px 12px;border-radius:6px;font-size:13px;color:#5b625e}
.tb-tabs button em{font-style:normal;font-size:11px;color:#aab0ac;margin-left:4px}
.tb-tabs button.on{background:#fff;color:var(--brand);font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.tb-search{display:flex;align-items:center;gap:6px;height:34px;border:1px solid #E1E4E2;border-radius:8px;padding:0 10px;width:260px;color:#aab0ac}
.tb-search input{border:0;outline:none;flex:1;font-size:13px}
.adt{width:100%;border-collapse:collapse;font-size:13px}
.adt th{text-align:left;font-weight:500;color:#8C938F;background:#F8F9F8;padding:10px 12px;white-space:nowrap}
.adt th.sortable{cursor:pointer;user-select:none}
.adt th .arr{margin-left:4px;vertical-align:middle}
.adt td{padding:11px 12px;border-bottom:1px solid #F0F2F1;white-space:nowrap}
.adt tr:hover td{background:#FAFBFA}
.adt td small{display:block;font-size:11.5px;color:#aab0ac}
.adt td.r{text-align:right;font-weight:600}
.adt td.ell{max-width:220px;overflow:hidden;text-overflow:ellipsis}
.adt .mono{font-size:12.5px;color:#5b625e}
.lvt{font-size:10.5px;color:#8A6034;background:#F6EBD9;border-radius:3px;padding:0 4px;margin-left:5px}
.stt{font-size:12px;padding:2px 8px;border-radius:10px}
.stt.ok{background:#E6F2EB;color:#2F8F5B}.stt.info{background:#FDF0E7;color:#C8663B}.stt.warn{background:#FDECEA;color:#D14B3A}.stt.err{background:#F1F1F1;color:#6a6e73}
.lnk{color:var(--brand);font-size:13px}.lnk.muted{color:#8C938F}
.none{text-align:center;color:#aab0ac;padding:40px!important}
.pager{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin-top:14px;font-size:13px;color:#8C938F}
.pager>span:first-child{margin-right:8px}
.pager button{min-width:30px;height:30px;border-radius:6px;border:1px solid #E1E4E2;display:grid;place-items:center;font-size:13px;color:#474E4A;background:#fff}
.pager button.on{background:var(--brand);border-color:var(--brand);color:#fff}
.pager button[disabled]{opacity:.4}
.wtoast{position:fixed;left:50%;top:24px;transform:translate(-50%,-20px);background:#1f2421;color:#fff;padding:10px 18px;border-radius:8px;font-size:13px;opacity:0;transition:.25s;z-index:1000}
.wtoast.show{opacity:1;transform:translate(-50%,0)}
@media (max-width:900px){.adm-side{display:none}.kpis{grid-template-columns:repeat(2,1fr)}.charts{grid-template-columns:1fr}.adm-main{padding:16px}.tbl-panel{overflow-x:auto}}
/* ---- 商家后台：导航、通知、订单详情抽屉、窄屏卡片表 ---- */
.adm-side nav a{cursor:pointer}.adm-side nav a:not(.on):hover{background:rgba(255,255,255,.05);color:#fff}
.adm-side nav a em{margin-left:auto;font-style:normal;font-size:10.5px;color:#6f857b;border:1px solid rgba(255,255,255,.12);padding:0 5px;border-radius:4px;line-height:16px}
.adm-bell{position:relative;display:grid;place-items:center;width:32px;height:32px;border-radius:8px;color:#474E4A}
.adm-bell:hover{background:#ECEEED}.adm-bell i{position:absolute;top:2px;right:1px;min-width:15px;height:15px;padding:0 4px;border-radius:8px;background:var(--red);color:#fff;font-size:10px;font-style:normal;line-height:15px;text-align:center}
.adm-mback{display:none}
.ph h3 small{font-size:12px;font-weight:400;margin-left:6px}
.adt tr.adr{cursor:pointer}
.fl-t{font-style:normal;font-size:10.5px;color:#fff;background:var(--red);border-radius:4px;padding:0 4px;line-height:15px;margin-left:4px;align-self:center}
.adw-mask{position:fixed;inset:0;background:rgba(20,26,23,.32);opacity:0;pointer-events:none;transition:.2s;z-index:900}
.adw-mask.show{opacity:1;pointer-events:auto}
.adw{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:100%;background:#fff;z-index:901;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .25s ease;box-shadow:-12px 0 32px -12px rgba(0,0,0,.18);color:#1f2421;font-size:14px}
.adw.show{transform:none}
.adw-h{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 20px;border-bottom:1px solid #EEF0EF}
.adw-h b{display:block;font-size:16px}.adw-h small{font-size:12px;color:#8C938F}
.adw-h button{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:#5b625e}.adw-h button:hover{background:#F2F4F3}
.adw-b{flex:1;overflow:auto;padding:18px 20px}
.adw-st{display:flex;align-items:center;gap:10px;font-size:13px;color:#5b625e;margin-bottom:14px}
.adw-note{font-size:12.5px;line-height:1.6;padding:10px 12px;border-radius:8px;background:#F4F5F4;color:#5b625e;margin-bottom:14px}.adw-note.warn{background:#FDF0E7;color:#B4562E}
.adw-steps{display:grid;grid-template-columns:repeat(4,1fr);margin:6px 0 20px}
.adw-steps div{position:relative;text-align:center;font-size:12px;color:#aab0ac;display:grid;gap:3px;justify-items:center}
.adw-steps div i{width:10px;height:10px;border-radius:50%;background:#DDE1DF;position:relative;z-index:1}
.adw-steps div:not(:first-child)::before{content:'';position:absolute;top:4px;right:50%;width:100%;height:2px;background:#E6E9E7}
.adw-steps div.on{color:#1f2421}.adw-steps div.on i{background:var(--brand)}.adw-steps div.on::before{background:var(--brand)!important}
.adw-steps b{font-weight:500}.adw-steps small{font-size:11px;color:#8C938F;min-height:14px}
.adw-dl{display:grid;grid-template-columns:84px 1fr;gap:12px 10px;margin:0;font-size:13px}.adw-dl dt{color:#8C938F}.adw-dl dd{margin:0}
.adw-f{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid #EEF0EF}
.abtn{height:34px;padding:0 16px;border-radius:8px;background:var(--brand);color:#fff;font-size:13.5px}.abtn.ghost{background:#fff;color:#474E4A;border:1px solid #DDE1DF}
@media (max-width:900px){
  .adm-top{gap:12px}.adm-un{display:none}
  .adm-mback{display:flex;align-items:center;gap:2px;font-size:13px;color:var(--brand);text-decoration:none;margin-right:4px;white-space:nowrap}
  .tbl-panel{overflow-x:visible}.tb-bar{flex-wrap:wrap;gap:10px}.tb-tabs{overflow-x:auto;max-width:100%;scrollbar-width:none}.tb-search{width:100%}.tb-tabs button{flex:none;white-space:nowrap}
  .adt thead{display:none}.adt,.adt tbody{display:block}
  .adt tr.adr{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:12px 2px;border-bottom:1px solid #F0F2F1}
  .adt tr.adr td{padding:0;border:0;white-space:normal;background:none!important}
  .adt td[data-l="订单号"]{grid-column:1;font-size:12px}.adt td.st{grid-column:2;grid-row:1;text-align:right}
  .adt td[data-l="下单时间"]{grid-column:1;font-size:12px;color:#8C938F}
  .adt td[data-l="会员"]{grid-column:1}.adt td[data-l="商品"]{grid-column:1/-1;max-width:none;color:#5b625e}
  .adt td[data-l="门店"]{grid-column:1;font-size:12.5px}.adt td[data-l="门店"] small{display:inline;margin-left:6px}
  .adt td.r{grid-column:2;grid-row:3;text-align:right}.adt td.op{grid-column:2;grid-row:5;text-align:right}
  .pager{flex-wrap:wrap}
}
.adw-f{justify-content:flex-start}.ph .lg{white-space:nowrap}
@media (max-width:900px){.ph{flex-wrap:wrap;gap:6px}.ph h3 small{display:block;margin:3px 0 0}}

/* 商家后台：手机端导航 / 商品管理 / 会员管理 */
.adm-mnav{display:none}
.tb-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tb-tools select{height:34px;border:1px solid #E1E4E2;border-radius:8px;background:#fff;color:#474E4A;font-size:13px;padding:0 8px;max-width:100%}
.adm-note{font-size:12px;color:#8C938F;margin:12px 0 0;line-height:1.6}
.kpi small.gk{font-weight:400;color:#8C938F}.kpi small.gk.down{color:#D14B3A;font-weight:600}
.adt td.g-main,.adt td.m-main{white-space:normal;min-width:220px}
.cellx{display:flex;align-items:center;gap:10px}
.g-th{width:44px;height:44px;border-radius:8px;overflow:hidden;flex:none}
.g-main b,.m-main b{display:block;font-weight:600;font-size:13.5px}
.adt th.r{text-align:right}
.adt td s{color:#b6bbb8}
.adt tr.off td{color:#9aa09c}.adt tr.off .g-th{opacity:.5;filter:grayscale(.6)}
.g-st{display:inline-block;min-width:30px;font-weight:600}.g-st.low{color:#D14B3A}
.g-bar{display:inline-block;width:64px;height:5px;border-radius:5px;background:#EEF0EF;vertical-align:middle;overflow:hidden;margin-left:6px}
.g-bar i{display:block;height:100%;border-radius:5px;background:var(--brand)}.g-bar i.low{background:#D14B3A}
.g-w{font-style:normal;font-size:11px;color:#D14B3A;background:#FDECEA;border-radius:4px;padding:1px 5px;margin-left:6px}
.adt td.op{white-space:nowrap}

.tgl{position:relative;width:34px;height:20px;border-radius:10px;background:#D5DAD7;transition:background .2s;flex:none}
.tgl i{position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:transform .2s}
.tgl.on{background:var(--brand)}.tgl.on i{transform:translateX(14px)}
.tgl-l{font-size:12px;color:#8C938F;margin-left:-4px}
.lvt.l1{background:#EEF3EF;color:#5E7A68}.lvt.l2{background:#E4EFE5;color:#3F7350}.lvt.l3{background:#E9EEF2;color:#4E6577}.lvt.l4{background:#F6EBD9;color:#8A6034}.lvt.l5{background:#FBE5DA;color:#B4562E}
.m-av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:13px;color:#fff;background:#9CC3A0;flex:none}
.m-av.l2{background:#7FAE88}.m-av.l3{background:#5E9677}.m-av.l4{background:#2F6B55}.m-av.l5{background:#D9774B}
.m-me{font-style:normal;font-weight:400;font-size:10.5px;color:var(--brand);background:#E6F2EB;border-radius:4px;padding:0 5px;margin-left:6px;vertical-align:1px}
.m-gr{display:flex;align-items:center;gap:6px;margin-top:4px}.m-gr .g-bar{margin:0;width:70px}.m-gr small{display:inline!important;margin:0}
.mbt td.r b{font-weight:600}
.g-rs{display:flex;gap:12px;align-items:center;padding:10px;border-radius:10px;background:#F6F7F6;margin-bottom:16px}
.g-rs .art{width:56px;height:56px;border-radius:8px;flex:none}.g-rs b{display:block;font-size:14px}.g-rs small{font-size:12px;color:#8C938F}
.fm-l{display:block;font-size:12.5px;color:#8C938F;margin:14px 0 8px}
.g-qty{display:flex;gap:8px;flex-wrap:wrap}
.g-qty button{height:32px;padding:0 14px;border-radius:8px;border:1px solid #DDE1DF;background:#fff;font-size:13px;color:#474E4A}
.g-qty button.on{border-color:var(--brand);color:var(--brand);background:#EEF5F1;font-weight:600}
.m-kv{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.m-kv>div{background:#F6F7F6;border-radius:10px;padding:10px 12px}.m-kv small{display:block;font-size:11.5px;color:#8C938F}.m-kv b{font-size:18px}
.m-adj input{width:100%;height:38px;border:1px solid #DDE1DF;border-radius:8px;padding:0 12px;font-size:14px;margin-top:10px;outline:none;box-sizing:border-box}
.m-adj input:focus{border-color:var(--brand)}
.m-adj .err{color:#D14B3A;font-size:12px;min-height:18px;margin-top:8px}
.m-log>div{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:8px 0;border-top:1px solid #F0F2F1;font-size:13px}
.m-log b{font-weight:600;color:#474E4A}.m-log b.plus{color:#2F8F5B}.m-log small{grid-column:1/-1;font-size:11.5px;color:#8C938F}
.adw-h b .lvt{vertical-align:2px}
@media (max-width:900px){
  .adm-mnav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:-4px -16px 14px;padding:0 16px}
  .adm-mnav::-webkit-scrollbar{display:none}
  .adm-mnav a{flex:none;display:flex;align-items:center;gap:5px;height:34px;padding:0 12px;border-radius:17px;background:#fff;border:1px solid #E1E4E2;font-size:13px;color:#474E4A;text-decoration:none;cursor:pointer}
  .adm-mnav a.on{background:var(--brand);border-color:var(--brand);color:#fff}
  .tb-tools{width:100%}.tb-tools select{flex:1 1 40%}
  .adt.gdt tr,.adt.mbt tr.adr{display:grid;grid-template-columns:1fr auto;gap:6px 10px;padding:12px 2px;border-bottom:1px solid #F0F2F1}
  .adt.gdt td,.adt.mbt td{padding:0;border:0;white-space:normal;background:none!important;min-width:0}
  .adt.gdt td.g-main,.adt.mbt td.m-main{grid-column:1/-1;min-width:0}
  .adt.gdt td[data-l]::before,.adt.mbt td[data-l]::before{content:attr(data-l);display:block;font-size:11px;color:#aab0ac;margin-bottom:1px}
  .adt.gdt td.r,.adt.mbt td.r{text-align:left;font-weight:400}
  .adt.gdt td,.adt.mbt td{grid-column:auto;grid-row:auto}
  .adt.gdt td.g-main{grid-column:1;grid-row:1}
  .adt.gdt td.st{grid-column:2;grid-row:1;text-align:right;align-self:start}
  .adt.gdt td.st::before{display:none!important}
  .adt.gdt td.op,.adt.mbt td.op{grid-column:1/-1;border-top:1px dashed #EEF0EF;padding-top:8px}
  .adt td.op .cellx{justify-content:flex-end}
  .adt.mbt td.op{text-align:right}
  .adt.mbt td.m-main{grid-column:1/-1}
  .adt.gdt td small,.adt.mbt td small{display:inline;margin-left:5px}
  .adt.mbt .m-gr small{margin:0}
  .adt .cellx small{display:block;margin-left:0}
  .m-kv b{font-size:16px}
}
.em-acts{display:flex;gap:10px;justify-content:center;margin-top:14px}.em-acts .btn{margin:0}

/* 手机全屏：可读性与触控区（仅 ≤600px，桌面手机框不变） */
@media (max-width:600px){
  :root{--muted:#696E6B;--red:#C64E33;--danger:#C64E33}
  .tabbar a{color:#71757D}
  s.num,.feed-more,.foot-note,.search{color:#696E6B}
  .st-ship,.st-recv{color:#AF603C}
  .topic p,.pc-s,.cat-banner p,.pr-d,.rv small,.c-store small,.ci-s,.cbar .tot small,.oi-s,.co-rows small,.assets span,.rights small,.foot-note,.trk small,.coupon .cp-r small,.mcode small,.pr small{font-size:12px}
  .btn.sm,.oc-h,.nb-back,.kw>button,.stepper>button,.assets>div,.subs>button,.sorts>button,.ci-s,.search,.sign,.ck,.dis,.good,.c-store>button,.c-tip>a,.ck-all,.bb-btns>button,.code-btn,.sh-t>button,.r>button{position:relative}
  .btn.sm::after,.kw>button::after{content:"";position:absolute;inset:-7px 0}
  .oc-h::after,.ci-s::after,.good::after,.c-tip>a::after,.ck-all::after,.r>button::after{content:"";position:absolute;inset:-12px -2px}
  .nb-back::after,.code-btn::after{content:"";position:absolute;inset:-4px}
  .add::after,.stepper>button::after{content:"";position:absolute;inset:-9px}
  .stepper>button::after{inset:-6px -3px}
  .assets>div::after,.bb-btns>button::after{content:"";position:absolute;inset:-2px 0}
  .subs>button::after,.sign::after{content:"";position:absolute;inset:-8px 0}
  .sorts>button::after,.c-store>button::after{content:"";position:absolute;inset:-13px -9px}
  .search::after{content:"";position:absolute;inset:-5px 0}
  .ck::after{content:"";position:absolute;inset:-12px}
  .bb-ic::after,.fav::after{content:"";position:absolute;inset:-4px 0}
  .sh-t>button::after{content:"";position:absolute;inset:-14px}
}

/* 已下架商品：购物车置灰、详情页提示 */
.citem.off .ci-img{position:relative}
.citem.off .ci-img>.art{filter:grayscale(1);opacity:.55}
.citem.off .ci-n{color:var(--muted)}
.citem.off .ci-s{background:none;padding:0}
.ci-off{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);font-style:normal;font-size:12px;color:#fff;background:rgba(40,44,42,.72);padding:3px 8px;border-radius:10px;white-space:nowrap}
.ck.dis{background:#EEEFED;border-color:#DADDDA}
.ci-offt{font-size:12px;color:var(--muted)}
.citem.off .del{font-size:12.5px;color:var(--ink2);padding:4px 10px;border:1px solid var(--line);border-radius:14px}
.pd-offbar{display:flex;align-items:center;gap:6px;margin:0 0 10px;padding:9px 12px;border-radius:10px;background:#F4F4F2;color:var(--ink2);font-size:13px}
.bb-btns .b-off{background:#C9CCCA;color:#fff;cursor:not-allowed}

.pts-r{display:inline-flex;align-items:center;gap:10px}