/* @hero-motif: fullbleed */
/* 芃昊嘉乐 · 站点唯一样式（骨架：档案绿 TOASTED BROWN；首屏 = 通栏大图 + 巨型分类文字墙） */

:root{
  --xj-bg:#F7F1E6;
  --xj-paper:#FFFFFF;
  --xj-ink:#2A1C14;
  --xj-ink2:#5E4C40;
  --xj-ink3:#9C8A7C;
  --xj-line:#E4D8C6;
  --xj-line2:#EDE2D0;
  --xj-deep:#3B2418;
  --xj-deep2:#6B3D26;
  --xj-red:#8E2F2A;
  --xj-gold:#C79A4B;
  --xj-wrap:1500px;
  --xj-fs:"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;
  --xj-serif:"Songti SC",SimSun,"Noto Serif SC",serif;
  --xj-mono:ui-monospace,Consolas,"Liberation Mono",monospace;
}
*{box-sizing:border-box}
body{margin:0;background:var(--xj-bg);color:var(--xj-ink);font:400 15px/1.68 var(--xj-fs);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0;font-weight:700}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
button{font-family:inherit}
.xj-wrap{width:100%;max-width:var(--xj-wrap);margin:0 auto;padding-left:32px;padding-right:32px}

/* 通用控件 */
.btn-main,.btn-line,.btn-ghost,.btn-lg,.btn-mini{display:inline-flex;align-items:center;justify-content:center;
  height:42px;padding:0 22px;border:1px solid transparent;border-radius:0;font-size:14px;font-weight:600;
  cursor:pointer;transition:all .16s;white-space:nowrap}
