/* 币安世界 · V3 深蓝鎏金精修版。移动端优先，所有动画可由系统减少动态效果设置关闭。 */
:root{--ink:#060c16;--surface:#0e1b2a;--metal:#d6ad69;--champagne:#f3d9a5;--mist:#9faec2;--stroke:rgba(228,188,123,.17)}
.app-body{color:#eaf1fa;background:#060d19 radial-gradient(circle at 50% -4%,#224064 0%,#111e34 19%,#070d18 51%,#050a13 100%);font-family:system-ui,-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}
.app-shell{background:linear-gradient(170deg,rgba(8,17,30,.90),rgba(6,12,23,.99) 58%);box-shadow:0 30px 100px rgba(0,0,0,.42)}
.site-head{height:67px;background:rgba(7,16,30,.90);border-bottom:1px solid rgba(229,194,127,.18);box-shadow:0 9px 24px rgba(0,0,0,.10);padding:9px 17px;backdrop-filter:blur(23px)}
.brand{gap:10px}.brand img{width:41px;height:41px;border-radius:12px;box-shadow:0 0 0 1px #ddb9797a,0 4px 18px #eabf6540}
.brand strong{color:#f9dfa6;font-size:15px;font-weight:730;letter-spacing:.9px}.brand em{color:#95a7c2;font-size:9px;letter-spacing:.7px;margin-top:2px}
.wallet-button{background:linear-gradient(135deg,#d8b87c 0%,#f3d6a0 50%,#b98a50 100%);border:1px solid #ffe3a2a8;color:#19263a;box-shadow:0 5px 21px #b88d4b37;font-size:10px;font-weight:800;min-height:35px;padding:8px 13px}
.wallet-button.connected{background:rgba(30,47,65,.95);border-color:#d3b47486;color:#f2d3a2;box-shadow:none}.wallet-led{background:#537456}.wallet-button.connected .wallet-led{background:#83e4aa;box-shadow:0 0 8px #73d19f}
.app-main{padding:0 14px}.hero{height:245px;overflow:hidden;border-radius:18px;margin-top:13px;border:1px solid #d3ae6a7a;box-shadow:inset 0 1px 0 #ffe0a864,0 22px 45px #0008;background-position:center center,center 47%}
.hero:before{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,11,25,.96) 0%,rgba(4,11,25,.42) 33%,rgba(5,15,28,0) 59%),linear-gradient(95deg,rgba(6,18,31,.34),transparent 65%)}
.hero:after{content:'';position:absolute;pointer-events:none;inset:auto 18px 0 18px;height:1px;background:linear-gradient(90deg,transparent,#d3ad68,transparent);opacity:.85}
.hero-badge{top:13px;left:13px;border:1px solid #e3c58b75;background:rgba(5,14,25,.82);padding:6px 11px;border-radius:22px;color:#f5d9a0;font-size:9px;box-shadow:0 4px 15px #0008}
.hero-copy{z-index:2;bottom:18px;left:17px;right:15px}.hero-copy small{color:#ead6b6;font-size:9px;letter-spacing:2px}
.hero-copy h1{font-weight:830;font-size:25px;line-height:1.4;letter-spacing:1px;color:#fff0c7}.hero-copy h1 span{font-size:14px;font-weight:590;color:#fbdda3}.hero-copy p{font-size:10px;color:#d1d9e6;letter-spacing:.25px}
.stat-trio{margin:12px 0 26px;gap:9px}.stat-trio article{position:relative;min-height:60px;border:1px solid var(--stroke);background:linear-gradient(150deg,#1c3147ba,#101d2dbd);border-radius:12px;padding:11px 12px;box-shadow:inset 0 1px 0 #ffffff0b}
.stat-trio article:before{content:'';position:absolute;width:19px;height:1px;background:#efcd86;top:0;left:13px;opacity:.8}.stat-trio span{font-size:9px;letter-spacing:.3px;color:#aab8cd}.stat-trio b{font-size:18px;color:#fce0a9;font-weight:780}.stat-trio b small{font-size:10px}
.section-title{margin:20px 2px 14px}.section-title h2{font-size:15px;font-weight:780;letter-spacing:.35px}.eyebrow{color:#cca96e;font-size:9px;letter-spacing:1.7px;margin-bottom:4px}.side-hint{font-size:9px;color:#91a9c6}
.shop-grid{gap:12px}.shop-card{min-height:164px;grid-template-columns:100px minmax(0,1fr);background:linear-gradient(120deg,rgba(31,51,74,.97),rgba(17,30,48,.97) 46%,rgba(11,22,38,.99));border:1px solid #d2ad6a53;border-radius:17px;box-shadow:inset 0 1px 0 #ffefc71f,0 11px 25px #0006;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.shop-card:hover{transform:translateY(-2px);border-color:#f1c87895;box-shadow:0 17px 27px #0009,inset 0 1px 0 #ffdfaa22}
.shop-card:before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(130deg,#eac68410,transparent 50%);pointer-events:none}
.shop-art{border-right:1px solid #cfa76320;background:radial-gradient(ellipse at center,#dbb56d38 0%,#e8bc5912 44%,transparent 76%)}
.shop-art:before{content:'·';top:14px;left:14px;font-size:21px;color:#eac88e}.shop-art:after{content:'◇';right:10px;bottom:13px;font-size:11px;color:#eac88e}
.coin-3d{height:66px;width:66px;transform:rotateX(9deg) rotateY(-16deg);border-radius:18px;border:2px solid #f9e0a6;background:linear-gradient(128deg,#eacb82 0%,#ae7c3d 39%,#f9dc95 65%,#966c37);box-shadow:3px 4px 0 #694821,6px 7px 0 #31273a,0 5px 25px #d9ab5949,inset 1px 1px 13px #ffebb4a8;animation:float 6.5s ease-in-out infinite}
.coin-3d:before{height:5px;width:26px;top:-8px}.coin-3d:after{inset:8px;border:1px solid #fff2caaa;border-radius:10px;box-shadow:inset 0 1px 8px #3724147d}.coin-3d span{color:#362718;font-size:24px;font-weight:900;text-shadow:0 1px #ffe3a3}
.cube-platform{width:75px;height:16px;bottom:19px;background:#dca65940;filter:blur(12px)}
.shop-content{padding:12px 11px 11px}.shop-top h3{font-size:13px;color:#fff0d1;font-weight:760}.shop-top h3 small{font-size:9px;color:#94a8c3}.shop-top .period{padding:4px 7px;background:#f7d99c1d;border:1px solid #e3bc7979;color:#f1cf93;border-radius:20px}
.shop-data{gap:8px 11px;margin-top:9px}.shop-data small{color:#879fb9;font-size:9px}.shop-data strong{color:#e9f1fa;font-weight:680;font-size:11px}.shop-data .goldtext{color:#f5d399}
.shop-bottom{margin-top:12px;gap:7px}.stepper{border-radius:9px;border:1px solid #8293a74b;background:#09182a}.stepper button{width:25px;height:27px;color:#edcf91}.stepper span{font-size:11px}
.buy-button{border-radius:9px;max-width:125px;padding:8px 10px;background:linear-gradient(120deg,#bc8e50,#f7daa2 55%,#c79d5d);color:#1d2531;box-shadow:0 5px 12px #a2733240;font-weight:850}
.intro-panel{margin-top:28px}.intro-card{border:1px solid #d9b57646;background:linear-gradient(130deg,#152c43ef,#101c31f5);padding:19px;border-radius:17px;box-shadow:inset 0 1px #eed3a023,0 10px 28px #0005}.intro-card .intro-lead{font-size:13px;color:#f8ddaa}.intro-card p{font-size:11px;color:#acbdd1;line-height:1.86;margin:11px 0}.intro-card .intro-last{color:#e2c894}
.social-grid{gap:10px}.social{background:linear-gradient(135deg,#1c3047,#101d30);border:1px solid #c49b583f;border-radius:13px;padding:12px;min-height:64px}.social:hover{border-color:#e5bd7880}.social>b.social-icon{border-radius:11px}.social div{font-size:11px;color:#e7eaf5}.social small{font-size:9px;color:#9baac1}
.bottom-nav{background:rgba(8,17,30,.93);height:calc(66px + env(safe-area-inset-bottom));border-top:1px solid #e1b66b43;box-shadow:0 -14px 38px #0008;backdrop-filter:blur(25px);padding:7px 9px calc(5px + env(safe-area-inset-bottom))}
.nav-item{border-radius:11px!important;transition:color .18s ease,background .18s ease}.nav-item.active{background:linear-gradient(180deg,#e5bd7929,#d2a35b0c);color:#fce0a3}.nav-item svg{height:20px!important;width:20px!important}.nav-item span{font-size:10px!important;letter-spacing:.5px}
.page-heading{margin:24px 2px 20px}.page-heading h1{font-size:22px;letter-spacing:.6px;font-weight:780}.page-heading p:last-child{font-size:10px;color:#a2b1c6;line-height:1.7}
.glass,.machine-item,.account-card,.team-hero{border:1px solid #e0b87345;background:linear-gradient(140deg,#20334b,#101e31 65%,#0b1524);box-shadow:inset 0 1px #efcc8822,0 12px 30px #0006;border-radius:17px}
.machine-item{padding:15px}.m-icon{border-radius:12px}.m-numbers>div{border-radius:10px;background:#08162580}.m-numbers small{font-size:9px}.m-numbers b{font-size:11px}
.team-hero{padding:23px}.team-globe{opacity:.75}.team-stats article,.profile-grid article{border:1px solid #cfad7840;background:linear-gradient(130deg,#1c3047,#111e32);border-radius:13px}.referral{padding:16px}.rank{border:1px solid #cfab7148;background:linear-gradient(110deg,#203249,#112139)}.scroll-panel{border:1px solid #bd995d4d;background:#0c182a;border-radius:13px}
.account-card{min-height:148px;padding:22px;border-color:#eac58268;background:linear-gradient(117deg,#293e56,#16283f 60%,#111d31)}.account-card b{font-size:13px;color:#fff2cc}.account-card .account-bg{opacity:.63}
.balance-list{gap:11px}.balance-card{padding:16px;border:1px solid #ccad7950;background:linear-gradient(125deg,#1b2e45,#111f34);border-radius:15px;box-shadow:inset 0 1px 0 #fff4de13,0 7px 24px #0005}.balance-symbol{width:40px;height:40px;border:1px solid #ffedb36c;box-shadow:0 3px 18px #e8ba6434}.balance-symbol.token{background:linear-gradient(130deg,#ebd292,#9d743c);color:#392a19}.balance-card strong{font-size:19px;letter-spacing:.15px;font-variant-numeric:tabular-nums}.balance-card small{font-size:9px;letter-spacing:.25px}.balance-card>span{font-size:9px;max-width:86px;text-align:right;color:#bdc9d9}
.profile-grid{gap:10px;margin:15px 0}.profile-grid article{padding:15px}.profile-grid strong{font-size:14px}.asset-status{padding:9px 12px;margin:4px 0 10px;color:#a8b8ce;border-radius:9px;border:1px solid #bf9c6238;background:#101c2c;font-size:10px;line-height:1.8;overflow-wrap:anywhere}
.site-legal{margin:30px 5px 8px;padding:11px 4px 14px;border-top:1px solid #bd99523b;color:#8595ae;font-size:9px;line-height:1.75;text-align:center}
@media(min-width:740px){.app-shell{max-width:980px}.app-main{padding:0 25px}.site-head{padding:10px 25px}.bottom-nav{max-width:980px;width:min(100%,980px)}.hero{height:325px}.hero-copy{left:27px;bottom:23px}.hero-copy h1{font-size:32px}.hero-copy h1 span{font-size:18px}.shop-card{grid-template-columns:116px 1fr;min-height:175px}.coin-3d{width:73px;height:73px}.shop-content{padding:15px}.shop-data strong{font-size:12px}.balance-list{grid-template-columns:1fr 1fr}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}}
@media(max-width:365px){.app-main{padding:0 10px}.shop-card{grid-template-columns:85px minmax(0,1fr)}.coin-3d{width:54px;height:54px}.coin-3d span{font-size:20px}.shop-content{padding:10px 8px}.shop-data{gap:5px 5px}.shop-data strong{font-size:10px}.buy-button{max-width:105px;font-size:9px}.site-head{padding-left:10px;padding-right:10px}.wallet-button{padding:8px 9px}}
@media(prefers-reduced-motion:reduce){.shop-card,.coin-3d{animation:none;transition:none}}


/* V4 高级感强化：矿机视觉升级、流光边框、粒子氛围与空页收起 */
.site-legal:empty{display:none}
.app-shell{position:relative;overflow:hidden}
.app-shell:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,transparent 0,rgba(246,212,154,.05) 48%,transparent 100%);background-size:220px 100%;animation:gridSweep 18s linear infinite;mix-blend-mode:screen;opacity:.55}
.hero{isolation:isolate}
.hero:after{height:auto;inset:0;background:linear-gradient(120deg,transparent 10%,rgba(250,224,170,.12) 36%,transparent 58%),linear-gradient(90deg,transparent,rgba(211,173,104,.55),transparent);background-size:200% 100%,100% 1px;background-repeat:no-repeat,no-repeat;background-position:-140% 0,center bottom;animation:heroSweep 9s ease-in-out infinite;opacity:.95}
.hero:before{background:radial-gradient(circle at 18% 14%,rgba(248,215,151,.16),transparent 20%),linear-gradient(0deg,rgba(4,11,25,.96) 0%,rgba(4,11,25,.42) 33%,rgba(5,15,28,0) 59%),linear-gradient(95deg,rgba(6,18,31,.34),transparent 65%)}
.shop-card{overflow:hidden;transform-style:preserve-3d}
.shop-card:after{content:'';position:absolute;inset:-120% auto auto -25%;width:58%;height:250%;background:linear-gradient(180deg,transparent,rgba(255,244,210,.28),transparent);transform:rotate(24deg);animation:cardSweep 8.5s linear infinite;pointer-events:none;opacity:.55}
.shop-card:nth-child(2):after{animation-delay:-1.4s}.shop-card:nth-child(3):after{animation-delay:-2.8s}.shop-card:nth-child(4):after{animation-delay:-4.2s}.shop-card:nth-child(5):after{animation-delay:-5.6s}
.shop-card.tier-a{border-color:rgba(194,159,104,.45)}
.shop-card.tier-b{border-color:rgba(124,176,223,.45)}
.shop-card.tier-c{border-color:rgba(217,187,116,.48)}
.shop-card.tier-d{border-color:rgba(185,137,232,.48)}
.shop-card.tier-e{border-color:rgba(255,214,145,.56);box-shadow:0 18px 42px rgba(0,0,0,.42),0 0 35px rgba(232,178,83,.1),inset 0 1px 0 rgba(255,239,199,.14)}
.shop-art{position:relative;overflow:hidden}
.shop-art:before,.shop-art:after{display:none}
.miner-stage{position:relative;width:88px;height:88px;display:flex;align-items:center;justify-content:center;transform:translateZ(20px)}
.machine-aura{position:absolute;inset:10px;border-radius:50%;background:radial-gradient(circle,rgba(255,223,159,.33) 0%,rgba(255,223,159,.08) 45%,transparent 70%);filter:blur(2px);animation:pulseAura 4.8s ease-in-out infinite}
.machine-ring{position:absolute;border-radius:50%;border:1px solid rgba(245,219,171,.18)}
.machine-ring.ring1{inset:2px;animation:spinSlow 13s linear infinite}.machine-ring.ring2{inset:13px;border-style:dashed;animation:spinSlowReverse 15s linear infinite}
.miner-svg{position:relative;width:82px;height:82px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.36)) drop-shadow(0 0 12px rgba(255,205,119,.18))}
.miner-svg .frame rect,.miner-svg .stand path,.miner-svg .stand rect{fill:rgba(29,45,67,.96);stroke:rgba(255,231,185,.75);stroke-width:3}
.miner-svg .detail rect,.miner-svg .detail circle{fill:rgba(244,221,167,.92)}
.miner-svg .power path{fill:rgba(255,216,138,.95);filter:drop-shadow(0 0 6px rgba(255,216,138,.45))}
.miner-svg .tier{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:4}
.tier-chip{position:absolute;right:-4px;bottom:-1px;padding:4px 8px;border-radius:999px;font-size:8px;letter-spacing:.5px;color:#fff4d0;background:linear-gradient(135deg,rgba(219,182,111,.86),rgba(136,96,44,.88));border:1px solid rgba(255,224,170,.42);box-shadow:0 4px 14px rgba(0,0,0,.24)}
.tier-a .miner-svg .detail rect,.tier-a .miner-svg .detail circle{fill:#efd7a1}.tier-a .miner-svg .tier{stroke:#e8c777}.tier-a .extra2,.tier-a .extra3,.tier-a .extra4,.tier-a .extra5{display:none}
.tier-b .miner-svg .frame rect,.tier-b .miner-svg .stand path,.tier-b .miner-svg .stand rect{stroke:#9dd7ff}.tier-b .miner-svg .detail rect,.tier-b .miner-svg .detail circle{fill:#bfe8ff}.tier-b .miner-svg .power path{fill:#9ee2ff}.tier-b .miner-svg .tier{stroke:#9ad8ff}.tier-b .extra3,.tier-b .extra4,.tier-b .extra5{display:none}.tier-b .machine-aura{background:radial-gradient(circle,rgba(156,220,255,.32) 0%,rgba(156,220,255,.08) 46%,transparent 70%)}
.tier-c .miner-svg .frame rect,.tier-c .miner-svg .stand path,.tier-c .miner-svg .stand rect{stroke:#ffd98a}.tier-c .miner-svg .detail rect,.tier-c .miner-svg .detail circle{fill:#ffefc1}.tier-c .miner-svg .power path{fill:#ffd66d}.tier-c .miner-svg .tier{stroke:#ffd46f}.tier-c .extra4,.tier-c .extra5{display:none}
.tier-d .miner-svg .frame rect,.tier-d .miner-svg .stand path,.tier-d .miner-svg .stand rect{stroke:#d8b6ff}.tier-d .miner-svg .detail rect,.tier-d .miner-svg .detail circle{fill:#efe0ff}.tier-d .miner-svg .power path{fill:#d8b6ff}.tier-d .miner-svg .tier{stroke:#cca3ff}.tier-d .extra5{display:none}.tier-d .machine-aura{background:radial-gradient(circle,rgba(215,182,255,.35) 0%,rgba(215,182,255,.08) 46%,transparent 70%)}
.tier-e .miner-svg .frame rect,.tier-e .miner-svg .stand path,.tier-e .miner-svg .stand rect{stroke:#ffe8a6}.tier-e .miner-svg .detail rect,.tier-e .miner-svg .detail circle{fill:#fff3cf}.tier-e .miner-svg .power path{fill:#ffe38a}.tier-e .miner-svg .tier{stroke:#ffe0a0}.tier-e .machine-aura{background:radial-gradient(circle,rgba(255,224,151,.42) 0%,rgba(255,224,151,.11) 48%,transparent 74%)}
.asset-status{background:linear-gradient(135deg,rgba(18,30,47,.96),rgba(10,20,35,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.balance-card,.team-stats article,.profile-grid article,.rank,.referral,.scroll-panel,.glass,.machine-item,.account-card,.team-hero{position:relative;overflow:hidden}
.balance-card:before,.team-stats article:before,.profile-grid article:before,.rank:before,.glass:before,.machine-item:before,.account-card:before,.team-hero:before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,224,172,.22),rgba(255,224,172,0) 28%,rgba(255,224,172,.06) 66%,rgba(255,224,172,.18));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.8}
@keyframes cardSweep{0%,14%{transform:translateX(-160%) rotate(24deg)}22%,100%{transform:translateX(285%) rotate(24deg)}}
@keyframes heroSweep{0%,55%{background-position:-140% 0,center bottom}100%{background-position:155% 0,center bottom}}
@keyframes spinSlow{to{transform:rotate(360deg)}}@keyframes spinSlowReverse{to{transform:rotate(-360deg)}}@keyframes pulseAura{50%{transform:scale(1.08);opacity:.82}}@keyframes gridSweep{to{background-position:220px 0}}
@media(max-width:365px){.miner-stage{width:72px;height:72px}.miner-svg{width:68px;height:68px}.tier-chip{font-size:7px;padding:3px 6px}}
@media(prefers-reduced-motion:reduce){.machine-aura,.machine-ring,.shop-card:after,.hero:after,.app-shell:before{animation:none!important}}

/* 首页 Telegram / X 下方：购物商城通栏入口（未开放时仅弹出提示）。 */
.shopping-mall-button{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:57px;margin:10px 0 0;padding:10px 14px;border:1px solid rgba(222,182,114,.48);border-radius:13px;background:linear-gradient(112deg,rgba(34,53,75,.97),rgba(16,29,47,.98) 70%,rgba(30,42,58,.97));color:#f4d9a7;text-align:left;box-shadow:inset 0 1px 0 rgba(255,238,190,.12),0 8px 20px rgba(0,0,0,.22);cursor:pointer;transition:border-color .2s ease,filter .2s ease,transform .2s ease}
.shopping-mall-button:hover{border-color:rgba(255,220,152,.83);filter:brightness(1.09);transform:translateY(-1px)}
.shopping-mall-button:active{transform:translateY(0)}
.shopping-mall-button:focus-visible{outline:2px solid #f2cf8d;outline-offset:3px}
.shopping-mall-icon{width:34px;height:34px;flex:0 0 34px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,rgba(226,185,113,.25),rgba(145,106,56,.12));border:1px solid rgba(238,203,137,.33)}
.shopping-mall-label{flex:1;color:#f6dfb0;font-size:12px;font-weight:720;letter-spacing:.8px}
.shopping-mall-arrow{font-size:25px;font-weight:300;line-height:1;color:#d6b676}
@media(prefers-reduced-motion:reduce){.shopping-mall-button{transition:none}}