/* ============================================================
   CRC-30 · 样式表
   设计约束（与参考实现一致）：
   · 纯中性灰阶，R=G=B，零彩色
   · 三段背景 #020202 → #080808 → #111111
   · 发丝线 rgba(255,255,255,.06/.12/.26/.42)
   · 直角，border-radius 一律 0
   · 标签 = 全大写 + 宽字距
   ============================================================ */

@font-face{font-family:'Titillium Web';font-style:normal;font-weight:400;font-display:swap;
  src:url(https://cdn.jsdelivr.net/fontsource/fonts/titillium-web@latest/latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Titillium Web';font-style:normal;font-weight:600;font-display:swap;
  src:url(https://cdn.jsdelivr.net/fontsource/fonts/titillium-web@latest/latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;
  src:url(https://cdn.jsdelivr.net/fontsource/fonts/jetbrains-mono@latest/latin-400-normal.woff2) format('woff2')}

:root{
  --font:'Titillium Web',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --gutter:28px;

  /* 三段背景 */
  --bg-0:#020202; --bg-1:#080808; --bg-2:#111111;

  /* 墨色 8 级 */
  --ink:#f2f2f2; --ink-1:#e6e6e6; --ink-2:#c2c2c2; --ink-3:#8e8e8e;
  --ink-4:#6e6e6e; --ink-5:#4a4a4a; --ink-6:#2e2e2e;
  --ink-display:#ffffff; --ink-hi:#ffffff;
  --ink-mono:#d8d8d8; --ink-mono-dim:#6e6e6e;
  --ink-italic:#a0a0a0;

  /* 发丝线四档 */
  --line-soft:rgba(255,255,255,.06);
  --line:rgba(255,255,255,.12);
  --line-strong:rgba(255,255,255,.26);
  --line-faint:rgba(255,255,255,.09);

  /* 半透明表面 */
  --surface:rgba(255,255,255,.014);
  --surface-2:rgba(255,255,255,.035);
  --surface-3:rgba(255,255,255,.07);
  --sheet:#0c0c0c;
  --sel-bg:rgba(255,255,255,.085);
  --sel-line:rgba(255,255,255,.4);

  /* 实心块（唯一的"亮"，用于选中态与主按钮） */
  --solid-bg:#ededed; --solid-ink:#0a0a0a;
  --solid-hover:#ffffff; --solid-active:#dcdcdc;

  /* 关键操作的框色：未动过是提醒色，点过就变完成色 */
  --key-red:#ef5350; --key-green:#26a69a; --key-green-ink:#04130f;
  --key-line:rgba(255,255,255,.46); --key-bg:rgba(255,255,255,.05); --key-h:56px;

  --tick-off:rgba(255,255,255,.14); --tick-on:#f2f2f2;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg-1); color:var(--ink-1);
  font:400 16px/1.6 var(--font);
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}
/* 固定视差的三段背景，不是纯黑平铺 */
body::before{
  content:''; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(120% 70% at 50% -10%, #1a1a1a 0%, transparent 62%),
    linear-gradient(180deg, var(--bg-0) 0%, var(--bg-1) 38%, var(--bg-1) 62%, var(--bg-2) 100%);
}
a{color:inherit}
::selection{background:#ededed;color:#0a0a0a}

.wrap{max-width:1220px;margin:0 auto;padding:0 var(--gutter)}

/* ---------- 标签 ---------- */
.label{font-size:11px;text-transform:uppercase;letter-spacing:.17em;color:var(--ink-3);line-height:1.5}
.step-n{font-family:var(--mono);font-size:11px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.mono{font-family:var(--mono);font-size:.95em;letter-spacing:.015em;color:var(--ink-mono);overflow-wrap:anywhere}
.dim{color:var(--ink-mono-dim)}
/* 单位 u 是小写的，别被 .label 的全大写变成 U */
.is-unit{text-transform:none}
.note{font-size:13px;color:var(--ink-italic);line-height:1.5}
.spacer{flex:1 1 auto}

/* ---------- 页头 ---------- */
header{border-bottom:1px solid var(--line-soft);position:sticky;top:0;z-index:10;
  background:rgba(8,8,8,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.bar{display:flex;align-items:center;gap:18px;height:72px}
.brand{display:flex;align-items:center;gap:11px;margin-right:auto;border:0;color:inherit}
/* 项目标记：内联 SVG 的月相，不依赖任何图片文件 */
.mark{width:24px;height:24px;display:block;flex:0 0 auto}
.brand b{font-size:17px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--ink)}
.nav{display:flex;gap:20px;margin-right:auto;margin-left:6px}
.nav a{font-size:11px;text-transform:uppercase;letter-spacing:.17em;color:var(--ink-3);
  border-bottom:1px solid transparent;padding:3px 0;text-decoration:none}
.nav a:hover{color:var(--ink);border-bottom-color:var(--line-soft)}
.nav a[aria-current]{color:var(--ink);border-bottom-color:var(--ink)}
.lang{display:flex;gap:9px;font-size:14px}
.lang button{padding:2px 0;background:none;border:0;color:var(--ink-3);cursor:pointer;font:inherit;letter-spacing:.04em}
.lang button:hover{color:var(--ink)}
.lang button[aria-pressed=true]{color:var(--ink);border-bottom:1px solid var(--ink)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;
  border:1px solid var(--line);background:transparent;color:var(--ink);
  border-radius:0;padding:9px 18px;font:600 13px/1 var(--font);letter-spacing:.09em;
  text-transform:uppercase;white-space:nowrap;cursor:pointer;
  transition:background .14s,border-color .14s,color .14s}
.btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--ink)}
.btn-solid{background:var(--solid-bg);color:var(--solid-ink);border-color:var(--solid-bg)}
.btn-solid:hover:not(:disabled){background:var(--solid-hover);border-color:var(--solid-hover)}
.btn-solid:active:not(:disabled){background:var(--solid-active);border-color:var(--solid-active)}
.btn-solid:disabled{background:rgba(255,255,255,.10);border-color:transparent;color:var(--ink-4);cursor:not-allowed}
.btn:focus-visible,input:focus-visible,button:focus-visible{outline:1px solid rgba(255,255,255,.55);outline-offset:3px}

/* ---------- hero ---------- */
.hero{display:grid;grid-template-columns:1.06fr 1.1fr;gap:64px;
  padding:70px var(--gutter) 84px;align-items:start;max-width:1220px;margin:0 auto}
.eyebrow{margin-bottom:26px;display:flex;align-items:center;gap:10px}
.eyebrow::after{content:'';flex:1 1 auto;height:1px;background:var(--line-soft)}
.hero h1{font-size:clamp(32px,3.5vw,50px);font-weight:400;text-transform:uppercase;
  letter-spacing:.005em;line-height:1.14;margin:0 0 22px;color:var(--ink-display)}
.lede-hook{font-size:20px;line-height:1.35;font-weight:600;letter-spacing:.02em;color:var(--ink);margin:0 0 14px}
.lede{font-size:16px;line-height:1.6;color:var(--ink-2);max-width:46ch;margin:0}
.lede-2{margin-top:14px;color:var(--ink-3)}
.feats{display:grid;grid-template-columns:1fr 1fr;gap:26px 36px;margin-top:44px}
.feat{min-width:0}
.feat-n{font-size:19px;line-height:1;color:var(--ink-2);font-weight:400}
.feat-t{font-size:15px;font-weight:600;margin-top:10px;color:var(--ink)}
.feat-s{margin-top:2px;display:block}

/* ---------- 发行刻度盘 ---------- */
.hero-r{display:flex;flex-direction:column;align-items:stretch}
.orb-head{text-align:center}
.orb-head h2{font-size:12px;font-weight:400;letter-spacing:.2em;margin:0;text-transform:uppercase;color:var(--ink-3)}
.orb-sub{display:block;margin-top:3px;color:var(--ink-3)}
.orb{position:relative;width:100%;max-width:620px;aspect-ratio:1.3/1;margin:10px auto 0}
/* 底盘：极淡的径向底光，给刻度一个依附面（不是月亮的大气层） */
.orb::before{content:'';position:absolute;left:50%;top:50%;height:82%;aspect-ratio:1/1;
  transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(157,255,200,.05) 0%,transparent 62%)}
/* 刻度盘画布：方形容器内的圆形仪表，不做圆形裁剪 */
.orb-dial{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:76%;height:auto;aspect-ratio:1/1;display:block;touch-action:pan-y}
.orb-ring{position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);
  height:100%;aspect-ratio:1/1;color:var(--ink);pointer-events:none;overflow:visible}
.orb-tip{position:absolute;transform:translate(-50%,-160%);padding:4px 9px;white-space:nowrap;
  pointer-events:none;background:var(--sheet);border:1px solid var(--line-soft);color:var(--ink-2);
  font-family:var(--mono);font-size:11px;font-variant-numeric:tabular-nums;
  opacity:0;transition:opacity .2s;z-index:3}
.orb-tip.on{opacity:1}
.orb-end{position:absolute;top:50%;transform:translateY(-50%);color:var(--ink-2);
  white-space:nowrap;font-size:10px;letter-spacing:.2em;text-transform:uppercase}
.orb-end-l{left:0}.orb-end-r{right:0}
.orb-read{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:4px}
.read-a b{display:block;font-size:34px;font-weight:400;line-height:1.05;color:var(--ink-display);
  font-variant-numeric:tabular-nums}
.read-a .label{display:block}
.read-b{text-align:right}
.read-b b{display:block;font-size:34px;font-weight:400;line-height:1.05;color:var(--ink-display);
  font-variant-numeric:tabular-nums}
.bar-track-row{display:flex;align-items:center;gap:13px;margin-top:22px}
.bar-track{flex:1;height:9px;border:1px solid var(--line);position:relative;
  background:repeating-linear-gradient(90deg,transparent 0 23px,var(--line-soft) 23px 24px)}
.bar-track i{position:absolute;inset:0 auto 0 0;display:block;width:0;background:var(--ink);transition:width .5s}

/* ---------- 铸造卡（整页只有关键操作带框） ---------- */
.card{margin-top:28px}
.row{display:flex;align-items:baseline;gap:14px;padding:11px 16px;border-top:1px solid var(--line-soft)}
.row:first-child{border-top:0}
.step{display:flex;align-items:baseline;gap:10px;padding:10px 16px;border-top:1px solid var(--line-soft)}
.fld-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:32px}
.fld{min-width:0;position:relative}

/* 字段内部必须纵向排列。
   .fld 之前只有 min-width/position，没有任何布局声明，
   于是 label（.label 是 inline span）与 input 走同一条行内流 ——
   窄一点的容器里 label 就被挤到与输入框同一行并折断
   （"每次铸造上限"被拆成两行、"最小单位的整数"掉到下一行）。 */
.fld{display:grid;gap:7px;align-content:start}
.fld>.label{display:block;line-height:1.5}
/* label 里的辅助说明（如单位）跟在文字后面，不要被 label 的 display 影响 */
.fld>.label .unit{color:var(--ink-5);letter-spacing:normal;text-transform:none}

/* 01 铸造方式 */
.dd{position:relative}
.dd-btn{display:flex;align-items:center;gap:12px;width:100%;text-align:left;
  height:var(--key-h);padding:0 18px;border:1px solid var(--key-red);background:var(--key-bg);
  color:inherit;font:inherit;cursor:pointer;transition:border-color .14s,background .14s}
.dd-btn:hover,.dd-btn[aria-expanded=true]{background:var(--surface-3)}
.dd-btn.is-set,.dd-btn[aria-expanded=true]{border-color:var(--key-green)}
.dd-name{font-size:19px;font-weight:600;line-height:1.15;color:var(--ink);min-width:0}
.dd-caret{margin-left:auto;flex:0 0 auto;width:8px;height:8px;
  border-right:1px solid var(--ink-2);border-bottom:1px solid var(--ink-2);
  transform:translateY(-3px) rotate(45deg);transition:transform .16s}
.dd-btn[aria-expanded=true] .dd-caret{transform:translateY(2px) rotate(-135deg)}
.dd-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:5;margin:0;padding:0;list-style:none;
  background:var(--sheet);border:1px solid var(--line);box-shadow:0 18px 40px rgba(0,0,0,.55)}
.dd-menu[hidden]{display:none}
.dd-opt{display:flex;align-items:baseline;gap:12px;padding:12px 14px;cursor:pointer;
  border-top:1px solid var(--line-faint)}
.dd-opt:first-child{border-top:0}
.dd-opt:hover,.dd-opt:focus{background:var(--surface-3);outline:none}
.dd-opt[aria-selected=true]{background:var(--sel-bg);box-shadow:inset 3px 0 0 var(--ink-hi)}
.dd-opt .dd-name{font-size:17px}
.dd-opt .label{flex:0 0 auto}

/* 02 数量 */
.amount{display:flex;align-items:center;gap:10px 12px;flex-wrap:wrap}
.amt-box{display:flex;align-items:center;gap:12px;flex:1 1 220px;min-width:0;
  height:var(--key-h);padding:0 16px;border:1px solid var(--key-red);background:var(--key-bg);
  cursor:text;transition:border-color .14s}
.amt-box.is-set,.amt-box:focus-within{border-color:var(--key-green)}
.amt-box input{flex:1 1 auto;min-width:0;border:0;padding:0;font:400 20px/1.2 var(--mono);
  letter-spacing:.015em;background:none;color:var(--ink-mono);outline:none}
.amt-box .amt-unit{flex:0 0 auto}
.presets{display:flex;align-items:center;gap:7px}
.chip{white-space:nowrap;padding:7px 12px;border:1px solid var(--line-soft);background:var(--surface-2);
  color:var(--ink-2);font:400 13px/1.2 var(--font);cursor:pointer;transition:background .14s,border-color .14s,color .14s}
.chip:hover{background:var(--surface-3);border-color:var(--ink);color:var(--ink)}
.chip.on{border-color:var(--ink);color:var(--ink);background:var(--sel-bg)}
.presets .chip{border-color:transparent;background:var(--surface-2);padding:7px 12px;color:var(--ink-2)}
.presets .chip:hover{background:var(--surface-3);border-color:transparent;color:var(--ink)}
.how-btn{margin-left:auto;display:inline-flex;align-items:center;gap:6px;background:none;border:0;
  font:400 12px/1 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);
  cursor:pointer;white-space:nowrap;padding:0}
.how-btn::before{content:'?';display:inline-grid;place-items:center;width:16px;height:16px;
  border:1px solid currentColor;border-radius:50%;font-size:10px;letter-spacing:0}
.how-btn:hover{color:var(--ink)}

/* 03 计价 */
.pxd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:14px 32px;
  align-items:center;margin-top:38px}
