/* @standalone-style  gxliqian.top 本站独享视觉层：深色货架（Dark Shelf）
   设计：深色底 + 薄荷绿主色 + 橙色价格 + 大圆角浮起卡片；手机优先的横向滚动楼层
   前台唯一 CSS，不引用任何公共样式。 */
:root{
  --bg:#0d1117; --panel:#151b23; --panel-2:#1b232d; --line:#242c36; --line-2:#303a46;
  --tx:#e6edf3; --tx-2:#b9c4d0; --mut:#8391a2;
  --mint:#2ee6a8; --mint-d:#20b989; --orange:#ff7a45; --red:#ff5c5c;
  --r:14px; --r-s:10px; --w:1240px;
  --sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;color-scheme:dark}
body{margin:0;background:var(--bg);color:var(--tx);font:400 15px/1.7 var(--sans)}
img{max-width:100%;display:block;border:0}
a{color:inherit;text-decoration:none}
a:hover{color:var(--mint)}
h1,h2,h3,h4{font-weight:700;line-height:1.3;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}
input,select,textarea{font-family:inherit;font-size:14px;color:var(--tx)}
.wrap{max-width:var(--w);margin:0 auto;padding:0 20px}
.mut{color:var(--mut)}
.num{font-family:var(--mono)}
.center{text-align:center}

/* ---------- 页头 ---------- */
.lq-bar{background:#080b10;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--mut)}
.lq-bar .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:34px;flex-wrap:wrap}
.lq-bar b{color:var(--tx-2);font-weight:600}
.lq-bar .r{display:flex;gap:16px;align-items:center}
.lq-bar a:hover{color:var(--mint)}

