/* 钱包请等等 $WAIT 官网 — 移动优先，深色干净 + 琥珀色「请等等」信号色 */
:root{
  --bg:#0d0f14; --bg2:#141821; --card:#171b26; --line:#262c3d;
  --text:#e9ecf3; --dim:#9aa3b5; --faint:#7d86a1;
  --amber:#ffb61e; --amber-dim:#8a6410;
  --green:#2fbf71; --red:#f05454; --blue:#4da3ff;
  --radius:14px;
  --shadow:0 8px 26px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  line-height:1.6;font-size:15px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
a{color:var(--amber);text-decoration:none}
.wrap{max-width:1060px;margin:0 auto;padding:0 16px}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86em;word-break:break-all}
.dim{color:var(--dim)} .small{font-size:.85em}
.green{color:var(--green)} .red{color:var(--red)} .amber{color:var(--amber)}

/* ---- 顶栏 ---- */
header{position:sticky;top:0;z-index:50;background:rgba(13,15,20,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);box-shadow:0 4px 18px rgba(0,0,0,.22)}
.header-in{display:flex;align-items:center;gap:14px;padding:10px 0;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;color:var(--text)}
.logo .sign{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--amber);color:#191204;font-size:19px}
.logo img.sign{background:none;object-fit:cover;flex:none}
.logo small{display:block;font-size:11px;color:var(--dim);font-weight:500;letter-spacing:.08em}
nav{display:flex;gap:2px;flex-wrap:wrap;margin-left:auto}
nav button{background:none;border:0;color:var(--dim);font-size:14.5px;padding:8px 11px;border-radius:9px;cursor:pointer;font-family:inherit}
nav button.active{color:#191204;background:var(--amber);font-weight:700}
.wallet-btn{background:var(--card);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:8px 13px;cursor:pointer;font-family:inherit;font-size:13.5px}
.wallet-btn:hover{border-color:var(--amber-dim)}

/* ---- 通用 ---- */
main{padding:22px 0 70px}
.view{display:none} .view.active{display:block;animation:fade .25s ease}
@keyframes fade{from{opacity:0;transform:translateY(4px)}to{opacity:1}}
h1{font-size:30px;line-height:1.25;margin:6px 0 10px}
h2{font-size:20px;margin:28px 0 12px;display:flex;align-items:center;gap:9px}
h2::before{content:"";flex:none;width:4px;height:20px;border-radius:2px;background:var(--amber)}
h3{font-size:16px;margin:0 0 8px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin:14px 0;box-shadow:var(--shadow)}
.grid{display:grid;gap:14px}
@media(min-width:760px){.grid.cols3{grid-template-columns:repeat(3,1fr)}.grid.cols2{grid-template-columns:repeat(2,1fr)}}
.btn{display:inline-block;background:var(--amber);color:#191204;border:0;font-weight:700;border-radius:11px;padding:11px 20px;cursor:pointer;font-size:15px;font-family:inherit;text-align:center;transition:filter .15s ease,transform .1s ease,box-shadow .15s ease}
.btn:not(.ghost){box-shadow:0 4px 14px rgba(0,0,0,.3)}
.btn:hover{filter:brightness(1.07)}
.btn:active{transform:translateY(1px)}
.btn:disabled{opacity:.45;cursor:not-allowed}
.btn.ghost{background:transparent;color:var(--amber);border:1px solid var(--amber-dim)}
.btn.danger{background:var(--red);color:#fff}
.btn.greenb{background:var(--green);color:#06270f}
.btn.sm{padding:7px 13px;font-size:13.5px;border-radius:9px}
input,select,textarea{background:var(--bg2);border:1px solid var(--line);color:var(--text);border-radius:11px;padding:10px 12px;font-size:15px;font-family:inherit;width:100%}
input:focus,select:focus,textarea:focus{outline:1px solid var(--amber-dim)}
label{display:block;font-size:13px;color:var(--dim);margin:12px 0 5px}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.stat-num{font-size:24px;font-weight:800;line-height:1.2}
.progress{height:12px;background:var(--bg2);border-radius:99px;overflow:hidden;border:1px solid var(--line);box-shadow:inset 0 1px 4px rgba(0,0,0,.55)}
.progress>i{display:block;position:relative;height:100%;background:linear-gradient(90deg,#e09300,var(--amber) 55%,#ffcf5c);border-radius:99px;transition:width .6s ease;box-shadow:0 0 10px rgba(255,182,30,.35)}
.progress.lg{height:20px}
/* 打新页进度条金边：与首页 hero 进度组件外框、轮动条金边同规格（1px solid var(--amber-dim)）；仅改边框颜色，不动几何与宽度计算 */
#view-mint .progress{border-color:var(--amber-dim)}
.progress.lg>i::after{content:"";position:absolute;inset:0;border-radius:99px;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);background-size:220% 100%;animation:barshine 2.8s linear infinite}
@keyframes barshine{from{background-position:190% 0}to{background-position:-90% 0}}
@media (prefers-reduced-motion:reduce){.progress.lg>i::after{animation:none}}

/* ---- 打新进度组件（hero / 卡片共用） ---- */
.mint-progress{position:relative;margin-top:26px;background:linear-gradient(180deg,#1c2231,var(--card));border:1px solid var(--amber-dim);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
.mint-progress.full{border-color:#1d5c3a}
.mint-progress .stamp{position:absolute;top:-11px;right:18px;transform:rotate(4deg);border:2px solid var(--amber);color:var(--amber);border-radius:8px;padding:2px 9px;font-size:12px;font-weight:800;letter-spacing:.18em;pointer-events:none;background:#141821;box-shadow:0 4px 12px rgba(0,0,0,.4)}
.mp-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.mp-label{font-weight:700;font-size:15px}
.mp-pct{font-size:34px;font-weight:800;color:var(--amber);line-height:1.05;font-variant-numeric:tabular-nums;text-shadow:0 2px 14px rgba(255,182,30,.35)}
.mp-pct.sm{font-size:22px;text-shadow:none}
.mp-foot{display:flex;justify-content:space-between;gap:8px 14px;flex-wrap:wrap;margin-top:10px;font-size:13.5px;color:var(--dim)}
.mp-foot #heroMintText{color:var(--text);font-weight:700}
.mp-note{margin:10px 0 0;font-size:12.5px;color:var(--faint)}

/* ---- 最新打新动态（Minted 事件轮动条） ---- */
.mint-ticker{display:flex;align-items:center;gap:12px;margin:16px 0 2px;padding:11px 14px;background:rgba(255,182,30,.08);border:1px solid var(--amber-dim);border-left:4px solid var(--amber);border-radius:10px;box-shadow:var(--shadow)}
.mint-ticker[hidden]{display:none}
.mt-label{flex:none;font-size:13px;font-weight:700;color:var(--amber);letter-spacing:.06em;white-space:nowrap}
.mt-viewport{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22px,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,transparent,#000 22px,#000 calc(100% - 22px),transparent)}
.mt-track{display:flex;align-items:center;width:max-content;will-change:transform}
.mt-track.mt-run{animation:mtscroll linear infinite}
.mint-ticker:hover .mt-track{animation-play-state:paused}
@keyframes mtscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.mt-item{flex:none;margin-right:42px;font-size:14px;white-space:nowrap}
.mt-item b{font-weight:700}
@media (prefers-reduced-motion:reduce){.mt-track{animation:none}}

/* ---- AI 钱包打新（主入口） ---- */
.ai-panel{margin-top:12px;border:1px dashed var(--amber-dim);border-radius:var(--radius);padding:14px 16px;background:rgba(255,182,30,.05)}
.ai-panel textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13.5px;line-height:1.65;resize:vertical;background:var(--bg)}
.ai-steps{margin:12px 0 0;padding-left:22px;color:var(--dim)}
.ai-steps li{margin:3px 0}
.ai-steps b{color:var(--text)}
.warn-note{margin-top:10px;background:rgba(240,84,84,.08);border:1px solid rgba(240,84,84,.35);border-left:4px solid var(--red);border-radius:10px;padding:10px 13px;font-size:13.5px}
.badge{display:inline-block;padding:1px 9px;border-radius:99px;font-size:12px;border:1px solid var(--line);color:var(--dim);vertical-align:middle}
.badge.amber{color:var(--amber);border-color:var(--amber-dim)}
.badge.green{color:var(--green);border-color:#1d5c3a}
.badge.red{color:var(--red);border-color:#6e2b2b}
.badge.id{color:var(--blue);border-color:#2c4d75}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{padding:8px 6px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
th{color:var(--dim);font-weight:600;font-size:12.5px}
.empty{padding:26px;text-align:center;color:var(--dim)}
.vote-bar{display:flex;height:14px;border-radius:99px;overflow:hidden;background:#5c2323;margin:8px 0}
.vote-bar>i{display:block;background:var(--green);height:100%}
.count{font-variant-numeric:tabular-nums;font-weight:700}
.pill-tabs{display:flex;gap:8px;margin:10px 0;flex-wrap:wrap}
.pill-tabs button{background:var(--bg2);color:var(--dim);border:1px solid var(--line);border-radius:99px;padding:6px 14px;cursor:pointer;font-family:inherit;font-size:13.5px}
.pill-tabs button.active{color:#191204;background:var(--amber);border-color:var(--amber);font-weight:700}
footer{border-top:1px solid var(--line);padding:26px 0 40px;color:var(--dim);font-size:13px}

/* toast */
#toasts{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:99;display:flex;flex-direction:column;gap:8px;width:min(92vw,460px)}
.toast{background:#1e2331;border:1px solid var(--line);border-left:4px solid var(--amber);border-radius:10px;padding:11px 14px;font-size:14px;box-shadow:0 8px 30px rgba(0,0,0,.5)}
.toast.err{border-left-color:var(--red)} .toast.ok{border-left-color:var(--green)}

.hero{padding:34px 0 6px;background:radial-gradient(560px 240px at 18% -40px,rgba(255,182,30,.13),transparent 70%)}
.hero .kicker{color:var(--amber);font-weight:700;letter-spacing:.14em;font-size:12.5px}
.hero h1{font-size:clamp(30px,6.4vw,42px);letter-spacing:.01em}
.hero p.lead{font-size:16.5px;color:var(--dim);max-width:640px}
.hero-joke{font-size:15px;color:var(--text);max-width:640px;margin:2px 0 14px}
.hero-joke::before{content:"📣 "}
.stat-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0}
@media(min-width:760px){.stat-strip{grid-template-columns:repeat(4,1fr)}}
.stat-strip .cell{background:linear-gradient(180deg,#1a1f2d,var(--card));border:1px solid var(--line);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow)}
.stat-strip .cell .k{font-size:12.5px;color:var(--dim)}
.rule-num{display:inline-flex;width:26px;height:26px;border-radius:50%;background:var(--amber);color:#191204;font-weight:800;align-items:center;justify-content:center;font-size:14px;margin-right:8px}
details.faq{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px;margin:10px 0}
details.faq summary{cursor:pointer;font-weight:600}
canvas#rejectCanvas{max-width:100%;height:auto;border-radius:10px;border:1px solid var(--line)}

/* ---- 经典审批单 · 贴纸墙 ---- */
.sticker-wall{columns:2;column-gap:16px;margin:18px 0 10px}
@media(min-width:760px){.sticker-wall{columns:3}}
@media(min-width:1024px){.sticker-wall{columns:4}}
.sticker{position:relative;margin:0 0 20px;break-inside:avoid;background:#fdfdf8;border-radius:6px;padding:9px 9px 11px;box-shadow:0 12px 26px rgba(0,0,0,.45);cursor:zoom-in;transition:transform .25s ease,box-shadow .25s ease}
.sticker::before{content:"";position:absolute;top:-11px;left:50%;width:86px;height:22px;transform:translateX(-50%) rotate(-2deg);background:rgba(255,182,30,.38);border-left:1px dashed rgba(0,0,0,.08);border-right:1px dashed rgba(0,0,0,.08);border-radius:2px;z-index:2;pointer-events:none}
.sticker img{display:block;width:100%;height:auto;border-radius:3px;background:#e8e8e2}
.sticker figcaption{margin-top:9px;font-size:13.5px;font-weight:700;color:#2a2d34;text-align:center;line-height:1.5}
.sticker .tag{display:inline-block;margin-left:4px;padding:0 8px;border-radius:99px;font-size:12px;font-weight:800;vertical-align:1px}
.sticker .tag.ok{background:#e2f6ea;color:#128a4a}
.sticker .tag.no{background:#fde8e8;color:#d43a3a}
.sticker:nth-child(6n+1){transform:rotate(-1.6deg)}
.sticker:nth-child(6n+2){transform:rotate(1.3deg)}
.sticker:nth-child(6n+3){transform:rotate(-0.7deg)}
.sticker:nth-child(6n+4){transform:rotate(1.8deg)}
.sticker:nth-child(6n+5){transform:rotate(-1.1deg)}
.sticker:nth-child(6n+6){transform:rotate(0.8deg)}
.sticker:hover,.sticker:focus-visible{transform:rotate(0) scale(1.035);box-shadow:0 20px 38px rgba(0,0,0,.55);z-index:3;outline:none}
.sticker-group-h{margin:24px 0 4px;font-size:16.5px}
@media (prefers-reduced-motion:reduce){.sticker{transition:none}}

/* ---- 贴纸大图 lightbox ---- */
.lightbox{position:fixed;inset:0;z-index:200;background:rgba(5,6,10,.9);display:flex;align-items:center;justify-content:center;cursor:zoom-out;padding:18px}
.lightbox[hidden]{display:none}
.lightbox img{max-width:min(94vw,560px);max-height:92vh;width:auto;height:auto;border-radius:8px;box-shadow:0 24px 60px rgba(0,0,0,.6);background:#fff}
.lb-hint{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);color:#c8cede;font-size:13px;background:rgba(20,24,33,.85);padding:4px 12px;border-radius:99px;pointer-events:none}

/* ---- 移动端收尾 ---- */
@media(max-width:520px){
  .mint-progress{padding:15px 14px}
  .mp-pct{font-size:27px}
  .mp-pct.sm{font-size:20px}
  .mp-label{font-size:14px}
  .stat-num{font-size:21px}
  h1{font-size:26px}
  .hero h1{font-size:31px}
  .card{padding:15px}
  .btn{padding:11px 16px}
}

/* ---------- 演示投票卡（大厅顶部 · 不上链，数据存本机） ---------- */
.demo-card{border-color:var(--amber-dim);background:linear-gradient(180deg,rgba(255,182,30,.055),var(--card) 58%)}
.demo-amount{font-size:clamp(30px,6vw,44px);font-weight:800;color:var(--amber);line-height:1.15;font-variant-numeric:tabular-nums;text-shadow:0 2px 14px rgba(255,182,30,.3);margin:6px 0 2px}
.demo-amount .dim{font-size:13px;font-weight:500;text-shadow:none}
.demo-no-line{font-size:12.5px;color:var(--faint);letter-spacing:.05em}
.demo-topic{font-size:clamp(28px,5.4vw,34px);font-weight:800;line-height:1.25;color:#fff;margin:8px 0 0;letter-spacing:.01em;text-shadow:0 2px 16px rgba(255,182,30,.18)}
/* 通过/驳回：深色玻璃 + 金边/暗红描边的高级感按钮（替代扁平亮色 .btn） */
.demo-vote-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
.demo-vote-btn{flex:1 1 160px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 18px 12px;border-radius:13px;cursor:pointer;font-family:inherit;color:var(--text);letter-spacing:.16em;box-shadow:0 8px 22px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.07);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,filter .16s ease}
.demo-vote-btn .dv-label{font-size:17px;font-weight:800}
.demo-vote-btn .dv-count{font-size:12.5px;color:var(--dim);letter-spacing:.05em;font-variant-numeric:tabular-nums}
.demo-vote-btn .dv-count b{color:var(--text);font-size:13.5px}
.demo-vote-btn.yes{background:linear-gradient(180deg,rgba(255,182,30,.13),rgba(29,92,58,.22));border:1px solid rgba(255,182,30,.48)}
.demo-vote-btn.yes .dv-label{color:#ffcf5c}
.demo-vote-btn.no{background:linear-gradient(180deg,rgba(240,84,84,.09),rgba(74,26,26,.30));border:1px solid rgba(240,84,84,.38)}
.demo-vote-btn.no .dv-label{color:#ff9c9c}
.demo-vote-btn:hover{transform:translateY(-1px);filter:brightness(1.12)}
.demo-vote-btn:active{transform:translateY(0)}
.demo-vote-btn.yes.picked{border-color:var(--amber);box-shadow:0 0 0 2px var(--amber),0 0 22px rgba(255,182,30,.40),inset 0 1px 0 rgba(255,255,255,.09)}
.demo-vote-btn.no.picked{border-color:rgba(240,84,84,.85);box-shadow:0 0 0 2px rgba(240,84,84,.75),0 0 22px rgba(240,84,84,.32),inset 0 1px 0 rgba(255,255,255,.09)}
.demo-vote-btn.picked .dv-label::after{content:" ✓";font-size:15px}
#demoSharePreview{margin-top:12px}
#demoSharePreview img{display:block;width:100%;max-width:330px;height:auto;border-radius:12px;border:1px solid var(--amber-dim);box-shadow:var(--shadow)}
.demo-god{margin-top:16px;border:1px solid var(--amber-dim);border-radius:12px;padding:12px 14px;background:rgba(255,182,30,.06)}
.demo-god h4{margin:0 0 4px;color:var(--amber)}
.demo-god-item,.demo-comment{display:flex;gap:10px;align-items:flex-start;padding:7px 0;border-top:1px dashed var(--line)}
.demo-god-item:first-of-type,.demo-comment:first-of-type{border-top:0}
.demo-god-item .avatar,.demo-comment .avatar{flex:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:var(--amber);background:radial-gradient(circle at 32% 28%,#2c2410,#171b26 72%);border:1px solid var(--amber-dim)}
.demo-god-item .cbody,.demo-comment .cbody{flex:1;min-width:0}
.demo-god-item .who,.demo-comment .who{font-weight:700;font-size:13.5px;color:var(--amber)}
.demo-god-item .txt,.demo-comment .txt{color:#d9dee9;font-size:14px;overflow-wrap:anywhere}
.like-btn{background:transparent;border:1px solid var(--line);color:var(--dim);border-radius:99px;padding:2px 10px;cursor:pointer;font-family:inherit;font-size:13px;flex:none;font-variant-numeric:tabular-nums;transition:color .15s ease,border-color .15s ease}
.like-btn:hover{border-color:#8a3542;color:#ff8fa0}
.like-btn.liked{color:#ff6b81;border-color:#8a3542;background:rgba(240,84,84,.12);font-weight:700}
/* hero 一期进度卡：首份免费铸造行动区（仅作用于 .mint-progress 卡内） */
.mint-progress .mp-cta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:14px}
.mint-progress .mp-cta .btn{flex:none}
.mint-progress .mp-cta-note{font-size:12.5px;color:var(--faint);overflow-wrap:anywhere}