/* ===== 本站独有样式（外观引擎生成 · 未经许可不得共用）=====
   版心 1320 ｜ 栅格 2 列 ｜ 首屏 文字墙 ｜ 卡片 描边直角 ｜ 标题 左对齐宽字距
   导航 白底一行 ｜ 页脚 色块整幅 ｜ 字体 全黑体紧排 ｜ 配色 9-L3-S2
   ============================================================ */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
:root{--bg:#f5f2f1;--ink:#311e1a;--card:#fcfcfc;--pri:#963b2b;--pri-d:#66281d;
  --accent:#30a67c;--price:#2aacb5;--line:#dfd8d7;--muted:#816d69;--wrap:1680px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.78}
a{color:inherit;text-decoration:none}
a:hover{color:var(--pri)}
img{max-width:100%;display:block;border:0}
h1,h2,h3,h4{font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;margin:0;font-weight:700;letter-spacing:-.3px}
ul,ol{margin:0;padding:0;list-style:none}
p{margin:0}
button,input,select,textarea{font:inherit;color:inherit}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 40px}

/* ---------- 页头 ---------- */
.hd .hd-top{font-size:12px;padding:8px 0;color:var(--muted);border-bottom:1px solid var(--line)}
.hd .hd-top .wrap{display:flex;justify-content:space-between;gap:14px}
.hd .hd-top a{margin-left:14px}
.hd .hd-row{display:flex;align-items:center;gap:22px;padding:16px 0}
.hd .logo{font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;font-size:19px;letter-spacing:.02em;white-space:nowrap}
.hd .hd-search{margin-left:auto;display:flex;border:1px solid var(--line);background:var(--bg)}
.hd .hd-search input{border:0;background:transparent;padding:9px 12px;width:180px;font-size:13px;outline:0}
.hd .hd-search button{border:0;background:var(--pri);color:#fff;padding:0 16px;font-size:13px;cursor:pointer}
.hd .hd-cart{font-size:13px;white-space:nowrap}
.hd .hd-nav{display:flex;gap:24px;flex-wrap:wrap;padding:0 0 0}
.hd .hd-nav a{padding:11px 2px;font-size:13.5px}

.hd{background:var(--card);border-bottom:2px solid var(--pri)}
.hd .hd-nav a.on{color:var(--pri);box-shadow:inset 0 -3px 0 var(--pri)}


/* ---------- 首屏 ---------- */
.hero{padding:30px 0 8px;border-bottom:1px solid var(--line)}
.hero-kicker{font-size:11.5px;letter-spacing:.2em;color:var(--muted)}
.hero-h1{font-size:clamp(26px,4.2vw,44px);line-height:1.22;margin:12px 0 0;letter-spacing:-.02em}
.hero-dek{margin-top:14px;font-size:14.5px;color:var(--muted);max-width:620px;line-height:1.85}
.hero-acts{margin-top:20px;display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;padding:11px 24px;background:var(--pri);color:#fff;font-size:13.5px}
.btn:hover{background:var(--pri-d);color:#fff}
.btn-line{background:transparent;border:1px solid var(--ink);color:var(--ink)}
.btn-line:hover{background:var(--ink);color:var(--bg)}
.hero-fig{margin-top:26px}
.hero-fig img{width:100%;height:clamp(180px,32vw,420px);object-fit:cover}


/* ---------- 区块 ---------- */
.blk{padding-top:38px}
.sec-h,.blk-h{display:flex;align-items:baseline;justify-content:space-between;gap:16px;
  padding-bottom:10px;border-bottom:2px solid var(--ink)}
.sec-h h2,.blk-h h2{font-size:24px}
.sec-h a,.blk-h a{font-size:12.5px;color:var(--muted)}
.sec-h h2,.blk-h h2{letter-spacing:.24em;font-weight:600;text-transform:none}

/* ---------- 商品网格 ---------- */
.goods-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:22px 0}
.gc-wrap{display:block}
.gc-img{display:block;overflow:hidden;background:#dfd8d7}
.gc-img img{width:100%}
.gc-name{font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.5;font-weight:600;margin-top:8px;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.gc-sub{font-size:12px;color:var(--muted);margin-top:4px;display:-webkit-box;-webkit-box-orient:vertical;
  -webkit-line-clamp:1;overflow:hidden}
.gc-foot{display:flex;align-items:baseline;justify-content:space-between;margin-top:6px}
.gc-price{color:var(--price);font-size:15px;font-weight:700}
.gc-shop{font-size:11.5px;color:var(--muted)}

.gc-wrap,.p-card{background:var(--card);border:1px solid var(--line);border-radius:0;box-shadow:none}
.gc-body{padding:12px 13px 14px}
.gc-img img{aspect-ratio:1/1;object-fit:cover}


/* ---------- 页脚 ---------- */
.ft{margin-top:44px;padding:34px 0 26px;font-size:12.5px}
.ft-grid{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:30px}
.ft h4{font-size:12px;letter-spacing:.12em;margin-bottom:8px}
.ft p{margin:5px 0;line-height:1.9}
.ft-bot{margin-top:20px;padding-top:12px;border-top:1px solid rgba(128,128,128,.28);font-size:11.5px;
  display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.ft{background:#66281d;color:#fcfcfc}.ft a{color:#fcfcfc}

/* ---------- 次级页通用组件 ---------- */
.page-head{padding:26px 0 12px;border-bottom:2px solid var(--ink)}
.page-head h1{font-size:26px}
.crumbs{padding:14px 0 0;font-size:12px;color:var(--muted)}
.card-box{background:var(--card);border:1px solid var(--line);padding:0;margin-top:16px}
.tbl{width:100%;border-collapse:collapse;font-size:13px}
.tbl th,.tbl td{padding:11px 13px;border-bottom:1px solid var(--line);text-align:left}
.tbl th{background:var(--bg);font-weight:600;font-size:12px;color:var(--muted)}
.form-row{display:grid;grid-template-columns:92px minmax(0,1fr);gap:11px;align-items:center;margin-bottom:11px;font-size:13px}
.form-row input,.form-row textarea,.form-full input,.form-full textarea{border:1px solid var(--line);
  padding:9px 11px;width:100%;background:var(--card);color:var(--ink)}
.field-note{font-size:12px;color:var(--muted)}
.btn-sm{padding:7px 16px;font-size:12.5px}
.form-err{background:rgba(200,60,40,.08);border-left:3px solid #c0392b;color:#8e2b19;padding:9px 12px;margin:12px 0;font-size:12.5px}
.form-ok{background:rgba(40,140,90,.1);border-left:3px solid #1f7a4d;color:#1d4a37;padding:9px 12px;margin:12px 0;font-size:12.5px}
.empty{padding:46px 0;text-align:center;color:var(--muted);font-size:13px}
.detail-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;padding:22px 0 8px}
.d-main img{width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--line)s}
.d-title{font-size:23px;line-height:1.42}
.d-price{margin:14px 0;padding:14px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
.d-price .now{font-size:28px;color:var(--price);font-weight:700}
.d-meta{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px 12px;font-size:13px;color:var(--muted)}
.d-meta b{color:var(--ink);font-weight:500}
.d-content{padding:18px 0;font-size:14.5px;line-height:1.9}
.d-content img{width:100%;max-width:820px;margin:0 auto}
.pay-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--line);margin-top:16px}
.pay-l{background:var(--bg);padding:22px;border-right:1px solid var(--line)}
.pay-r{padding:22px}
.pay-amount{font-size:30px;color:var(--price);font-weight:700;margin:8px 0}
.pay-way{display:flex;gap:9px;align-items:center;border:1px solid var(--line);padding:11px 13px;margin-bottom:9px;font-size:13px}
.auth-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--line);margin-top:20px}
.auth-l{background:var(--bg);padding:26px;border-right:1px solid var(--line)}
.auth-r{padding:26px}
.dash{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;padding:22px 0 40px}
.art-box{max-width:820px;margin:0 auto;padding:26px 0}
.art-content{font-size:14px;line-height:1.95}
.art-content h2{font-size:18px;margin:20px 0 9px}
.art-content ul,.art-content ol{margin:9px 0 9px 19px;list-style:disc}
.art-content ol{list-style:decimal}
.art-content table{width:100%;border-collapse:collapse;margin:12px 0;font-size:12.5px}
.art-content th,.art-content td{border:1px solid var(--line);padding:8px 10px}
.pager{display:flex;gap:7px;justify-content:center;padding:24px 0;font-size:12.5px}
.pager a,.pager span{padding:6px 11px;border:1px solid var(--line)}
.pager .on{background:var(--ink);color:var(--bg);border-color:var(--ink)}

/* ---------- 响应式 ---------- */
@media (max-width:1080px){
  .goods-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .detail-box,.pay-box,.auth-box{grid-template-columns:1fr}
  .pay-l,.auth-l{border-right:0;border-bottom:1px solid var(--line)}
  .dash{grid-template-columns:1fr}
  .ft-grid{grid-template-columns:1fr;gap:20px}
}
@media (max-width:640px){
  .wrap{padding:0 40px}
  .hero-h1{font-size:26px}
  .hero-dek{font-size:13.5px}
  .goods-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}
  .hd .hd-row{flex-wrap:wrap;gap:10px}
  .hd .hd-search{margin:0;width:100%}
  .hd .hd-search input{width:100%}
  .hd .hd-nav{gap:15px}
  .gc-name{font-size:13px}
  .tbl{table-layout:fixed}
  .tbl th,.tbl td{padding:8px 6px;word-break:break-all}
  .form-row{grid-template-columns:1fr;gap:5px}
}

/* ---------- 母版类名兼容（分类/详情/购物车/会员/支付/文章） ---------- */
.gcard{display:block;background:transparent;border:0}
.gcard .gc-body h3{font-family:inherit;font-size:14px;line-height:1.5;height:auto;font-weight:600}
.gcard .gc-store{font-size:11.5px;color:var(--muted)}
.gcard .price{color:var(--price);font-size:15px;font-weight:700}
.detail-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;padding:22px 0 8px}
.d-gallery .d-main img{width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--line)}
.d-info h1{font-family:inherit;font-size:23px;line-height:1.42}
.d-info .d-sub{font-size:12.5px;color:var(--muted);margin-top:7px}
.d-info .d-price{display:flex;align-items:baseline;gap:12px;margin-top:15px;padding:14px 0;
  border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
.d-info .p-now{font-size:28px;color:var(--price);font-weight:700}
.d-info .p-old{font-size:13px;color:var(--muted);text-decoration:line-through}
.d-info .p-unit{font-size:11.5px;color:var(--muted)}
.d-info .d-meta{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px 12px;margin:14px 0 0;font-size:13px}
.d-info .d-meta dt{color:var(--muted)}
.d-info .d-meta dd{margin:0}
.d-info .d-acts{display:flex;gap:11px;margin-top:13px}
.d-info .d-store{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:15px;
  padding:14px;border:1px solid var(--line)}
.d-body{margin-top:32px}
.d-tabs{border-bottom:2px solid var(--ink);padding-bottom:9px;font-size:13px}
.d-tabs .on{border-bottom:2px solid var(--pri);padding-bottom:8px;color:var(--pri)}
.cart-box,.checkout-box{background:var(--card);border:1px solid var(--line);margin-top:16px}
.cart-table,.co-table{width:100%;border-collapse:collapse;font-size:13px}
.cart-table th,.co-table th{background:var(--bg);color:var(--muted);font-weight:600;font-size:12px;
  text-align:left;padding:10px 13px;border-bottom:1px solid var(--line)}
.cart-table td,.co-table td{padding:12px 13px;border-bottom:1px solid var(--line)}
.ct-goods{display:flex;gap:12px;align-items:center}
.ct-goods img{width:56px;height:56px;object-fit:cover}
.cart-foot,.co-total{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;
  padding:15px;background:var(--bg)}
.cf-total b,.co-total b{font-size:22px;color:var(--price)}
.co-block{padding:15px;border-top:1px solid var(--line)}
.ct-numf input{width:54px;border:1px solid var(--line);padding:5px;text-align:center;background:var(--card)}
.link-del{font-size:11.5px;color:var(--price)}
.auth-form label{display:block;font-size:12.5px;color:var(--muted);margin:12px 0 5px}
.auth-form input{width:100%;border:1px solid var(--line);padding:10px 11px;background:var(--card)}
.cap-row{display:flex;gap:9px;align-items:center}
.cap-row img{height:38px;border:1px solid var(--line)}
.dash-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.dcard{border:1px solid var(--line);padding:13px;background:var(--card)}
.dcard b{display:block;font-size:20px;color:var(--pri)}
.dash-block{border:1px solid var(--line);background:var(--card);margin-top:18px}
.db-h{padding:11px 13px;border-bottom:1px solid var(--line);font-size:12px;background:var(--bg);color:var(--muted)}
.dtable{width:100%;border-collapse:collapse;font-size:12.5px}
.dtable th,.dtable td{padding:10px 13px;border-bottom:1px solid var(--line);text-align:left}
.pay-qr{border:1px solid var(--line);padding:13px;text-align:center;margin-bottom:13px;background:var(--card)}
.pay-qr img{max-width:175px;margin:0 auto 7px}
.pay-tip{font-size:11.5px;color:var(--muted);margin-top:11px;line-height:1.85}
.pay-result{max-width:540px;margin:26px auto;border:1px solid var(--line);padding:30px 22px;text-align:center;background:var(--card)}
.pay-result .pr-t{font-size:16px}
.pay-result .pr-s{font-size:12.5px;color:var(--muted);margin:9px 0 18px;line-height:1.9}
.pay-result .pr-act{display:flex;gap:11px;justify-content:center;flex-wrap:wrap}
.join-main{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;padding-top:20px}
.join-form-box{background:var(--card);border:1px solid var(--line);padding:22px}
.join-side{background:var(--bg);padding:20px;font-size:12.5px;line-height:2}
.store-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:20px 0}
.scard{background:var(--card);border:1px solid var(--line);padding:14px;font-size:12.5px}
.org-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px 0}
.mg-note{font-size:11.5px;color:var(--muted);margin-top:8px}
@media (max-width:1080px){
  .detail-box,.join-main{grid-template-columns:1fr}
  .dash-cards{grid-template-columns:repeat(2,1fr)}
  .store-grid{grid-template-columns:repeat(2,1fr)}
}

@media (min-width:1500px){
  .wrap{max-width:1680px;padding:0 40px}
  .hero-h1{font-size:clamp(34px,3.2vw,54px)}
  .blk{padding-top:46px}
}
@media (max-width:640px){.wrap{padding:0 15px}}