.px-seg{display:inline-flex;min-width:0;border:1px solid var(--key-line)}
.px-seg .chip{flex:0 1 auto;border:0;border-right:1px solid var(--key-line);padding:9px 22px;
  font-size:15px;letter-spacing:.04em;color:var(--ink-2);background:none;white-space:normal;line-height:1.2}
.px-seg .chip:last-child{border-right:0}
.px-seg .chip:hover{background:var(--surface-3);color:var(--ink)}
.px-seg .chip.on{background:var(--solid-bg);color:var(--solid-ink);font-weight:600}
.pxd input[type=date]{font:400 15px/1 var(--mono);color:var(--ink-mono);padding:9px 12px;
  border:1px solid var(--line);background:var(--surface-2);color-scheme:dark;min-width:0;width:100%}
.pxd input[type=date]:focus{outline:none;border-color:var(--ink)}
.pxd .px-seg:not(.is-date) + input{background:var(--sel-bg);color:var(--ink-hi)}
.pxd-line{grid-column:1/-1;font-size:14px;color:var(--ink);font-family:var(--mono);letter-spacing:.01em;
  display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.pxd-line .capnote{color:var(--ink-3);font-family:var(--font);font-size:12.5px}

/* K 线 */
.kline-wrap{grid-column:1/-1;min-width:0;border:0;background:none;margin-top:4px}
.kline-legend{font-family:var(--mono);font-size:11.5px;color:var(--ink-2);padding:2px 0 8px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums;
  display:flex;gap:14px;flex-wrap:wrap;align-items:baseline}
.kline-legend .sw{display:inline-block;width:14px;height:0;border-top:1px solid var(--ink);vertical-align:middle;margin-right:5px}
.kline-legend .sw.dash{border-top-style:dashed;border-color:var(--ink-3)}
.kline{height:290px;cursor:crosshair}
/* 图例：日期 + OHLC。轻量图表自绘，字号与配色沿用全站 */
.kline-legend .kl-d{color:var(--ink-3);margin-right:10px}
.kline-legend .dim{color:var(--ink-4);margin-left:8px}
/* 库会往容器里塞自己的表格，去掉默认留白 */
.kline table{width:100% !important}
.kline #tv-attr-logo{display:none !important}
.kline-hint{grid-column:1/-1;font-size:12px;color:var(--ink-3);margin-top:-2px}

/* 付多少 → 得多少 */
.cost{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:32px;margin-top:44px}
.cost-a,.cost-b{min-width:0}
.cost-usd{font-size:44px;font-weight:600;line-height:1.05;margin-top:6px;color:var(--ink-hi);
  font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.cost-btc{font-family:var(--mono);font-size:14px;margin-top:6px;color:var(--ink-2);
  font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.cost-get{font-size:24px;font-weight:600;line-height:1.1;margin-top:6px;color:var(--ink-display);
  font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.cost-b .note{margin-top:5px}

/* 动作 */
.act{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:22px 0 0}
.act .btn-solid{order:1;flex:1 1 100%;height:60px;font-size:16px;letter-spacing:.16em}
.act .label{order:2;flex:1 1 100%;margin:10px 0 0;text-transform:none;letter-spacing:.02em;font-size:12.5px;line-height:1.55}
.act .act-own{order:3;flex:1 1 100%;margin:6px 0 0;font-size:12.5px;line-height:1.5;color:var(--ink-3)}
.act .label:empty{display:none}

/* 收据 */
.receipt{padding:14px 0 0;display:none}
.receipt.on{display:block}
.receipt .rc-head{font-size:14px;color:var(--ink-italic);line-height:1.55}
.slips{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}
.slip{border:1px solid var(--line-soft);padding:3px 9px;font-size:13px;color:var(--ink-2)}
.slip.part{border-color:var(--transparent);background:var(--sel-bg);color:var(--ink-hi);font-weight:600}
.slip.more{color:var(--ink-3)}
.rc-more{margin:8px 0 0;font-size:12.5px;color:var(--ink-3)}

/* 进度 */
.prog{margin-top:30px;padding:0;opacity:.88}
.prog-row{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.prog-row .label b{font-weight:400;color:var(--ink);text-transform:none;letter-spacing:.02em;
  font-variant-numeric:tabular-nums}
.prog-r{margin-left:auto}
.prog-note{margin:4px 0 0}
.prog-bar{position:relative;height:2px;margin:10px 0 8px;background:var(--line-soft);overflow:hidden}
.prog-bar i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--ink-hi);transition:width .6s ease}

/* ---------- MINT 窗口倒计时横幅 ----------
   mint 卡最顶部的通栏。未开始态这是全页最重要的信息 ——
   曾经它只是 .prog 里一行 11px 的 dim 小字，用户根本看不见，
   于是有了这块：42px 等宽数字 + 品牌色边线 + 呼吸点。
   天/时/分/秒各自是独立元素，秒位每秒真的在跳（tick 每 1000ms 一次）。
   三态由 paintClose() → paintCd() 驱动：before / open / 隐藏。 */
.cd{padding:18px 24px 16px;border-bottom:1px solid var(--line-soft)}
.cd.is-before{background:linear-gradient(90deg,var(--sel-bg),transparent 62%);
  box-shadow:inset 2px 0 0 var(--brand)}
.cd-hd{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.cd-pip{flex:0 0 auto;width:7px;height:7px;background:var(--ink-5);align-self:center}
/* 呼吸点：全站唯一一处脉冲动画，只给"还没开始"用 —— 最需要被提醒的状态 */
.cd.is-before .cd-pip{background:var(--brand);animation:cd-breathe 1.6s ease-in-out infinite}
@keyframes cd-breathe{0%,100%{opacity:1}50%{opacity:.2}}
.cd-t{font-size:12px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;
  color:var(--ink-2);line-height:1.5}
.cd.is-before .cd-t{color:var(--brand)}
.cd-at{margin-left:auto;font-size:11.5px;color:var(--ink-4);letter-spacing:.02em;
  font-variant-numeric:tabular-nums}
.cd-grid{display:flex;align-items:flex-end;gap:12px;margin-top:12px;flex-wrap:wrap}
.cd-seg{display:flex;flex-direction:column;align-items:center;min-width:56px}
.cd-seg b{font-weight:400;font-size:42px;line-height:1;color:var(--ink-display);
  font-variant-numeric:tabular-nums}
.cd-seg i{font-style:normal;margin-top:8px;font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-4);line-height:1}
/* 秒位用品牌色：跳动的那一段最抓眼 */
.cd-seg.is-sec b{color:var(--brand)}
.cd-x{font-family:var(--mono);font-size:22px;line-height:1;color:var(--ink-6);
  padding-bottom:20px;user-select:none}
.cd-bar{position:relative;height:2px;margin-top:16px;background:var(--line-soft);overflow:hidden}
.cd-bar i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--ink-hi);
  transition:width .6s ease}
@media(max-width:640px){
  .cd{padding:15px 18px 13px}
  .cd-grid{gap:9px;margin-top:10px}
  .cd-seg{min-width:46px}
  .cd-seg b{font-size:34px}
  .cd-x{font-size:18px;padding-bottom:16px}
}

/* ---------- 矿工费（只在支付栏，只对 BTC 生效） ---------- */
.fee{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:16px}
.fee[hidden]{display:none}
.fee-lab{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap}
.fee-unit{font-family:var(--mono);font-size:11px;color:var(--ink-2);direction:ltr;unicode-bidi:isolate}
.fee-seg{display:inline-flex;flex:0 1 auto;min-width:0;border:1px solid var(--line-soft)}
.fee-seg .chip{flex:0 0 auto;border:0;border-right:1px solid var(--line-soft);border-radius:0;
  padding:4px 8px;background:none;font-size:12px;line-height:1.3;display:inline-flex;
  align-items:baseline;gap:5px}
.fee-seg .chip:last-child{border-right:0}
.fee-seg .chip.on{background:var(--solid-bg);color:var(--solid-ink);font-weight:600}
.fee-seg .chip:disabled{cursor:default;opacity:.45}
.fee-v{font-family:var(--mono);font-size:11px;letter-spacing:.02em;color:inherit;opacity:.85;
  direction:ltr;unicode-bidi:isolate;white-space:nowrap}
.fee-seg .chip.on .fee-v{opacity:1}
.fee-cust{cursor:text}
.fee-cust input{width:4ch;padding:0;margin:0;border:0;border-bottom:1px solid currentColor;
  background:none;color:inherit;font:inherit;font-family:var(--mono);font-size:11px;
  text-align:center;outline:none}
.fee-info{font-size:11.5px;color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap}
.fee-info[hidden]{display:none}
.fee-note{flex:1 1 100%;margin:0;font-size:12px;color:var(--ink-2)}
.fee-note[hidden]{display:none}

/* ---------- Profile 里的盲地址对 ---------- */
.me-bal b{font-size:30px;font-weight:600;color:var(--ink-display);font-variant-numeric:tabular-nums}
.bd{border:1px solid var(--line-soft);padding:14px 16px;background:rgba(0,0,0,.25)}
.bd-row{display:grid;grid-template-columns:78px 1fr;gap:12px;align-items:baseline}
.bd-row+.bd-row{margin-top:10px}
.bd-arrow{margin:8px 0;color:var(--ink-5);font-size:13px;line-height:1}
.bound-addr{font-family:var(--mono);font-size:12px;color:var(--ink);overflow-wrap:anywhere;line-height:1.5}
.bound-addr.dim{color:var(--ink-4)}

/* ---------- Swap 提示条 ---------- */
.swap-note{margin-top:26px;padding:14px 0 0;border-top:1px solid var(--line-soft)}
.swap-note .label{display:block;margin-bottom:7px}
.swap-note p{margin:0;font-size:13.5px;line-height:1.6;color:var(--ink-3);max-width:74ch}

/* ---------- 协议层面板（Activity / Market / Wallet） ---------- */
.cov-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:44px;
  background:var(--line-soft);border:1px solid var(--line-soft)}
