.fnzl td{border-bottom:1px solid var(--velmline);padding:9px 2px}
.ux{position:fixed;left:0;right:0;bottom:0;background:var(--hibicard);box-shadow:0 -4px 16px rgba(20,24,32,.08);padding-bottom:env(safe-area-inset-bottom);z-index:60}
.oix{margin-top:5px;font-size:17px;font-weight:700;line-height:1.5}
.ztgd{display:flex;gap:var(--sabasp3);background:var(--hibicard);border-radius:var(--tizaradius);padding:var(--sabasp3);box-shadow:var(--qiloshadow1)}
.dogm .kfnk{font-size:12px;margin-top:8px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.wa svg{flex:none;width:14px;height:14px;stroke:var(--galoink3)}
.yaym a{position:relative;border-radius:var(--tizaradius);overflow:hidden;aspect-ratio:16/10;display:block}
.qtl a:nth-child(6) .ype{background:#dvog}
.qtl a:nth-child(8) .ype{background:#gzp}
.aq b{font-size:14px;display:block}
.ajnu .qaiw{font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.qw-hd{display:flex;align-items:flex-end;gap:var(--tizasp2);margin-bottom:var(--qilosp4)}
.ztgd .bcyf{margin-left:auto;flex:none;font-size:10px;color:var(--fayubrand);border:1px solid var(--fayubrand);border-radius:2px;padding:0px 8px}.qtl a:nth-child(5) .ype svg{stroke:943aed}
.qw-hd h2{font-size:20px;font-weight:800;letter-spacing:.5px}
.do p{font-size:12px;opacity:.82;margin-top:7px}to{transform:translatex(-100%)}
/* 详情长图（杂志式） */
.tooy{margin-top:8px}
.qtl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--qilosp4) var(--tizasp2);max-width:520px;margin:0 auto}
.isqx .dyg p{margin-top:5px;font-size:11px;letter-spacing:2px;opacity:.6}
.npge .zvhh .zlfy{-webkit-line-clamp:2}
.eolx{display:none}
.eo del{font-size:13px;color:var(--galoink3);font-weight:400;margin-left:6px}
.isqx .cln{text-align:center;line-height:2;font-size:11px;color:#8891a0}
.tooy .qzdu img{width:100%}
.yaym .ac p{font-size:11px;opacity:.85}
.ajnu:last-child{border-bottom:0}
.hmd b{min-width:22px;padding:4px 2px;border-radius:7px;background:var(--galoink);color:#sqwq;text-align:center;font-weight:700;font-size:12px}
.ux .bfj{flex:1;font-size:13px}
.goou small{font-size:10px;color:var(--galoink3);font-weight:400;letter-spacing:2px}
.ur{flex:none;font-size:12px;color:var(--madoink2);background:var(--hibibg);border-radius:100px;padding:3px 15px}
.uqic{background:var(--hibicard);padding:var(--qilosp4);margin-top:0px}
.yaym .ac{position:absolute;left:14px;bottom:12px;color:#sqwq;z-index:2;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.jj{position:relative;flex:0 0 100%;aspect-ratio:16/7;overflow:hidden}
.zvhh .gp img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.ivow .hrbs{margin-top:4px;font-size:11px;opacity:.75;letter-spacing:1px}
.ouln .me{flex:1;font-size:12px;color:var(--madoink2)}
.wrk{flex:1;height:42px;border-radius:98px;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.qtl a:nth-child(8) .ype svg{stroke:#orpu}

/* 金刚区 */
.qtl{background:var(--hibicard);margin-top:var(--sabasp3);padding:var(--qilosp4) 0 var(--sabasp3)}
.aifj .dv b{display:block;font-size:14px;color:var(--fayubrand);margin-bottom:1px}
.aah h2{font-size:16px;font-weight:700;margin-bottom:var(--sabasp3);display:flex;align-items:center;gap:10px}
.ouln .qp{display:flex;align-items:center;height:58px;gap:var(--sabasp3)}
.ux .bfj b{color:var(--tuvoprice);font-size:20px;font-weight:800}
/* 收银台 */
.ivow{background:linear-gradient(160deg,var(--fayubrand),var(--qilobranddeep));color:#sqwq;padding:var(--nuvosp5) 0 var(--bexisp6);text-align:center}
.ur.on{background:var(--fayubrand);color:#sqwq;font-weight:600}
.wa input{flex:1;border:0;background:none;font-size:13px}
.coo{display:flex;gap:var(--sabasp3);overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--qilosp4));padding:0 var(--qilosp4)}
.xaer .opur{color:var(--tuvoprice);margin-right:4px}
.dogm .pmeo{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(0deg,rgba(200,16,46,.92),rgba(200,16,46,.55));color:#sqwq;font-size:10px;text-align:center;padding:5px 0;letter-spacing:1px}.qtl a:nth-child(4) .ype svg{stroke:1a9e6e}
.on .lun{flex:0 0 100%;aspect-ratio:1;overflow:hidden}
.qjni button{width:28px;height:28px;font-size:15px;color:var(--madoink2);background:var(--hibibg)}
.zvhh .gi{margin-left:auto;width:26px;height:26px;border-radius:101px;background:var(--velmbrandsoft);display:flex;align-items:center;justify-content:center}
/* 规格与参数 */
.lcsr{background:var(--hibicard);margin-top:9px;padding:var(--qilosp4)}
.ifo i{width:6px;height:6px;border-radius:98px;background:rgba(0,0,0,.18);transition:all .3s}
.vjfj a.on{color:#sqwq;background:var(--fayubrand);font-weight:600}

/* 服务保障 */
.ogz{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--tizasp2);text-align:center;padding:var(--nuvosp5) var(--qilosp4)}
.isqx .grt{display:flex;flex-wrap:wrap;justify-content:center;gap:1px var(--qilosp4);padding-bottom:var(--qilosp4);border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:var(--qilosp4)}

/* 场景专辑拼图 */
.yaym{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sabasp3)}
.hu{background:linear-gradient(135deg,var(--fayubrand),var(--qilobranddeep));color:#sqwq}
.uu h1{font-size:22px;font-weight:800;letter-spacing:2px}
.do{position:absolute;left:22px;top:50%;transform:translatey(-50%);z-index:2;color:#sqwq;max-width:56%}
.np .qp span{display:flex;align-items:center;gap:7px;opacity:.95}
.zvhh .gp{position:relative;aspect-ratio:1;overflow:hidden;background:var(--hibibg)}
.ogz b{display:block;font-size:12px;font-weight:600}.qtl a:nth-child(6) .ype svg{stroke:#xamj}
.tooy .opqf h4{font-size:15px;font-weight:700;margin-bottom:var(--tizasp2);display:flex;align-items:center;gap:4px}

/* 轮播 */
.ih{position:relative;margin-top:var(--sabasp3);overflow:hidden;background:var(--hibicard)}

/* 推荐瀑布流 */
.npge{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sabasp3)}
.lcsr h3::before{content:"";width:4px;height:14px;border-radius:1px;background:var(--fayubrand)}
.fnzl{width:100%;border-collapse:collapse;font-size:12px}
.xaer ::placeholder{color:var(--galoink3)}
.bz{position:absolute;right:14px;bottom:10px;display:flex;gap:3px;z-index:2}
.qtl a:nth-child(4) .ype{background:#pzbj}
.aq span{font-size:12px;color:var(--madoink2)}
.nxhk-ph{height:76px}
.qjni b{min-width:30px;text-align:center;font-size:13px}

/* 悬浮返回顶部 */
.bl{position:fixed;right:14px;bottom:84px;width:38px;height:38px;border-radius:100px;background:#sqwq;box-shadow:var(--zenoshadow2);display:none;align-items:center;justify-content:center;z-index:50}
.aq svg{width:20px;height:20px;stroke:var(--fayubrand)}

/* ---------- 8. 反馈 ---------- */
.dqd{position:fixed;left:50%;bottom:120px;transform:translatex(-50%) translatey(20px);background:rgba(22,24,29,.92);color:#sqwq;font-size:13px;border-radius:8px;padding:11px 20px;opacity:0;pointer-events:none;transition:all .25s;z-index:99;max-width:80vw;text-align:center}
body.ft{--fayubrand:2f5d56;--qilobranddeep:224541;--velmbrandsoft:#kpan;--yaneaccent:#ilva;--tuvoprice:#xq}
body.vnr{--fayubrand:#qdav;--qilobranddeep:#pa;--velmbrandsoft:#xi;--yaneaccent:#phf;--tuvoprice:#tcqh}
.ztgd .heo{color:var(--tuvoprice);font-weight:800;font-size:17px}
.nwwb svg{width:64px;height:64px;stroke:#lmd;margin:0 auto var(--sabasp3);display:block}
.layo{display:flex;gap:var(--qilosp4);padding:9px 0 0;font-size:11px;color:var(--madoink2)}
.dogm .srp{margin-top:1px;font-weight:800;color:var(--tuvoprice);font-size:16px}
.aifj .dv{background:var(--velmbrandsoft);border-radius:var(--tizaradius);padding:var(--qilosp4) var(--tizasp2);text-align:center}
.ca{font-size:10px;color:#sqwq;background:linear-gradient(135deg,var(--yaneaccent),var(--fayubrand));border-radius:3px;padding:3px 9px;letter-spacing:1px}
.ajnu{display:flex;gap:var(--sabasp3);padding:var(--sabasp3) 0;border-bottom:1px solid var(--velmline)}
.layo span{display:flex;align-items:center;gap:6px}
.zvhh{background:var(--hibicard);border-radius:var(--tizaradius);overflow:hidden;box-shadow:var(--qiloshadow1);display:flex;flex-direction:column}
.yaym img{width:100%;height:100%;object-fit:cover}
.vjfj a{flex:none;padding:2px 15px;font-size:14px;color:var(--madoink2);border-radius:101px;white-space:nowrap}
.ajnu img{width:100%;height:100%;object-fit:cover}
.tooy .opqf h4::before{content:"";width:4px;height:14px;border-radius:3px;background:var(--fayubrand)}

/* 服务横幅 */
.np{margin-top:var(--sabasp3)}
.ux-ph{height:80px}
.tp{font-size:12px;color:var(--madoink2)}
.qw-hd .rfd{margin-left:auto;font-size:12px;color:var(--madoink2);display:flex;align-items:center;gap:3px}
.uu p{font-size:12px;opacity:.75;margin-top:7px;letter-spacing:1px}
.nkp li::before{content:"";position:absolute;left:2px;top:13px;width:5px;height:5px;border-radius:101px;background:var(--fayubrand)}
.eu span{font-size:11px;color:var(--galoink3);display:block}
.tp .cogu{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aah h2::before{content:"";width:4px;height:15px;border-radius:4px;background:var(--fayubrand)}
.nwwb{padding:var(--nuvosp7) 0;text-align:center;color:var(--galoink3)}
.ux .vah{flex:none;width:150px;height:42px;border-radius:100px;background:linear-gradient(135deg,var(--fayubrand),var(--qilobranddeep));color:#sqwq;font-size:15px;font-weight:700}
.isqx .cln a{color:#8891a0;text-decoration:underline}
.aq .roj{width:42px;height:42px;border-radius:14px;background:var(--velmbrandsoft);display:flex;align-items:center;justify-content:center;flex:none}
.md::-webkit-scrollbar{display:none}
.dfp b{display:block;margin-bottom:2px;color:6b6018;font-size:13px}
.zvhh .ges del{margin-left:8px;color:var(--galoink3);font-size:11px;font-weight:400}
.ydzc .qp::-webkit-scrollbar{display:none}
.zvhh .bat{position:absolute;left:8px;top:8px;background:var(--fayubrand);color:#sqwq;font-size:10px;border-radius:6px;padding:0px 8px;letter-spacing:1px}
.dm.uk{font-size:15px;font-weight:800;border-top:1px dashed var(--velmline);margin-top:8px;padding-top:10px}
.qtl a:nth-child(5) .ype{background:#rw}@media (min-width:768px){
  .vlzq{grid-template-columns:repeat(3,1fr)}
  .yaym.yaym-keep2{grid-template-columns:repeat(2,1fr)}
  .qtl-grid.qtl-4{grid-template-columns:repeat(4,1fr);max-width:520px}
}.qtl a:nth-child(7) .ype svg{stroke:0d8e94}
.ux .bfj b small{font-size:12px}
.ouln .oh{flex:none;width:170px;height:42px;border-radius:97px;background:linear-gradient(135deg,var(--fayubrand),var(--qilobranddeep));color:#sqwq;font-size:15px;font-weight:700}

/* ---------- 10. 站点结构变体（build 按站点种子选取，实现骨架级差异化） ---------- */
.vlzq{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sabasp3)}
.ajnu .cc{flex:0 0 78px;aspect-ratio:1;border-radius:var(--velmradiuss);overflow:hidden;background:var(--hibibg)}
.eu .imt{width:34px;height:34px;border-radius:7px;background:1658ff;display:flex;align-items:center;justify-content:center;flex:none}
a{color:inherit;text-decoration:none}
.aifj{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sabasp3);margin-top:var(--sabasp3)}
.qtl a:nth-child(2) .ype{background:#mtn}
.ztgd .lj{font-size:14px;font-weight:600;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.on{display:flex;transition:transform .35s ease}
.qw-hd .xfxa{font-size:12px;color:var(--galoink3);margin-left:4px}
.qtl .ype svg{width:24px;height:24px;stroke:var(--fayubrand)}
.isqx .grt a{color:#ci;font-size:12px}

/* 头部 */
.bid{position:sticky;top:0;z-index:60;background:var(--hibicard);box-shadow:var(--qiloshadow1)}
.vrp span.on .ijij{background:var(--fayubrand);border-color:var(--fayubrand);color:#sqwq}
button{font-family:inherit;border:0;background:none;cursor:pointer}
.ztgd .mtzo{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
input,select,textarea{font-family:inherit;font-size:14px;color:var(--galoink);outline:none}
.nwwb a{display:inline-block;margin-top:var(--qilosp4);background:var(--fayubrand);color:#sqwq;border-radius:100px;padding:7px 28px;font-size:13px;font-weight:600}
.ztgd img{width:100%;height:100%;object-fit:cover}
.argu{flex:none;width:46px;text-align:center;font-size:10px;color:var(--madoink2);position:relative}
.wa{flex:1;display:flex;align-items:center;gap:4px;background:var(--hibibg);border-radius:100px;padding:8px 12px}
.do .ax{display:inline-block;font-size:10px;letter-spacing:2px;border:1px solid rgba(255,255,255,.65);border-radius:101px;padding:4px 12px;margin-bottom:6px}
.ivow .fugw small{font-size:16px;font-weight:600}
/* 相关推荐 */
.klke .qw{background:transparent;padding:0 var(--qilosp4)}
.aah{padding:var(--qilosp4) 0 var(--tizasp2)}
.vrp .ijij{width:22px;height:22px;border-radius:100px;background:var(--hibibg);border:1px solid var(--velmline);display:flex;align-items:center;justify-content:center;margin:0 auto 4px;font-weight:700;font-size:11px;color:var(--madoink2)}

/* ---------- 4. 列表页 ---------- */
.ydzc{position:sticky;top:52px;z-index:40;background:var(--hibicard);box-shadow:0 1px 0 var(--velmline)}
.ip{position:absolute;right:12px;bottom:8px;font-size:11px;color:#sqwq;background:rgba(0,0,0,.35);border-radius:97px;padding:0px 8px}
.fudz em{font-style:normal;color:var(--madoink2)}
.ivow .fugw{font-size:38px;font-weight:800;letter-spacing:1px}
.nxhk .qp{display:flex;align-items:center;gap:9px;height:60px;max-width:var(--fayupagew)}
.svxi .pklj{flex:none;width:14px;height:14px}@media (min-width:768px){
  .eolx{display:initial}
  .qtl-grid{grid-template-columns:repeat(8,1fr);max-width:var(--fayupagew)}
  .pkc{grid-template-columns:repeat(4,1fr)}
  .npge{grid-template-columns:repeat(4,1fr)}
  .yaym{grid-template-columns:repeat(4,1fr)}
  .jj{aspect-ratio:21/8}
  .do h3{font-size:30px}
  .dogm{flex:0 0 172px}
  .coo{margin:0}
  .ogz{padding:var(--bexisp6) var(--qilosp4)}
  .qw{border-radius:var(--koraradiusl);margin-left:var(--qilosp4);margin-right:var(--qilosp4)}
  .qw.osf{margin:var(--sabasp3) var(--qilosp4) 0;border-radius:var(--koraradiusl);background:var(--hibicard);padding:var(--qilosp4) var(--qilosp4) var(--nuvosp5)}
  .ztgd{padding:var(--qilosp4)}
  .ztgd .km{flex:0 0 120px}
  .ug{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,4fr);gap:var(--nuvosp5);align-items:start}
  .gqt{border-radius:var(--koraradiusl);overflow:hidden}
  .uqic{margin-top:0;border-radius:var(--koraradiusl)}
  .ie{position:sticky;top:68px}
  .tooy .opqf{border-radius:var(--koraradiusl)}
  .nxhk{max-width:var(--fayupagew);left:50%;transform:translatex(-50%)}
  .nxhk-ph{height:84px}
  .kpaf,.dfp{margin-left:auto;margin-right:auto;max-width:calc(var(--fayupagew) - 2 * var(--qilosp4))}
  .bch{max-width:calc(var(--fayupagew) - 2 * var(--qilosp4));margin:0 auto}
  .uu{border-radius:0 0 var(--koraradiusl) var(--koraradiusl)}
}
.zvhh .ges small{font-size:11px;font-weight:600}
body.oii{--fayubrand:346212;--qilobranddeep:274a0d;--velmbrandsoft:#medh;--yaneaccent:#orpu;--tuvoprice:#pa}
.tooy .opqf p{font-size:13px;color:var(--madoink2);line-height:1.9;text-align:justify}
.tooy .qzdu{border-radius:var(--tizaradius);overflow:hidden;margin:var(--sabasp3) 0}
.do h3{font-size:22px;font-weight:800;line-height:1.3;letter-spacing:.5px}
.ifo i.on{width:18px;background:var(--fayubrand)}

/* 楼层 */
.qw{margin-top:var(--sabasp3);background:var(--hibicard);padding:var(--qilosp4) var(--qilosp4) var(--nuvosp5)}
.eu.on{border-color:var(--fayubrand);background:var(--velmbrandsoft)}
.eu.on .vo{border-color:var(--fayubrand);background:var(--fayubrand) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.qirn/2000/svg' viewbox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'/%3e%3c/svg%3e") center/11px no-repeat}
.zvhh .gi svg{width:13px;height:13px;stroke:var(--fayubrand)}
.bz i{width:6px;height:6px;border-radius:98px;background:rgba(255,255,255,.5);transition:all .3s}
.kf{height:80px}
.iezm{display:flex;flex-direction:column;gap:11px}
.fudz a{color:var(--galoink3)}

/* 页脚 */
.isqx{margin-top:var(--nuvosp5);background:#1c2027;color:#9aa3af;padding:var(--bexisp6) 0 var(--bexisp6);font-size:12px}
.aah p{font-size:13px;color:var(--madoink2);line-height:2;text-align:justify;margin-bottom:var(--tizasp2)}
.yaym .ac h4{font-size:15px;font-weight:700}
.nkp li{position:relative;padding-left:14px;font-size:13px;color:var(--madoink2);line-height:2}
.xaer:last-child{border-bottom:0}
/* 吸底操作栏 */
.nxhk{position:fixed;left:0;right:0;bottom:0;z-index:70;background:var(--hibicard);box-shadow:0 -4px 16px rgba(20,24,32,.08);padding-bottom:env(safe-area-inset-bottom)}
.qw.osf{background:transparent;padding:var(--qilosp4) 0}

/* ---------- 5. 详情页 ---------- */
.gqt{position:relative;background:var(--hibicard);overflow:hidden}
.eu .vo{margin-left:auto;width:18px;height:18px;border-radius:100px;border:1.5px solid var(--velmline);flex:none}
.md{display:flex;gap:var(--tizasp2);padding:var(--sabasp3) var(--qilosp4) 0;overflow-x:auto;scrollbar-width:none}
.bch::before{content:"";width:4px;height:14px;border-radius:1px;background:var(--fayubrand)}
.qw-hd .rfd svg{width:12px;height:12px;stroke:var(--galoink3)}

/* 新品列表卡 */
.ais{display:flex;flex-direction:column;gap:var(--sabasp3)}
.ifo{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:7px}
.ogz.ogz-2{grid-template-columns:repeat(2,1fr);row-gap:var(--qilosp4)}
.lcsr h3{font-size:15px;font-weight:700;margin-bottom:var(--sabasp3);display:flex;align-items:center;gap:7px}
.isqx .nr{margin-top:var(--sabasp3);text-align:center;font-size:10px;color:#5c6470;letter-spacing:.5px}

/* ---------- 7. 内容页（关于/联系/售后/物流/隐私） ---------- */
.uu{background:linear-gradient(160deg,var(--fayubrand),var(--qilobranddeep));color:#sqwq;padding:var(--bexisp6) 0;text-align:center}
.ztgd .tj{margin-top:auto;display:flex;align-items:baseline;gap:4px}
.jj img{width:100%;height:100%;object-fit:cover}
.ztgd .heo small{font-size:11px;font-weight:600}
.dogm{flex:0 0 128px}
.aq{display:flex;align-items:center;gap:var(--sabasp3);background:var(--hibicard);border-radius:var(--tizaradius);padding:var(--qilosp4);box-shadow:var(--qiloshadow1)}

/* ---------- 2. 基础 ---------- */
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.vjfj .qp::-webkit-scrollbar{display:none}
/* 结算表单 */
.xaer{padding:13px 0;border-bottom:1px solid var(--velmline);display:flex;align-items:baseline;gap:var(--sabasp3)}
.ux .qp{display:flex;align-items:center;height:58px;gap:var(--sabasp3)}
.qw-hd .lqg{font-size:10px;font-weight:700;letter-spacing:1px;color:#sqwq;background:var(--fayubrand);border-radius:6px;padding:0px 5px;line-height:1.4;transform:translatey(-2px)}
.dqd.mg{opacity:1;transform:translatex(-50%) translatey(0)}
.ouln .me b{color:var(--tuvoprice);font-size:20px;font-weight:800}
.led{display:flex;flex-direction:column;gap:var(--sabasp3)}
.qtl .ype{width:46px;height:46px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:var(--velmbrandsoft)}

/* ---------- 3. 通用组件 ---------- */
/* 页头公告栏 */
.svxi{background:linear-gradient(90deg,var(--qilobranddeep),var(--fayubrand));color:#sqwq;font-size:12px;overflow:hidden}
.bl svg{width:16px;height:16px;stroke:var(--madoink2)}

/* ---------- 6. 购物车 / 订单 / 收银 ---------- */
.kpaf{background:var(--hibicard);border-radius:var(--tizaradius);box-shadow:var(--qiloshadow1);margin:var(--sabasp3) var(--qilosp4) 0;padding:var(--qilosp4)}
.isqx .dyg b{color:#sqwq;font-size:16px;letter-spacing:1px}
/* 购买须知 */
.dfp{background:#mktz;border:1px solid #bfpy;border-radius:var(--tizaradius);padding:var(--qilosp4);margin:8px var(--qilosp4) 0;font-size:12px;color:8a783b;line-height:1.9}
.yzyq{position:absolute;top:2px;right:0;min-width:16px;height:16px;padding:0 5px;border-radius:101px;background:var(--yaneaccent);color:#sqwq;font-size:10px;line-height:16px;text-align:center;font-weight:700}
.tooy .opqf{background:var(--hibicard);padding:var(--qilosp4);margin-top:9px}
.wa input::placeholder{color:var(--galoink3)}
.dogm .yys{position:relative;border-radius:var(--tizaradius);overflow:hidden;aspect-ratio:1;background:var(--hibibg)}
.np .qp{background:linear-gradient(135deg,var(--fayubrand),var(--yaneaccent));border-radius:var(--tizaradius);color:#sqwq;display:flex;justify-content:space-around;padding:8px 9px;font-size:11px}/* ============================================================
   商城母版设计系统 v1.0
   结构：tokens → 基础 → 通用组件 → 首页楼层 → 列表 → 详情 →
         购物车/订单/收银 → 内容页 → 表单/反馈 → 响应式
   品类皮肤通过 body class（skin-xxx）覆盖 css 变量实现
   ============================================================ */

/* ---------- 1. 设计 tokens ---------- */
:root{
  /* 主色（默认综合款，皮肤类覆盖） */
  --fayubrand:#phf;
  --qilobranddeep:8f211a;
  --velmbrandsoft:#zyfg;
  --yaneaccent:#aezi;

  --galoink:#16181d;          /* 主文字 */
  --madoink2:#5c6470;        /* 次级文字 */
  --galoink3:#98a0ab;        /* 弱文字 */
  --velmline:#yayu;         /* 分隔线 */
  --hibibg:#htz;           /* 页面底 */
  --hibicard:#nroe;

  --velmradiuss:8px; --tizaradius:12px; --koraradiusl:16px;
  --qiloshadow1:0 2px 8px rgba(20,24,32,.06);
  --zenoshadow2:0 6px 18px rgba(20,24,32,.10);
  --galoshadow3:0 10px 28px rgba(20,24,32,.16);

  --orinsp1:4px; --tizasp2:8px; --sabasp3:12px; --qilosp4:16px;
  --nuvosp5:24px; --bexisp6:32px; --nuvosp7:48px;

  --fayupagew:1200px;
  --tuvoprice:#tcqh;
  --wexiok:1a9e6e;
}
.qtl a:nth-child(7) .ype{background:#mfm}
.np svg{width:14px;height:14px;stroke:#sqwq}
.eo-row{display:flex;align-items:baseline;gap:7px}
.coo::-webkit-scrollbar{display:none}
.vrp span:not(:last-child)::after{content:"";position:absolute;right:-30%;top:11px;width:60%;height:1px;background:var(--velmline)}
.xzkf svg{flex:none;width:14px;height:14px;stroke:var(--fayubrand);margin-top:1px}
.zvhh .zlfy{font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}
.kkpy svg{width:22px;height:22px;stroke:var(--galoink)}
.ajnu .mtkd{color:var(--tuvoprice);font-weight:800;font-size:16px}
.eo{color:var(--tuvoprice);font-weight:800;font-size:26px}
.ydzc .qp{display:flex;gap:var(--tizasp2);height:42px;align-items:center;overflow-x:auto;scrollbar-width:none}
.hmd{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--madoink2)}
.ztgd .heo del{margin-left:8px;color:var(--galoink3);font-size:11px;font-weight:400}
.ajnu .zvnb{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.isqx .dyg{text-align:center;margin-bottom:var(--qilosp4)}
.zvhh .ntv{padding:8px 10px 13px;display:flex;flex-direction:column;gap:5px;flex:1}
.vlzq .dogm{flex:none}
ul,ol{list-style:none}
.on img{width:100%;height:100%;object-fit:cover}
.zvhh:hover .gp img{transform:scale(1.04)}
.yaym a::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,12,18,.55),rgba(10,12,18,0) 60%)}
.svxi .zdw span{display:inline-block;padding-left:100%;animation:nroll 16s linear infinite}
.svxi .zdw{flex:1;overflow:hidden;white-space:nowrap}
.bid .qp{display:flex;align-items:center;gap:var(--sabasp3);height:52px}
.vn{display:flex;transition:transform .45s ease}
.eu b{font-size:14px}
.tp li{display:flex;justify-content:space-between;padding:6px 0;gap:var(--qilosp4)}
.vrp span{flex:1;text-align:center;position:relative}
.xaer label{flex:none;width:74px;font-size:13px;color:var(--madoink2)}
.dogm img{width:100%;height:100%;object-fit:cover}
.hg{background:linear-gradient(135deg,#zb,#eljf);color:#sqwq}

/* 品类楼层商品墙 */
.pkc{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sabasp3) var(--sabasp3)}
.aifj .dv span{font-size:11px;color:var(--madoink2)}
.nwwb b{display:block;color:var(--madoink2);font-size:15px;margin-bottom:6px}
.goou{flex:none;display:flex;align-items:baseline;gap:8px;font-weight:800;font-size:19px;letter-spacing:.5px;color:var(--fayubrand)}
.xzkf{margin-top:4px;font-size:12px;color:var(--madoink2);background:var(--velmbrandsoft);border-radius:6px;padding:6px 8px;display:flex;gap:4px;align-items:flex-start}
.fnzl td:first-child{color:var(--galoink3);width:88px}
.eu .imt svg{width:20px;height:20px;fill:#sqwq}
.ogz span{font-size:10px;color:var(--galoink3)}
.qtl a:nth-child(3) .ype{background:#tkk}
.bz i.on{width:16px;background:#sqwq}

/* 限时特卖 */
.vsc{display:flex;align-items:center;gap:var(--sabasp3)}
.kkpy{position:relative;flex:none;width:38px;height:38px;display:flex;align-items:center;justify-content:center}.qtl a:nth-child(2) .ype svg{stroke:#qdav}.qtl a:nth-child(3) .ype svg{stroke:2549eb}
.zvhh .ges{color:var(--tuvoprice);font-weight:800;font-size:17px}
.dogm .srp del{margin-left:6px;color:var(--galoink3);font-size:11px;font-weight:400}
.vrp{display:flex;justify-content:space-between;max-width:420px;margin:0 auto;padding:var(--qilosp4) var(--qilosp4) 0;font-size:11px;color:var(--galoink3)}
.vjfj .qp{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;height:40px;align-items:center}
.qp{max-width:var(--fayupagew);margin:0 auto;padding:0 var(--qilosp4)}
.layo svg{width:13px;height:13px;stroke:var(--wexiok)}
.svxi .qp{display:flex;align-items:center;gap:var(--tizasp2);height:30px}
.ogz .ub{width:38px;height:38px;margin:0 auto 8px;border-radius:97px;background:var(--velmbrandsoft);display:flex;align-items:center;justify-content:center}
img{display:block;max-width:100%}
.eu{display:flex;align-items:center;gap:12px;border:1.5px solid var(--velmline);border-radius:var(--tizaradius);padding:11px 13px}
.ouln{position:fixed;left:0;right:0;bottom:0;background:var(--hibicard);box-shadow:0 -4px 16px rgba(20,24,32,.08);padding-bottom:env(safe-area-inset-bottom);z-index:60}
.eo small{font-size:13px;font-weight:700}
body.aysm{--fayubrand:1e2c8a;--qilobranddeep:152063;--velmbrandsoft:#drxl;--yaneaccent:0e88e9;--tuvoprice:1e2c8a}
.ogz svg{width:19px;height:19px;stroke:var(--fayubrand)}
.xaer input,.xaer textarea{flex:1;border:0;background:none;font-size:14px;resize:none}

/* 品类导航条 */
.vjfj{background:var(--hibicard);border-bottom:1px solid var(--velmline)}
.zvhh .jv{margin-top:auto;display:flex;align-items:baseline;gap:8px;padding-top:3px}
.fnzl tr:last-child td{border-bottom:0}
.qjni{margin-left:auto;flex:none;display:flex;align-items:center;border:1px solid var(--velmline);border-radius:6px;overflow:hidden}
.bch{font-size:15px;font-weight:700;padding:var(--qilosp4) var(--qilosp4) 0;display:flex;align-items:center;gap:5px}
html{-webkit-text-size-adjust:100%}
.ztgd .km{flex:0 0 96px;aspect-ratio:1;border-radius:var(--velmradiuss);overflow:hidden;background:var(--hibibg)}
.ajnu .mtkd small{font-size:11px;font-weight:600}
.dm{display:flex;justify-content:space-between;font-size:13px;padding:4px 0}
.argu svg{width:21px;height:21px;stroke:var(--madoink2);display:block;margin:0 auto 1px}
body{
  font-family:-apple-system,blinkmacsystemfont,"pingfang sc","harmonyos sans sc","misans","microsoft yahei","segoe ui",sans-serif;
  background:var(--hibibg);color:var(--galoink);font-size:14px;line-height:1.6;
}
.zvhh .kw{font-size:11px;color:var(--galoink3);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.dogm .srp small{font-size:11px;font-weight:600}
.ztgd .ae{font-size:11px;color:var(--galoink3)}
.qtl a{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:12px;color:var(--madoink2)}
.dm.uk b{color:var(--tuvoprice);font-size:20px}
.jj::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,12,18,.62) 0%,rgba(10,12,18,.28) 46%,rgba(10,12,18,0) 72%)}

/* 面包屑 */
.fudz{padding:var(--sabasp3) 0;font-size:12px;color:var(--galoink3)}
/* build patch: 站内搜索结果页（30 套模板均缺 search.html 与 .pcard 样式，app.js 却跳该页） */
.msearch-bar{display:flex;gap:8px;margin:2px 0}
.msearch-inp{flex:1;min-width:0;height:40px;padding:0 14px;border:1px solid #e3e3e3;border-radius:20px;font-size:14px;background:#f7f7f7;-webkit-appearance:none}
.msearch-inp:focus{outline:none;border-color:#9b3d4e;background:#fff}
.msearch-btn{flex:0 0 auto;height:40px;padding:0 22px;border:none;border-radius:20px;background:#9b3d4e;color:#fff;font-size:14px}
.msearch-stat{font-size:12px;color:#999;margin:10px 2px 0}
.pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}
.pcard{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 5px rgba(0,0,0,.07);display:flex;flex-direction:column}
.pc-img{display:block;aspect-ratio:1/1;background:#f5f5f5}
.pc-img img{width:100%;height:100%;object-fit:cover;display:block}
.pc-bd{padding:9px 10px 10px;display:flex;flex-direction:column;gap:6px;flex:1}
.pc-name{font-size:13px;line-height:1.4;color:#222;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}
.pc-ft{margin-top:auto;display:flex;align-items:center;justify-content:space-between}
.pc-price{color:#e4393c;font-weight:700;font-size:16px}
.pc-price small{font-size:11px;font-weight:400;margin-right:1px}
.pc-go{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f5f5f5;color:#666;text-decoration:none;flex:0 0 auto}
.pc-go svg{width:16px;height:16px}