/* @standalone-style  gxquqian.top 本站独享视觉层：蓝图目录（Blueprint Catalogue）
   设计：深墨蓝主色 + 图纸网格底纹 + 朱砂红索引号 + 等宽数字；方角、细线、编号化
   前台唯一 CSS，不引用任何公共样式。 */
:root{
  --ink:#152238; --ink-2:#22304a; --paper:#f4f3ee; --card:#fff;
  --line:#d8d5cb; --line-2:#bdb9ad; --mut:#6e7480; --acc:#c9482a; --acc-soft:#f7ece7;
  --mono:"SFMono-Regular",ui-monospace,Menlo,Consolas,"Courier New",monospace;
  --sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --w:1200px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;color:var(--ink);background:var(--paper);
  background-image:linear-gradient(rgba(21,34,56,.045) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(21,34,56,.045) 1px,transparent 1px);
  background-size:32px 32px,32px 32px;
  font:400 15px/1.75 var(--sans);
}
img{max-width:100%;display:block;border:0}
a{color:var(--ink);text-decoration:none}
a:hover{color:var(--acc)}
h1,h2,h3,h4{font-weight:700;line-height:1.35;margin:0}
p{margin:0 0 12px}
ul,ol{margin:0;padding:0;list-style:none}
table{border-collapse:collapse;width:100%}
button{font-family:inherit}
.wrap{max-width:var(--w);margin:0 auto;padding:0 20px}
.mut{color:var(--mut)}
.center{text-align:center}
.req{color:var(--acc)}
.num{font-family:var(--mono);letter-spacing:.02em}