.cov-col{background:var(--surface);padding:22px 24px 24px;min-width:0}
.cov-n{font-size:32px;font-weight:600;line-height:1.1;color:var(--ink-display);
  margin:12px 0 14px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.cov-bar{display:flex;align-items:center;gap:13px;margin-top:1px;padding:16px 24px;
  border:1px solid var(--line-soft);border-top:0;background:var(--surface)}
.cov-bar .bar-track{flex:1;height:9px;border:1px solid var(--line);position:relative;
  background:repeating-linear-gradient(90deg,transparent 0 23px,var(--line-soft) 23px 24px)}
.cov-bar .bar-track i{position:absolute;inset:0 auto 0 0;display:block;width:0;
  background:var(--ink);transition:width .5s}
.cov-fine{margin:12px 0 0;font-size:12.5px;line-height:1.6;color:var(--ink-3);max-width:78ch}

/* ---------- FAQ ---------- */
.faq{margin-top:88px}
.faq-h .label{display:block;margin-bottom:14px}
.faq-list{margin-top:38px;display:grid;grid-template-columns:1fr 1fr;gap:1px;
  background:var(--line-soft);border:1px solid var(--line-soft)}
.faq-i{background:var(--surface);padding:20px 22px 22px;min-width:0}
.faq-i b{display:block;font-size:15px;font-weight:600;color:var(--ink);line-height:1.4;margin-bottom:9px}
.faq-i p{margin:0;font-size:13.5px;line-height:1.65;color:var(--ink-3)}

/* ---------- 协议说明区 ---------- */
.proto{margin-top:88px}
.proto-h{max-width:64ch}
.proto-h>.label{display:block;margin-bottom:14px}
.proto-t{font-size:clamp(24px,2.4vw,34px);font-weight:400;line-height:1.2;margin:0 0 18px;
  text-transform:none;letter-spacing:.005em;color:var(--ink-display)}
.proto-h .lede{max-width:62ch}
.proto-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;margin-top:44px;
  background:var(--line-soft);border:1px solid var(--line-soft)}
