/* p小将 · 黑金高级风主题 (black & gold premium) — overrides the original yellow theme.
   Loaded after the original stylesheet. Contracts/logic untouched. */
:root{
  --ink:#eadfc6; --ink-2:#cec2a2; --ink-soft:#9c9074;
  --paper:#070708; --paper-2:#0b0b0a; --card:#151310;
  --yellow:#d4af37; --yellow-deep:#b8912c;
  --blue:#d4af37; --green:#6fae6d; --red:#e0655a;
  --line:1px solid rgba(212,175,55,.42);
  --shadow:0 12px 32px rgba(0,0,0,.55);
  --shadow-lg:0 28px 70px rgba(0,0,0,.65);
  --radius:20px; --radius-sm:14px;
  --font-display:"Unbounded","Noto Serif SC","Songti SC","STSong","PingFang SC","Microsoft YaHei",serif;
  color-scheme:dark;
}
html{background:#070708}
body{
  background:
    radial-gradient(1100px 520px at 78% -8%, rgba(212,175,55,.13), transparent 60%),
    radial-gradient(900px 500px at -10% 30%, rgba(212,175,55,.05), transparent 55%),
    #070708;
  color:var(--ink);
}
::selection{background:#d4af37;color:#171204}
:focus-visible{outline:2px solid #d4af37;outline-offset:3px}
.num{letter-spacing:.01em}
/* ---------- generic ---------- */
.card{background:linear-gradient(180deg,#171510,#12110d);border:var(--line);box-shadow:var(--shadow)}
.kicker{color:#d4af37}
.kicker:before{background:linear-gradient(135deg,#f1dc9a,#b8912c);border:0;box-shadow:0 0 14px rgba(212,175,55,.75)}
.section-title{color:#f2e6c4;letter-spacing:.01em}
.section-title em{background:linear-gradient(transparent 60%,rgba(212,175,55,.5) 60% 93%,transparent 93%)}
.halftone{background-image:radial-gradient(rgba(212,175,55,.35) 1px,transparent 1.4px)}
.text-link{text-decoration-color:#b8912c}
.text-link:hover{color:#f1dc9a;text-decoration-color:#f1dc9a}
/* ---------- buttons ---------- */
.btn{border:var(--line);border-radius:12px;box-shadow:0 8px 22px rgba(0,0,0,.45);background:#171510;color:var(--ink)}
.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 13px 28px rgba(0,0,0,.55)}
.btn:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 12px rgba(0,0,0,.5)}
.btn-primary{background:linear-gradient(135deg,#f4e2a0,#d4af37 55%,#a67c1a);color:#171204;border-color:#f1dc9a}
.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#f9ecc0,#dcb84a 55%,#b3891f)}
.btn-ghost{background:rgba(255,255,255,.02)}
.btn-sm,.btn-xl{border-radius:12px}
/* ---------- nav ---------- */
.nav.is-scrolled{background:rgba(7,7,8,.92);box-shadow:0 1px 0 rgba(212,175,55,.35);backdrop-filter:blur(12px)}
.brand img{background:radial-gradient(circle at 35% 30%,#f4e2a0,#d4af37 70%,#a67c1a);border:1px solid rgba(241,220,154,.7)}
.nav-links a:after{background:#d4af37}
.lang{background:#14120d;color:var(--ink)}
.dot.agentic{background:#d4af37;box-shadow:0 0 0 2px rgba(212,175,55,.35)}
.addr{color:var(--ink)}
/* ---------- hero ---------- */
.hero-rays{background:repeating-conic-gradient(from 0deg,rgba(212,175,55,.15) 0deg 6deg,transparent 6deg 18deg)}
.hero-wordmark{display:none!important}
.hero-title:before{
  content:"p小将";display:block;line-height:1.04;letter-spacing:.1em;font-weight:900;
  font-size:clamp(72px,11vw,138px);
  font-family:"Noto Serif SC","Songti SC","STSong","PingFang SC","Microsoft YaHei",serif;
  background:linear-gradient(178deg,#faf0cd 15%,#e9cf7f 45%,#d4af37 62%,#8f6d1d 90%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 6px 26px rgba(212,175,55,.25));
  animation:title-in .9s var(--ease-spring) both;
}
.hero-title-en{color:#9c9074;letter-spacing:.5em}
.hero-lead{color:var(--ink-2)}
.hero-stats dt{color:#9c9074}
.hero-disc{background:radial-gradient(circle at 35% 30%,#f6e3a1,#d4af37 48%,#8a6d1f 90%);border:1px solid rgba(246,227,161,.75);box-shadow:0 34px 80px rgba(0,0,0,.7),0 0 90px rgba(212,175,55,.22)}
.hero-disc:after{background-image:radial-gradient(rgba(0,0,0,.28) 1.2px,transparent 1.6px)}
.hero-tag span{background:#14120c;border:var(--line);color:var(--ink)}
.sparkles svg{fill:rgba(230,199,102,.9);stroke:rgba(0,0,0,.4)}
.chip{background:rgba(212,175,55,.07);border:var(--line)}
.soon-dot{background:#d4af37;box-shadow:0 0 0 2px rgba(212,175,55,.35)}
.live-dot{background:#6fae6d}
@keyframes ping{70%{box-shadow:0 0 0 7px rgba(111,174,109,0)}to{box-shadow:0 0 0 0 rgba(111,174,109,0)}}
.marquee{background:#000;color:#d4af37;border-block:1px solid rgba(212,175,55,.4)}
/* ---------- mint ---------- */
.mint-card{background:linear-gradient(180deg,#171510,#100f0c);border:1px solid rgba(212,175,55,.38);box-shadow:var(--shadow-lg)}
.mint-info{border-right:1px solid rgba(212,175,55,.25)}
.mint-info:before{background-image:radial-gradient(rgba(212,175,55,.14) 1.2px,transparent 1.6px)}
.pill{background:rgba(212,175,55,.1);border:var(--line)}
.pill i{background:#8a7f5f}
.tier-chip{background:linear-gradient(135deg,#ecd27f,#a67c1a);color:#171204}
.price-v{color:#f7ecc8;background:linear-gradient(transparent 66%,rgba(212,175,55,.45) 66% 95%,transparent 95%)}
.progress{background:#0a0a09;border:var(--line)}
.progress i{background:repeating-linear-gradient(-45deg,#d4af37 0 12px,#9a7b24 12px 24px)}
.mint-facts div{background:rgba(255,255,255,.02);border:var(--line)}
.mint-facts dt{color:#9c9074}
.mint-form{background:#0c0b09}
.identity{background:#151310;border:var(--line)}
.quota .track{stroke:#2b2716}
.quota .fill{stroke:#d4af37}
.stepper{background:#151310;border:var(--line)}
.stepper button:first-child{border-right:1px solid rgba(212,175,55,.3)}
.stepper button:last-child{border-left:1px solid rgba(212,175,55,.3)}
.stepper button:hover:not(:disabled){background:rgba(212,175,55,.16)}
.stepper input:focus{background:rgba(212,175,55,.06)}
.picks button{background:#151310;border:var(--line)}
.picks button.on{background:linear-gradient(135deg,#f4e2a0,#d4af37);color:#171204;box-shadow:0 5px 16px rgba(0,0,0,.5)}
.quote{border-top:1px dashed rgba(212,175,55,.3)}
.quote dt{color:#9c9074}
.phase-steps li{border-top-color:#262216;color:#8a7f63}
.phase-steps li.done{border-color:#6d5c22;color:var(--ink)}
.phase-steps li.now{border-color:#d4af37;color:var(--ink)}
.inline-error{background:#2b1310;border:1px solid rgba(224,101,90,.5);color:#f2c0b8}
.form-note{color:#9c9074}
/* ---------- how / flow / tax ---------- */
.how{background:#0a0a09;border-block:1px solid rgba(212,175,55,.22)}
.step{background:linear-gradient(180deg,#171510,#12110d)}
.step-n{background:linear-gradient(135deg,#f4e2a0,#b8912c);color:#171204;border:0}
.step p{color:var(--ink-2)}
.flow-bar{border:var(--line);box-shadow:var(--shadow)}
.flow-lp{background:linear-gradient(135deg,#eed488,#c39a2e);color:#171204}
.flow-tr{background:#000;color:#d4af37;border-left:1px solid rgba(212,175,55,.3)}
.tax{background:#131109;border:var(--line)}
.tax div+div{border-left:1px dashed rgba(212,175,55,.25)}
.tax dt{color:#9c9074}
/* ---------- tiers / board ---------- */
.curve .area{fill:#d4af37;opacity:.25}
.curve .line{stroke:#e9cf7f}
.curve .now{stroke:#f7ecc8}
.curve figcaption{color:#9c9074}
.tr.th{color:#9c9074}
.tr.cur{background:rgba(212,175,55,.15);box-shadow:inset 0 0 0 1px rgba(212,175,55,.65)}
.tr.gap{border-top:1px dashed rgba(212,175,55,.25)}
.tiers-note{color:#9c9074}
.seg{background:#14120d;border:var(--line)}
.seg button.on{background:linear-gradient(135deg,#f4e2a0,#d4af37);color:#171204}
.row:hover{background:rgba(212,175,55,.05)}
.row+.row{border-top:1px solid rgba(234,223,198,.07)}
.rank{color:#9c9074}
.row.top .rank{background:linear-gradient(135deg,#f4e2a0,#d4af37);color:#171204;border:0}
.row.top-1 .rank{background:#000;color:#d4af37;box-shadow:inset 0 0 0 1px #d4af37}
.who small{color:#9c9074}
.skeleton{background:linear-gradient(90deg,#0e0d0a 25%,#1b1912 50%,#0e0d0a 75%) 0 0/200% 100%}
.board-foot{color:#9c9074}
/* ---------- faq / footer ---------- */
.faq{background:#0a0a09;border-top:1px solid rgba(212,175,55,.22)}
.qa{background:#14120d;box-shadow:0 8px 22px rgba(0,0,0,.45)}
.qa summary i{background:linear-gradient(135deg,#f4e2a0,#d4af37);border:0}
.qa summary i:before,.qa summary i:after{background:#171204}
.qa p{color:var(--ink-2)}
.footer{background:#000;color:var(--ink);border-top:1px solid rgba(212,175,55,.3)}
.footer-brand img{background:radial-gradient(circle at 35% 30%,#f4e2a0,#d4af37 70%,#a67c1a);border:1px solid rgba(241,220,154,.6)}
.footer-x{color:#d4af37}
.contracts dd{color:#d4af37}
/* ---------- modals / wallet ---------- */
.modal-back{background:rgba(0,0,0,.8);backdrop-filter:blur(6px)}
.modal{background:#151310;border:1px solid rgba(212,175,55,.42);box-shadow:0 40px 90px rgba(0,0,0,.75)}
.modal-x:hover{background:rgba(212,175,55,.18)}
.qr{border:var(--line);box-shadow:var(--shadow);background:#fff}
.qr.idle{background:#0d0c09;color:#9c9074}
.qr-svg path,.qr-svg rect[fill="#000000"]{fill:#141414}
.qr-ok{background:rgba(212,175,55,.94);color:#171204}
.pairing{background:#000;box-shadow:inset 0 0 0 1px rgba(212,175,55,.45);color:var(--ink)}
.pairing strong{color:#d4af37}
.devmode-tip{border:1px dashed rgba(212,175,55,.45);background:#0d0c09}
.devmode-tip span{color:#9c9074}
.agentic-state{color:#9c9074}
.wallet-item{background:#151310;border:var(--line)}
.wallet-item:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 26px rgba(0,0,0,.55)}
.wallet-ico{background:linear-gradient(135deg,#f4e2a0,#d4af37);color:#171204;border:0}
.wallet-ico.k-binance{background:#000;color:#d4af37;box-shadow:inset 0 0 0 1px #d4af37}
.wallet-ico.k-walletconnect{background:#22304a;color:#a9c6ff;box-shadow:inset 0 0 0 1px rgba(169,198,255,.35)}
.wallet-meta{color:#9c9074}
.burst i{background:#d4af37;border-color:rgba(0,0,0,.55)}
.invite-box{border:1px dashed rgba(212,175,55,.45);background:#0d0c09}
.id-card{background:linear-gradient(120deg,rgba(212,175,55,.3) 0 32%,#151310 32%)}
.id-avatar{background:#0d0c09;border:var(--line)}
.id-net,.id-addr{color:#9c9074}
.acc-stats dt{color:#9c9074}
.acc-stats small{color:#9c9074}
.invite p{color:var(--ink-2)}
.invite code{background:#0d0c09;color:#d4af37}
.toast{background:#171510;border:var(--line);box-shadow:0 14px 30px rgba(0,0,0,.55)}
.toast.ok{background:linear-gradient(135deg,#f4e2a0,#d4af37);color:#171204}
.toast.error{background:#371712;color:#f2c0b8}
.boot-error{color:var(--ink)}
/* scrollbars */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#3a3115;border-radius:6px}
::-webkit-scrollbar-track{background:#0a0a09}
@media(max-width:960px){
  .mint-info{border-right:0;border-bottom:1px solid rgba(212,175,55,.25)}
  .hero-title:before{font-size:clamp(58px,17vw,96px)}
}
@media(max-width:560px){
  .tax div+div{border-left:0;border-top:1px dashed rgba(212,175,55,.25)}
  .id-card{background:linear-gradient(180deg,rgba(212,175,55,.3) 0 70px,#151310 70px)}
}
/* fix: "Hi!" text sits on the light speech-bubble artwork — keep it dark */
.hero-hi span{color:#171204}
