/* ============ QTCrocks 视觉升级层（覆盖层，加载在 style/pages/extra/mobile 之后）============ */
:root{ --rad:14px; --rad-lg:20px; --ring:0 0 0 3px rgba(255,107,53,.30); --shadow:0 20px 44px -22px rgba(0,0,0,.92); }
body{ letter-spacing:-.004em; }
h1,h2,h3{ letter-spacing:-.026em; }
::selection{ background:var(--flare); color:#101010; }

/* 1. 滚动条（替换系统默认那种原始样式） */
*{ scrollbar-width:thin; scrollbar-color:#2A2A31 transparent; }
::-webkit-scrollbar{ width:11px; height:11px; }
::-webkit-scrollbar-track{ background:#0B0B0D; }
::-webkit-scrollbar-thumb{ background:#26262B; border-radius:99px; border:3px solid #0B0B0D; }
::-webkit-scrollbar-thumb:hover{ background:#3A3A40; }
::-webkit-scrollbar-corner{ background:#0B0B0D; }

/* 2. 区块标题 */
.sec-head{ display:flex; justify-content:space-between; align-items:flex-end; gap:36px; flex-wrap:wrap; }
.sec-head h2{ font-size:clamp(30px,3.4vw,42px); }
.sec-head p{ max-width:600px; margin:0; color:var(--dim); font-size:16.5px; }
.sec-rule{ height:1px; background:linear-gradient(90deg,var(--line),transparent); margin:22px 0 34px; }

/* 3. 石头卡：纯正方块（图铺满整卡，信息悬停浮出）—— 不再是竖长方形 */
.stone-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px;
  background:var(--void); border:1px solid var(--line); border-radius:var(--rad-lg); padding:12px; }
.stone-card{ background:var(--void); border:0; border-radius:12px; overflow:hidden; margin:0;
  transition:transform .2s ease, box-shadow .2s ease; }
.stone-card:hover{ transform:translateY(-3px); box-shadow:0 22px 46px -24px rgba(0,0,0,.95); }
.sc-art{ position:relative; display:block; aspect-ratio:1/1; background:#0B0B0D; border-radius:12px; overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05); }
.sc-art img{ display:block; width:100%; height:100%; object-fit:cover; image-rendering:pixelated;
  transition:transform .35s cubic-bezier(.2,.7,.2,1); }
.stone-card:hover .sc-art img{ transform:scale(1.06); }
.stone-card:hover .sc-art{ box-shadow:inset 0 0 0 1px rgba(255,107,53,.55); }
.sc-tier{ position:absolute; left:10px; top:10px; z-index:2; background:rgba(0,0,0,.72); backdrop-filter:blur(6px);
  border:1px solid currentColor; color:var(--flare); font:700 10px/1 var(--sans); letter-spacing:.14em;
  padding:5px 8px; border-radius:99px; }
.sc-info{ position:absolute; left:0; right:0; bottom:0; z-index:2;
  display:flex; align-items:baseline; gap:10px; padding:34px 13px 11px;
  background:linear-gradient(0deg,rgba(0,0,0,.92) 12%,rgba(0,0,0,.55) 55%,transparent);
  opacity:0; transform:translateY(10px); transition:opacity .2s ease, transform .2s ease; }
.sc-info b{ font:700 14px/1 var(--mono); color:#fff; }
.sc-info i{ font-style:normal; font-size:11.5px; color:var(--grey); flex:1;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sc-info em{ font-style:normal; font:700 10px/1 var(--sans); letter-spacing:.14em; color:var(--flare); }
.stone-card:hover .sc-info, .sc-art:focus-visible .sc-info{ opacity:1; transform:none; }
/* 触摸屏没有悬停 → 信息直接常显 */
@media (hover:none){ .sc-info{ opacity:1; transform:none; } }

/* 4. 品阶卡：横向卡片（石头缩略图 + 文字） */
.tier-grid{ display:grid; grid-template-columns:repeat(5,1fr); gap:14px; }
.tier-card{ display:flex; gap:14px; align-items:center; background:var(--panel); border:1px solid var(--line);
  border-radius:var(--rad); padding:14px; transition:.18s; }
.tier-card:hover{ border-color:rgba(255,107,53,.5); transform:translateY(-2px); }
.tier-card img{ width:58px; height:58px; flex:none; border-radius:10px; background:var(--void);
  image-rendering:pixelated; }
.tier-card h3{ font-size:15px; letter-spacing:.01em; }
.tier-card .mono-dim{ display:block; margin-top:3px; font-size:11px; }
.tier-card p{ margin:5px 0 0; font-size:12.5px; color:var(--dim); line-height:1.35; }

/* 5. 全墙：更密的方块 + 悬停信息 */
.wall-grid{ grid-template-columns:repeat(auto-fill,minmax(132px,1fr)); gap:10px; }
.wall-card{ position:relative; padding:0; border-radius:12px; overflow:hidden; aspect-ratio:1/1; background:var(--void); }
.wall-card img{ width:100%; height:100%; object-fit:cover; border-radius:0; }
.wall-card .wall-meta{ position:absolute; inset:auto 0 0 0; background:linear-gradient(0deg,rgba(0,0,0,.86),transparent);
  padding:16px 9px 7px; opacity:0; transform:translateY(6px); transition:.18s; }
.wall-card:hover .wall-meta{ opacity:1; transform:none; }
.wall-card:hover img{ transform:scale(1.04); }
.wall-card img{ transition:transform .25s ease; }

/* 6. 拍卖页：左图右标（竞拍面板在右） */
.a-wrap{ grid-template-columns:minmax(0,1fr) minmax(0,466px); }
.a-art-card{ background:var(--panel); border:1px solid var(--line); border-radius:var(--rad-lg); padding:18px; }
.a-art-card img{ display:block; width:100%; height:auto; border-radius:var(--rad); image-rendering:pixelated; background:var(--void); }
.a-facts{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:18px 0 0; }
.a-facts div{ background:#101013; border:1px solid var(--line); border-radius:11px; padding:12px 14px; }
.a-facts dt{ font:600 10.5px var(--sans); letter-spacing:.15em; color:var(--dim); }
.a-facts dd{ margin:6px 0 0; font:600 14.5px var(--mono); color:var(--grey); }
.bid-card{ position:sticky; top:92px; background:var(--panel); border:1px solid var(--line);
  border-radius:var(--rad-lg); padding:22px; }
.bid-card.is-hot{ border-color:rgba(255,107,53,.55); }
.bid-card .clock-num{ font:700 50px/1 var(--mono); color:var(--ink); letter-spacing:-.03em; }
.bid-card.is-hot .clock-num{ color:var(--flare); }
.bid-card .a-row b{ font:700 24px/1 var(--mono); color:var(--ink); }
.bid-card.is-hot .a-row b{ color:var(--flare); }
.a-pay{ border-color:rgba(255,107,53,.42); border-radius:var(--rad); }

/* 7. 交互细节 */
.btn{ border-radius:10px; }
.btn:focus-visible,input:focus-visible,a:focus-visible{ outline:none; box-shadow:var(--ring); }
input{ border-radius:10px; }
.btn-block{ opacity:1; cursor:pointer; }
.panel,.pay-card,.a-card,.bid-card{ border-radius:var(--rad-lg); }
.lnk{ color:var(--grey); border-bottom:1px solid rgba(255,107,53,.45); }
.lnk:hover{ color:var(--flare); border-color:var(--flare); }
.filters{ gap:8px; }
.filter{ border-radius:99px; }
.filter.is-on{ box-shadow:0 6px 18px -8px rgba(255,107,53,.8); }

/* 8. 响应式 */
@media (max-width:1400px){ .stone-grid{ grid-template-columns:repeat(4,1fr); } }
@media (max-width:1180px){ .stone-grid{ grid-template-columns:repeat(3,1fr); }
  .tier-grid{ grid-template-columns:repeat(2,1fr); }
  .a-wrap{ grid-template-columns:1fr; } .bid-card{ position:static; } }
@media (max-width:820px){ .tier-grid{ grid-template-columns:1fr; } }
@media (max-width:820px){
  /* 手机：出价面板提到石头图之前，倒计时一进来就能看见 */
  .a-wrap{ display:flex; flex-direction:column; }
  .a-right{ order:-1; }
}
@media (max-width:700px){ .stone-grid{ grid-template-columns:repeat(2,1fr); gap:12px; }
  .sc-meta{ padding:10px 11px; } .sc-meta b{ font-size:13px; } .sc-meta span{ font-size:11.5px; }
  .a-facts{ grid-template-columns:1fr 1fr; } }


/* 9. 首页第一屏主视觉 + 竞拍卡（横向，不再是竖长条）*/
/* 双列只在大屏生效 —— 曾经因为没限定媒体查询，把窄屏的塌列规则盖掉、hero 描述被挤成 0px 宽 */
@media (min-width:1181px){ .hero{ grid-template-columns:minmax(420px,1fr) minmax(0,760px); align-items:center; } }
.hero-art{ width:100%; max-width:760px; margin-left:auto; }
/* 硬像素石墙：不加辉光、不加虚化，跟站内方块语言一致 */
.hero-art img{ filter:none; image-rendering:pixelated; display:block; width:100%; height:auto; }
.auction{ grid-template-columns:minmax(0,880px) minmax(0,1fr); gap:56px; align-items:center; }
/* 图占约一半，右侧只留必要信息 —— 避免"图小字大" */
.auc-panel{ display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:34px;
  align-items:center; padding:18px; }
.auc-left{ position:relative; border-radius:14px; overflow:hidden; background:var(--void);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06); }
.auc-left img{ display:block; width:100%; aspect-ratio:1/1; object-fit:cover; image-rendering:pixelated; }
.auc-chip{ position:absolute; left:12px; top:12px; }
.auc-right .mono-dim{ display:block; }
.auc-right .clock{ margin:12px 0 4px; }
.auc-right .clock-num{ font:700 46px/1 var(--mono); letter-spacing:-.03em; }
.auc-right .panel-note{ font-size:13px; margin-top:12px; }
.auc-right .bid-row{ margin:12px 0 20px; }
@media (max-width:1180px){ .hero-art{ margin:0 auto; } }
@media (max-width:560px){ .auc-panel{ grid-template-columns:1fr; gap:18px; padding:16px; }
  .auc-right .clock-num{ font-size:42px; } }


/* ============ 10. 全局协调层（统一节奏 / 卡片语言 / 数字字体）============ */
/* 区块垂直节奏统一 */
.how,.gallery,.verify,.tiers,.auction{ padding-top:92px; padding-bottom:92px; }
.stats{ padding-bottom:84px; }
.eyebrow{ margin-bottom:18px; }
.sec-head h2,.gallery-head h2{ letter-spacing:-.028em; }
.gallery-head{ margin-bottom:34px; }

/* 数字统一用等宽（科技感 + 与链上数据同族） */
.stats b,.bid-row b,.clock-num,.wall-meta b,.live-band b{ font-family:var(--mono); font-weight:700; }
.stats b{ font-size:32px; }
.stats span{ letter-spacing:.16em; }

/* 卡片语言统一：同圆角 + 同边框 + 同悬停反馈 */
.steps article,.wallet-grid article,.tier-card,.panel,.pay-card,.addr-box{
  border-radius:var(--rad-lg); transition:border-color .18s ease, transform .18s ease; }
.steps article:hover,.wallet-grid article:hover{ border-color:rgba(255,107,53,.45); transform:translateY(-2px); }
.steps article h3{ letter-spacing:-.02em; }
.step-no{ display:inline-block; padding:5px 9px; border:1px solid var(--line); border-radius:8px; }

/* FAQ / 折叠块统一 */
.faq-grid details{ border-radius:var(--rad); border-color:var(--line); }
.faq-grid summary{ font-weight:600; }

/* 页脚与首屏收口 */
footer{ margin-top:0; }
.trust{ font-family:var(--mono); font-size:13.5px; }

@media (max-width:1180px){
  .how,.gallery,.verify,.tiers,.auction{ padding-top:64px; padding-bottom:64px; }
  /* 平板：让"区块"变单列（卡片内部仍保持左图右数据，避免卡片塌成竖条） */
  .auction{ grid-template-columns:1fr; gap:34px; }
  .auc-panel{ grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:26px; }
}
@media (max-width:620px){
  .auc-panel{ grid-template-columns:1fr; gap:18px; }
}


/* ============ 11. 信息层级：标签在上、数值在下，间距统一（治"挤在一起"）============ */
.bid-row{ display:flex; gap:46px; }
.bid-row div{ display:flex; flex-direction:column; gap:8px; }
.bid-row span, .bid-row .mono-dim{ display:block; }
.bid-row b{ font-size:27px; line-height:1; }
.auc-right .mono-dim{ display:block; margin:0 0 12px; }
.auc-right .clock{ display:flex; flex-direction:column; align-items:flex-start; gap:8px; margin:0 0 18px; }
.auc-right .clock-label{ order:-1; }            /* 标签在上：STARTS IN / REMAINING */
.stats div,.live-band div{ display:flex; flex-direction:column; gap:8px; }
.pay-meta b,.pay-meta .mono-dim{ display:block; }
.a-facts dt,.a-facts dd{ display:block; }
.faq-grid summary{ padding:16px 18px; }
.faq-grid p{ padding:0 18px 18px; }

/* 12. 链上证据条（替代首页原来的大段代码块）*/
.proof-strip{ max-width:1500px; margin:0 auto; padding:34px 40px; display:flex; gap:32px;
  justify-content:space-between; align-items:center; flex-wrap:wrap;
  border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.proof-main b{ display:block; font:700 22px/1.2 var(--mono); color:var(--ink); margin:8px 0 6px; }
.proof-main p{ margin:0; color:var(--dim); font-size:15px; max-width:760px; }
.proof-actions{ display:flex; align-items:center; gap:20px; flex:none; }

/* 13. 品阶：横向阶梯条 + 稀有度推进线 */
.tiers .tier-grid{ position:relative; padding-top:22px; }
.tiers .tier-grid:before{ content:""; position:absolute; left:0; right:0; top:4px; height:2px;
  background:linear-gradient(90deg,rgba(255,255,255,.10),#FF6B35); }
.tier-card{ background:transparent; border:0; border-left:2px solid var(--line); border-radius:0; padding:6px 0 6px 16px; }
.tier-card:hover{ transform:none; border-left-color:var(--flare); }
.tier-card img{ width:46px; height:46px; }
.tier-card h3{ font-size:14px; letter-spacing:.1em; }
.tier-card p{ font-size:12px; color:var(--dim); }
.tier-card .mono-dim{ font-size:10.5px; }

@media (max-width:1180px){ .proof-strip{ padding:28px 22px; } }
@media (max-width:700px){
  .proof-strip{ padding:24px 16px; gap:18px; }
  .proof-main b{ font-size:18px; }
  .tier-card{ border-left-width:2px; padding-left:12px; }
}


/* 14. 全墙页的品阶图例 */
.tier-legend{ max-width:1500px; margin:0 auto; padding:8px 40px 0; }
.tier-legend .tier-grid{ margin-top:20px; }
.tier-legend .muted{ margin:18px 0 0; font-size:14.5px; color:var(--dim); }
@media (max-width:1180px){ .tier-legend{ padding:8px 22px 0; } }
@media (max-width:700px){ .tier-legend{ padding:6px 16px 0; } }


/* 15. 拍卖页左侧：一句描述 + 整齐的属性表（标签在上、数值在下、等宽数字）*/
.a-art-card .a-desc{ margin:16px 0 0; color:var(--grey); font-size:15px; }
.a-facts{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:16px 0 0; }
.a-facts div{ background:#101013; border:1px solid var(--line); border-radius:12px; padding:12px 14px; min-width:0; }
.a-facts dt{ display:block; font:600 10.5px var(--sans); letter-spacing:.15em; color:var(--dim); }
.a-facts dd{ display:block; margin:7px 0 0; font:600 14.5px var(--mono); color:var(--grey);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.a-more{ margin-top:18px; }
@media (max-width:520px){ .a-facts{ grid-template-columns:1fr 1fr; gap:9px; }
  .a-facts div{ padding:10px 11px; } .a-facts dd{ font-size:13px; } }


/* ============ 16. 全局质感升级 + 滚动条一致性 ============ */
/* 页面背景层次（不再是一整块死黑）*/
body{
  background:
    radial-gradient(1100px 560px at 80% -8%, rgba(255,107,53,.10), transparent 62%),
    radial-gradient(900px 480px at 4% 26%, rgba(255,107,53,.045), transparent 66%),
    var(--void);
}
/* 卡片层次：内高光 + 落地阴影 */
.panel,.pay-card,.a-art-card,.bid-card,.stone-card,.addr-box,.steps article,.wallet-grid article,.tier-card{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035), 0 22px 44px -34px rgba(0,0,0,1);
}
/* 按钮质感 */
.btn{ padding:16px 28px; }
.btn-solid{ background:linear-gradient(180deg,#FF7E4D,#FF6B35);
  box-shadow:0 12px 26px -14px rgba(255,107,53,.85); border-color:transparent; }
.btn-solid:hover{ filter:brightness(1.06); transform:translateY(-1px); }
.btn-ghost:hover{ background:rgba(255,107,53,.07); }

/* 拍卖页：舞台 + 通栏属性条 */
.a-wrap{ grid-template-columns:minmax(0,1fr) minmax(0,430px); gap:40px; align-items:start; }
.a-art-card{ padding:20px; }
.a-stage{ position:relative; border-radius:16px; overflow:hidden;
  background:radial-gradient(62% 56% at 50% 42%, rgba(255,107,53,.14), transparent 72%), #0B0B0D;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05); }
.a-stage img{ display:block; width:100%; max-width:430px; margin:0 auto; image-rendering:pixelated; }
.a-art-card .a-desc{ text-align:center; margin:16px 0 2px; color:var(--grey); font-size:14.5px; }
.a-traits{ max-width:1500px; margin:0 auto; padding:0 40px 84px; }
.traits-head{ display:flex; justify-content:space-between; align-items:baseline; gap:20px; flex-wrap:wrap; }
.traits-head .eyebrow{ margin:0; }
.trait-strip{ display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:10px; margin:16px 0 0; }
.trait-strip div{ background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:12px 13px;
  min-width:0; box-shadow:inset 0 1px 0 rgba(255,255,255,.03); }
.trait-strip dt{ display:block; font:600 10px var(--sans); letter-spacing:.15em; color:var(--dim); }
.trait-strip dd{ display:block; margin:7px 0 0; font:700 14px/1.2 var(--mono); color:var(--ink);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* LIVE 呼吸点 */
.chip{ display:inline-flex; align-items:center; gap:8px; }
.live-dot{ width:7px; height:7px; border-radius:50%; background:#101010; box-shadow:0 0 0 3px rgba(16,16,16,.25);
  animation:pulse 1.6s ease-in-out infinite; }
@keyframes pulse{ 0%,100%{opacity:1; transform:scale(1)} 50%{opacity:.4; transform:scale(.72)} }

/* 滚动条：全站统一（含横滑条隐藏，避免"原始样式"外露）*/
.filters,.trait-strip,.wall-grid{ scrollbar-width:none; -ms-overflow-style:none; }
.filters::-webkit-scrollbar,.trait-strip::-webkit-scrollbar,.wall-grid::-webkit-scrollbar{ display:none; }
pre::-webkit-scrollbar,.feed ul::-webkit-scrollbar{ width:9px; height:9px; }

@media (max-width:1180px){
  .a-wrap{ grid-template-columns:1fr; gap:28px; }
  .a-stage img{ max-width:360px; }
  .a-traits{ padding:0 22px 64px; }
  .trait-strip{ grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:620px){
  .a-traits{ padding:0 16px 54px; }
  .trait-strip{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .trait-strip dd{ font-size:13px; }
}


/* ============ 17. 拍卖页：主流市场式布局 ============ */
.a-head{ max-width:1500px; margin:0 auto; padding:56px 40px 26px; display:flex; justify-content:space-between;
  align-items:flex-end; gap:40px; flex-wrap:wrap; }
.a-head h1{ font-size:clamp(40px,5.4vw,74px); letter-spacing:-.03em; }
.a-sub{ margin:12px 0 0; color:var(--dim); font-size:16.5px; }
.a-head-stats{ display:flex; gap:38px; }
.a-head-stats div{ display:flex; flex-direction:column; gap:6px; }
.a-head-stats b{ font:700 30px/1 var(--mono); color:var(--flare); }
.a-head-stats span{ font:600 10.5px var(--sans); letter-spacing:.16em; color:var(--dim); }

.a-main{ max-width:1500px; margin:0 auto; padding:8px 40px 40px; display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,420px); gap:38px; align-items:start; }
.a-art-col{ display:flex; flex-direction:column; gap:18px; }
.a-stage{ position:relative; border-radius:18px; padding:16px;
  background:radial-gradient(62% 54% at 50% 40%, rgba(255,107,53,.15), transparent 72%), #0B0B0D;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05), 0 30px 60px -40px #000; }
.a-stage-top{ display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }
.a-stage img{ display:block; width:100%; max-width:520px; margin:0 auto; image-rendering:pixelated; }
.a-stage .a-desc{ text-align:center; margin:14px 0 0; color:var(--grey); font-size:14px; }
.trait-strip{ grid-template-columns:repeat(8,minmax(0,1fr)); margin:0; }

.bid-card{ position:sticky; top:92px; padding:22px; }
.bc-head{ display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; }
.bc-timer{ border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:16px 0; }
.bc-timer-row{ display:flex; justify-content:space-between; align-items:baseline; gap:14px; }
.bc-timer-row b{ font:700 40px/1 var(--mono); color:var(--ink); letter-spacing:-.03em; }
.bid-card.is-hot .bc-timer-row b{ color:var(--flare); }
.bc-bar{ height:4px; border-radius:99px; background:#1B1B20; margin-top:12px; overflow:hidden; }
.bc-bar i{ display:block; height:100%; width:100%; background:linear-gradient(90deg,#FF6B35,#FF9A6B);
  border-radius:99px; transition:width .25s linear; }
.bc-price{ padding:20px 0 6px; display:flex; flex-direction:column; gap:8px; }
.bc-price b{ font:700 46px/1 var(--mono); color:var(--flare); letter-spacing:-.03em; }
.bc-bids{ font-size:13px; color:var(--dim); }
.bc-bids em{ font-style:normal; font-family:var(--mono); color:var(--grey); }
.bc-rules{ list-style:none; margin:18px 0 0; padding:16px 0 0; border-top:1px solid var(--line);
  display:grid; gap:9px; font-size:13.5px; color:var(--dim); }
.bc-rules b{ color:var(--ink); font-family:var(--mono); }
.bc-fee{ margin:14px 0 0; font-size:12.5px; color:var(--dim); }
.bc-fee b{ color:var(--green); font-family:var(--mono); }

.a-bottom{ max-width:1500px; margin:0 auto; padding:0 40px 90px; display:grid;
  grid-template-columns:1fr 1fr; gap:18px; }
.a-panel{ background:var(--panel); border:1px solid var(--line); border-radius:var(--rad-lg); padding:20px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03); }
.a-panel h3{ font-size:15px; letter-spacing:.02em; margin-bottom:14px; }
.a-list{ list-style:none; display:grid; gap:9px; max-height:270px; overflow:auto; }
.a-list li{ display:flex; gap:12px; align-items:baseline; font:600 12.5px var(--mono); color:var(--grey);
  border-bottom:1px dashed var(--line); padding-bottom:8px; }
.a-list li i{ font-style:normal; color:var(--dim); flex:none; }
.a-list li b{ margin-left:auto; color:var(--ink); }

@media (max-width:1180px){
  .a-head{ padding:40px 22px 20px; }
  .a-main{ grid-template-columns:1fr; gap:26px; padding:8px 22px 30px; }
  .bid-card{ position:static; }
  .a-bottom{ grid-template-columns:1fr; padding:0 22px 64px; }
  .trait-strip{ grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:640px){
  .a-head{ padding:32px 16px 16px; }
  .a-head-stats{ gap:24px; }
  .a-main{ padding:6px 16px 24px; }
  .a-bottom{ padding:0 16px 54px; }
  .trait-strip{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .bc-price b{ font-size:38px; }
  .bc-timer-row b{ font-size:32px; }
}


/* ============ 18. 拍卖页：图与属性同水平带、整体尺寸收敛 ============ */
.a-main{ grid-template-columns:minmax(0,1fr) minmax(0,420px); gap:30px; align-items:stretch; }
.a-art-card{ padding:18px; display:flex; flex-direction:column; }
.a-art-row{ display:grid; grid-template-columns:minmax(0,368px) minmax(0,1fr); gap:22px; align-items:start; }
.a-stage{ padding:12px; }
.a-stage img{ max-width:344px; margin:0 auto; }
.a-desc{ text-align:left; margin:16px 2px 0; color:var(--grey); font-size:14px; }
.trait-list{ display:grid; grid-template-columns:1fr 1fr; gap:9px; margin:0; }
.trait-list div{ background:#101013; border:1px solid var(--line); border-radius:11px; padding:10px 12px; min-width:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03); }
.trait-list dt{ display:block; font:600 9.5px var(--sans); letter-spacing:.14em; color:var(--dim); }
.trait-list dd{ display:block; margin:6px 0 0; font:700 13px/1.2 var(--mono); color:var(--ink);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bid-card{ height:100%; }
/* 属性条那一层已并入左卡，若还留着就隐藏 */
.a-traits{ display:none; }

@media (max-width:1180px){
  .a-art-row{ grid-template-columns:minmax(0,1fr); }
  .a-stage img{ max-width:300px; }
  .trait-list{ grid-template-columns:1fr 1fr; }
}
@media (max-width:640px){
  .a-stage img{ max-width:240px; }
  .trait-list dt{ font-size:9px; } .trait-list dd{ font-size:12px; }
}


/* ============ 19. 报价卡收紧：与左栏高度接近，整页成一水平带 ============ */
.a-main{ align-items:start; }
.bid-card{ height:auto; padding:20px; }
.bc-head{ margin-bottom:14px; }
.bc-timer{ padding:12px 0; }
.bc-timer-row b{ font-size:34px; }
.bc-bar{ margin-top:9px; }
.bc-price{ padding:14px 0 2px; gap:6px; }
.bc-price b{ font-size:38px; }
.a-form{ margin-top:14px; gap:8px; }
.a-form input{ padding:12px 13px; }
.a-form .btn{ padding:15px 24px; }
.bc-rules{ margin-top:14px; padding-top:12px; display:flex; flex-wrap:wrap; gap:6px 16px; font-size:13px; }
.bc-rules li{ display:inline; }
.bc-fee{ margin-top:10px; font-size:12px; }
@media (max-width:640px){ .bc-price b{ font-size:32px; } .bc-timer-row b{ font-size:28px; } }


/* 20. 左栏补齐：上链负载预览（同时让左栏与报价卡等高）*/
.a-payload{ display:flex; gap:14px; align-items:center; margin-top:16px; padding-top:16px; border-top:1px solid var(--line); }
.a-payload img{ width:84px; height:84px; flex:none; border-radius:10px; background:var(--void);
  image-rendering:pixelated; box-shadow:inset 0 0 0 1px rgba(255,255,255,.06); }
.a-payload span{ display:block; font:600 9.5px var(--sans); letter-spacing:.15em; color:var(--dim); }
.a-payload b{ display:block; margin:6px 0 4px; font:700 13px var(--mono); color:var(--green); }
.a-payload em{ display:block; font-style:normal; font-size:12px; color:var(--dim); line-height:1.45; }

.bc-min{ display:block; margin-top:8px; font:600 11.5px var(--mono); color:var(--green); }
.bc-min b{ color:var(--green); }
.bc-min em{ font-style:normal; color:var(--dim); font-size:11px; }

.bc-queue{ margin:12px 0 0; font:600 11.5px var(--mono); color:var(--dim); }
.bc-queue b{ color:var(--grey); }
.bc-queue em{ font-style:normal; color:var(--dim); }


/* 21. 我的竞得（/wins）*/
.w-lookup{ max-width:1500px; margin:0 auto; padding:0 40px 8px; }
.w-lookup label{ display:block; font:600 10.5px var(--sans); letter-spacing:.15em; color:var(--dim); margin-bottom:8px; }
.w-row{ display:flex; gap:10px; flex-wrap:wrap; }
.w-row input{ flex:1; min-width:260px; background:#0B0B0D; border:1px solid var(--line); color:var(--ink);
  border-radius:10px; padding:12px 14px; font:600 14px var(--mono); }
.w-hint{ margin:10px 0 0; font-size:13px; color:var(--dim); }
.w-list{ max-width:1500px; margin:0 auto; padding:22px 40px 30px; display:grid; gap:16px; }
.w-empty{ color:var(--dim); font-size:15.5px; }
.w-card{ display:grid; grid-template-columns:180px minmax(0,1fr); gap:22px; background:var(--panel);
  border:1px solid var(--line); border-radius:var(--rad-lg); padding:18px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035); }
.w-card > img{ width:180px; height:180px; border-radius:12px; image-rendering:pixelated; background:var(--void); }
.w-top{ display:flex; justify-content:space-between; align-items:baseline; gap:14px; flex-wrap:wrap; }
.w-top b{ font:700 20px/1 var(--mono); color:var(--ink); }
.w-clock{ font:600 12.5px var(--mono); color:var(--flare); }
.w-clock.is-out{ color:#FF6B6B; }
.w-due{ margin:12px 0 14px; font:600 12px var(--sans); letter-spacing:.14em; color:var(--dim); }
.w-due b{ display:block; margin-top:6px; font:700 26px/1 var(--mono); color:var(--flare); letter-spacing:-.02em; }
.w-owner{ margin-top:16px; padding-top:14px; border-top:1px solid var(--line); }
.w-owner label{ display:block; font:600 10.5px var(--sans); letter-spacing:.15em; color:var(--dim); margin-bottom:8px; }
.w-owner input{ flex:1; min-width:240px; background:#0B0B0D; border:1px solid var(--line); color:var(--ink);
  border-radius:10px; padding:11px 13px; font:600 13px var(--mono); }
.w-note{ margin:9px 0 0; font-size:12.5px; color:var(--dim); }
.w-steps{ margin:16px 0 0 18px; color:var(--dim); font-size:14px; }
.w-steps li{ margin-bottom:6px; }
.w-steps b{ color:var(--ink); font-family:var(--mono); }
@media (max-width:900px){ .w-card{ grid-template-columns:1fr; }
  .w-card > img{ width:150px; height:150px; } }
@media (max-width:700px){ .w-lookup,.w-list{ padding-left:16px; padding-right:16px; }
  .w-card{ padding:14px; } .w-due b{ font-size:22px; } }


/* ============ 22. 拍卖页两栏等高（按构造对齐，不靠凑数值）============ */
.a-main{ align-items:stretch; }               /* 两栏互相撑满 */
.a-art-col,.a-bid-col{ display:flex; flex-direction:column; }
.a-art-card{ height:100%; display:flex; flex-direction:column; }
.a-art-card .a-payload{ margin-top:auto; }    /* 上链负载块压到底部，把左卡撑满 */
.bid-card{ height:100%; }
/* 等高之后 sticky 已无意义，去掉避免视觉错位 */
@media (min-width:1181px){ .bid-card{ position:static; } }
@media (max-width:1180px){
  .a-art-card,.bid-card{ height:auto; }
  .a-bid-col{ order:-1; }        /* 单栏时：出价卡在前，23 秒的拍卖不该先滚过大图 */
}


/* ============ 23. 拍卖页左卡放大（图 + 属性），把 123px 空高用掉 ============ */
@media (min-width:1281px){
  .a-art-row{ grid-template-columns:minmax(0,432px) minmax(0,1fr); }
  .a-stage{ padding:14px; }
  .a-stage img{ max-width:404px; }
  .a-desc{ font-size:15px; max-width:56ch; }
  .trait-list{ gap:11px; }
  .trait-list div{ padding:13px 15px; }
  .trait-list dt{ font-size:10.5px; }
  .trait-list dd{ font-size:15px; }
  .a-payload img{ width:92px; height:92px; }
  .a-payload b{ font-size:14px; }
  .a-payload em{ font-size:12.5px; }
}
@media (max-width:1280px) and (min-width:1181px){
  .a-art-row{ grid-template-columns:minmax(0,390px) minmax(0,1fr); }
  .a-stage img{ max-width:362px; }
  .trait-list div{ padding:12px 14px; }
  .trait-list dd{ font-size:14px; }
}


/* ============ 24. Roadmap 段 + 页脚社交 ============ */
.roadmap{ max-width:1500px; margin:0 auto; padding:0 40px 84px; }
.roadmap .sec-head{ margin-bottom:34px; }
.rm-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.rm-card{ background:var(--panel); border:1px solid var(--line); border-radius:var(--rad-lg); padding:28px;
  display:flex; flex-direction:column; transition:border-color .18s ease, transform .18s ease; }
.rm-card:hover{ border-color:rgba(255,107,53,.45); transform:translateY(-2px); }
.rm-card.is-live{ border-color:rgba(74,222,128,.34); }
.rm-state{ display:inline-flex; align-items:center; gap:8px; font:600 10.5px var(--sans); letter-spacing:.16em;
  color:var(--dim); margin-bottom:14px; }
.rm-card.is-live .rm-state{ color:var(--green); }
.rm-card h3{ font-size:23px; letter-spacing:-.02em; margin:0 0 12px; color:var(--ink); }
.rm-card p{ margin:0; color:var(--grey); font-size:15px; line-height:1.6; }
.rm-card p b{ color:var(--ink); }
.rm-follow{ margin:26px 0 0; font-size:15px; color:var(--grey); }
.foot-social{ margin:16px 0 0; }
.foot-social a{ display:inline-flex; align-items:center; gap:9px; color:var(--grey); font:600 13px var(--sans);
  border:1px solid var(--line); border-radius:999px; padding:9px 16px; transition:border-color .18s ease, color .18s ease; }
.foot-social a:hover{ border-color:rgba(255,107,53,.5); color:var(--ink); }
@media (max-width:1000px){ .rm-grid{ grid-template-columns:1fr; } .roadmap{ padding-left:16px; padding-right:16px; } }


/* ============ 25. 拍卖页左卡：属性下方的"NEXT 交易市场"预告 ============ */
.a-facts{ display:flex; flex-direction:column; gap:14px; min-width:0; }
.rm-teaser{ margin-top:auto; background:linear-gradient(180deg, rgba(255,107,53,.07), rgba(255,107,53,.02));
  border:1px solid rgba(255,107,53,.30); border-radius:14px; padding:12px 14px; }
.rm-teaser .rm-state{ margin-bottom:6px; font-size:10px; color:var(--flare); }
.rm-teaser b{ display:block; font:700 14.5px/1.25 var(--sans); color:var(--ink); letter-spacing:-.01em; }
.rm-teaser p{ margin:6px 0 0; color:var(--grey); font-size:12.5px; line-height:1.42; }
.rm-teaser-links{ margin-top:4px !important; font-size:12px; line-height:1.35; }
@media (max-width:1280px){ .rm-x{ display:none; } }   /* 小屏收短一句，保证正好落在图片范围内 */
@media (max-width:1180px){ .rm-teaser{ margin-top:4px; } }


/* ============ 26. 手机端全局（大项目标准）· 桌面端不受影响 ============ */
pre, code, .code{ max-width:100%; }
pre{ overflow-x:auto; -webkit-overflow-scrolling:touch; }

@media (max-width:900px){
  .hero,.stats,.auction,.gallery,.how,.verify,.wallets,.roadmap,.faq,.wall-wrap,.tier-legend,
  .prose,.a-head,.a-main,.a-bottom,.w-lookup,.w-list,.pay-wrap{ padding-left:18px !important; padding-right:18px !important; }
  .hero h1,.prose h1{ font-size:34px; line-height:1.12; letter-spacing:-.03em; }
  .prose h2,.sec-head h2,.gallery-head h2{ font-size:26px; line-height:1.2; }
  .prose p,.prose li,.lead{ font-size:16px; line-height:1.64; }
  .eyebrow,.mono-dim,.stats span,.q,.rm-state,.foot-meta{ font-size:11px !important; letter-spacing:.12em; }
  .muted{ font-size:14.5px; }
  .stats{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px 18px !important; }
  .stats b{ font-size:26px !important; }
  input,select,textarea{ font-size:16px !important; min-height:46px; }
  .btn{ min-height:46px; padding:13px 18px; font-size:15px; }
  .btn-sm{ min-height:42px; }
  .cta-row{ display:grid !important; gap:10px !important; }
  .cta-row .btn{ width:100%; }
  .filters{ flex-wrap:wrap !important; gap:8px; }
  .filter{ flex:0 0 auto; min-height:44px; padding:11px 15px; font-size:14px; }
  .jump{ flex:1 1 100%; order:9; }
  .wall-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; }
  .wall-card b{ font-size:13.5px !important; }
  .wall-card .wall-meta span, .wall-card .wall-meta em{ font-size:11.5px !important; line-height:1.35; }
  #more{ width:100%; }
  .a-stage img{ max-width:100% !important; }
  .a-art-row{ gap:16px !important; }
  .a-head{ flex-direction:column; gap:18px; }
  .a-head-stats{ width:100%; justify-content:space-between; }
  .w-card{ grid-template-columns:1fr !important; }
  .w-row{ display:grid !important; grid-template-columns:1fr !important; }
  .w-row .btn, .w-row input{ width:100%; }
  .foot-inner{ flex-direction:column; align-items:flex-start; gap:18px; }
  .foot-social a{ width:100%; justify-content:center; }
  .m-bid-bar{ position:fixed; left:0; right:0; bottom:0; z-index:60; display:flex; align-items:center; gap:12px;
    padding:12px 16px calc(12px + env(safe-area-inset-bottom)); background:rgba(14,14,14,.97);
    border-top:1px solid rgba(255,107,53,.38); backdrop-filter:blur(10px); }
  .m-bid-bar .m-bid-num{ font:700 19px var(--mono); color:var(--flare); }
  .m-bid-bar .m-bid-sub{ flex:1; font:600 10.5px var(--sans); letter-spacing:.14em; color:var(--dim); text-transform:uppercase; }
  .m-bid-bar .btn{ min-height:44px; padding:11px 18px; }
  body.has-bid-bar{ padding-bottom:82px; }
}
@media (max-width:560px){
  .hero h1,.prose h1{ font-size:30px; }
  .trait-list dd{ font-size:14px; }
  .trait-list div{ padding:11px 12px; }
}


/* 27. 收尾：行内长代码串换行 + 网格项可收缩 + 全墙文字再放大一档 */
code{ overflow-wrap:anywhere; word-break:break-word; }
.prose article, .qa > *, .qa article{ min-width:0; max-width:100%; }
@media (max-width:900px){
  .prose{ overflow-x:clip; }
  .wall-card b{ font-size:14px !important; }
  .wall-card .wall-meta span, .wall-card .wall-meta em, .wall-note{ font-size:12px !important; }
  .tier-grid *, .tier-card *, .tier-legend *{ font-size:12px !important; }
  .tier-card b, .tier-card h3{ font-size:15px !important; }
  .foot-meta{ line-height:1.9; }
}


/* 28. 全墙砖块文字（手机上 8.5px 的等级标签看不清）*/
@media (max-width:900px){
  .wall-card .wall-meta{ font-size:12px !important; }
  .wall-card .wall-meta b{ font-size:14.5px !important; letter-spacing:.01em; }
  .wall-card .wall-meta i{ font-size:11.5px !important; letter-spacing:.10em; font-style:normal; }
}


/* ============ 29. 修正手机端致命问题（2026-10-14 复检） ============ */
/* A. 拍卖页在手机上必须塌成单列 —— 否则报价卡被挤成 42px 宽、表单不可用 */
@media (max-width:1180px){
  .a-main{ grid-template-columns:minmax(0,1fr) !important; }
  .a-art-col, .a-bid-col{ width:100%; }
  .bid-card{ position:static !important; height:auto !important; }
  .a-art-card{ height:auto !important; }
}
/* B. 汉堡菜单打开时，要盖在底部出价条之上 */
@media (max-width:900px){
  .nav{ z-index:70; }
  .nav-links a{ min-height:44px; display:flex; align-items:center; }
}


/* 30. 手机端收尾：汉堡按钮 44px + 输入框给底部出价条留滚动余量 */
@media (max-width:900px){
  .nav-burger{ min-width:44px; min-height:44px; align-items:center; justify-content:center; }
  #bid-amount, #bid-address, #p-own, #w-own, input, .jump{ scroll-margin-bottom:104px; scroll-margin-top:86px; }
}


/* ============ 31. 汉堡菜单提前到 1024（平板端原导航被裁切） ============ */
@media (max-width:1024px){
  .nav-inner{ padding:10px 14px; gap:12px; }
  .nav-burger{ display:inline-flex; min-width:44px; min-height:44px; align-items:center; justify-content:center; }
  .nav-links{
    display:none; position:absolute; left:0; right:0; top:100%;
    flex-direction:column; gap:0; margin:0; padding:6px 14px 14px;
    background:#0E0E0E; border-bottom:1px solid var(--line); z-index:30; overflow:visible;
  }
  .nav-links.is-open{ display:flex; }
  .nav-links a{ padding:15px 2px; border-bottom:1px solid #1A1A1E; font-size:15px;
    min-height:44px; display:flex; align-items:center; }
  .nav-links a:last-child{ border-bottom:none; }
  .nav-inner > .btn{ display:none; }
  .nav{ z-index:70; }
}


/* 32. 首页 hero 手机端保底：描述列必须占满 */
@media (max-width:1180px){
  .hero{ grid-template-columns:minmax(0,1fr) !important; }
  .hero-copy{ width:100%; min-width:0; }
}


/* ============ 33. 手机端正文节奏统一：只留 4 档（标签 11 / 次要 14 / 正文 16 / 导语 16.5）============ */
@media (max-width:900px){
  main p:not([class]), main li:not([class]), main dd:not([class]),
  .faq-grid p, .steps article p, .wallet-grid article p, .rm-card p, .proof-main p,
  .auc-panel p, .stone-card p, .a-desc, .a-bidhistory li, .w-steps li, .w-body p{
    font-size:16px; line-height:1.62;
  }
  main p.lead, main .lead, .sec-lead, .wallets-lead, .gallery-head p{ font-size:16.5px; line-height:1.58; }
  main p.muted, main .muted, main p.trust, main .trust, .rm-follow, .w-note, .wall-note{ font-size:14px; line-height:1.55; }
  main p + p, .faq-grid p + p, .a-desc + p{ margin-top:13px; }
}


/* ============ 34. 链上凭证组件（verify 页 / 石头详情页）============ */
.oc-lookup{ margin:26px 0 8px; }
.oc-lookup label{ display:block; font:600 10.5px var(--sans); letter-spacing:.15em; color:var(--dim); margin-bottom:10px; }
.oc-row{ display:flex; gap:10px; flex-wrap:wrap; }
.oc-row input{ flex:1 1 260px; background:#0B0B0D; border:1px solid var(--line); color:var(--ink);
  border-radius:10px; padding:12px 14px; font:600 14px var(--mono); }
.oc-hint{ margin:12px 0 0; font-size:13.5px; color:var(--dim); line-height:1.55; }
.oc-result{ margin:22px 0 8px; }
.oc-card{ margin:22px 0 0; }
.oc-k{ font:600 10.5px var(--sans); letter-spacing:.15em; color:var(--green); margin:0 0 12px; }
.oc-line{ margin:0; font-size:15px; color:var(--grey); line-height:1.6; }
.oc-grid{ display:grid; grid-template-columns:150px minmax(0,1fr); gap:20px; align-items:start;
  background:var(--panel); border:1px solid var(--line); border-radius:var(--rad-lg); padding:18px; }
.oc-img img{ width:150px; height:150px; border-radius:10px; image-rendering:pixelated; background:var(--void); display:block; }
.oc-img span{ display:block; margin-top:8px; font-size:11.5px; color:var(--dim); line-height:1.4; }
.oc-facts{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 18px; margin:0; }
.oc-facts dt{ font:600 9.5px var(--sans); letter-spacing:.14em; color:var(--dim); }
.oc-facts dd{ margin:5px 0 0; font:600 13px var(--mono); color:var(--ink); word-break:break-all; }
.oc-tx, .oc-sha, .oc-owner{ font-size:11.5px !important; color:var(--grey) !important; }
.oc-verdict{ margin:16px 0 0; font-size:14.5px; line-height:1.55; }
.oc-verdict.is-ok{ color:var(--green); }
.oc-verdict.is-warn{ color:#FF6B6B; }
.oc-links{ margin:14px 0 0; font-size:14px; }
#oc-cmd{ margin-top:12px; }
@media (max-width:900px){
  .oc-grid{ grid-template-columns:1fr; }
  .oc-facts{ grid-template-columns:1fr; }
  .oc-img img{ width:120px; height:120px; }
  .oc-row input{ flex:1 1 100%; }
}