.proto-col{background:var(--surface);padding:22px 24px 24px;min-width:0}
.proto-n{font-family:var(--mono);font-size:44px;line-height:1;color:var(--ink-6);
  margin:14px 0 4px;letter-spacing:-.02em}
.proto-hd{font-size:16px;font-weight:600;color:var(--ink);line-height:1.35;margin-bottom:12px}
.proto-l{margin:0;padding:0;list-style:none}
.proto-l li{padding:13px 0;border-top:1px solid var(--line-faint)}
.proto-l li:first-child{border-top:0;padding-top:6px}
.proto-l b{display:block;font-size:14.5px;font-weight:600;color:var(--ink);line-height:1.35}
.proto-l span{display:block;font-size:13px;line-height:1.55;color:var(--ink-3);margin-top:3px}
.proto-note{margin-top:1px;padding:20px 24px;border:1px solid var(--line-soft);border-top:0;
  background:var(--surface)}
.proto-note .label{display:block;margin-bottom:8px}
.proto-note p{margin:0;font-size:14px;line-height:1.65;color:var(--ink-2);max-width:78ch}

/* ---------- 交易表 ---------- */
.tx{margin-top:72px}
.tx table{width:100%;border-collapse:collapse}
.tx th{text-align:left;font-weight:400;color:var(--ink-3);text-transform:uppercase;
  font-size:11px;letter-spacing:.17em;line-height:1.5;white-space:nowrap;padding:13px 0 10px 24px}