/* ============ 页头 ============ */
.qq-tick{background:var(--ink);color:#e8e5da;font-size:12.5px;letter-spacing:.04em}
.qq-tick .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:34px;flex-wrap:wrap}
.qq-tick b{font-weight:600;color:#fff}
.qq-tick .t-r{display:flex;gap:18px;align-items:center}
.qq-tick a{color:#e8e5da}
.qq-tick a:hover{color:#fff}

.qq-head{background:var(--paper);border-bottom:1px solid var(--line-2)}
.qq-head .wrap{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;padding-top:20px;padding-bottom:18px}
.qq-logo{display:block}
.qq-logo .k{display:block;font-size:11px;letter-spacing:.34em;color:var(--acc);font-family:var(--mono);margin-bottom:4px}
.qq-logo .n{display:block;font-size:25px;font-weight:800;letter-spacing:.02em;line-height:1.2}
.qq-tools{display:flex;align-items:center;gap:18px;font-size:13px}
.qq-tools .lnk{color:var(--ink-2)}
.qq-tools .cart{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ink);padding:7px 13px;font-size:13px}
.qq-tools .cart b{font-family:var(--mono);color:var(--acc)}
.qq-search{grid-column:1/-1;display:flex;border:1px solid var(--ink);background:#fff;max-width:560px}
.qq-search input{flex:1;border:0;outline:none;padding:10px 12px;font-size:14px;background:transparent}
.qq-search button{border:0;background:var(--ink);color:#fff;padding:0 20px;font-size:13.5px;letter-spacing:.08em;cursor:pointer}
.qq-search button:hover{background:var(--acc)}

.qq-rail{background:#fff;border-bottom:1px solid var(--line-2);border-top:1px solid var(--line)}
.qq-rail .wrap{display:flex;align-items:stretch;gap:0;overflow-x:auto}
.qq-rail a{display:flex;align-items:center;gap:7px;padding:12px 16px;font-size:14px;white-space:nowrap;border-right:1px solid var(--line)}
.qq-rail a i{font-family:var(--mono);font-size:11px;color:var(--mut);font-style:normal}
.qq-rail a.on{background:var(--ink);color:#fff}
.qq-rail a.on i{color:#f0b9a6}
.qq-rail a:hover{background:var(--acc-soft)}
.qq-rail a.on:hover{background:var(--ink-2);color:#fff}
.qq-rail .sp{margin-left:auto;border-right:0;color:var(--acc);font-weight:600}

/* ============ 首页 首屏 ============ */
.qq-lead{padding:34px 0 8px}
.qq-lead .wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:34px;align-items:start}
.qq-lead .kick{font-family:var(--mono);font-size:11.5px;letter-spacing:.3em;color:var(--acc);margin-bottom:12px}
.qq-lead h1{font-size:38px;line-height:1.25;letter-spacing:-.01em;margin-bottom:14px}
.qq-lead h1 em{font-style:normal;color:var(--acc)}
.qq-lead .dek{color:#414a5c;font-size:15px;max-width:46ch;margin-bottom:20px}
.qq-lead .acts{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.qq-stats{display:flex;gap:0;border:1px solid var(--line-2);background:#fff;max-width:430px}
.qq-stats div{flex:1;padding:12px 14px;border-right:1px solid var(--line)}
.qq-stats div:last-child{border-right:0}
.qq-stats b{display:block;font-family:var(--mono);font-size:21px;line-height:1.2}
.qq-stats span{font-size:12px;color:var(--mut);letter-spacing:.06em}

.qq-index{background:#fff;border:1px solid var(--ink);box-shadow:6px 6px 0 rgba(21,34,56,.08)}
.qq-index .ih{background:var(--ink);color:#fff;padding:9px 14px;font-family:var(--mono);font-size:11.5px;letter-spacing:.22em;display:flex;justify-content:space-between}
.qq-index table{font-size:14px}
.qq-index td{padding:13px 14px;border-bottom:1px solid var(--line)}
.qq-index tr:last-child td{border-bottom:0}
.qq-index .no{font-family:var(--mono);font-size:12px;color:var(--acc);width:52px}
.qq-index .cn{font-weight:600;font-size:15px}
.qq-index .qt{font-family:var(--mono);font-size:12px;color:var(--mut);text-align:right;white-space:nowrap}
.qq-index tr:hover td{background:#fbfaf5}

/* ============ 通用区块 ============ */
.qq-sec{padding:30px 0 4px}
.qq-sh{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;border-bottom:2px solid var(--ink);padding-bottom:9px;margin-bottom:18px}
.qq-sh .l{display:flex;align-items:baseline;gap:10px}
.qq-sh .no{font-family:var(--mono);font-size:12px;color:#fff;background:var(--acc);padding:2px 7px;letter-spacing:.1em}
.qq-sh h2{font-size:21px;letter-spacing:.01em}
.qq-sh .s{font-size:12.5px;color:var(--mut);font-family:var(--mono)}
.qq-sh a.more{font-size:13px;color:var(--acc)}
.qq-sh a.more:hover{text-decoration:underline}

/* 商品卡 */
.qq-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.qq-card{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;transition:border-color .15s,transform .15s}
.qq-card:hover{border-color:var(--ink);transform:translateY(-2px)}
.qq-card .ph{position:relative;aspect-ratio:1/1;overflow:hidden;background:#f0eee7;border-bottom:1px solid var(--line)}
.qq-card .ph img{width:100%;height:100%;object-fit:cover}
.qq-card .ph .tag{position:absolute;left:0;top:0;background:var(--acc);color:#fff;font-size:11px;padding:2px 7px;font-family:var(--mono);letter-spacing:.08em}
.qq-card .bd{padding:12px 12px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.qq-card .nm{font-size:14px;line-height:1.55;font-weight:500;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:43px}
.qq-card .nm:hover{color:var(--acc)}
.qq-card .sp{font-size:11.5px;color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qq-card .pr{display:flex;align-items:baseline;justify-content:space-between;margin-top:auto;padding-top:4px}
.qq-card .pr b{font-family:var(--mono);font-size:17px;color:var(--acc);letter-spacing:-.01em}
.qq-card .pr s{font-size:11.5px;color:#b3b0a6;margin-left:6px}
.qq-card .pr em{font-style:normal;font-size:11.5px;color:var(--mut)}

/* 商家条 */
.qq-stores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid var(--line);background:#fff}
.qq-stores li{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);font-size:13.5px}
.qq-stores li:nth-child(odd){border-right:1px solid var(--line)}
.qq-stores li .no{font-family:var(--mono);font-size:11.5px;color:var(--mut);width:28px}
.qq-stores li .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qq-stores li .ct{font-family:var(--mono);font-size:11.5px;color:var(--acc);white-space:nowrap}

/* 服务承诺条 */
.qq-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);margin-top:28px;background:#faf9f4}
.qq-notes div{padding:16px 18px;border-right:1px solid var(--line)}
.qq-notes div:last-child{border-right:0}
.qq-notes b{display:block;font-size:14px;margin-bottom:3px}
.qq-notes span{font-size:12.5px;color:var(--mut)}

/* ============ 按钮 / 表单 ============ */
.btn-primary,.btn-ghost,.btn-buy,.btn-lg,.btn-sm,.btn-text,.btn-disabled{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  border:1px solid var(--ink);background:var(--ink);color:#fff;
  padding:10px 20px;font-size:14px;cursor:pointer;line-height:1.2;text-align:center;
}
.btn-primary:hover{background:var(--acc);border-color:var(--acc);color:#fff}
.btn-ghost{background:#fff;color:var(--ink)}
.btn-ghost:hover{background:var(--acc-soft);color:var(--acc);border-color:var(--acc)}
.btn-buy{background:var(--acc);border-color:var(--acc)}
.btn-buy:hover{background:#a93a20;border-color:#a93a20}
.btn-lg{padding:13px 28px;font-size:15px}
.btn-sm{padding:6px 12px;font-size:12.5px}
.btn-text{background:none;border:0;color:var(--acc);padding:0;text-decoration:underline}
.btn-disabled,.btn-primary:disabled{background:#b9b6ac;border-color:#b9b6ac;color:#fff;cursor:not-allowed}

input,select,textarea{font-family:inherit;font-size:14px;color:var(--ink)}
input[type=text],input[type=tel],input[type=password],input[type=number],input[type=email],select,textarea{
  width:100%;border:1px solid var(--line-2);background:#fff;padding:10px 12px;outline:none;border-radius:0}
input:focus,select:focus,textarea:focus{border-color:var(--ink)}
label{display:block;font-size:13.5px;color:#39435a;margin-bottom:15px}
label>input,label>select,label>textarea{margin-top:6px}
label .req{font-style:normal}
.chk{display:flex;align-items:center;gap:8px;font-size:13.5px}
.chk input{width:auto;margin:0}

/* ============ 列表页（清单表） ============ */
.qq-cate-head{padding:22px 0 0}
.qq-cate-head h1{font-size:26px;letter-spacing:-.01em}
.qq-cate-head .sub{font-size:13px;color:var(--mut);margin-top:4px}
.qq-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  border-top:1px solid var(--ink);border-bottom:1px solid var(--line);margin-top:16px;padding:10px 0}
.qq-bar .cnt{font-size:13px;color:var(--mut)}
.qq-bar .cnt b{font-family:var(--mono);color:var(--ink);font-size:15px}
.qq-bar .sorts{display:flex;gap:6px;flex-wrap:wrap}
.qq-bar .sorts a{font-size:13px;padding:5px 12px;border:1px solid var(--line-2);background:#fff;color:var(--ink-2)}
.qq-bar .sorts a.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.qq-bar .sorts a:hover{border-color:var(--ink)}

.qq-list{border:1px solid var(--line);background:#fff;margin:16px 0 0}
.qq-row{display:grid;grid-template-columns:96px minmax(0,1fr) 120px 130px 132px;align-items:center;gap:16px;
  padding:14px 16px;border-bottom:1px solid var(--line)}
.qq-row:last-child{border-bottom:0}
.qq-row:hover{background:#fbfaf5}
.qq-row .im{width:96px;height:96px;border:1px solid var(--line);overflow:hidden;background:#f0eee7}
.qq-row .im img{width:100%;height:100%;object-fit:cover}
.qq-row .tt{min-width:0}
.qq-row .tt .n{font-size:14.5px;font-weight:500;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.qq-row .tt .n:hover{color:var(--acc)}
.qq-row .tt .m{font-size:12px;color:var(--mut);margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qq-row .stk{font-size:12.5px;color:var(--mut);font-family:var(--mono)}
.qq-row .pc{font-family:var(--mono);font-size:18px;color:var(--acc)}
.qq-row .pc s{display:block;font-size:11.5px;color:#b3b0a6}
.qq-row .op{text-align:right}

/* ============ 详情页 ============ */
.qq-dt{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:28px;padding:24px 0 0;align-items:start}
.qq-gal{background:#fff;border:1px solid var(--line);padding:14px}
.qq-gal .main{aspect-ratio:1/1;background:#f4f2ec;display:flex;align-items:center;justify-content:center;overflow:hidden}
.qq-gal .main img{width:100%;height:100%;object-fit:contain}
.qq-gal .ths{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.qq-gal .ths button{width:64px;height:64px;padding:0;border:1px solid var(--line);background:#fff;cursor:pointer;overflow:hidden}
.qq-gal .ths button.on{border-color:var(--acc)}
.qq-gal .ths img{width:100%;height:100%;object-fit:cover}

.qq-side{background:#fff;border:1px solid var(--ink);padding:20px 20px 22px;position:sticky;top:16px}
.qq-side .kick{font-family:var(--mono);font-size:11px;letter-spacing:.22em;color:var(--acc);margin-bottom:8px}
.qq-side h1{font-size:20px;line-height:1.5;font-weight:700;margin-bottom:8px}
.qq-side .sub{font-size:12.5px;color:var(--mut);line-height:1.6;margin-bottom:14px}
.qq-price{display:flex;align-items:baseline;gap:10px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:14px}
.qq-price b{font-family:var(--mono);font-size:28px;color:var(--acc);line-height:1}
.qq-price s{font-size:13px;color:#b3b0a6}
.qq-price em{font-style:normal;font-size:12.5px;color:var(--mut);margin-left:auto}
.qq-spec{font-size:13.5px;margin-bottom:16px}
.qq-spec div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px dotted var(--line)}
.qq-spec dt,.qq-spec .k{color:var(--mut);white-space:nowrap}
.qq-spec .v{text-align:right;color:var(--ink)}
.qq-buy{display:flex;gap:10px;align-items:stretch;margin-bottom:12px}
.qq-buy .qty{display:flex;border:1px solid var(--line-2);background:#fff}
.qq-buy .qty button{width:36px;border:0;background:#f4f2ec;cursor:pointer;font-size:16px;color:var(--ink)}
.qq-buy .qty input{width:56px;border:0;text-align:center;font-family:var(--mono);font-size:15px}
.qq-buy .btns{display:flex;gap:10px;flex:1}
.qq-buy .btns .btn-primary,.qq-buy .btns .btn-buy{flex:1}
.qq-side .tip{font-size:12px;color:var(--mut);line-height:1.7}
.qq-shop{border:1px solid var(--line);background:#faf9f4;padding:12px 14px;font-size:13px;margin-top:4px}
.qq-shop .h{font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--mut);margin-bottom:6px}
.qq-shop .nm{font-weight:600}
.qq-shop .rg{font-size:12px;color:var(--mut);margin-top:2px}

.qq-body{background:#fff;border:1px solid var(--line);margin:26px 0 0;padding:22px 24px}
.qq-body .bh{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--ink);padding-bottom:8px;margin-bottom:16px}
.qq-body .bh h2{font-size:17px}
.qq-body .bh span{font-family:var(--mono);font-size:11px;color:var(--mut);letter-spacing:.16em}
.qq-doc{font-size:14.5px;line-height:2;color:#2f3949;max-width:900px}
.qq-doc img{width:100%;height:auto;margin:12px auto;border:1px solid var(--line)}
.qq-doc p{margin:0 0 14px}
.qq-doc h2,.qq-doc h3{font-size:17px;margin:20px 0 10px}
.qq-doc table{margin:14px 0;font-size:13.5px}
.qq-doc td,.qq-doc th{border:1px solid var(--line);padding:8px 10px}

/* ============ 其它页（购物车/结算/支付/会员/店铺/搜索） ============ */
.crumb{font-size:12.5px;color:var(--mut);padding:16px 0 0}
.crumb a{color:var(--mut)}
.crumb b{color:var(--ink)}
.page-title{font-size:22px;margin:8px 0 16px;padding-bottom:10px;border-bottom:2px solid var(--ink)}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:10px 0 16px;flex-wrap:wrap}
.empty,.fld-empty{border:1px dashed var(--line-2);background:#faf9f4;padding:40px 20px;text-align:center;color:var(--mut)}
.empty a{color:var(--acc)}
.flash,.flash-err{border-left:3px solid var(--ink);background:#eef0f4;color:var(--ink);padding:10px 14px;margin-bottom:14px;font-size:13.5px}
.flash-err,.form-err{border-left-color:var(--acc);background:var(--acc-soft);color:#8d2e17}
.cart-tbl{background:#fff;border:1px solid var(--line)}
.cart-tbl th{background:#f4f2ec;text-align:left;font-weight:500;font-size:12.5px;color:var(--mut);padding:11px 12px;border-bottom:1px solid var(--line)}
.cart-tbl td{padding:12px;border-bottom:1px solid var(--line);font-size:13.5px;vertical-align:middle}
.cart-tbl .ci{display:flex;align-items:center;gap:12px}
.cart-tbl .ci img{width:64px;height:64px;object-fit:cover;border:1px solid var(--line)}
.cart-sum{background:#fff;border:1px solid var(--ink);padding:18px 20px;margin-top:16px}
.cart-sum .row{display:flex;justify-content:space-between;font-size:14px;padding:6px 0}
.cart-sum .row.total{border-top:1px solid var(--line);margin-top:8px;padding-top:12px;font-size:16px}
.cart-sum .row.total b{font-family:var(--mono);color:var(--acc);font-size:22px}
.pay-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;border:1px solid var(--ink);background:#fff;margin:18px 0 40px}
.pay-main{padding:24px}
.pay-side{background:#f7f6f0;padding:22px;border-left:1px solid var(--line)}
.qr-box{border:1px solid var(--line-2);background:#fff;padding:14px;display:inline-block}
.qr-box img{width:190px;height:190px;margin:0 auto}
.pay-way{display:flex;gap:10px;flex-wrap:wrap}
.pay-way label{display:flex;align-items:center;gap:8px;border:1px solid var(--line-2);padding:10px 14px;margin:0;cursor:pointer;font-size:14px;background:#fff}
.pay-way label.on,.pay-way input:checked+span{color:var(--acc)}
.auth-wrap{max-width:470px;margin:34px auto 56px;padding:0 20px}
.auth-card{background:#fff;border:1px solid var(--ink);padding:26px 26px 24px}
.auth-card h1{font-size:21px;margin-bottom:6px}
.auth-card .hint{font-size:12.5px;color:var(--mut);margin-bottom:18px}
.auth-card .btn-primary{width:100%;margin-top:6px}
.auth-alt{font-size:13px;color:var(--mut);text-align:center;margin-top:14px}
.auth-alt a{color:var(--acc)}
.user-wrap{display:grid;grid-template-columns:196px minmax(0,1fr);gap:0;border:1px solid var(--line);background:#fff;margin:18px 0 46px}
.user-nav{grid-row:1/span 30;background:var(--ink);padding:6px 0}
.user-nav a{display:block;padding:11px 18px;color:#dfe3eb;font-size:13.5px;border-bottom:1px solid rgba(255,255,255,.1)}
.user-nav a.on,.user-nav a:hover{background:var(--acc);color:#fff}
.user-head,.user-main,.user-wrap>form,.user-table{grid-column:2}
.user-head{background:#f4f2ec;border-bottom:1px solid var(--line);padding:16px 20px;display:flex;justify-content:space-between;align-items:center}
.user-head b{font-size:15px}
.user-head span{font-size:12.5px;color:var(--mut)}
.user-main,.user-wrap>form{padding:20px}
.user-table{font-size:13.5px}
.user-table th{background:#f7f6f0;text-align:left;font-weight:500;font-size:12.5px;color:var(--mut);padding:10px 12px}
.user-table td{padding:10px 12px;border-bottom:1px solid var(--line)}
.td-ops a,.td-ops button{color:var(--acc);font-size:12.5px;background:none;border:0;cursor:pointer;margin-right:8px;padding:0}
.my-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.my-thumb{width:84px;height:84px;overflow:hidden;border:1px solid var(--line)}
.my-thumb img{width:100%;height:100%;object-fit:cover}
.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.profile-card{background:#fff;border:1px solid var(--line);padding:16px 18px}
.store-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.store-card{background:#fff;border:1px solid var(--line);padding:16px;font-size:13.5px}
.store-card .nm{font-weight:600;margin-bottom:4px}
.badge{display:inline-block;font-size:11.5px;padding:1px 7px;border:1px solid var(--line-2);color:var(--mut)}
.goods-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pager{display:flex;gap:6px;flex-wrap:wrap;padding:22px 0;font-size:12.5px}
.pager a,.pager span{border:1px solid var(--line-2);background:#fff;padding:6px 11px;color:var(--ink-2);font-family:var(--mono)}
.pager .cur{background:var(--ink);color:#fff;border-color:var(--ink)}
.article-box{background:#fff;border:1px solid var(--line);padding:24px}

/* ============ 页脚 ============ */
.qq-foot{background:var(--ink);color:#cfd5df;margin-top:40px;padding:30px 0 24px;font-size:13px}
.qq-foot .top{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.14)}
.qq-foot .bn{font-size:19px;font-weight:700;color:#fff;letter-spacing:.01em}
.qq-foot .tg{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:#e08d72;margin-top:6px}
.qq-foot nav{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}
.qq-foot nav a{color:#cfd5df}
.qq-foot nav a:hover{color:#fff}
.qq-foot .info{padding-top:16px;display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:#a9b2c1}
.qq-foot .info b{color:#e8ebf0;font-weight:500}
.qq-foot .cp{margin-top:12px;font-size:12px;color:#8d96a6}
.qq-foot a.bei{color:#cfd5df;border-bottom:1px dotted #6b7484}

/* ============ 响应式（手机必须自适应） ============ */
@media (max-width:1080px){
  .qq-grid,.goods-grid,.store-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .qq-lead .wrap{grid-template-columns:1fr;gap:22px}
  .qq-dt{grid-template-columns:minmax(0,1fr) 360px;gap:20px}
  .qq-row{grid-template-columns:84px minmax(0,1fr) 110px 120px;gap:12px}
  .qq-row .stk{display:none}
  .qq-index .qt{display:none}
}
@media (max-width:860px){
  .qq-dt{grid-template-columns:1fr}
  .qq-side{position:static}
  .qq-gal .main{aspect-ratio:4/3}
  .pay-layout{grid-template-columns:1fr}
  .pay-side{border-left:0;border-top:1px solid var(--line)}
  .user-wrap{grid-template-columns:1fr}
  .user-nav{grid-row:auto;display:flex;overflow-x:auto;padding:0}
  .user-nav a{white-space:nowrap;border-bottom:0;border-right:1px solid rgba(255,255,255,.12)}
  .user-head,.user-main,.user-wrap>form,.user-table{grid-column:1}
  .profile-grid{grid-template-columns:1fr}
  .qq-stores{grid-template-columns:1fr}
  .qq-stores li:nth-child(odd){border-right:0}
  .qq-notes{grid-template-columns:1fr}
  .qq-notes div{border-right:0;border-bottom:1px solid var(--line)}
}
@media (max-width:640px){
  body{font-size:14.5px}
  .wrap{padding:0 14px}
  .qq-head .wrap{grid-template-columns:1fr;gap:12px;padding-top:16px}
  .qq-tools{justify-content:space-between;width:100%}
  .qq-logo .n{font-size:20px}
  .qq-search{max-width:none}
  .qq-lead{padding:22px 0 4px}
  .qq-lead h1{font-size:26px}
  .qq-lead .dek{font-size:14px}
  .qq-stats{max-width:none}
  .qq-stats b{font-size:18px}
  .qq-grid,.goods-grid,.store-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .qq-card .nm{font-size:13px;min-height:40px}
  .qq-card .pr b{font-size:15.5px}
  .qq-sec{padding:22px 0 2px}
  .qq-sh h2{font-size:18px}
  .qq-row{grid-template-columns:76px minmax(0,1fr);gap:10px;padding:12px}
  .qq-row .im{width:76px;height:76px}
  .qq-row .pc,.qq-row .op{grid-column:2;text-align:left}
  .qq-row .pc{align-self:center}
  .qq-row .op{justify-self:end;margin-top:-34px}
  .qq-side h1{font-size:18px}
  .qq-price b{font-size:24px}
  .qq-gal .ths button{width:54px;height:54px}
  .qq-buy{flex-wrap:wrap}
  .qq-buy .btns{width:100%}
  .qq-body{padding:16px 14px}
  .pay-main{padding:16px}
  .cart-tbl th:nth-child(3),.cart-tbl td:nth-child(3){display:none}
}

/* ============ 收银条（pay.php，本站第 5 种支付页结构） ============ */
.qq-receipt{max-width:660px;margin:22px auto 46px;background:#fffdf7;border:1px solid var(--line-2);
  box-shadow:0 1px 0 #fff inset,6px 6px 0 rgba(21,34,56,.06);padding:26px 26px 20px;position:relative}
.qq-receipt::before,.qq-receipt::after{content:"";position:absolute;left:0;right:0;height:8px;
  background-image:radial-gradient(circle at 4px 4px,transparent 3.4px,#fffdf7 3.6px);
  background-size:8px 8px;background-repeat:repeat-x}
.qq-receipt::before{top:-8px}
.qq-receipt::after{bottom:-8px;transform:rotate(180deg)}
.rc-top{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding-bottom:12px;border-bottom:2px dashed var(--line-2)}
.rc-brand{font-size:16px;font-weight:700}
.rc-kind{font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;color:var(--acc)}
.rc-line{display:flex;justify-content:space-between;gap:14px;font-size:13px;padding:7px 0;color:var(--mut)}
.rc-line b{color:var(--ink);font-weight:600}
.rc-items{width:100%;margin:10px 0 4px;border-top:1px dashed var(--line-2);border-bottom:1px dashed var(--line-2)}
.rc-items td{padding:9px 0;font-size:13.5px;border-bottom:1px dotted var(--line)}
.rc-items tr:last-child td{border-bottom:0}
.rc-items .nm{color:#2f3949}
.rc-items .nm span{color:var(--mut);font-family:var(--mono);font-size:12px;margin-left:8px}
.rc-items .pr{text-align:right;white-space:nowrap;width:120px}
.rc-items .big{font-size:22px;color:var(--acc);font-weight:700}
.rc-items tr.sum td{padding-top:14px;padding-bottom:12px}
.rc-qr{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0 6px}
.rc-qr>div{border:1px solid var(--line);background:#fff;padding:12px;text-align:center}
.rc-qr .qh{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--mut);margin-bottom:8px}
.rc-qr .qb{padding:6px;border:1px dashed var(--line-2);margin-bottom:10px}
.rc-qr .qb img{width:100%;max-width:196px;height:auto;margin:0 auto}
.rc-qr .btn-primary,.rc-qr .btn-buy{width:100%}
.rc-foot{margin-top:14px;border-top:1px dashed var(--line-2);padding-top:12px}
.rc-foot .btn-buy{width:100%;margin:6px 0 10px}
.rc-note{font-size:12.5px;line-height:1.85;color:var(--mut);margin:8px 0 0}
.rc-err{background:var(--acc-soft);color:#8d2e17;border-left:3px solid var(--acc);padding:9px 12px;font-size:13px;margin:10px 0}
.rc-stamp{position:absolute;right:30px;top:150px;border:3px double var(--acc);color:var(--acc);
  font-size:17px;font-weight:700;letter-spacing:.24em;padding:8px 16px;transform:rotate(-9deg);opacity:.9}
.rc-bot{margin-top:16px;border-top:2px dashed var(--line-2);padding-top:10px;font-size:11.5px;color:var(--mut);text-align:center;font-family:var(--mono)}
@media (max-width:640px){
  .qq-receipt{margin:14px 12px 36px;padding:18px 16px 16px}
  .rc-qr{grid-template-columns:1fr}
  .rc-stamp{right:16px;top:128px;font-size:15px}
  .rc-items .pr{width:92px}
}