.lq-head{background:linear-gradient(180deg,#111821 0%,#0d1117 100%);border-bottom:1px solid var(--line)}
.lq-head .wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding-top:18px;padding-bottom:16px}
.lq-logo{display:flex;flex-direction:column;gap:3px}
.lq-logo .n{font-size:21px;font-weight:800;letter-spacing:.01em;white-space:nowrap}
.lq-logo .k{font-size:10.5px;letter-spacing:.28em;color:var(--mint);font-family:var(--mono)}
.lq-search{display:flex;background:var(--panel);border:1px solid var(--line-2);border-radius:999px;overflow:hidden;max-width:640px;width:100%}
.lq-search input{flex:1;border:0;outline:none;background:transparent;padding:11px 18px;font-size:14px}
.lq-search button{border:0;background:var(--mint);color:#06231a;font-weight:700;padding:0 22px;font-size:13.5px;cursor:pointer}
.lq-search button:hover{background:var(--mint-d)}
.lq-acts{display:flex;align-items:center;gap:10px;font-size:13.5px}
.lq-acts a.lk{color:var(--tx-2);padding:6px 2px}
.lq-acts a.lk:hover{color:var(--mint)}
.lq-cart{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line-2);border-radius:999px;padding:8px 15px;background:var(--panel)}
.lq-cart b{font-family:var(--mono);color:var(--mint)}
.lq-cart:hover{border-color:var(--mint)}

.lq-cats{background:#0a0e14;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}
.lq-cats .wrap{display:flex;gap:8px;overflow-x:auto;padding-top:10px;padding-bottom:10px;scrollbar-width:none}
.lq-cats .wrap::-webkit-scrollbar{display:none}
.lq-cats a{flex:0 0 auto;border:1px solid var(--line-2);border-radius:999px;padding:7px 16px;font-size:13.5px;color:var(--tx-2);white-space:nowrap;background:var(--panel)}
.lq-cats a.on{background:var(--mint);border-color:var(--mint);color:#06231a;font-weight:700}
.lq-cats a:hover{border-color:var(--mint);color:var(--mint)}
.lq-cats a.on:hover{color:#06231a}

/* ---------- 首页 hero ---------- */
.lq-hero{padding:26px 0 6px}
.lq-hero .grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:22px}
.lq-hero .kick{font-family:var(--mono);font-size:11.5px;letter-spacing:.24em;color:var(--mint);margin-bottom:12px}
.lq-hero h1{font-size:38px;line-height:1.25;letter-spacing:-.015em;margin-bottom:14px}
.lq-hero h1 i{font-style:normal;color:var(--mint)}
.lq-hero .dek{color:var(--tx-2);max-width:44ch;margin-bottom:18px}
.lq-hero .acts{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.lq-kpis{display:flex;gap:10px;flex-wrap:wrap}
.lq-kpis div{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-s);padding:10px 16px;min-width:104px}
.lq-kpis b{display:block;font-family:var(--mono);font-size:20px;color:var(--mint);line-height:1.2}
.lq-kpis span{font-size:12px;color:var(--mut)}

.lq-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lq-tile{position:relative;border:1px solid var(--line);border-radius:var(--r);background:var(--panel);padding:16px;min-height:118px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.lq-tile:hover{border-color:var(--mint);background:var(--panel-2)}
.lq-tile .no{font-family:var(--mono);font-size:11px;color:var(--mint);letter-spacing:.16em}
.lq-tile b{font-size:17px;line-height:1.3}
.lq-tile span{font-size:12.5px;color:var(--mut)}
.lq-tile .go{position:absolute;right:14px;bottom:12px;font-size:12px;color:var(--mut)}
.lq-tile:hover .go{color:var(--mint)}

/* ---------- 区块 ---------- */
.lq-sec{padding:26px 0 2px}
.lq-sh{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.lq-sh .l{display:flex;align-items:baseline;gap:10px}
.lq-sh h2{font-size:20px;letter-spacing:.01em}
.lq-sh .s{font-size:12.5px;color:var(--mut);font-family:var(--mono)}
.lq-sh a.more{font-size:13px;color:var(--mint)}
.lq-sh a.more:hover{text-decoration:underline}

/* 横向滚动轨道 */
.lq-rail{display:grid;grid-auto-flow:column;grid-auto-columns:236px;gap:14px;overflow-x:auto;padding:0 0 6px;margin:0}
.lq-rail::-webkit-scrollbar{height:6px}
.lq-rail::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:3px}

/* 商品卡 */
.lq-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.lq-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s,transform .15s}
.lq-card:hover{border-color:var(--mint);transform:translateY(-3px)}
.lq-card .ph{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;background:#0f141b}
.lq-card .ph img{width:100%;height:100%;object-fit:cover}
.lq-card .ph .tag{position:absolute;left:10px;top:10px;background:rgba(46,230,168,.92);color:#06231a;font-size:11px;font-weight:700;border-radius:999px;padding:3px 9px}
.lq-card .bd{padding:12px 13px 14px;display:flex;flex-direction:column;gap:7px;flex:1}
.lq-card .nm{font-size:13.8px;line-height:1.55;color:var(--tx);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:43px}
.lq-card:hover .nm{color:var(--mint)}
.lq-card .sp{font-size:11.5px;color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lq-card .pr{display:flex;align-items:baseline;gap:8px;margin-top:auto}
.lq-card .pr b{font-family:var(--mono);font-size:17px;color:var(--orange)}
.lq-card .pr em{font-style:normal;font-size:11.5px;color:var(--mut)}

/* 商家墙 */
.lq-shops{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.lq-shop{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-s);padding:13px 14px;font-size:13px;display:flex;flex-direction:column;gap:4px}
.lq-shop:hover{border-color:var(--mint)}
.lq-shop .nm{font-weight:600;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}
.lq-shop .ct{font-size:11.5px;color:var(--mut);font-family:var(--mono)}

.lq-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0 0}
.lq-notes div{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-s);padding:14px 16px}
.lq-notes b{display:block;font-size:14px;margin-bottom:3px;color:var(--mint)}
.lq-notes span{font-size:12.5px;color:var(--mut);line-height:1.6}

/* ---------- 按钮 / 表单 ---------- */
.btn-main,.btn-line,.btn-buy,.btn-sm,.btn-lg,.btn-text,.btn-disabled{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  border-radius:999px;padding:10px 22px;font-size:14px;cursor:pointer;line-height:1.2;
  border:1px solid var(--mint);background:var(--mint);color:#06231a;font-weight:700}
.btn-main:hover{background:var(--mint-d);border-color:var(--mint-d);color:#06231a}
.btn-line{background:transparent;color:var(--tx);border-color:var(--line-2);font-weight:500}
.btn-line:hover{border-color:var(--mint);color:var(--mint)}
.btn-buy{background:var(--orange);border-color:var(--orange);color:#1b0d06}
.btn-buy:hover{background:#f0683a;border-color:#f0683a;color:#1b0d06}
.btn-lg{padding:13px 28px;font-size:15px}
.btn-sm{padding:7px 14px;font-size:12.5px}
.btn-text{background:none;border:0;color:var(--mint);padding:0;text-decoration:underline;font-weight:500}
.btn-disabled,.btn-main:disabled{background:#2a3340;border-color:#2a3340;color:#697787;cursor:not-allowed}

input[type=text],input[type=tel],input[type=password],input[type=number],input[type=email],select,textarea{
  width:100%;background:var(--panel);border:1px solid var(--line-2);border-radius:var(--r-s);padding:10px 13px;outline:none;color:var(--tx)}
input:focus,select:focus,textarea:focus{border-color:var(--mint);box-shadow:0 0 0 3px rgba(46,230,168,.12)}
label{display:block;font-size:13.5px;color:var(--tx-2);margin-bottom:15px}
label>input,label>select,label>textarea{margin-top:6px}
label>input::placeholder,textarea::placeholder{color:#5f6c7c}
.chk{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--tx-2)}
.chk input{width:auto;margin:0}

/* ---------- 列表页（双列大卡） ---------- */
.lq-cate-head{padding:22px 0 0}
.lq-cate-head .k{font-family:var(--mono);font-size:11px;letter-spacing:.24em;color:var(--mint);margin-bottom:6px}
.lq-cate-head h1{font-size:28px;letter-spacing:-.01em}
.lq-cate-head .sub{font-size:13px;color:var(--mut);margin-top:6px}
.lq-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0 6px}
.lq-toolbar .cnt{font-size:13px;color:var(--mut)}
.lq-toolbar .cnt b{color:var(--tx);font-family:var(--mono)}
.lq-sorts{display:flex;gap:8px;flex-wrap:wrap}
.lq-sorts a{font-size:13px;padding:7px 14px;border:1px solid var(--line-2);border-radius:999px;color:var(--tx-2);background:var(--panel)}
.lq-sorts a.on{background:var(--mint);border-color:var(--mint);color:#06231a;font-weight:700}
.lq-sorts a:hover{border-color:var(--mint);color:var(--mint)}
.lq-sorts a.on:hover{color:#06231a}

.lq-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}
.lq-item{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:14px;transition:border-color .15s}
.lq-item:hover{border-color:var(--mint)}
.lq-item .im{width:180px;height:150px;border-radius:var(--r-s);overflow:hidden;background:#0f141b}
.lq-item .im img{width:100%;height:100%;object-fit:cover}
.lq-item .tt{display:flex;flex-direction:column;min-width:0;gap:6px}
.lq-item .nm{font-size:14.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--tx)}
.lq-item:hover .nm{color:var(--mint)}
.lq-item .meta{font-size:12px;color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lq-item .foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}
.lq-item .price{font-family:var(--mono);font-size:19px;color:var(--orange)}
.lq-item .price s{font-size:11.5px;color:#5f6c7c;margin-left:6px}

/* ---------- 详情页 ---------- */
.lq-detail{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:24px;padding:22px 0 0;align-items:start}
.lq-gal{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:14px}
.lq-gal .main{aspect-ratio:1/1;background:#0f141b;border-radius:var(--r-s);overflow:hidden;display:flex;align-items:center;justify-content:center}
.lq-gal .main img{width:100%;height:100%;object-fit:contain}
.lq-gal .ths{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.lq-gal .ths button{width:62px;height:62px;padding:0;border:1px solid var(--line-2);border-radius:8px;overflow:hidden;background:#0f141b;cursor:pointer}
.lq-gal .ths button.on{border-color:var(--mint)}
.lq-gal .ths img{width:100%;height:100%;object-fit:cover}

.lq-buybox{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:20px;position:sticky;top:64px}
.lq-buybox .k{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--mint);margin-bottom:8px}
.lq-buybox h1{font-size:19px;line-height:1.5;margin-bottom:8px}
.lq-buybox .sub{font-size:12.5px;color:var(--mut);line-height:1.65;margin-bottom:14px}
.lq-price{display:flex;align-items:baseline;gap:10px;background:#101821;border:1px solid var(--line);border-radius:var(--r-s);padding:12px 14px;margin-bottom:14px}
.lq-price b{font-family:var(--mono);font-size:27px;color:var(--orange);line-height:1}
.lq-price s{font-size:12.5px;color:#5f6c7c}
.lq-price em{font-style:normal;font-size:12px;color:var(--mut);margin-left:auto}
.lq-spec{font-size:13px;margin-bottom:16px}
.lq-spec div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px dashed var(--line)}
.lq-spec .k2{color:var(--mut);white-space:nowrap}
.lq-spec .v{text-align:right;color:var(--tx-2)}
.lq-qty{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.lq-qty .box{display:flex;border:1px solid var(--line-2);border-radius:999px;overflow:hidden;background:#101821}
.lq-qty .box button{width:38px;border:0;background:transparent;color:var(--tx-2);font-size:16px;cursor:pointer}
.lq-qty .box input{width:58px;border:0;background:transparent;text-align:center;font-family:var(--mono);font-size:15px;color:var(--tx)}
.lq-qty .lbl{font-size:13px;color:var(--mut)}
.lq-btns{display:flex;gap:10px}
.lq-btns .btn-main,.lq-btns .btn-buy{flex:1}
.lq-tip{font-size:12px;color:var(--mut);line-height:1.7;margin-top:12px}
.lq-shopcard{margin-top:14px;background:#101821;border:1px solid var(--line);border-radius:var(--r-s);padding:12px 14px}
.lq-shopcard .h{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;color:var(--mut);margin-bottom:5px}
.lq-shopcard .nm{font-size:13.5px;font-weight:600}
.lq-shopcard .rg{font-size:11.5px;color:var(--mut);margin-top:3px;line-height:1.6}

.lq-body{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);margin:24px 0 0;padding:22px}
.lq-body .bh{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:16px}
.lq-body .bh h2{font-size:17px}
.lq-body .bh span{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;color:var(--mut)}
.lq-doc{font-size:14.5px;line-height:2;color:var(--tx-2);max-width:900px}
.lq-doc img{width:100%;height:auto;margin:12px auto;border-radius:var(--r-s);border:1px solid var(--line)}
.lq-doc p{margin:0 0 14px}
.lq-doc h2,.lq-doc h3{font-size:17px;color:var(--tx);margin:20px 0 10px}
.lq-doc table{margin:14px 0;font-size:13.5px}
.lq-doc td,.lq-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 a:hover{color:var(--mint)}
.crumb b{color:var(--tx-2);font-weight:500}
.page-title{font-size:22px;margin:8px 0 16px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:10px 0 16px;flex-wrap:wrap}
.empty{border:1px dashed var(--line-2);border-radius:var(--r);background:var(--panel);padding:44px 20px;text-align:center;color:var(--mut)}
.empty a{color:var(--mint)}
.flash,.flash-err{border-radius:var(--r-s);background:rgba(46,230,168,.1);border:1px solid rgba(46,230,168,.35);color:var(--mint);padding:11px 14px;margin-bottom:14px;font-size:13.5px}
.flash-err,.form-err{background:rgba(255,92,92,.1);border-color:rgba(255,92,92,.35);color:#ff8f8f}

.cart-tbl{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.cart-tbl th{background:#101821;text-align:left;font-weight:500;font-size:12px;color:var(--mut);padding:12px 14px;border-bottom:1px solid var(--line)}
.cart-tbl td{padding:13px 14px;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:62px;height:62px;object-fit:cover;border-radius:8px}
.cart-sum{background:var(--panel);border:1px solid var(--line-2);border-radius:var(--r);padding:18px 20px;margin-top:16px}
.cart-sum .row{display:flex;justify-content:space-between;font-size:14px;padding:6px 0;color:var(--tx-2)}
.cart-sum .row.total{border-top:1px solid var(--line);margin-top:8px;padding-top:12px;font-size:15px;color:var(--tx)}
.cart-sum .row.total b{font-family:var(--mono);color:var(--orange);font-size:22px}

.checkout-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.panel h3{font-size:15px;margin-bottom:14px}

.auth-wrap{max-width:460px;margin:30px auto 54px;padding:0 20px}
.auth-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:26px}
.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-main{width:100%;margin-top:4px}
.auth-alt{font-size:13px;color:var(--mut);text-align:center;margin-top:14px}
.auth-alt a{color:var(--mint)}

.dash-wrap{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px;margin:18px auto 44px;max-width:var(--w);padding:0 20px}
.dash-side{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;height:max-content}
.dash-side .ds-user{padding:14px 16px;border-bottom:1px solid var(--line)}
.dash-side .ds-user b{display:block;font-size:14px}
.dash-side .ds-user span{font-size:11.5px;color:var(--mut)}
.dash-nav a{display:block;padding:10px 16px;font-size:13.5px;color:var(--tx-2);border-bottom:1px solid rgba(255,255,255,.04)}
.dash-nav a.on,.dash-nav a:hover{background:rgba(46,230,168,.1);color:var(--mint)}
.dash-main{min-width:0}
.dtable{width:100%;font-size:13.5px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.dtable th{background:#101821;color:var(--mut);font-weight:500;font-size:12px;text-align:left;padding:11px 12px}
.dtable td{padding:11px 12px;border-bottom:1px solid var(--line);color:var(--tx-2)}
.dtable a{color:var(--mint)}
.badge{display:inline-block;font-size:11.5px;padding:2px 9px;border-radius:999px;border:1px solid var(--line-2);color:var(--tx-2)}
.pager{display:flex;gap:8px;flex-wrap:wrap;padding:22px 0;font-size:12.5px}
.pager a,.pager span{border:1px solid var(--line-2);border-radius:8px;padding:7px 12px;color:var(--tx-2);font-family:var(--mono);background:var(--panel)}
.pager .cur{background:var(--mint);border-color:var(--mint);color:#06231a;font-weight:700}

.store-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.store-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-s);padding:14px;font-size:13px}
.store-card .nm{font-weight:600;line-height:1.45;margin-bottom:4px}
.goods-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.article-box{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:24px}

/* ---------- 收银台（步骤条 + 双码） ---------- */
.lq-pay{max-width:760px;margin:20px auto 46px}
.lq-steps{display:flex;align-items:center;gap:8px;margin-bottom:18px;font-size:12.5px;color:var(--mut);flex-wrap:wrap}
.lq-steps span{display:inline-flex;align-items:center;gap:6px}
.lq-steps i{display:inline-flex;width:20px;height:20px;border-radius:50%;align-items:center;justify-content:center;font-style:normal;font-size:11px;background:var(--panel-2);border:1px solid var(--line-2);color:var(--mut)}
.lq-steps .on i{background:var(--mint);border-color:var(--mint);color:#06231a;font-weight:700}
.lq-steps .on{color:var(--tx)}
.lq-steps .sep{color:var(--line-2)}

.lq-ticket{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.lq-ticket .tk-h{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.lq-ticket .tk-h b{font-size:15px}
.lq-ticket .tk-h .no{font-family:var(--mono);font-size:12px;color:var(--mut);margin-top:4px}
.lq-amount{font-family:var(--mono);font-size:30px;color:var(--orange);line-height:1.1;text-align:right}
.lq-items{margin:12px 0 0}
.lq-items li{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;color:var(--tx-2);padding:7px 0;border-bottom:1px dashed var(--line)}
.lq-items li b{font-family:var(--mono);color:var(--tx)}
.lq-qrs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0 6px}
.lq-qr{background:#101821;border:1px solid var(--line);border-radius:var(--r-s);padding:14px;text-align:center}
.lq-qr .h{font-size:12.5px;color:var(--tx-2);margin-bottom:10px}
.lq-qr .im{border-radius:10px;overflow:hidden;background:#fff;padding:8px;margin-bottom:10px}
.lq-qr .im img{width:100%;max-width:190px;height:auto;margin:0 auto}
.lq-qr .btn-main{width:100%}
.lq-paynote{font-size:12.5px;color:var(--mut);line-height:1.85;margin-top:12px}
.lq-done{margin:14px 0;background:rgba(46,230,168,.1);border:1px solid rgba(46,230,168,.35);border-radius:var(--r-s);padding:16px 18px;color:var(--mint);font-size:14px}
.lq-done b{font-family:var(--mono)}

/* ---------- 页脚 ---------- */
.lq-foot{background:#080b10;border-top:1px solid var(--line);margin-top:40px;padding:30px 0 22px;font-size:13px;color:var(--mut)}
.lq-foot .top{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--line)}
.lq-foot .bn{font-size:17px;font-weight:700;color:var(--tx)}
.lq-foot .tg{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;color:var(--mint);margin-top:6px}
.lq-foot nav{display:flex;gap:16px;flex-wrap:wrap}
.lq-foot nav a{color:var(--mut)}
.lq-foot .info{padding-top:14px;display:flex;flex-direction:column;gap:5px;font-size:12.5px}
.lq-foot .info b{color:var(--tx-2);font-weight:500}
.lq-foot .cp{margin-top:10px;font-size:12px;color:#5f6c7c}
.lq-foot a.bei{color:var(--tx-2);border-bottom:1px dotted #3a4553}

/* ---------- 响应式 ---------- */
@media (max-width:1080px){
  .lq-grid,.goods-grid,.store-grid,.lq-shops{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lq-hero .grid{grid-template-columns:1fr}
  .lq-detail{grid-template-columns:minmax(0,1fr) 360px}
  .lq-list{grid-template-columns:1fr}
}
@media (max-width:860px){
  .lq-head .wrap{grid-template-columns:1fr;gap:10px;padding-top:14px;padding-bottom:12px}
  .lq-search{order:2;max-width:none}
  .lq-acts{order:3;width:100%;justify-content:space-between;gap:8px;font-size:13px}
  .lq-acts a.lk{white-space:nowrap}
  .lq-cart{white-space:nowrap;padding:7px 13px}
  .lq-detail{grid-template-columns:1fr}
  .lq-buybox{position:static}
  .checkout-grid{grid-template-columns:1fr}
  .dash-wrap{grid-template-columns:1fr}
  .dash-side{display:flex;overflow-x:auto}
  .dash-side .ds-user{display:none}
  .dash-nav{display:flex}
  .dash-nav a{white-space:nowrap;border-bottom:0;border-right:1px solid rgba(255,255,255,.05)}
  .lq-notes{grid-template-columns:1fr}
}
@media (max-width:640px){
  body{font-size:14.5px}
  .wrap{padding:0 14px}
  .lq-bar .wrap{min-height:0;padding-top:7px;padding-bottom:7px;font-size:11px;line-height:1.55;gap:4px}
  .lq-bar .r{gap:10px}
  .lq-bar .r .num{display:none}
  .lq-acts{flex-wrap:wrap;row-gap:6px}
  .lq-logo .n{font-size:17px}
  .lq-logo .k{font-size:9.5px;letter-spacing:.2em}
  .lq-hero{padding:18px 0 0}
  .lq-hero h1{font-size:26px}
  .lq-hero .dek{font-size:13.5px}
  .lq-tiles{gap:10px}
  .lq-tile{min-height:96px;padding:12px}
  .lq-tile b{font-size:15px}
  .lq-grid,.goods-grid,.store-grid,.lq-shops{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .lq-rail{grid-auto-columns:170px}
  .lq-card .nm{font-size:13px;min-height:40px}
  .lq-card .pr b{font-size:15.5px}
  .lq-item{grid-template-columns:112px minmax(0,1fr);gap:10px;padding:11px}
  .lq-item .im{width:112px;height:112px}
  .lq-item .nm{font-size:13.5px}
  .lq-item .price{font-size:16.5px}
  .lq-amount{font-size:24px}
  .lq-qrs{grid-template-columns:1fr}
  .lq-gal .main{aspect-ratio:1/1}
  .lq-buybox{padding:16px}
  .lq-body{padding:16px 14px}
  .cart-tbl th:nth-child(3),.cart-tbl td:nth-child(3){display:none}
  .lq-cate-head h1{font-size:23px}
  .lq-toolbar{gap:8px}
}

/* ============ 首屏：图片拼贴（替代「左文案 + 右色块」） ============ */
.lq-mosaic{padding:20px 0 4px}
.mq-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,.75fr) minmax(0,.75fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;height:430px}
.mq-big{position:relative;display:block;grid-column:1;grid-row:1/span 2;border-radius:var(--r);overflow:hidden;background:#101821;border:1px solid var(--line)}
.mq-big>img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.mq-big:hover>img{transform:scale(1.03)}
.mq-big::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(6,9,13,.94) 0%,rgba(6,9,13,.80) 34%,rgba(6,9,13,.28) 66%,rgba(6,9,13,.06) 100%),
             linear-gradient(180deg,rgba(6,9,13,.10) 0%,rgba(6,9,13,.55) 100%)}
.mq-cap{position:absolute;left:22px;bottom:22px;z-index:2;max-width:340px;
  background:rgba(9,13,18,.88);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);
  border-left:3px solid var(--mint);border-radius:10px;padding:16px 18px}
.mq-k{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.26em;color:var(--mint);margin-bottom:9px}
.mq-cap h1{font-size:27px;line-height:1.28;letter-spacing:-.01em;color:#fff;margin-bottom:8px}
.mq-cap p{font-size:12.5px;color:#cfd7e2;margin-bottom:12px;line-height:1.6}
.mq-btn{display:inline-flex;align-items:center;gap:6px;background:var(--mint);color:#06231a;font-weight:700;font-size:13.5px;border-radius:999px;padding:9px 18px}
.mq-big:hover .mq-btn{background:#25cf95}

.mq-tile{position:relative;display:block;border-radius:var(--r);overflow:hidden;background:#101821;border:1px solid var(--line)}
.mq-tile>img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.mq-tile:hover>img{transform:scale(1.05)}
.mq-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,11,16,0) 35%,rgba(8,11,16,.85) 100%)}
.mq-tile-cap{position:absolute;left:14px;right:14px;bottom:12px;z-index:2;display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.mq-tile-cap b{font-size:15.5px;color:#fff}
.mq-tile-cap i{font-style:normal;font-family:var(--mono);font-size:11.5px;color:var(--mint)}

.mq-bar{display:flex;align-items:center;gap:26px;flex-wrap:wrap;padding:12px 4px 0;font-size:12.5px;color:var(--mut)}
.mq-bar b{font-family:var(--mono);font-size:16px;color:var(--tx);margin-right:4px}
.mq-bar a{margin-left:auto;color:var(--mint);font-size:12.5px}
.mq-bar a:hover{text-decoration:underline}

@media (max-width:1080px){
  .mq-grid{height:380px}
  .mq-cap h1{font-size:28px}
}
@media (max-width:860px){
  .mq-grid{grid-template-columns:1fr 1fr;grid-template-rows:220px 150px 150px;height:auto}
  .mq-big{grid-column:1/-1}
  .mq-big{grid-column:1/-1;grid-row:1}
  .mq-cap h1{font-size:24px}
  .mq-cap p{display:none}
}
@media (max-width:640px){
  .lq-mosaic{padding:12px 0 0}
  .mq-grid{grid-template-rows:190px 124px 124px;gap:8px}
  .mq-cap{left:10px;right:10px;bottom:10px;max-width:none;padding:12px 13px}
  .mq-cap h1{font-size:19px}
  .mq-k{font-size:9.5px;margin-bottom:6px}
  .mq-btn{font-size:12.5px;padding:7px 14px}
  .mq-tile-cap b{font-size:13.5px}
  .mq-bar{gap:14px;font-size:11.5px;padding-top:10px}
  .mq-bar b{font-size:14px}
  .mq-bar a{margin-left:0}
}

/* ---------- 手机端自适应补丁 2026-11-10（会员中心/后台表格/结算清单） ---------- */
@media (max-width:640px){
  body .dash-wrap{padding:0 12px;gap:12px}
  body .dash-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body .dcard{padding:13px 14px}
  body .dcard b{font-size:19px;letter-spacing:0}
  body .dcard span{font-size:11.5px}
  body .dash-block{padding:14px 14px 16px}
  body .db-h{flex-wrap:wrap;gap:6px}
  body .db-h h2{font-size:15.5px}
  /* 数据表格：手机上可横滑，不再被卡片裁掉 */
  body .dtable,body .tb{display:block;width:100%;max-width:100%;overflow-x:auto;
    -webkit-overflow-scrolling:touch;white-space:nowrap}
  body .dtable th,body .dtable td,body .tb th,body .tb td{white-space:nowrap}
  body .panels{max-width:100%}
  /* 结算页商品清单：只有价格/小计列不断行，商品名可换行 */
  body .co-table{table-layout:fixed}
  body .co-table td,body .co-table th{white-space:normal;word-break:break-word}
  body .co-table td:nth-child(2),body .co-table td:nth-child(3){white-space:nowrap;width:auto}
  body .co-table td:first-child{width:auto}
  body .co-g{white-space:normal}
  body .co-sub{white-space:nowrap}
  body .co-table td.co-g img{max-width:54px;height:auto}
}