.tx td{font-size:14px;line-height:1.45;white-space:nowrap;font-variant-numeric:tabular-nums;
  padding:12px 0 12px 24px;border-top:1px solid var(--line-soft)}
.tx th:first-child,.tx td:first-child{padding-left:0}
.tx th:last-child,.tx td:last-child{padding-right:0}
.tx th.c-asset{width:9%}
.tx th.c-paid{width:15%}
.tx th.c-from{width:10%}
.tx th.c-to{width:10%}
.tx th.c-recv{width:18%}
.tx th.c-time{width:24%}
.tx th.c-tx{width:14%}
.tx .c-paid,.tx .c-from,.tx .c-to,.tx .c-recv,.tx .c-tx{text-align:right}
.tx td.c-time{color:var(--ink-3)}
.tx .tx-uc{margin-inline-start:8px}
.tx .empty{padding:26px 0;color:var(--ink-italic);font-size:14px;text-align:center}
.tx .tx-addr{font-family:var(--mono);font-size:12.5px;color:var(--ink-2);background:none;border:0;
  border-bottom:1px dotted var(--line);padding:0;cursor:pointer;text-align:end}
.tx .tx-addr:hover{color:var(--ink);border-bottom-color:var(--ink-3)}
.tx-addr-n{font-size:12px}
.tx-more{padding:12px 0 0;color:var(--ink-3);font-size:13px;text-align:center}
.tx-pager{display:flex;align-items:center;justify-content:center;gap:12px}
.tx-pager[hidden]{display:none}
.tx-pg{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;
  color:var(--ink-2);border:1px solid var(--line);background:transparent;cursor:pointer}
.tx-pg:hover:not([aria-disabled=true]){color:var(--ink);border-color:var(--ink)}
.tx-pg[aria-disabled=true]{opacity:.3;cursor:default}
.tx-pg-t{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---------- 页脚 ---------- */
footer{margin-top:96px;border-top:1px solid var(--line-soft);padding:34px 0 44px}
.foot{display:flex;gap:18px;flex-wrap:wrap;align-items:baseline}
.foot-links{display:flex;gap:20px;flex-wrap:wrap}
.foot .label:last-child{margin-left:auto}

/* ---------- 弹窗 ---------- */
.veil{position:fixed;inset:0;z-index:20;display:none;align-items:center;justify-content:center;padding:20px;
  background:rgba(2,2,2,.78);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.veil.on{display:flex}
.sheet{width:100%;max-width:560px;max-height:86vh;overflow:auto;background:var(--sheet);
  border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.7)}
.sheet-h{display:flex;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid var(--line-soft)}
.sheet-h h2{font-size:12px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);margin:0}
.sheet-x{margin-left:auto;background:none;border:0;color:var(--ink-3);cursor:pointer;font-size:20px;line-height:1;padding:0}
.sheet-x:hover{color:var(--ink)}
.sheet-b{padding:4px 0}
.how-steps{display:block;padding:14px 18px}
.how-steps>div{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;padding:12px 0;
  border-top:1px solid var(--line-faint)}
.how-steps>div:first-child{border-top:0}
.how-steps .step-n{grid-row:span 2;padding-top:3px}
.how-steps b{font-size:14.5px;font-weight:600;color:var(--ink)}
.how-steps p{margin:0;font-size:13.5px;line-height:1.55;color:var(--ink-3)}
.pick{display:block;width:100%;text-align:left;padding:14px 18px;font-size:15px;
  border:0;border-top:1px solid var(--line-soft);background:none;color:var(--ink);cursor:pointer;font-family:inherit}
.pick:first-child{border-top:0}
.pick:hover:not(:disabled){background:var(--surface-2)}
.pick span{margin-left:auto;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-italic)}
.pick-ok{justify-content:center;border-top:1px solid var(--line-soft);text-transform:uppercase;
  letter-spacing:.14em;font-size:13px;display:flex;align-items:center;gap:7px}
.pick-hint{margin:0;padding:12px 18px;border-top:1px solid var(--line-soft);font-size:12px;
  line-height:1.5;color:var(--ink-3)}
.pick-hint:empty{display:none}
.pick-url{padding:0 18px 14px;font-size:13px;line-height:1.6;color:var(--ink);
  user-select:all;-webkit-user-select:all;overflow-wrap:anywhere}

/* Profile */
.me-main>.label{display:block;margin-bottom:8px}
.me-addr{font-family:var(--mono);font-size:12.5px;color:var(--ink-2);overflow-wrap:anywhere}
.cl-box{border-top:1px solid var(--line-soft);padding:14px 18px}
.cl-row{display:flex;align-items:baseline;gap:14px;padding:8px 0}
.cl-row .val{margin-left:auto;text-align:right}
.cl-row input{font:400 15px/1 var(--mono);color:var(--ink-mono);padding:7px 10px;border:1px solid var(--line);
  background:var(--surface-2);color-scheme:dark;width:140px;text-align:right}
.enc{font-family:var(--mono);letter-spacing:.12em;color:var(--ink-3);cursor:help}

/* 自检条 */
.selftest{margin-top:18px;font-family:var(--mono);font-size:11.5px;letter-spacing:.02em}
.selftest .ok{color:var(--key-green)}
.selftest .err{color:var(--key-red)}

/* ---------- 响应式 ---------- */
@media (max-width:1040px){
  .hero{grid-template-columns:1fr;gap:46px}
  .hero-r{max-width:620px}
  .proto-grid{grid-template-columns:1fr 1fr}
  .proto-col:last-child{grid-column:1/-1}
  .cov-grid{grid-template-columns:1fr 1fr}
  .cov-col:last-child{grid-column:1/-1}
  .faq-list{grid-template-columns:1fr}
}
@media (max-width:700px){
  .cov-grid{grid-template-columns:1fr}
}
@media (max-width:860px){
  :root{--gutter:20px}
  .fld-row,.pxd,.cost{grid-template-columns:1fr;gap:20px}
  .pxd .px-seg{justify-self:start}
  .cost-usd{font-size:38px}
  .nav{display:none}
  .hero{padding:52px var(--gutter) 60px}
  .feats{grid-template-columns:1fr 1fr;gap:20px 24px;margin-top:34px}
  .proto-grid{grid-template-columns:1fr}
  .tx{overflow-x:auto}
  .tx table{min-width:660px}
}
@media (max-width:520px){
  .bar{height:62px;gap:12px}
  .brand b{font-size:15px;letter-spacing:.16em}
  .feats{grid-template-columns:1fr}
  .amt-box input{font-size:18px}
  .cost-usd{font-size:32px}
  .read-a b,.read-b b{font-size:28px}
}
@media (prefers-reduced-motion:reduce){
  *{transition-duration:.01ms !important;animation-duration:.01ms !important}
}

/* ============================================================
   发射台（launchpad）
   ============================================================ */
.lp-steps{position:relative;padding-top:22px}
.lp-rail{position:absolute;top:0;left:0;right:0;height:2px;background:var(--line-soft)}
.lp-rail i{display:block;height:100%;background:var(--ink-2);width:33.33%;transition:width .28s ease}