.btn-main{background:var(--xj-deep);color:#fff;border-color:var(--xj-deep)}
.btn-main:hover{background:#2E1B11;border-color:#2E1B11}
.btn-line{background:transparent;color:var(--xj-deep);border-color:#D3C3AE}
.btn-line:hover{border-color:var(--xj-deep);background:#F3EBDE}
.btn-ghost{background:transparent;color:var(--xj-deep);border-color:#D3C3AE}
.btn-ghost:hover{background:#F3EBDE}
.btn-lg{height:48px;padding:0 30px}
.btn-mini{height:32px;padding:0 13px;font-size:13px}

.fld-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px 20px;margin-bottom:16px}
.fld-row>label{display:block;font-size:13px;color:var(--xj-ink2)}
.fld-row>label>input,.fld-row>label>select,.fld-row>label>textarea{display:block;width:100%;min-width:140px;height:44px;
  margin-top:7px;padding:0 12px;border:1px solid var(--xj-line);border-radius:0;background:#fff;font:400 14px/1.4 var(--xj-fs);color:var(--xj-ink)}
.fld-row>label>textarea{height:118px;max-height:136px;padding:10px 12px;resize:vertical}
.fld-full{display:block;margin-bottom:16px;font-size:13px;color:var(--xj-ink2)}
.fld-full>input,.fld-full>textarea,.fld-full>select{display:block;width:100%;min-width:140px;height:44px;margin-top:7px;
  padding:0 12px;border:1px solid var(--xj-line);border-radius:0;background:#fff;color:var(--xj-ink);font:400 14px/1.4 var(--xj-fs)}
.fld-full>textarea{height:126px;max-height:138px;padding:10px 12px}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--xj-deep2)}
input::placeholder,textarea::placeholder{color:#9FA9A4}
select{appearance:none}
.fld-row>label>input[type=checkbox],.fld-row>label>input[type=radio],.auth-form label input[type=checkbox],
.auth-form label input[type=radio]{width:16px;height:16px;min-width:0;margin-top:0;flex:0 0 16px;padding:0}

.form-err,.form-ok{margin:0 0 14px;padding:11px 14px;border-left:3px solid var(--xj-red);background:#FAF0ED;color:#96341F;font-size:13.5px}
.form-ok{border-left-color:var(--xj-deep2);background:#F1E8D9;color:#6B3D26}
.empty{padding:56px 0;text-align:center;color:var(--xj-ink3)}
.hint{color:var(--xj-ink3);font-size:13px}
.link-del{color:var(--xj-red);font-size:13px}
.pager{display:flex;gap:8px;justify-content:center;padding:32px 0 8px;flex-wrap:wrap}
.pager a,.pager span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;
  border:1px solid var(--xj-line);background:#fff;color:var(--xj-ink2);font:600 13px/1 var(--xj-mono)}
.pager a:hover{border-color:var(--xj-deep);color:var(--xj-deep)}
.pager span.on,.pager .on{background:var(--xj-deep);border-color:var(--xj-deep);color:#fff}
.crumbs{padding:16px 0 4px;color:var(--xj-ink3);font-size:12.5px}
.crumbs a{color:var(--xj-ink2)}
.dtable{width:100%;border-collapse:collapse;font-size:13.5px}
.dtable th{background:#F0E6D6;color:var(--xj-ink2);text-align:left;padding:11px 12px;border-bottom:1px solid var(--xj-line);white-space:nowrap;font-weight:600}
.dtable td{padding:12px;border-bottom:1px solid var(--xj-line2)}
.dtable img{width:56px;height:56px;object-fit:cover;border:1px solid var(--xj-line2)}
.ops{display:flex;gap:10px;align-items:center;white-space:nowrap}
.gap{height:14px}

/* 顶部条 / 页头 / 导航 */
.xj-strip{background:var(--xj-deep);color:#C8D8D2;font-size:12px}
.xj-strip-in{display:flex;align-items:center;justify-content:space-between;gap:16px;height:36px;white-space:nowrap;overflow:hidden}
.xj-strip-r{display:flex;align-items:center;gap:14px;flex:0 0 auto;white-space:nowrap}
.xj-strip-r em{font-style:normal;white-space:nowrap;font-family:var(--xj-mono);color:#94B5AB}
.xj-strip-r a{color:#E6F0EC}
.xj-head{background:var(--xj-paper);border-bottom:3px double var(--xj-line)}
.xj-head-in{display:grid;grid-template-columns:minmax(300px,auto) minmax(300px,1fr) auto;align-items:center;gap:30px;padding-top:26px;padding-bottom:26px}
.xj-brand{display:block;min-width:0}
.xj-brand b{display:block;font:700 26px/1.25 var(--xj-serif);letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xj-brand small{display:block;margin-top:5px;font:500 10px/1 var(--xj-mono);letter-spacing:2.2px;color:var(--xj-ink3);text-transform:uppercase}
.xj-search{display:flex;align-items:center;height:44px;border-bottom:2px solid var(--xj-ink)}
.xj-search input{flex:1;min-width:0;height:100%;padding:0 10px;border:0;background:transparent;font:400 14px/1 var(--xj-fs);color:var(--xj-ink)}
.xj-search button{flex:0 0 auto;height:100%;padding:0 22px;border:0;background:transparent;color:var(--xj-deep);font:600 13px/1 var(--xj-fs);letter-spacing:2px;cursor:pointer}
.xj-search button:hover{color:var(--xj-red)}
.xj-acts{display:flex;align-items:center;gap:12px}
.xj-cart{display:flex;align-items:center;gap:8px;height:44px;padding:0 16px;border:1px solid var(--xj-line);font-size:13.5px;color:var(--xj-ink2)}
.xj-cart b{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;background:var(--xj-red);color:#fff;font:600 11.5px/1 var(--xj-mono)}
.xj-cart:hover{border-color:var(--xj-deep);color:var(--xj-deep)}
.xj-join{display:inline-flex;align-items:center;height:44px;padding:0 20px;background:var(--xj-ink);color:#fff;font-size:13.5px;font-weight:600}
.xj-join:hover{background:var(--xj-deep)}
.xj-nav{background:var(--xj-paper);border-bottom:1px solid var(--xj-line);position:sticky;top:0;z-index:40}
.xj-nav-in{display:flex;align-items:stretch;height:48px;gap:0;overflow-x:auto}
.xj-nav-in a{display:inline-flex;align-items:center;gap:7px;padding:0 16px;font-size:13.5px;color:var(--xj-ink2);
  white-space:nowrap;border-bottom:2px solid transparent}
.xj-nav-in a i{font-style:normal;font-family:var(--xj-mono);font-size:10.5px;color:#A99786}
.xj-nav-in a:hover{color:var(--xj-deep);background:#F5F6F1}
.xj-nav-in a.on{color:var(--xj-deep);border-bottom-color:var(--xj-red);font-weight:600}
.xj-all{background:var(--xj-deep);color:#fff !important;font-weight:600}
.xj-all:hover{background:#2E1B11 !important}
.xj-all i{color:rgba(255,255,255,.6) !important}

/* 首屏 typewall */
.xj-hero{position:relative;overflow:hidden;background:#2A1C14}
.xj-hero-bg{width:100%;height:560px;object-fit:cover;object-position:center 44%;display:block}
.xj-hero-mask{position:absolute;left:0;right:0;top:0;height:560px;
  background:linear-gradient(100deg,rgba(24,14,9,.92) 0%,rgba(24,14,9,.62) 42%,rgba(24,14,9,.14) 78%)}
.xj-hero-in{position:absolute;left:0;right:0;top:0;height:560px;display:flex;align-items:center}
.xj-hero-txt{color:#fff;max-width:700px}
.xj-hero-txt em{display:block;font-style:normal;font:500 11px/1 var(--xj-mono);letter-spacing:3px;color:#D9B77B;margin-bottom:14px}
.xj-hero-txt h1{font:700 44px/1.22 var(--xj-serif);letter-spacing:1px}
.xj-hero-txt p{margin-top:14px;font-size:14px;color:#E3D6C7;letter-spacing:.4px}
.xj-hero-acts{display:flex;gap:12px;margin-top:26px}
.xj-btn{display:inline-flex;align-items:center;height:48px;padding:0 28px;background:#C79A4B;color:#2A1C14;font-size:14px;font-weight:700}
.xj-btn:hover{background:#B0853C}
.xj-btn-ghost{display:inline-flex;align-items:center;height:48px;padding:0 26px;border:1px solid rgba(255,255,255,.5);color:#fff;font-size:14px}
.xj-btn-ghost:hover{background:rgba(255,255,255,.12)}
.xj-hero-band{position:relative;background:#2A1C14;border-top:1px solid rgba(255,255,255,.1)}
.xj-band-in{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.1)}
.xj-band-item{position:relative;display:block;background:#2A1C14;min-height:132px;overflow:hidden}
.xj-band-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;transition:opacity .3s,transform .5s}
.xj-band-item:hover img{opacity:.8;transform:scale(1.03)}
.xj-band-item span{position:absolute;left:0;right:0;bottom:0;padding:12px 16px;display:flex;align-items:flex-end;
  justify-content:space-between;gap:8px;color:#fff;background:linear-gradient(0deg,rgba(24,14,9,.9) 0%,rgba(24,14,9,0) 100%)}
.xj-band-item b{font-size:15px}
.xj-band-item i{font-style:normal;font:500 11px/1 var(--xj-mono);color:#D9B77B}
.xj-promise{background:#2E1B11;color:#E7DACB}
.xj-promise-in{display:grid;grid-template-columns:repeat(4,1fr);padding-top:16px;padding-bottom:16px}
.xj-promise-in>div{text-align:center;border-right:1px solid rgba(255,255,255,.12)}
.xj-promise-in>div:last-child{border-right:0}
.xj-promise-in b{display:block;font-size:13.5px;color:#fff;margin-bottom:4px}
.xj-promise-in span{font-size:11.5px;color:#BFA893}

/* 区块 */
.xj-sec{padding:36px 0}
.xj-sec-h{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.xj-sec-h h2{font:700 24px/1.2 var(--xj-serif);letter-spacing:1.5px;white-space:nowrap;display:flex;align-items:baseline;gap:10px}
.xj-sec-h h2 i{font:600 12px/1 var(--xj-mono);color:var(--xj-red);font-style:normal}
.xj-sec-line{flex:1;height:1px;background:var(--xj-line);min-width:20px}
.xj-more{font-size:13px;color:var(--xj-deep2);white-space:nowrap}
.xj-more:hover{color:var(--xj-red)}
.xj-floor-alt{background:#F0E6D6}
.xj-grid,.goods-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.gcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--xj-line2);transition:border-color .16s,box-shadow .16s}
.gcard:hover{border-color:#D6C7B3;box-shadow:0 8px 22px rgba(30,74,60,.08)}
.gc-img{display:block;aspect-ratio:3/4;overflow:hidden;background:#F4F5F0;border-bottom:1px solid var(--xj-line2)}
.gc-img img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.gcard:hover .gc-img img{transform:scale(1.025)}
.gc-body{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}
.gcard .gc-body h3,.gc-name{font-size:14.5px;font-weight:600;line-height:1.5;margin:0 0 7px;min-height:44px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gcard .gc-body h3 a:hover{color:var(--xj-deep2)}
.gc-sub{font-size:12px;color:var(--xj-ink3);margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gc-foot{display:flex;align-items:baseline;gap:9px;margin-top:auto}
.price{font:700 20px/1 var(--xj-mono);color:var(--xj-red)}
.gc-sales{font-size:11.5px;color:var(--xj-ink3)}
.gc-store{margin-top:9px;padding-top:9px;border-top:1px dashed var(--xj-line2);font-size:11.5px;color:var(--xj-ink3);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gc-store a{color:var(--xj-ink2)}
.gc-store a:hover{color:var(--xj-deep2)}

.xj-news{border-top:1px solid var(--xj-line)}
.xj-news li{border-bottom:1px solid var(--xj-line2)}
.xj-news a{display:flex;align-items:center;gap:16px;padding:14px 4px}
.xj-news a:hover{background:#FAF4EA}
.xj-news em{flex:0 0 auto;font-style:normal;padding:2px 9px;background:#E8EEE9;color:#6B3D26;font-size:11.5px}
.xj-news b{flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xj-news span{flex:0 0 auto;font-size:11.5px;color:var(--xj-ink3)}
.xj-store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.xj-store{display:flex;flex-direction:column;gap:7px;padding:20px 22px;background:#fff;border:1px solid var(--xj-line2);border-left:2px solid var(--xj-deep)}
.xj-store:hover{border-left-color:var(--xj-red)}
.xj-store b{font-size:15px;line-height:1.45}
.xj-store span{font-size:12.5px;color:var(--xj-ink3);line-height:1.6;min-height:40px}
.xj-store i{font-style:normal;font:600 11px/1 var(--xj-mono);color:var(--xj-deep2);letter-spacing:.6px}
.store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.store-grid-lg{grid-template-columns:repeat(4,minmax(0,1fr))}
.scard{display:block;padding:20px 22px;background:#fff;border:1px solid var(--xj-line2)}
.scard:hover{border-color:#D6C7B3}
.store-grid .scard b,.store-grid-lg .scard b{display:block;font-size:14.5px;margin-bottom:6px;line-height:1.45}
.store-grid .scard span,.store-grid-lg .scard span{display:block;font-size:12px;color:var(--xj-ink3);line-height:1.6}
.store-grid .scard i,.store-grid-lg .scard i{display:block;margin-top:8px;font:600 11px/1 var(--xj-mono);color:var(--xj-deep2);font-style:normal}
.xj-cta{padding:34px 0 46px}
.xj-cta-in{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:36px 40px;background:var(--xj-deep);color:#fff}
.xj-cta-in h2{font:700 26px/1.3 var(--xj-serif);letter-spacing:1.5px}
.xj-cta-in p{margin-top:10px;font-size:13.5px;color:#C3D5CE;max-width:740px;line-height:1.75}
.xj-btn{flex:0 0 auto;display:inline-flex;align-items:center;height:48px;padding:0 30px;background:var(--xj-gold);color:#2E2119;font-size:14px;font-weight:700}
.xj-btn:hover{background:#B98A33}

/* 分类 / 详情 / 购物车 / 结算 / 支付 */
.sec{padding:22px 0 40px}
.sec-h{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.sec-h h2{font:700 23px/1.2 var(--xj-serif);letter-spacing:1.2px}
.cate-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 6px}
.cate-tabs a,.cate-tabs span{display:inline-flex;align-items:center;height:36px;padding:0 16px;border:1px solid var(--xj-line);background:#fff;color:var(--xj-ink2);font-size:13px}
.cate-tabs a:hover{border-color:var(--xj-deep);color:var(--xj-deep)}
.cate-tabs a.on,.cate-tabs .on{background:var(--xj-deep);border-color:var(--xj-deep);color:#fff}
.sort-bar{display:flex;align-items:center;gap:12px;margin:14px 0 20px;padding:11px 16px;background:#fff;border:1px solid var(--xj-line2)}
.sort-bar .sorts{display:flex;gap:8px}
.sorts a{display:inline-flex;align-items:center;height:32px;padding:0 13px;border:1px solid var(--xj-line);color:var(--xj-ink2);font-size:12.5px}
.sorts a.on,.sorts a:hover{border-color:var(--xj-deep);color:var(--xj-deep);background:#F3EBDE}

.detail-box{background:#fff;border:1px solid var(--xj-line2);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);margin:14px 0 0}
.d-gallery{padding:26px;border-right:1px solid var(--xj-line2)}
.d-main{background:#F8F2E7;border:1px solid var(--xj-line2);aspect-ratio:1/1;overflow:hidden}
.d-main>img{width:100%;height:100%;object-fit:contain}
.d-thumbs{display:flex;gap:9px;margin-top:12px;flex-wrap:wrap}
.d-thumbs a,.d-thumbs img{width:70px;height:70px;object-fit:cover;border:1px solid var(--xj-line2);background:#fff}
.d-thumbs a.on{border-color:var(--xj-deep)}
.d-info{padding:28px 30px 30px;display:flex;flex-direction:column;gap:13px}
.d-info h1,.d-info .d-title{font:700 24px/1.4 var(--xj-serif);letter-spacing:.5px}
.d-sub{font-size:13px;color:var(--xj-ink3);line-height:1.65}
.d-price{display:flex;align-items:baseline;gap:12px;padding:15px 18px;background:#FAF4EA;border-left:3px solid var(--xj-red)}
.d-price .p-now{font:700 30px/1 var(--xj-mono);color:var(--xj-red)}
.d-price .p-old{font:400 14px/1 var(--xj-mono);color:#A7B2AD;text-decoration:line-through}
.d-price .p-unit{font-size:12.5px;color:var(--xj-ink3)}
.d-meta{display:grid;grid-template-columns:auto 1fr;gap:9px 18px;font-size:13px;color:var(--xj-ink2);padding:14px 0;border-top:1px solid var(--xj-line2);border-bottom:1px solid var(--xj-line2)}
.d-meta dt{color:var(--xj-ink3);white-space:nowrap}
.d-meta dd{margin:0;color:var(--xj-ink)}
.d-tags{display:flex;gap:7px;flex-wrap:wrap}
.d-tags span{padding:3px 9px;border:1px solid var(--xj-line);background:#FAF4EA;font-size:11.5px;color:var(--xj-ink2)}
.d-store{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;background:#F8F2E7;border:1px solid var(--xj-line2)}
.d-store a{font-size:13.5px;font-weight:600;color:var(--xj-deep)}
.d-store small{font-size:11.5px;color:var(--xj-ink3)}
.d-buy{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}
.d-buy>label{display:flex;flex-direction:column;gap:7px;font-size:12.5px;color:var(--xj-ink3)}
.num-box{display:inline-flex;align-items:stretch;height:44px;border:1px solid var(--xj-line);background:#fff}
.num-minus,.num-plus{width:40px;display:inline-flex;align-items:center;justify-content:center;background:#F3F5F0;color:var(--xj-ink2);cursor:pointer;font-size:16px;user-select:none}
.num-minus{border-right:1px solid var(--xj-line)}
.num-plus{border-left:1px solid var(--xj-line)}
.num-box input{width:140px;height:100%;border:0;text-align:center;font:600 14px/1 var(--xj-mono);color:var(--xj-ink)}
.d-acts{display:flex;gap:11px;flex-wrap:wrap}
.d-flash{padding:10px 14px;background:#F1E8D9;border-left:3px solid var(--xj-deep2);font-size:13px;color:#6B3D26}
.d-tabs{display:flex;gap:2px;border:1px solid var(--xj-line2);border-bottom:0;margin-top:32px;background:#fff}
.d-tabs a,.d-tabs span{padding:14px 22px;font-size:14px;color:var(--xj-ink2);border-bottom:2px solid transparent}
.d-tabs a.on,.d-tabs span.on{color:var(--xj-deep);border-bottom-color:var(--xj-red);font-weight:600}
.d-body{background:#fff;border:1px solid var(--xj-line2);padding:30px 34px}
.d-content{font-size:14.5px;line-height:1.92;color:#2E2119;max-width:920px}
.d-content img{max-width:100%;width:100%;height:auto;margin:14px auto;border:1px solid var(--xj-line2)}
.d-content p{margin:0 0 14px}
.d-content h2,.d-content h3{margin:22px 0 12px;font-family:var(--xj-serif);font-size:17px}
.d-content table{width:100%;border-collapse:collapse;margin:16px 0;font-size:13.5px}
.d-content table td,.d-content table th{border:1px solid var(--xj-line);padding:8px 10px}
#idtContent img{max-width:820px;width:100%;margin:16px auto}

.cart-box{background:#fff;border:1px solid var(--xj-line2);padding-bottom:18px}
.cart-tips{padding:12px 18px;font-size:12px;color:var(--xj-ink3);border-bottom:1px solid var(--xj-line2)}
.cart-table{width:100%;border-collapse:collapse;font-size:13.5px}
.cart-table th{background:#F0E6D6;padding:12px 14px;text-align:left;color:var(--xj-ink2);border-bottom:1px solid var(--xj-line);font-weight:600}
.cart-table td{padding:14px;border-bottom:1px solid var(--xj-line2);vertical-align:middle}
.cart-table img{width:74px;height:74px;object-fit:cover;border:1px solid var(--xj-line2)}
.ct-goods{display:flex;align-items:center;gap:13px;min-width:0}
.ct-goods b{font-weight:600;font-size:13.5px;display:block;max-width:400px;line-height:1.45}
.ct-sub{font-size:11.5px;color:var(--xj-ink3);margin-top:4px;display:block}
.ct-store{font-size:12px;color:var(--xj-ink2)}
.ct-numf{display:inline-flex;align-items:stretch;height:36px;border:1px solid var(--xj-line)}
.ct-numf input{width:52px;border:0;text-align:center;font:600 13px/1 var(--xj-mono)}
.cart-foot{display:flex;align-items:center;justify-content:flex-end;gap:22px;padding:18px 18px 0;flex-wrap:wrap}
.cf-total{font-size:13.5px;color:var(--xj-ink2)}
.cf-total b{font:700 24px/1 var(--xj-mono);color:var(--xj-red);margin-left:8px}
.cf-acts{display:flex;gap:11px}

.checkout-box{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.85fr);gap:18px;align-items:start}
.co-block{background:#fff;border:1px solid var(--xj-line2);padding:22px 24px;margin-bottom:16px}
.co-block h2{font:700 17px/1.3 var(--xj-serif);margin-bottom:14px}
.co-table{width:100%;border-collapse:collapse;font-size:13px}
.co-table th{text-align:left;padding:9px 10px;background:#F0E6D6;color:var(--xj-ink2);font-weight:600}
.co-table td{padding:11px 10px;border-bottom:1px solid var(--xj-line2)}
.co-store{font-size:12.5px;color:var(--xj-deep);font-weight:600;padding:10px 0 4px}
.co-sub{font-size:11.5px;color:var(--xj-ink3)}
.co-total{display:flex;align-items:baseline;justify-content:flex-end;gap:12px;padding:16px 0 4px;font-size:13.5px;color:var(--xj-ink2)}
.co-total b{font:700 26px/1 var(--xj-mono);color:var(--xj-red)}
.co-note{font-size:12px;color:var(--xj-ink3);line-height:1.7;margin-top:10px}
.co-g{display:flex;align-items:center;gap:12px}
.co-g img{width:56px;height:56px;object-fit:cover;border:1px solid var(--xj-line2);flex:0 0 56px}
.pay-pick{display:flex;gap:11px;flex-wrap:wrap;margin:6px 0 4px}
.pay-pick label{display:inline-flex;align-items:center;gap:9px;min-width:150px;padding:12px 16px;border:1px solid var(--xj-line);background:#fff;font-size:13.5px;cursor:pointer}
.pay-pick label.pp-on,.pay-pick label.on{border-color:var(--xj-deep);background:#F3EBDE;color:var(--xj-deep);font-weight:600}
.pay-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:18px;background:#fff;border:1px solid var(--xj-line2);padding:26px 28px}
.pay-no{font:500 12.5px/1.6 var(--xj-mono);color:var(--xj-ink3)}
.pay-amount{font:700 38px/1.2 var(--xj-mono);color:var(--xj-red);margin:10px 0 6px}
.pay-items{width:100%;border-collapse:collapse;font-size:13px;margin:14px 0}
.pay-items td{padding:8px 0;border-bottom:1px dashed var(--xj-line2)}
.pay-items td:last-child{text-align:right;font-family:var(--xj-mono)}
.pay-way{display:flex;gap:11px;margin:16px 0}
.pay-way a{display:inline-flex;align-items:center;height:40px;padding:0 18px;border:1px solid var(--xj-line);font-size:13.5px;color:var(--xj-ink2)}
.pay-way a.on{border-color:var(--xj-deep);color:var(--xj-deep);background:#F3EBDE;font-weight:600}
.pay-tip{font-size:12px;color:var(--xj-ink3);line-height:1.75}
.pay-bal{padding:13px 16px;background:#F8F2E7;border:1px solid var(--xj-line2);font-size:13px;color:var(--xj-ink2);margin-bottom:14px}
.pay-r{display:flex;flex-direction:column;gap:13px;align-items:center;padding-left:24px;border-left:1px dashed var(--xj-line)}
.pay-r>img{width:238px;height:238px;object-fit:contain;border:1px solid var(--xj-line);background:#fff;padding:8px}
.pay-recharge{font-size:12.5px;color:var(--xj-deep2)}
.pay-result{max-width:640px;margin:60px auto;background:#fff;border:1px solid var(--xj-line2);padding:40px 36px;text-align:center}
.pr-ico{width:62px;height:62px;margin:0 auto 18px;border:2px solid var(--xj-deep2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--xj-deep2);font-size:28px}
.pr-t{font:700 22px/1.3 var(--xj-serif);margin-bottom:9px}
.pr-s{font-size:13.5px;color:var(--xj-ink3);line-height:1.7}
.pr-act{margin-top:22px;display:flex;gap:11px;justify-content:center}
.pr-warn{margin-top:16px;font-size:12.5px;color:var(--xj-red)}

/* 登录 / 注册 */
.auth-box{display:grid;grid-template-columns:1.1fr .9fr;max-width:960px;margin:50px auto;background:#fff;border:1px solid var(--xj-line2)}
.auth-l{padding:42px 44px}
.auth-l h1{font:700 25px/1.3 var(--xj-serif);letter-spacing:1px;margin-bottom:7px}
.auth-l .auth-sub{font-size:13px;color:var(--xj-ink3);margin-bottom:22px}
.auth-form{display:flex;flex-direction:column;gap:15px}
.auth-form label{display:block;font-size:13px;color:var(--xj-ink2)}
.auth-form label input{display:block;width:100%;min-width:140px;height:46px;margin-top:7px;padding:0 13px;border:1px solid var(--xj-line);background:#fff;font:400 14px/1 var(--xj-fs);color:var(--xj-ink)}
.auth-form label input:focus{outline:none;border-color:var(--xj-deep2)}
.auth-form .btn-main{width:100%;height:48px;margin-top:4px}
.auth-alt{font-size:13px;color:var(--xj-ink3);margin-top:16px}
.auth-alt a{color:var(--xj-deep2);font-weight:600}
.agree-row{display:flex;align-items:flex-start;gap:9px;font-size:12.5px;color:var(--xj-ink3);line-height:1.6}
.auth-form label.agree-row input{width:16px;height:16px;min-width:0;margin-top:3px}
.auth-r{background:var(--xj-deep);color:#fff;padding:42px 36px;display:flex;flex-direction:column;justify-content:center;gap:14px}
.auth-r h2{font:700 20px/1.35 var(--xj-serif);letter-spacing:.8px}
.auth-r p{font-size:13px;color:#C3D5CE;line-height:1.8}
.auth-r ul{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.auth-r li{font-size:13px;color:#DCE9E4;padding-left:15px;position:relative}
.auth-r li:before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;background:var(--xj-gold)}
.auth-r a.btn-ghost{color:#fff !important;align-self:flex-start;margin-top:8px;border-color:rgba(255,255,255,.5)}

/* 会员中心 / 商家中心 */
.dash{display:grid;grid-template-columns:232px minmax(0,1fr);gap:18px;align-items:start;padding:18px 0 44px}
.dash-side{background:#fff;border:1px solid var(--xj-line2);padding:20px 0 10px}
.ds-user{padding:0 20px 16px;border-bottom:1px solid var(--xj-line2);margin-bottom:10px}
.ds-user b{display:block;font-size:15px;margin-bottom:3px}
.ds-user span{font-size:12px;color:var(--xj-ink3)}
.dash-nav{display:flex;flex-direction:column}
.dash-nav a{padding:11px 20px;font-size:13.5px;color:var(--xj-ink2);border-left:3px solid transparent}
.dash-nav a:hover{background:#F8F2E7;color:var(--xj-deep)}
.dash-nav a.on{color:var(--xj-deep);border-left-color:var(--xj-red);background:#F3EBDE;font-weight:600}
.ds-cta{margin:14px 20px 6px;padding-top:12px;border-top:1px dashed var(--xj-line2);font-size:12.5px;color:var(--xj-deep2);display:block}
.dash-main{min-width:0;display:flex;flex-direction:column;gap:16px}
.dash-block{background:#fff;border:1px solid var(--xj-line2);padding:22px 24px}
.db-h{font:700 16px/1.3 var(--xj-serif);margin-bottom:14px;padding-bottom:11px;border-bottom:1px solid var(--xj-line2)}
.db-sub{font-size:12.5px;color:var(--xj-ink3);margin:-8px 0 12px}
.dash-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.dcard{padding:17px 18px;background:#F8F2E7;border:1px solid var(--xj-line2);border-left:3px solid var(--xj-deep)}
.dcard b{display:block;font:700 24px/1.2 var(--xj-mono);color:var(--xj-deep);margin-bottom:5px}
.dcard span{font-size:12px;color:var(--xj-ink3)}
.db-empty{padding:34px 0;text-align:center;color:var(--xj-ink3);font-size:13.5px}
.db-search{display:flex;gap:10px;margin-bottom:14px}
.db-search input{flex:1;min-width:140px;height:40px;padding:0 12px;border:1px solid var(--xj-line);background:#fff}
.dash-form{display:flex;flex-direction:column}
.order-state{padding:12px 16px;background:#F8F2E7;border-left:3px solid var(--xj-deep2);font-size:13.5px;margin-bottom:12px}
.order-info{font-size:12.5px;color:var(--xj-ink3);line-height:1.9}
.order-total{font:700 20px/1 var(--xj-mono);color:var(--xj-red)}
.os-no{font-family:var(--xj-mono);font-size:12.5px}
.os-acts{display:flex;gap:10px;flex-wrap:wrap}
.os-off{font-size:12px;color:var(--xj-ink3)}
.ord-list{display:flex;flex-direction:column;gap:14px}
.ord-card{background:#fff;border:1px solid var(--xj-line2)}
.ord-head{display:flex;align-items:center;gap:18px;padding:12px 18px;background:#F8F2E7;border-bottom:1px solid var(--xj-line2);font-size:12.5px;color:var(--xj-ink3)}
.ord-tabs{display:flex;gap:4px;margin-bottom:14px;border-bottom:1px solid var(--xj-line)}
.ord-tabs a{padding:11px 17px;font-size:13px;color:var(--xj-ink2);border-bottom:2px solid transparent}
.ord-tabs a.on{color:var(--xj-deep);border-bottom-color:var(--xj-red);font-weight:600}
.oc-goods{display:flex;align-items:center;gap:12px;padding:12px 18px}
.oc-goods img{width:56px;height:56px;object-fit:cover;border:1px solid var(--xj-line2)}
.oc-gname{font-size:13.5px;font-weight:600;line-height:1.45}
.oc-gnum{font-size:12px;color:var(--xj-ink3)}
.oc-foot{display:flex;align-items:center;justify-content:flex-end;gap:18px;padding:12px 18px;border-top:1px dashed var(--xj-line2);font-size:13px;color:var(--xj-ink2)}
.oc-total{font:700 18px/1 var(--xj-mono);color:var(--xj-red)}
.oc-tip{font-size:12px;color:var(--xj-ink3);padding:0 18px 12px}
.oc-pay,.oc-sum{font-size:12.5px;color:var(--xj-ink3)}
.ost{display:inline-flex;align-items:center;height:22px;padding:0 9px;font-size:11.5px;font-weight:600}
.ost.s0{background:#FAEDE6;color:#A2521C}.ost.s5{background:#FBF2E2;color:#8E6A1B}
.ost.s1{background:#E9F0F7;color:#215C94}.ost.s2{background:#F1E8D9;color:#6B3D26}
.ost.s3{background:#EEF0EE;color:#5E4C40}.ost.s4{background:#F1F0EE;color:#9C8A7C}
.recharge-form{display:flex;flex-direction:column;gap:15px;max-width:640px}
.rf-quick{display:flex;gap:9px;flex-wrap:wrap}
.rf-quick button{height:40px;padding:0 18px;border:1px solid var(--xj-line);background:#fff;font:600 13.5px/1 var(--xj-mono);color:var(--xj-ink2);cursor:pointer}
.rf-quick button:hover{border-color:var(--xj-deep);color:var(--xj-deep)}
.rf-label{font-size:13px;color:var(--xj-ink2)}
.rf-input{display:flex;align-items:center;gap:9px;height:46px;border:1px solid var(--xj-line);background:#fff;padding:0 12px}
.rf-input input{flex:1;min-width:140px;height:100%;border:0;font:600 15px/1 var(--xj-mono)}
.rf-btn{height:46px;padding:0 26px;background:var(--xj-deep);color:#fff;border:0;font-size:14px;font-weight:600;cursor:pointer}
.recharge-pay{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
.rp-l{font-size:13.5px;color:var(--xj-ink2)}
.rp-amt{font:700 32px/1.2 var(--xj-mono);color:var(--xj-red);margin:8px 0}
.rp-no{font-family:var(--xj-mono);font-size:12.5px;color:var(--xj-ink3)}
.rp-scan{border:1px solid var(--xj-line2);padding:14px;text-align:center;background:#fff}
.rp-scan img{width:210px;height:210px;margin:0 auto;object-fit:contain}
.rp-tip{font-size:12px;color:var(--xj-ink3);margin-top:10px;line-height:1.7}
.rp-bal{font-size:13px;color:var(--xj-ink2)}
.rp-r{display:flex;flex-direction:column;gap:11px;align-items:center}
.rp-s{font-size:12.5px;color:var(--xj-ink3)}

/* 文章 / 关于 / 联系 / 入驻 */
.art-box{max-width:980px;margin:22px auto 50px;background:#fff;border:1px solid var(--xj-line2);padding:38px 44px}
.art-box h1{font:700 27px/1.35 var(--xj-serif);letter-spacing:1px;margin-bottom:12px}
.art-meta{font-size:12px;color:var(--xj-ink3);padding-bottom:18px;border-bottom:1px solid var(--xj-line2);margin-bottom:22px}
.art-content{font-size:14.5px;line-height:1.95;color:#2E2119}
.art-content h2{font:700 19px/1.4 var(--xj-serif);margin:26px 0 12px;padding-left:12px;border-left:3px solid var(--xj-red)}
.art-content h3{font-size:16px;margin:20px 0 10px}
.art-content p{margin:0 0 15px}
.art-content ul,.art-content ol{list-style:disc;padding-left:22px;margin:0 0 15px}
.art-content ol{list-style:decimal}
.art-content table{width:100%;border-collapse:collapse;margin:16px 0;font-size:13.5px}
.art-content th,.art-content td{border:1px solid var(--xj-line);padding:9px 11px}
.art-content th{background:#F0E6D6}
.about-hero{background:var(--xj-deep);color:#fff;padding:40px 0;margin-bottom:24px}
.about-hero h1{font:700 28px/1.3 var(--xj-serif);letter-spacing:1.5px}
.about-hero p{margin-top:10px;font-size:14px;color:#C3D5CE;max-width:820px;line-height:1.8}
.about-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start;padding-bottom:46px}
.about-sec{background:#fff;border:1px solid var(--xj-line2);padding:24px 26px;margin-bottom:16px}
.about-sec h2{font:700 18px/1.4 var(--xj-serif);margin-bottom:13px;padding-bottom:10px;border-bottom:1px solid var(--xj-line2)}
.about-sec p{font-size:14px;line-height:1.9;color:#2A3A35;margin-bottom:11px}
.about-table{width:100%;border-collapse:collapse;font-size:13.5px}
.about-table th{width:132px;text-align:left;padding:10px 12px;background:#F8F2E7;color:var(--xj-ink2);border-bottom:1px solid var(--xj-line2);font-weight:600}
.about-table td{padding:10px 12px;border-bottom:1px solid var(--xj-line2)}
.about-links{background:#fff;border:1px solid var(--xj-line2);padding:20px 22px}
.about-links a{display:block;padding:9px 0;font-size:13.5px;color:var(--xj-ink2);border-bottom:1px dashed var(--xj-line2)}
.about-links a:hover{color:var(--xj-deep2)}
.contact-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px;padding-bottom:46px;align-items:start}
.contact-l,.contact-r{background:#fff;border:1px solid var(--xj-line2);padding:26px 28px}
.contact-dl{display:grid;grid-template-columns:88px 1fr;gap:13px 16px;font-size:13.5px}
.contact-dl dt{color:var(--xj-ink3)}
.contact-dl dd{margin:0;line-height:1.7}
.contact-note{margin-top:18px;padding:13px 16px;background:#F8F2E7;border-left:3px solid var(--xj-gold);font-size:12.5px;color:var(--xj-ink3);line-height:1.8}
.contact-form{display:flex;flex-direction:column}
.contact-form label{display:block;font-size:13px;color:var(--xj-ink2);margin-bottom:14px}
.contact-form label i{color:var(--xj-red);font-style:normal}
.contact-form label input,.contact-form label textarea{display:block;width:100%;min-width:140px;height:44px;margin-top:7px;
  padding:0 12px;border:1px solid var(--xj-line);background:#fff;font:400 14px/1.4 var(--xj-fs);color:var(--xj-ink)}
.contact-form label textarea{height:124px;max-height:138px;padding:10px 12px;resize:vertical}
.contact-form .btn-main{align-self:flex-start}
.join-hero{background:linear-gradient(100deg,#3B2418 0%,#6B3D26 100%);color:#fff;padding:38px 0;margin-bottom:24px}
.join-hero h1{font:700 27px/1.3 var(--xj-serif);letter-spacing:1.2px}
.join-hero p{margin-top:9px;font-size:13.5px;color:#C3D5CE}
.join-main{display:grid;grid-template-columns:minmax(0,1.5fr) 320px;gap:20px;padding-bottom:46px;align-items:start}
.join-form-box{background:#fff;border:1px solid var(--xj-line2);padding:26px 28px}
.join-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}
.join-steps>div{padding:15px 16px;background:#F8F2E7;border:1px solid var(--xj-line2)}
.join-steps b{display:block;font:700 20px/1.2 var(--xj-mono);color:var(--xj-red);margin-bottom:6px}
.join-steps span{font-size:12.5px;color:var(--xj-ink2)}
.join-form{display:flex;flex-direction:column}
.join-side{background:#fff;border:1px solid var(--xj-line2);padding:22px 24px}
.join-note{font-size:13px;color:var(--xj-ink2);line-height:1.9}
.join-tip{margin-top:14px;padding:12px 14px;background:#FBF6EA;border-left:3px solid var(--xj-gold);font-size:12.5px;color:#7A5A22;line-height:1.75}
.store-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 26px;background:#fff;border:1px solid var(--xj-line2);border-left:3px solid var(--xj-deep);margin:14px 0 20px}
.sh-l b{font:700 20px/1.35 var(--xj-serif)}
.sh-meta{margin-top:7px;font-size:12.5px;color:var(--xj-ink3);line-height:1.7}
.sh-r{text-align:right}
.sh-tel{font:700 19px/1.3 var(--xj-mono);color:var(--xj-deep)}
.search-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:#fff;border:1px solid var(--xj-line2);margin:14px 0 18px}
.search-head form{display:flex;gap:10px;flex:1;min-width:0;margin:0}
.search-head form input{flex:1;min-width:140px;height:42px;padding:0 13px;border:1px solid var(--xj-line);background:#fff;font:400 14px/1 var(--xj-fs);color:var(--xj-ink)}
.sh-tip{font-size:13px;color:var(--xj-ink3)}
.sh-tip b{color:var(--xj-red)}
.info-list{display:flex;flex-direction:column;gap:1px;background:var(--xj-line2);border:1px solid var(--xj-line2)}
.info-list li{background:#fff}
.info-list a{display:flex;align-items:center;gap:16px;padding:13px 17px}
.info-list a:hover{background:#F8F2E7}
.il-cate{flex:0 0 auto;padding:2px 9px;background:#E8EEE9;color:#6B3D26;font-size:11.5px}
.il-title{flex:1;min-width:0;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.il-meta{flex:0 0 auto;font-size:11.5px;color:var(--xj-ink3)}

/* 页脚 */
.xj-foot{background:#211309;color:#B4C6C0;margin-top:12px}
.xj-foot-in{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:34px;padding-top:44px;padding-bottom:34px}
.xj-foot-brand b{display:block;font:700 18px/1.4 var(--xj-serif);color:#fff;letter-spacing:.8px;margin-bottom:12px}
.xj-foot-brand p{font-size:12.5px;line-height:1.95;color:#9AB3AB}
.xj-foot-col{display:flex;flex-direction:column;gap:8px}
.xj-foot-col h4{font:600 12px/1 var(--xj-mono);color:#fff;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:6px}
.xj-foot-col a{font-size:13px;color:#A2BEB5}
.xj-foot-col a:hover{color:var(--xj-gold)}
.xj-foot-bot{border-top:1px solid rgba(255,255,255,.1)}
.xj-foot-bot-in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;padding-bottom:16px;font-size:12.5px;color:#8AA69D}
.xj-foot-bot-in a{font-family:var(--xj-mono);color:#A2BEB5}
.xj-foot-bot-in a:hover{color:var(--xj-gold)}

@media (max-width:1360px){
  .xj-wall{grid-template-columns:repeat(4,minmax(0,1fr));}
  .xj-wall-data{grid-column:span 4;flex-direction:row;justify-content:space-between;padding:16px 24px}
  .xj-wall-data>div{border-bottom:0;padding-bottom:0}
  .xj-wall-item b{font-size:34px}
  .xj-grid,.goods-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1080px){
  .xj-head-in{grid-template-columns:1fr;gap:14px;padding-top:18px;padding-bottom:18px}
  .xj-wall{grid-template-columns:repeat(2,minmax(0,1fr))}
  .xj-wall-data{grid-column:span 2}
  .detail-box,.checkout-box,.pay-box,.auth-box,.dash,.about-grid,.contact-box,.join-main{grid-template-columns:minmax(0,1fr)}
  .d-gallery{border-right:0;border-bottom:1px solid var(--xj-line2)}
  .xj-foot-in{grid-template-columns:1fr 1fr}
  .dash-cards{grid-template-columns:repeat(2,1fr)}
}