/* GAEB BLACK GOLD / V3 MOBILE FINISH · Front-end presentation only */
:root{--gold-1:#ffebbd;--gold-2:#e8c67a;--gold-3:#b78737;--hairline:#56482d;--wash:rgba(238,190,93,.12)}
body{background:radial-gradient(ellipse at 54% -24%,#5f441c28,transparent 60%),#070909;color:#f4edde;font-size:12px}
.shell{width:min(510px,calc(100% - 24px));padding-bottom:30px}
.topbar{height:69px;margin:0 2px 9px}.brand>img{width:38px;height:38px;object-fit:contain;background:radial-gradient(circle,#c1933e1b,transparent 73%);padding:3px;border-radius:12px}
.brand-text strong{font-size:22px;letter-spacing:2.4px}.brand-text small{font-size:8px;letter-spacing:1.15px}
.wallet-btn{min-height:34px;background:linear-gradient(135deg,#322819,#161613);border:1px solid #866738;transition:transform .2s,border-color .2s}
.wallet-btn:active{transform:scale(.98)}
/* Hero: deliberate left text, right cutout logo and glass-like strokes */
.hero.hero-split.premium-hero{height:auto;min-height:273px;padding:17px 15px 14px;border-radius:20px;border-color:#74603c;background:radial-gradient(circle at 84% 53%,#8d642a38,transparent 36%),linear-gradient(127deg,#1c1913,#101112 54%,#0c0d0e 100%);box-shadow:inset 0 1px 0 #f2c96b35,inset 0 -30px 35px #0002,0 14px 40px #0009}
.premium-hero .hero-layout{min-height:231px;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);padding:31px 0 0;gap:0}
.premium-hero .hero-topline{top:13px;left:15px;right:15px}.premium-hero .signal{background:#1a1712cc;color:#efd6a2;font-size:8px;padding:4px 9px}.premium-hero .social{width:28px;height:28px}
.premium-hero .hero-copy{z-index:3;align-self:center}.premium-hero .eyebrow{font-size:7px;letter-spacing:1.3px;padding:5px 8px;margin-bottom:12px;background:#1a1713e0;white-space:nowrap}
.premium-hero .hero-copy h1{font-size:clamp(19px,5.6vw,26px);line-height:1.26;letter-spacing:.2px;color:#f7ecdb;text-wrap:balance}
.premium-hero .hero-copy h1 span{color:#ebc873}.premium-hero .hero-copy p{font-size:10px;max-width:180px;line-height:1.8;margin:11px 0 0;color:#ab9d86;white-space:normal}
.premium-hero .hero-visual{height:203px;min-height:203px;overflow:visible;align-self:center}.premium-hero .hero-logo-art{width:min(176px,113%);max-width:none;height:auto;object-fit:contain;filter:drop-shadow(0 0 14px #b9883766) brightness(1.11);animation:premiumLogoFloat 7s ease-in-out infinite}
.premium-hero .hero-logo-glow{inset:22% 8%;filter:blur(25px)}.premium-hero .hero-orbit{opacity:.48;border-color:#d2a85936}.premium-hero .orbit-1{width:136px;height:108px}.premium-hero .orbit-2{width:146px;height:174px}.premium-hero .orbit-3{width:186px;height:186px;opacity:.25}
.hero-corner{position:absolute;width:27px;height:27px;pointer-events:none;z-index:2;border-color:#d6ad5f99;border-style:solid;opacity:.65}.hc-top{top:8px;left:8px;border-width:1px 0 0 1px;border-radius:12px 0 0 0}.hc-bottom{bottom:8px;right:8px;border-width:0 1px 1px 0;border-radius:0 0 12px 0}
.hero-crosshair{position:absolute;z-index:1;inset:auto 13px 21px auto;width:24px;height:24px;border:1px solid #ab8b4b3d;transform:rotate(45deg);animation:linePulse 4s infinite alternate}
@keyframes premiumLogoFloat{50%{transform:translateY(-6px) scale(1.018)}}@keyframes linePulse{to{opacity:.3;transform:rotate(57deg)}}
/* Unify cards and separators */
.panel{background:linear-gradient(145deg,#1b1b17 0%,#101211 66%,#10100e 100%);border:1px solid #3c382e;border-radius:16px;box-shadow:0 12px 26px #0004,inset 0 1px #ffffff09}
.section-title{margin:24px 2px 12px;align-items:center}.section-title small,.page-kicker{color:#bb9652;font-size:8px;letter-spacing:1.65px}
.section-title h2{font-size:18px;margin-top:2px;line-height:1.4}.tiny-tag{font-size:9px;padding:4px 9px;background:#211b123b}
.premium-card{overflow:hidden;border-color:#665235;border-radius:18px;box-shadow:0 16px 34px #0006,inset 0 1px #fff2}
.machine-spotlight{display:grid;grid-template-columns:52% 48%;align-items:stretch;position:relative;min-height:198px;background:radial-gradient(circle at 30% 58%,#8b67294a,transparent 47%),linear-gradient(126deg,#282017,#101111 72%);border-bottom:1px solid #67523054}
.machine-spotlight:after{content:"";position:absolute;inset:auto 18px 0;height:1px;background:linear-gradient(90deg,transparent,#eac56f99,transparent)}
.machine-preview{height:198px;min-height:0;position:relative;background:none;display:grid;place-items:center;overflow:hidden}
.machine-preview:before{content:"";position:absolute;inset:24px;border:1px solid #c89a3935;border-radius:50%;transform:rotateX(65deg) translateY(8px);box-shadow:0 0 20px #e2ad4230;animation:minerRing 8s ease-in-out infinite}
.machine-preview img{width:98%;height:96%;max-width:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 8px 22px #c38c2c40);animation:premiumLogoFloat 8s ease-in-out infinite}
.machine-halo{inset:20px 0;background:radial-gradient(circle,#b8913366,transparent 67%);filter:blur(21px)}
.machine-orbit{position:absolute;left:51%;top:52%;border:1px solid #e2ba6038;border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg);width:145px;height:78px;pointer-events:none;animation:orbGlow 5s ease-in-out infinite}.mo-two{width:176px;height:92px;animation-delay:2s;opacity:.5}
@keyframes minerRing{50%{opacity:.3;transform:rotateX(65deg) translateY(8px) scale(1.05)}}@keyframes orbGlow{50%{opacity:.28}}
.machine-overview{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;z-index:2;padding:15px 14px 13px 0;min-width:0}
.model-index{font-size:8px;letter-spacing:1.6px;color:#b8a17b}.machine-overview .product-status{font-size:8px;border:1px solid #85632c;padding:2px 8px;border-radius:99px;background:#292112ad}
.machine-overview h3{font-size:22px;line-height:1.2;color:#f2d28e;letter-spacing:.7px;margin:2px 0 0;font-weight:760}
.model-underline{width:42px;height:1px;background:linear-gradient(90deg,#f4cd7a,transparent);margin:2px 0}
.machine-overview .product-price{padding:0;margin-top:2px}.machine-overview .product-price small{font-size:8px;color:#b6a68b}.machine-overview .product-price strong{font-size:25px;gap:5px}.machine-overview .product-price img{height:24px;width:24px}.machine-overview .product-price em{font-size:11px}
.machine-product .product-details{border:0;padding:12px 14px 14px}.machine-product .stats-grid{padding:10px 0;gap:12px 8px;border-color:#4f443152}.machine-product .stats-grid>div{padding-left:8px;border-left:1px solid #8f733d}.machine-product .stats-grid strong{font-size:14px}.machine-product .stats-grid small{font-size:9px}
.primary-btn{position:relative;overflow:hidden;min-height:44px;box-shadow:0 7px 17px #9f6d211f,inset 0 1px #fff8;transition:filter .2s,transform .2s}.primary-btn:not(:disabled):after{content:"";position:absolute;width:42px;top:-30%;bottom:-30%;left:-60px;background:#fff6;transform:skewX(-24deg);animation:buttonLight 6.8s ease-in-out infinite}.primary-btn:not(:disabled):active{transform:scale(.992)}
@keyframes buttonLight{0%,70%{left:-70px;opacity:0}76%{opacity:.45}94%{left:calc(100% + 65px);opacity:0}100%{opacity:0}}
/* Staking selector: slimmer footprint, polished active state */
.plans{gap:7px}.plan{min-height:104px;border-radius:11px;padding:10px 8px;background:linear-gradient(155deg,#1d1b17,#101111)}.plan.active{border-color:#edc672;box-shadow:0 0 0 1px #c1983942 inset,0 12px 20px #0003}.plan.active:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#ffe4a0,transparent)}.plan strong{font-size:10px}.plan span{font-size:22px}.premium-staking{padding:16px 13px 13px}.premium-staking .input-wrap{background:#080a09;min-height:46px}.premium-staking .stake-summary>div{background:#0b0d0c}
/* Center headers and compact numerical readouts */
.page-header{position:relative;padding:24px 3px 16px;border-bottom:1px solid #54482d4d;margin-bottom:16px;overflow:hidden}.page-header h1{font-size:27px;margin:6px 0 4px}.page-header p{font-size:10px}.page-head-sigil{position:absolute;font-size:93px;line-height:1;right:4px;top:-14px;font-weight:200;color:#caa45519;transform:rotate(-8deg);pointer-events:none}
.stats-ribbon{position:relative;padding:15px 5px;border-color:#635034;border-radius:15px;background:linear-gradient(135deg,#242016,#101211)}.stats-ribbon:before{content:"";position:absolute;inset:0;border-radius:15px;pointer-events:none;background:linear-gradient(110deg,#f3d47b1a,transparent 43%)}.stats-ribbon>div{padding:0 9px}.stats-ribbon small{font-size:9px}.stats-ribbon strong{font-size:13px;line-height:1.35;letter-spacing:-.15px;color:#f7d993}
.mini-section{margin-top:23px}.mini-section h3{font-size:13px}.mini-section em{font-size:8px}
/* Position cards - all content remains bound to chain reads */
.premium-position{position:relative;overflow:hidden;border-color:#655031;box-shadow:inset 0 1px #ffffff12,0 12px 32px #0005}.premium-position:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 91% 8%,#c08a2f29,transparent 40%)}
.miner-top{position:relative;min-height:112px;align-items:center}.miner-top h3{font-size:15px;line-height:1.3}.miner-top>div:first-child{align-self:center}.miner-figure{position:relative;display:grid;place-items:center;width:116px;height:112px;flex:none;overflow:visible;background:radial-gradient(circle,#b58e2929,transparent 70%)}.miner-figure img{width:112px;height:108px;object-fit:contain;filter:drop-shadow(0 5px 10px #bb883a2f);animation:premiumLogoFloat 9s ease-in-out infinite}.miner-figure:after{content:"";position:absolute;bottom:3px;width:74px;height:9px;border-radius:50%;background:#bd8a2a38;filter:blur(9px)}
.miner-time{position:relative;z-index:2}.progress{height:4px}.progress i{box-shadow:0 0 14px #f9ce7377}.mining-grid{position:relative;z-index:1;gap:7px;margin:12px 0}.mining-grid>div{padding:10px 9px;border-radius:9px;background:#090b0acf;border-color:#342f25}.mining-grid strong{font-size:12px;line-height:1.45;color:#f0d397}.small-btn{position:relative;z-index:2;min-height:40px;background:linear-gradient(120deg,#382a13,#1c1a16);border-color:#94763f}
.stake-actions{position:relative;z-index:2}.state{border:1px solid #614e2a65}
.decorated-empty{position:relative;overflow:hidden;min-height:158px;background:radial-gradient(circle at 50% 28%,#b17b2523,transparent 52%),linear-gradient(140deg,#161512,#0f1110);border:1px dashed #59472c;box-shadow:inset 0 0 28px #f1c56508}.decorated-empty:before{content:"";position:absolute;left:calc(50% - 39px);top:13px;width:78px;height:78px;border:1px solid #ae85342b;border-radius:50%}.decorated-empty>span{font-size:32px;color:#e3bd72;text-shadow:0 0 15px #b07b2b70}.decorated-empty p{margin:4px 0 0;color:#e2d0a7;font-size:11px}.decorated-empty small{color:#81796c;font-size:9px}.empty-nav{margin-top:9px;border:1px solid #806336;background:#252017;color:#eac67d;border-radius:8px;padding:5px 10px;font-size:9px}
/* Referral card - glowing cutout emblem, not giant text glyph */
.premium-ref-banner{min-height:153px;padding:18px 14px;border-color:#6c5330;background:radial-gradient(circle at 87% 39%,#9f712447,transparent 42%),linear-gradient(115deg,#272015,#111211)}
.ref-banner-tag{font-size:8px;letter-spacing:1.1px;color:#dfb567}.ref-banner h2{font-size:17px;line-height:1.32;margin:8px 0}.ref-banner p{font-size:10px;line-height:1.85}.ref-emblem{position:relative;flex:0 0 108px;height:116px;display:grid;place-items:center;font-size:0;animation:none}.ref-emblem img{position:relative;z-index:2;width:105px;max-width:none;height:105px;object-fit:contain;filter:drop-shadow(0 0 15px #d2a03952);animation:premiumLogoFloat 7s ease-in-out infinite}.ref-orbit{position:absolute;width:100px;height:92px;border-radius:50%;border:1px solid #f0c86a53;transform:rotate(-23deg);animation:refRing 9s linear infinite}@keyframes refRing{50%{opacity:.35}}
.ref-summary{gap:8px;margin-top:10px}.ref-summary .panel{padding:14px}.ref-summary strong{font-size:21px}.premium-invite{padding:15px}.invite-panel .copy-field button{min-height:39px}.scroll-box{max-height:228px;border-color:#4e4433;background:linear-gradient(130deg,#171714,#0e100f)}.bill-row strong{font-size:11px}.bill-row{padding:12px 0}.referral-rules{border-color:#504330}
/* My page: visual hierarchy, transparent asset icons, no faux BNB logo */
.premium-profile{padding:13px 14px;min-height:74px;border-color:#5e4d34;background:linear-gradient(135deg,#272015,#111310)}.premium-profile>img{object-fit:contain;padding:4px;background:radial-gradient(circle,#a9782a2c,transparent);border-radius:12px;width:47px;height:47px}.premium-profile strong{font-size:11px}.premium-profile span{font-size:9px}
.premium-asset{min-height:112px;margin-top:10px;border-color:#5d4a2e;background:radial-gradient(circle at 98% 4%,#c28a2228,transparent 46%),linear-gradient(120deg,#231b12,#111311);box-shadow:inset 0 1px #fff1,0 9px 24px #0003}.premium-asset>img{width:46px;height:46px;object-fit:contain;padding:6px;border-radius:14px;background:#12110e;border-color:#7b5d33}.gaeb-asset>img{background:radial-gradient(circle,#6e50182c,#161412);padding:2px}.premium-asset strong{font-size:22px;font-weight:740;line-height:1.2}.premium-asset small{font-size:9px}.premium-asset>span{font-size:10px;letter-spacing:1px;color:#bb9853}.my-notes{border-color:#3c382e}
/* Navigation optical refinements */
.bottom-nav{height:calc(64px + env(safe-area-inset-bottom));background:#0a0c0bed;border-top-color:#51402a}.nav-item{font-size:10px}.nav-item svg{width:21px;height:21px}.nav-item.active{color:#f4d58c}.nav-item.active:before{background:#f1c56d}.footer{font-size:8px;color:#7a7060}
@media(min-width:768px){.shell{width:min(535px,calc(100% - 30px))}.hero.hero-split.premium-hero{min-height:302px}.premium-hero .hero-layout{min-height:263px}.premium-hero .hero-copy h1{font-size:28px}.premium-hero .hero-logo-art{width:188px}.machine-spotlight,.machine-preview{min-height:222px}.machine-overview h3{font-size:25px}}
@media(max-width:365px){.shell{width:calc(100% - 18px)}.hero.hero-split.premium-hero{min-height:251px;padding:13px 11px 9px}.premium-hero .hero-layout{min-height:221px;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);padding-top:35px}.premium-hero .hero-copy h1{font-size:19px}.premium-hero .hero-copy p{font-size:9px}.premium-hero .hero-logo-art{width:135px}.premium-hero .hero-visual{height:183px;min-height:183px}.premium-hero .eyebrow{font-size:7px;letter-spacing:.5px}.machine-spotlight,.machine-preview{min-height:174px;height:174px}.machine-overview h3{font-size:19px}.machine-overview .product-price strong{font-size:21px}.stats-ribbon>div{padding:0 6px}.stats-ribbon strong{font-size:11px}.ref-emblem{flex-basis:86px}.ref-emblem img{width:90px;height:90px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}


/* V4 手机焦点输入修复：不限制用户手势缩放，只阻止 iOS 小字号输入自动放大页面 */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip}
body{width:100%;max-width:100%;overflow-x:clip}
.shell,.page,.staking-panel,.input-wrap{min-width:0;max-width:100%}
.input-wrap{display:flex;align-items:center}
#stake-amount{min-width:0;flex:1;max-width:100%;font-size:16px!important;touch-action:manipulation}
input,textarea,select{font-size:16px!important;max-width:100%;-webkit-text-size-adjust:100%}
@media(max-width:767px){
 input,textarea,select{font-size:16px!important}
 .input-wrap{overflow:hidden}
 .input-wrap input{font-size:16px!important}
 .wallet-overlay input{font-size:16px!important}
}

/* V19 · two rows keep position overview legible on compact phones */
.stats-ribbon{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:7px 8px}
.stats-ribbon>div{padding:9px 12px;min-width:0;border-right:0}
.stats-ribbon>div:nth-child(odd){border-right:1px solid #443b28}
.stats-ribbon>div:nth-child(n+3){border-top:1px solid #443b28}
.stats-ribbon strong{font-variant-numeric:tabular-nums}
@media(max-width:365px){.stats-ribbon>div{padding:8px}.stats-ribbon strong{font-size:12px}}