.lp-tabs{display:flex;gap:1px;background:var(--line-soft);margin:0 0 24px;border:1px solid var(--line-soft)}
.lp-tab{flex:1;display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--bg-1);
  border:0;color:var(--ink-4);font:400 14px/1 var(--font);cursor:pointer;transition:background .12s,color .12s}
.lp-tab:hover{background:var(--surface-2);color:var(--ink-2)}
.lp-tab.is-on{background:var(--surface-3);color:var(--ink)}
.lp-tab-n{font:600 11px/1 var(--mono);color:var(--ink-5);letter-spacing:.08em}
.lp-tab.is-on .lp-tab-n{color:var(--ink-2)}

.lp-pane{display:none}
.lp-pane.is-on{display:block;animation:lpIn .2s ease}
@keyframes lpIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

/* 预览区：显示将上链的原文 */
.lp-preview{margin:22px 0 0;border:1px solid var(--line);background:var(--surface);padding:18px}
.lp-kv{margin:0 0 18px}
.lp-kv:last-child{margin-bottom:0}
.lp-kv>.label{display:block;margin:0 0 9px;color:var(--ink-4);letter-spacing:.14em}
.lp-code{display:block;padding:12px 14px;background:var(--bg-0);border:1px solid var(--line-soft);
  font:400 12.5px/1.65 var(--mono);color:var(--ink-1);word-break:break-all;white-space:pre-wrap}
.lp-p{margin:0 0 10px;font:400 14px/1.7 var(--font);color:var(--ink-2);max-width:64ch}
.lp-p:last-child{margin-bottom:0}
.lp-p b{color:var(--ink);font-weight:600}
.lp-bad{font:400 13.5px/1.6 var(--font);color:var(--ink-1);margin:0;padding-left:12px;border-left:2px solid var(--key-red)}
.lp-errs{margin:0;padding-left:18px;font:400 13.5px/1.75 var(--font);color:var(--ink-2)}
.lp-errs li::marker{color:var(--key-red)}

.lp-plan{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.lp-plan-i{padding:5px 9px;border:1px solid var(--line);font:400 11.5px/1.4 var(--mono);color:var(--ink-3)}
.lp-plan-i b{color:var(--ink-2);font-weight:600}

.lp-cov{display:grid;gap:12px;margin:0 0 18px;padding:16px;border:1px solid var(--line);
  border-left:2px solid var(--line-strong);background:var(--surface)}
.lp-cov-g{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.lp-cov-g>.label{color:var(--ink-4);letter-spacing:.14em;min-width:88px}
.lp-cov-g>b{font:600 15px/1 var(--mono);color:var(--ink)}
.lp-cov .dim{font-size:12.5px;color:var(--ink-4)}

.lp-bal{height:46px;display:flex;align-items:center;padding:0 14px;background:var(--surface-2);
  border:1px solid var(--line);font:600 14px/1 var(--mono);color:var(--ink)}

.lp-actions{display:flex;align-items:center;gap:14px;margin-top:22px;flex-wrap:wrap}
.lp-actions .label{color:var(--ink-3);letter-spacing:.04em;font-size:12.5px}

.lp-mono{font-family:var(--mono)}
.fld-hint.is-bad{color:var(--ink-1)}
.fld-hint.is-ok{color:var(--ink-4)}

.xchip{display:inline-block;padding:2px 7px;border:1px solid var(--line);
  font:600 10.5px/1.5 var(--mono);letter-spacing:.08em;color:var(--ink-2);text-transform:uppercase}

.lp-act-h{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;flex-wrap:wrap}
.lp-act-f{display:flex;align-items:center;gap:12px}
.lp-act-f .dim{color:var(--ink-4);font-size:12.5px}
.lp-tip{color:var(--ink-4);margin-top:14px}
.orb-read-wide{grid-template-columns:repeat(3,1fr)}
@media(max-width:640px){.orb-read-wide{grid-template-columns:1fr}}

/* 铸造已关闭：倒计时归零后的说明行 + 禁用态按钮 */
.prog-note.is-closed{
  color:var(--ink-2);
  border-left:2px solid var(--line-strong);
  padding-left:11px;
  line-height:1.62;
  max-width:70ch;
  white-space:normal;
}
.btn[disabled],.btn.btn-solid[disabled]{
  cursor:not-allowed;opacity:.42;
  background:var(--surface-2);color:var(--ink-4);
  border-color:var(--line);
}

/* ============================================================
   待开放（发射台 / Swap / 行情）
   —— 关键原则：待开放必须一眼可见。同一站点里"已上线"和"未开放"
   混在一起而不标，用户会以为在未开放的地方也能发币。
   ============================================================ */
.soon-bar{
  display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;
  margin:0 0 18px;padding:15px 18px;
  border:1px solid var(--line);border-left:2px solid var(--ink-3);
  background:var(--surface);font:400 13.5px/1.65 var(--font);color:var(--ink-2);
}
.soon-bar b{color:var(--ink);font-weight:600;white-space:nowrap}
.soon-bar a{color:var(--ink-1)}
/* 空心方块 = 未开放。实心会读成"运行中" */
.soon-dot{
  flex:0 0 auto;width:9px;height:9px;align-self:center;
  border:1px solid var(--ink-3);
}
.soon-note{
  max-height:0;overflow:hidden;opacity:0;
  transition:max-height .2s,opacity .2s,margin .2s,padding .2s;
  margin:0;padding:0 16px;
  font:400 13.5px/1.6 var(--font);color:var(--ink-1);
  border-left:2px solid var(--line-strong);background:var(--surface-2);
}
.soon-note.on{
  max-height:110px;opacity:1;margin:-6px 0 18px;padding:13px 16px;
}

.soon-tag{
  display:inline-block;margin-left:9px;padding:2px 6px;
  border:1px solid var(--line);color:var(--ink-4);
  font:600 10px/1.5 var(--mono);letter-spacing:.1em;vertical-align:middle;
}
/* 待开放区域的按钮：保留可点（点了有解释），但不做成"主操作"的实心 */
.lp-actions .btn.btn-solid{
  background:var(--surface-2);color:var(--ink-2);border-color:var(--line-strong);
}
.lp-actions .btn.btn-solid:hover{background:var(--surface-3);color:var(--ink-1)}

/* 整块占位（Swap / 行情面板里的功能区） */
.soon-block{
  position:relative;border:1px dashed var(--line-strong);
  background:
    repeating-linear-gradient(135deg,
      rgba(255,255,255,.014) 0 10px, transparent 10px 20px);
  padding:44px 28px;text-align:center;
}
.soon-block h3{margin:0 0 10px;font:600 17px/1.4 var(--font);color:var(--ink-1)}
.soon-block p{margin:0 auto 6px;max-width:56ch;font:400 13.5px/1.7 var(--font);color:var(--ink-4)}
.soon-block .label{margin-top:14px;display:inline-block;color:var(--ink-4);letter-spacing:.16em}

/* Swap 页 */
.swap-h{display:flex;align-items:baseline;justify-content:space-between;gap:16px;
  margin:0 0 18px;flex-wrap:wrap}
.swap-h .dim{color:var(--ink-4);font-size:12px}
#swap-quote .xtab{margin-top:4px}
#swap-quote .xtab th{
  text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);
  font:600 11px/1.4 var(--mono);letter-spacing:.1em;color:var(--ink-4);text-transform:uppercase;
}
#swap-quote .xtab td{padding:8px 10px}

/* ============================================================
   可用余额（连上钱包后显示"真能拿来付"的量）
   ============================================================ */
.avail{margin:20px 0 0;border:1px solid var(--line-soft);background:var(--surface);padding:16px 18px}
.avail-h{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:0 0 13px}
.avail-h .label{color:var(--ink-4);letter-spacing:.2em}
.avail-h .dim{color:var(--ink-5);font-size:11.5px;letter-spacing:.08em}

.avail-g{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-soft)}
.avail-c{
  background:var(--bg-1);padding:13px 14px;min-width:0;
  display:grid;gap:5px;
  border:0;text-align:left;font:inherit;color:inherit;
  transition:background .14s;
}
.avail-c[data-a]{cursor:pointer}
.avail-c[data-a]:hover{background:var(--surface-3)}
.avail-c[data-a]:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}
.avail-c.is-on{background:var(--surface-3);box-shadow:inset 2px 0 0 var(--brand)}
.avail-c.is-off{opacity:.4}
.avail-c .label{color:var(--ink-4);letter-spacing:.16em}
.avail-v{font:400 15px/1.25 var(--mono);color:var(--ink);word-break:break-all}
.avail-v.is-err{color:var(--ink-3)}
.avail-s{font-size:11px;letter-spacing:.1em}
.avail-note{margin:12px 0 0;font:400 12.5px/1.65 var(--font);color:var(--ink-5)}
@media(max-width:640px){
  .avail-g{grid-template-columns:1fr}
}

/* 页脚里的按钮型链接：唯一联系方式为官方 X（x.com/BTC_CRC30），见 .foot-x */
.foot-btn{
  background:none;border:0;padding:0;cursor:pointer;font:inherit;
  color:var(--ink-3);transition:color .16s;text-align:left;
}
.foot-btn:hover{color:var(--brand)}
.foot-btn:focus-visible{outline:2px solid var(--brand);outline-offset:3px}

/* 留言弹窗 */
.mb-f{display:grid;gap:7px;margin:16px 0 8px}
.mb-f .label{color:var(--ink-4);letter-spacing:.18em}
.mb-f textarea{
  width:100%;padding:11px 13px;background:var(--surface-2);
  border:1px solid var(--line);color:var(--ink);
  font:400 14px/1.62 var(--font);resize:vertical;
}
.mb-f textarea:focus{outline:none;border-color:var(--brand-dim);box-shadow:inset 2px 0 0 var(--brand)}
.mb-count{margin:0 0 4px;text-align:right;font:400 12px/1 var(--mono);color:var(--ink-5)}
.mb-note{margin:0 0 4px;font:400 12.5px/1.65 var(--font);color:var(--ink-5)}
.mb-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}

/* ============================================================
   发射台：协议机制展示
   —— 待开放也要把规则讲清楚。用户判断"靠不靠谱"靠的是规则可验证，
      不是靠一个漂亮的输入框。
   ============================================================ */
.lp-covtab{margin-top:20px}
.lp-covtab>table{margin:0 0 14px}
.lp-covtab>table th{
  text-align:left;padding:9px 12px 9px 0;border-bottom:1px solid var(--line);
  font:600 10.5px/1.4 var(--mono);letter-spacing:.16em;color:var(--ink-4);text-transform:uppercase;
}
.lp-covtab>table td{padding:10px 12px 10px 0;border-bottom:1px solid var(--line-soft)}
.lp-covtab>table tr:last-child td{border-bottom:0}
/* "此刻铸造"列：让人一眼看到自己现在拿到的是哪一档 */
.lp-covtab>table tr.is-now td{background:var(--surface-2);box-shadow:inset 2px 0 0 var(--brand)}
.lp-covtab>table tr.is-now td:first-child{color:var(--ink)}

.lp-spec-g{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-soft);margin:0 0 14px}
.lp-spec-i{background:var(--bg-1);padding:16px 15px;display:grid;gap:9px;align-content:start;min-width:0}
.lp-spec-i>.label{color:var(--brand);letter-spacing:.2em}
.lp-spec-i .lp-code{font-size:11.5px;padding:10px 12px;line-height:1.6}
.lp-spec-i .lp-p{margin:0;font-size:12.5px;line-height:1.6;color:var(--ink-4)}
.lp-spec-i b{color:var(--ink-1);font-weight:600}

.lp-rules-g{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.lp-rule-col{display:grid;gap:10px;align-content:start}
.lp-rule-col>.label{letter-spacing:.2em}
.lp-rule-col>.ok{color:var(--brand)}
.lp-rule-col>.no{color:var(--ink-4)}
.lp-ticks{display:flex;flex-wrap:wrap;gap:6px}
.lp-ok{
  padding:4px 9px;border:1px solid var(--line);color:var(--ink-2);
  font:400 12.5px/1.4 var(--mono);
}
.lp-nope{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.lp-nope li{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.lp-nope code{
  padding:3px 8px;border:1px solid var(--line-soft);
  color:var(--ink-4);text-decoration:line-through;text-decoration-color:var(--ink-6);
  font:400 12.5px/1.4 var(--mono);
}
.lp-nope .dim{font:400 12.5px/1.5 var(--font);color:var(--ink-5)}

@media(max-width:760px){
  .lp-spec-g{grid-template-columns:1fr}
  .lp-rules-g{grid-template-columns:1fr;gap:20px}
}

/* ============================================================
   个人中心
   ============================================================ */
.me-head{
  border:1px solid var(--line-soft);background:var(--surface);
  padding:14px 16px;margin:0 0 16px;
}
.me-head>.label{color:var(--brand);letter-spacing:.2em;margin:0 0 9px;display:block}
.me-head-a{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
}
.me-head-a .mono{
  font-size:13.5px;color:var(--ink);word-break:break-all;
  /* 地址可能很长，给它 flex:1 之外的自动收缩，不要把按钮挤出屏幕 */
  min-width:0;
}
.me-head-a .label.dim{color:var(--ink-5);font-size:11px;letter-spacing:.1em}
.me-head-a .btn{margin-left:auto;flex:0 0 auto}
@media(max-width:520px){
  .me-head-a .btn{margin-left:0;width:100%}
}

/* 铸造记录行 */
.me-row{
  display:flex;align-items:baseline;justify-content:space-between;gap:14px;
  padding:9px 0;border-bottom:1px solid var(--line-soft);
}
.me-row:last-of-type{border-bottom:0}
.me-row .label{color:var(--ink-5);font-size:11px;letter-spacing:.12em}
.me-row .val{color:var(--ink);font-size:13.5px;white-space:nowrap}

/* ============================================================
   发射台读数：待开放态
   ============================================================
   为什么不显示 0：
     发射台未开放，链上确实一条 CRC-20 都没有。此时显示"0"，
     读起来是"这个协议没人用"，而真相是"还没开放"——两句话意思完全不同。
     有活动时才显示真实数字（launchpad.js 里按 hasOps 切换）。
   ============================================================ */
.orb-read b.is-soon{
  font:400 13px/1.5 var(--mono);letter-spacing:.14em;
  color:var(--ink-4);
  border:1px solid var(--line);padding:4px 10px;
  display:inline-block;width:auto;
}
.orb-read b:not(.is-soon){font-size:26px}

/* ============================================================
   语言下拉
   ============================================================
   用原生 <select> 而不是自建 popup：
   读屏、键盘上下键、触屏、放大镜、系统深色模式全部原生可用。
   自建的要额外处理焦点陷阱、ESC、移动端定位 —— 不如用浏览器给的。
   外观去掉原生箭头（各平台样式不一致），自绘一个与本站一致的小方块。 */
.lang-sel{
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
  padding:7px 30px 7px 12px;
  background:var(--surface-2);
  border:1px solid var(--line);
  color:var(--ink);font:400 13px/1.2 var(--font);
  letter-spacing:.02em;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,var(--ink-3) 50%),
                   linear-gradient(135deg,var(--ink-3) 50%,transparent 50%);
  background-position:calc(100% - 15px) calc(50% + 1px), calc(100% - 10px) calc(50% + 1px);
  background-size:5px 5px, 5px 5px;
  background-repeat:no-repeat;
  transition:border-color .15s,background-color .15s;
  max-width:150px;text-overflow:ellipsis;
}
.lang-sel:hover{border-color:var(--line-strong);background-color:var(--surface-3)}
.lang-sel:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
/* 下拉面板：跟着品牌色，六个选项的视觉与页头一致 */
.lang-sel option{background:#0d1411;color:#f0f5f2}

/* ============================================================
   钱包选择：卡片网格
   ============================================================
   之前用 .pick 通栏列表 —— 那是参考站的样式，一眼就能看出同源。
   改成 2 列卡片 + 本站识别记号（左上角色标 + 品牌色边框）。
   ⚠️ 移动端必须回到单列：两列在 375px 下每张只有 ~160px，
      钱包名 "TokenPocket" 会折行。 */
.wallets{display:grid;grid-template-columns:1fr 1fr;gap:1px;
  background:var(--line-soft);border:1px solid var(--line-soft);margin:0 0 4px}
.wallet-b{
  display:grid;gap:3px;padding:14px 15px;background:var(--bg-1);
  border:0;text-align:left;font:inherit;color:var(--ink-1);cursor:pointer;
  position:relative;transition:background .14s;
  min-width:0;
}
.wallet-b:hover:not(:disabled){background:var(--surface-3)}
.wallet-b:focus-visible{outline:2px solid var(--brand);outline-offset:-2px;z-index:1}
/* 与卡片区同一套角标记号 */
.wallet-b::before{
  content:'';position:absolute;left:-1px;top:-1px;width:10px;height:10px;
  border-left:1px solid var(--brand-dim);border-top:1px solid var(--brand-dim);
}
.wallet-b .wn{
  font:400 15px/1.25 var(--mono);letter-spacing:.02em;color:var(--ink);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.wallet-b .wh{font:400 10.5px/1.4 var(--mono);letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-5)}
.wallet-b[data-wbip] .wh{color:var(--brand-dim)}
.wallet-b:disabled{opacity:.45;cursor:not-allowed}

/* 未装时的安装入口：同样是网格，但用 <a> */
.wallets-install{display:grid;grid-template-columns:1fr 1fr;gap:1px;
  background:var(--line-soft);border:1px solid var(--line-soft);margin:0 0 4px}
.wallet-i{
  display:flex;align-items:baseline;justify-content:space-between;gap:10px;
  padding:13px 15px;background:var(--bg-1);color:var(--ink-1);
  text-decoration:none;transition:background .14s;min-width:0;
}
.wallet-i:hover{background:var(--surface-3);color:var(--ink)}
.wallet-i .wn{font:400 15px/1.25 var(--mono);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wallet-i .wh{font:400 10.5px/1.4 var(--mono);letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-5);flex:0 0 auto}

@media(max-width:560px){
  .wallets,.wallets-install{grid-template-columns:1fr}
  .lang-sel{max-width:120px;padding-left:9px;padding-right:26px}
}

/* 个人中心 · 铸造记录行
   三行布局：时间/区块 → 数量 → 资产与状态。
   状态必须显眼可读 —— 用户判断"我的钱怎么了"全靠这一行。 */
.me-row{
  display:grid;gap:3px;
  padding:11px 0;border-bottom:1px solid var(--line-soft);
}
.me-row:last-of-type{border-bottom:0}
.me-row .label{color:var(--ink-4);font-size:11px;letter-spacing:.1em}
/* 数量用等宽字体，右侧对齐 —— 一列数字要能竖着比大小 */
.me-row .val{
  font:400 15px/1.25 var(--mono);color:var(--ink);
  text-align:right;
}
.me-row-sub{
  font-size:11px;line-height:1.5;color:var(--ink-5);letter-spacing:.04em;
}

/* 记录里的 txid 链接：可以点开去链上核对 */
.me-tx{
  font:400 11px/1.4 var(--mono);
  color:var(--ink-4);text-decoration:none;
  border-bottom:1px solid var(--line-soft);
  transition:color .15s,border-color .15s;
}
.me-tx:hover{color:var(--brand);border-color:var(--brand-dim)}
.me-tx:focus-visible{outline:2px solid var(--brand);outline-offset:2px}

/* 盲地址对：标签列加宽。
   "TRANSPARENT" 这个词在 78px 列里放不下，标签被挤成一团。
   加宽到 96px 并允许标签换行，地址独占一行更好读 ——
   地址是要让人一字一字核对的，压缩在一行里反而看不清。 */
.bd-row{grid-template-columns:minmax(88px,auto) 1fr;gap:14px;align-items:start}
.bd-row .label{line-height:1.5;word-break:break-word}
.bd-row+.bd-row{margin-top:14px}
.bd .bound-addr{font-size:11.5px;line-height:1.6;word-break:break-all}
@media(max-width:460px){
  /* 窄屏改成上下堆叠：横向两列会把地址压到每行只剩十来个字符 */
  .bd-row{grid-template-columns:1fr;gap:4px}
}

/* 钱包卡片：连接中
   真实钱包授权要5–10 秒，这段时间必须有明确的"正在工作"信号，
   否则用户会以为点了没反应，然后反复点 → 并发多个授权请求。 */
.wallet-b.is-busy{
  opacity:1;cursor:wait;
  background:var(--surface-2);
  box-shadow:inset 0 0 0 1px var(--brand-dim);
}
.wallet-b.is-busy .wn::after{
  content:'';display:inline-block;vertical-align:middle;
  width:9px;height:9px;margin-left:9px;
  border:1.5px solid var(--brand-dim);border-top-color:var(--brand);
  border-radius:50%;animation:wallet-spin .7s linear infinite;
}
@keyframes wallet-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){
  .wallet-b.is-busy .wn::after{animation:none;border-top-color:var(--brand-dim)}
}