.account-page.active { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 28px; margin: -26px -42px -110px; min-height: calc(100vh - 108px); }
.account-sidebar { background: #171717; border-right: 1px solid #383838; padding: 30px 14px; }
.account-sidebar h1 { font-size: 25px; margin: 0 0 28px; }
.account-sidebar button { display: block; width: 100%; height: 44px; text-align: left; padding: 0 18px; border: 0; background: transparent; color: #ddd; cursor: pointer; }
.account-sidebar button.active { color: #8e73ff; background: #1c1c1f; }
.account-content { padding: 8px 28px 90px; min-width: 0; }
.asset-workbench { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; }
.asset-main { display: contents; }
.total-card { order: 1; }
.account-cards { order: 2; }
.recent-bills { order: 3; }
.total-card { position: relative; overflow: hidden; background: radial-gradient(circle at 92% 14%,rgba(108,79,226,.2),transparent 24%),linear-gradient(135deg,#1b1922,#141414 58%); border: 1px solid #332b50; padding: 28px; margin-bottom: 20px; }
.total-card::after { content:""; position:absolute; width:220px; height:220px; right:-80px; top:-100px; border:1px solid #8b74f333; border-radius:50%; box-shadow:0 0 0 34px #8b74f30b,0 0 0 68px #8b74f307; }
.total-head { position:relative; z-index:1; display:flex; justify-content:space-between; align-items:flex-start; }.total-head span,.total-head small{display:block}.total-head span{color:#ddd;font-size:14px}.total-head small{color:#6f6b78;font-size:11px;margin-top:5px}.asset-status{display:flex;align-items:center;gap:6px;color:#817996;font-size:10px;font-weight:400}.asset-status i,.live-status i{width:6px;height:6px;border-radius:50%;background:#6ff0c9;box-shadow:0 0 8px #6ff0c9}.total-card>strong em{font-size:13px;font-style:normal;color:#9386c8;margin-left:6px}.asset-insights{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.asset-insights>div{padding:13px;background:#0f0f12aa;border:1px solid #292634}.asset-insights span,.asset-insights small{display:block;color:#777;font-size:10px}.asset-insights b{display:block;margin:7px 0 5px;color:#eee;font-size:12px}.asset-insights>div:first-child b,.asset-insights>div:first-child small{color:#23bd7b}.asset-actions{position:relative;z-index:1}.asset-actions button i{font-style:normal;color:#9f8cf3;margin-right:5px}
.total-card > span, .total-card > small, .account-cards span, .account-cards small { display: block; color: #777; }
.total-card > strong { display: block; font-size: 32px; margin: 16px 0; }
.total-card p { color: #777; }
.total-card p b, .account-cards p b { color: #23bd7b; }
.total-card button, .account-cards button { height: 34px; margin: 8px 8px 0 0; padding: 0 18px; border: 0; border-radius: 4px; background: #222; color: #ddd; cursor: pointer; }
.asset-growth-visual { position:absolute; z-index:2; right:118px; top:29px; width:174px; height:132px; display:grid; place-items:center; pointer-events:none; }
.asset-growth-visual::before { content:""; position:absolute; left:18px; right:7px; bottom:3px; height:16px; background:radial-gradient(ellipse,rgba(111,80,235,.34),transparent 70%); filter:blur(5px); }
.asset-growth-visual::after { content:""; position:absolute; inset:14px 12px 5px; border-bottom:1px solid rgba(139,116,243,.22); border-right:1px solid rgba(139,116,243,.12); transform:skewX(-14deg); }
.asset-growth-visual img { position:relative; z-index:2; width:154px; height:auto; object-fit:contain; filter:drop-shadow(0 10px 18px rgba(74,45,192,.3)); animation:asset-float 4s ease-in-out infinite; }
.asset-growth-ring { position:absolute; width:112px; height:112px; border:1px solid rgba(139,116,243,.22); border-radius:50%; box-shadow:0 0 0 14px rgba(139,116,243,.025),inset 0 0 25px rgba(139,116,243,.07); animation:asset-ring 5s linear infinite; }
.asset-growth-visual small { position:absolute; right:-4px; bottom:-7px; color:#5e5677; font-size:6px; letter-spacing:1.5px; }
.growth-particle { position:absolute; z-index:3; width:4px; height:4px; border-radius:50%; background:#7af2d0; box-shadow:0 0 8px #7af2d0; animation:growth-rise 2.8s ease-in infinite; }
.growth-particle.p1 { left:28px; bottom:22px; }
.growth-particle.p2 { left:65px; bottom:10px; animation-delay:-1s; }
.growth-particle.p3 { right:24px; bottom:28px; animation-delay:-2s; }
@keyframes asset-float { 0%,100% { transform:translateY(2px); } 50% { transform:translateY(-5px); } }
@keyframes asset-ring { to { transform:rotate(360deg); } }
@keyframes growth-rise { 0% { opacity:0; transform:translateY(6px) scale(.5); } 35% { opacity:1; } 100% { opacity:0; transform:translateY(-48px) scale(1.2); } }
@media (max-width:1180px) { .asset-growth-visual { right:94px; width:148px; } .asset-growth-visual img { width:132px; } }
@media (max-width:760px) { .asset-growth-visual { right:20px; top:42px; width:115px; height:98px; opacity:.72; } .asset-growth-visual img { width:105px; } .asset-growth-ring { width:82px; height:82px; } .total-card>strong { position:relative; z-index:3; } }
@media (max-width:480px) { .asset-growth-visual { display:none; } }
@media (prefers-reduced-motion:reduce) { .asset-growth-visual img,.asset-growth-ring,.growth-particle { animation:none!important; } }
.recent-bills { padding: 22px; }
.compact-table .tr { grid-template-columns: 1.25fr 1fr 1fr 1fr 1.5fr; }
.account-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; align-content:start; }.accounts-title{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:2px 2px 5px}.accounts-title span{color:#ddd;font-size:14px;font-weight:700}.accounts-title small{color:#666;font-size:10px}
.account-cards article { position:relative;overflow:hidden;background:linear-gradient(135deg,#191919,#151515);border:1px solid #292929;padding:17px;min-height:116px;transition:border-color .2s,transform .2s}.account-cards article:hover{transform:translateY(-2px);border-color:#4b416d}.account-top{display:flex;align-items:center;gap:8px}.account-top>span{color:#aaa;font-size:12px}.account-top>em{margin-left:auto;color:#6f6f77;font-size:9px;font-style:normal}.account-icon{width:27px;height:27px;display:grid;place-items:center;border:1px solid #47414f;background:#222;color:#aaa;font-style:normal;font-size:11px;font-weight:800}.account-icon.nft,.account-icon.dtt{color:#b6a5ff;border-color:#634db1;background:#29204d}.account-icon.trading{color:#70e5c4}.account-cards article>strong small{display:inline;color:#888;font-size:10px}.account-split{display:flex;gap:18px}.account-split span{color:#777;font-size:10px}.account-split b{color:#ddd}.plain-account p{display:flex;justify-content:space-between;color:#777;font-size:10px}.muted-account{opacity:.72}
.account-cards strong { display: block; font-size: 20px; margin: 13px 0; }
.account-cards em { font-size: 12px; font-style: normal; }
.account-cards .nft-account { border-color:#57429d;background:radial-gradient(circle at 100% 0,#39276588,transparent 42%),linear-gradient(135deg,#1d1928,#151419)}.nft-account::after{content:"NFT";position:absolute;right:-4px;bottom:-13px;color:#8b74f30c;font-size:64px;font-weight:900}.nft-account p{color:#827a91;font-size:10px}.live-status{display:flex;align-items:center;gap:5px!important;color:#6fe6c4!important}
.account-cards .nft-account small { color: #23bd7b; }
.account-cards .dtt-account { border-color:#5642a7;background:linear-gradient(150deg,#221b36,#151419 58%)}.dtt-progress{height:4px;background:#302b3c;margin:10px 0 5px;overflow:hidden}.dtt-progress i{display:block;height:100%;background:linear-gradient(90deg,#6c4fe2,#9f8cf3);box-shadow:0 0 8px #8b74f3}.dtt-account .sellable{margin-top:3px;padding-top:7px!important;border-top:1px solid #34303c}.dtt-account .sellable dt,.dtt-account .sellable dd{color:#b09cff}
.account-cards .dtt-account { grid-column: span 2; }
.account-cards .dtt-account dl { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:12px; }
.account-cards .dtt-account dl>div { display:block; padding:9px!important; background:#111015; border:1px solid #302a3e; }
.account-cards .dtt-account dl dt { margin-bottom:7px; }
.account-cards .dtt-account .sellable { margin-top:0; border-top:1px solid #5d48a4; }
.account-cards .dtt-account button { margin-top:11px; }
.settle-status { display:flex; align-items:center; gap:5px; color:#70e5c4!important; }
.settle-status i { width:6px; height:6px; border-radius:50%; background:#23bd7b; box-shadow:0 0 8px #23bd7b; animation:pulse 1.4s infinite; }
.mining-source { margin:0 0 11px; color:#8f86a3!important; }
.dtt-actions { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.account-cards .dtt-actions button { width:100%; margin:8px 0 0; }
.account-cards .dtt-actions button { display:flex; align-items:center; justify-content:center; gap:8px; min-height:40px; line-height:1.2; }
.account-cards .dtt-actions button span { display:inline-block; line-height:1; transform:none; }
.account-cards .dtt-actions .dtt-swap { background:#6c4fe2; color:#fff; }
.dtt-spot-account { border-color:#3d695f!important; background:linear-gradient(135deg,#171f1e,#151515)!important; }
.account-cards .dtt-rule { margin-top:9px; color:#686270; font-size:9px; }
.transfer-card { width:min(620px,100%); margin:0 auto; }
.transfer-card>.primary-btn { width:100%; margin-top:14px; }
.transfer-balance { padding:22px; border:1px solid #4c3a92; background:linear-gradient(135deg,#211934,#121116); }
.transfer-balance span,.transfer-balance em { display:block; color:#898291; font-size:12px; font-style:normal; }
.transfer-balance strong { display:block; margin:10px 0 7px; font-size:34px; color:#b09cff; }
.transfer-balance small { font-size:12px; }
.transfer-route { display:grid; grid-template-columns:1fr 38px 1fr; align-items:center; margin:18px 0; }
.transfer-route div { padding:15px; background:#101010; border:1px solid #2c2c2c; }
.transfer-route span { display:block; margin-bottom:7px; color:#74747b; font-size:10px; }
.transfer-route>i { text-align:center; color:#8b74f3; font-style:normal; }
.transfer-note { text-align:center; color:#6f6f77; font-size:11px; }
.account-cards dl { margin: 12px 0; }
.account-cards dl div { display: flex; justify-content: space-between; padding: 5px 0; font-size: 12px; }
.account-cards dt { color: #777; }
.account-cards dd { margin: 0; }
.bill-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px}.bill-dot.release{background:#8b74f3;box-shadow:0 0 7px #8b74f3}.bill-dot.transfer{background:#6fe6c4;box-shadow:0 0 7px #6fe6c4}.compact-table .tr:not(.th):hover{background:#1b1922}
.account-bill-tabs { padding-top: 8px; flex-wrap: wrap; }
.account-bill-tabs button { height: 52px; background: #1b1b1b; border: 1px solid #242424; }
.filters.start { justify-content: flex-start; align-items: flex-end; }
.filters label { color: #aaa; font-size: 13px; }
.filters label input, .filters label select { display: block; margin-top: 7px; min-width: 160px; }
.table-note { color: #888; font-size: 12px; }
.bill-row[hidden] { display: none; }
.legacy-copy { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.legacy-copy b { color: #aaa; font-size: 13px; font-weight: 400; }
.legacy-copy em { color: #b09cff; font-style: normal; font-weight: 700; margin-left: 5px; }
.legacy-actions { display: flex; align-items: center; gap: 12px; flex: 0 0 auto; }
.legacy-transfer-btn { height: 34px; padding: 0 16px; border: 1px solid #6c4fe2; border-radius: 4px; background: #6c4fe2; color: #fff; cursor: pointer; }
.legacy-transfer-btn:disabled { background: #333; border-color: #444; color: #777; cursor: default; }
.legacy-dtt-modal { width: min(620px, 100%); text-align: left; padding: 32px 34px 22px; overflow: hidden; background: linear-gradient(145deg,#1b1828 0%,#171717 48%,#101013 100%); border-color: #51418a; box-shadow: 0 0 0 1px rgba(126,93,235,.15), 0 24px 90px rgba(41,25,96,.42); }
.legacy-modal-grid { position: absolute; inset: 0; pointer-events: none; opacity: .3; background-image: linear-gradient(rgba(139,116,243,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(139,116,243,.08) 1px,transparent 1px); background-size: 28px 28px; mask-image: linear-gradient(120deg,#000,transparent 62%); }
.legacy-dtt-modal .modal-close { top: 8px; right: 12px; }
.legacy-badge { display: inline-flex; padding: 5px 9px; color: #b6a5ff; background: #29204e; border: 1px solid #56409b; font-size: 11px; }
.legacy-modal-icon { width: 52px; height: 52px; display: grid; place-items: center; margin: 18px 0 12px; border: 1px solid #7659dc; color: #b09cff; background: linear-gradient(145deg, #2b1f5d, #151126); font-weight: 800; letter-spacing: .5px; }
.legacy-modal-head { position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }
.legacy-dtt-modal h2 { margin: 16px 0 8px; font-size: 26px; letter-spacing: -.2px; }
.legacy-lead, .legacy-explain { color: #aaa; font-size: 13px; line-height: 1.65; }
.legacy-node { position: relative; flex: 0 0 116px; height: 106px; display: grid; place-items: center; border: 1px solid #6d56c5; background: linear-gradient(145deg,#352477,#141022); color: #c2b5ff; font-size: 28px; font-weight: 800; box-shadow: inset 0 0 24px rgba(139,116,243,.18),0 0 25px rgba(108,79,226,.22); }
.legacy-node::before,.legacy-node::after { content: ""; position: absolute; border: 1px solid #7b65de66; border-radius: 50%; transform: rotate(-25deg); }
.legacy-node::before { inset: 17px -18px; }.legacy-node::after { inset: 27px -28px; }
.legacy-node b { position: absolute; bottom: 10px; font-size: 7px; letter-spacing: 1.5px; color: #79f2d0; }
.legacy-node i { position: absolute; top: 12px; width: 5px; height: 5px; border-radius: 50%; background: #79f2d0; box-shadow: 0 0 8px #79f2d0; }.legacy-node i:nth-of-type(1){right:22px}.legacy-node i:nth-of-type(2){right:13px;background:#f5c56a;box-shadow:0 0 8px #f5c56a}.legacy-node i:nth-of-type(3){right:4px;background:#ff6681;box-shadow:0 0 8px #ff6681}
.legacy-balance-card { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; margin: 24px 0 16px; padding: 17px 18px; background: rgba(10,10,14,.72); border: 1px solid #403665; }
.legacy-balance-card span { color: #888; font-size: 12px; }
.legacy-balance-card div small { display: block; margin-top: 5px; color: #696375; font-size: 11px; }
.legacy-balance-card strong { color: #b09cff; font-size: 24px; }
.legacy-balance-card small { font-size: 12px; }
.legacy-benefits { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; margin: 14px 0 18px; }
.legacy-benefits div { min-height: 72px; padding: 11px; background: rgba(35,28,62,.5); border: 1px solid #373052; }
.legacy-benefits i { display: block; color: #9d89ff; font-size: 10px; font-style: normal; font-weight: 700; }.legacy-benefits span { display: block; margin-top: 8px; color: #bdb6ca; font-size: 11px; line-height: 1.45; }
.legacy-dtt-modal .primary-btn { width: 100%; margin-top: 8px; }
.legacy-dtt-modal .text-btn { display: block; width: 100%; text-align: center; }
.legacy-dtt-modal .primary-btn span { margin-left: 8px; font-size: 18px; vertical-align: -1px; }
@media (max-width: 600px) { .legacy-dtt-modal { padding: 26px 20px 18px; }.legacy-modal-head { display:block; }.legacy-node { margin: 20px auto 0; }.legacy-dtt-modal h2 { font-size: 22px; }.legacy-benefits { grid-template-columns: 1fr; }.legacy-benefits div { min-height: auto; }.legacy-balance-card strong { font-size: 20px; } }

.mining-unlock-panel,.dcc-panel{position:relative;overflow:hidden;padding:24px;border:1px solid #403665;background:linear-gradient(145deg,#191724,#121214 62%);grid-column:1/-1}.mining-unlock-panel::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#7e60ef,#a590ff,transparent)}.module-heading{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.module-heading h2{margin:7px 0 0;font-size:20px}.module-heading>small{color:#706b78;font-size:11px}.unlock-primary{margin:22px 0 15px;padding:18px;border-left:3px solid #8267ed;background:#100e18}.unlock-primary>span,.unlock-primary>p{display:block;margin:0;color:#817b8d;font-size:11px}.unlock-primary>strong{display:block;margin:9px 0;color:#fff;font-size:30px}.unlock-primary>strong small{color:#a996f3;font-size:12px}.unlock-metrics,.dcc-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.unlock-metrics>div,.dcc-metrics>div{padding:14px;border:1px solid #2f2b39;background:#0f0f12}.unlock-metrics span,.unlock-metrics small,.dcc-metrics span,.dcc-metrics small{display:block;color:#77727f;font-size:10px}.unlock-metrics b{display:block;margin:8px 0;color:#eee;font-size:14px}.unlock-formula{display:flex;align-items:flex-start;gap:14px;margin-top:14px;padding:12px 14px;background:#121117;color:#80798b;font-size:11px;line-height:1.65}.unlock-formula b{flex:0 0 auto;color:#aa96ff}.dcc-panel{border-color:#3a685d;background:radial-gradient(circle at 93% 12%,rgba(86,219,178,.09),transparent 25%),linear-gradient(145deg,#151c1b,#111214 60%)}.dcc-panel::after{content:"DCC";position:absolute;right:-12px;bottom:-46px;color:rgba(96,232,193,.025);font-size:150px;font-weight:900}.dcc-auto{position:relative;z-index:2;display:flex;align-items:center;gap:10px;color:#8d8992;font-size:11px}.dcc-auto button{position:relative;width:40px;height:22px;padding:0;border:0;border-radius:12px;background:#235f4f;cursor:pointer}.dcc-auto button i{position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:50%;background:#72ebc9;box-shadow:0 0 9px #72ebc9}.dcc-intro{position:relative;z-index:1;max-width:900px;margin:16px 0;color:#827f88;font-size:11px;line-height:1.7}.dcc-metrics{position:relative;z-index:1;grid-template-columns:repeat(4,1fr)}.dcc-metrics>div{border-color:#29423c;background:rgba(11,17,16,.82)}.dcc-metrics strong{display:block;margin:9px 0;color:#70e5c4;font-size:20px}.dcc-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;margin-top:14px}.dcc-footer>span{color:#6e7975;font-size:10px}.dcc-footer>span i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#70e5c4;box-shadow:0 0 8px #70e5c4}.dcc-footer button{border:0;background:transparent;color:#70e5c4;font-size:11px;cursor:pointer}.dcc-panel--empty{opacity:.75}.dcc-panel--empty::before{content:"未持有 GPU‑NFT · DCC 不产出";position:absolute;right:24px;top:72px;color:#817d87;font-size:11px}.dcc-ledger{margin-top:16px}.dcc-ledger .panel-title>small{color:#777;font-size:10px}.dcc-status{width:max-content;padding:4px 8px;border:1px solid #5b4a9b;color:#a996f3}.dcc-status.injected{border-color:#356e5e;color:#70e5c4}.dcc-status.pending{border-color:#806329;color:#e4bd6c}
.dcc-ledger-empty{min-height:180px;display:grid;place-content:center;gap:8px;text-align:center;color:#77727f}.dcc-ledger-empty[hidden]{display:none}.dcc-ledger-empty strong{color:#e9e7ee;font-size:16px}.dcc-ledger-empty span{font-size:11px}
@media(max-width:760px){.unlock-metrics,.dcc-metrics{grid-template-columns:1fr 1fr}.module-heading{display:block}.module-heading>small,.dcc-auto{margin-top:12px}.unlock-formula{display:block}.unlock-formula b{display:block;margin-bottom:5px}.dcc-footer{align-items:flex-start;gap:12px}.dcc-panel--empty::before{position:static;display:block;margin:12px 0}}
@media(max-width:480px){.unlock-metrics,.dcc-metrics{grid-template-columns:1fr}}
.miner-scene { position: relative; width: 430px; height: 290px; display: grid; place-items: center; perspective: 700px; }
.miner-halo { position: absolute; width: 250px; height: 190px; border: 1px solid rgba(143,112,255,.45); border-radius: 50%; transform: rotate(-20deg); box-shadow: 0 0 45px rgba(104,68,226,.25); }
.b300-miner { position: relative; width: 230px; height: 170px; transform: rotate(-7deg) skewY(-3deg); background: linear-gradient(145deg,#5e42bc 0%,#2b205d 42%,#12111c 43%,#252040 100%); border: 1px solid #a58cff; box-shadow: 18px 24px 0 rgba(15,12,31,.75), 0 0 32px rgba(112,78,236,.5); z-index: 2; }
.miner-top { height: 30px; display: flex; align-items: center; gap: 7px; padding: 0 13px; background: linear-gradient(90deg,#9577ff,#3c2a87); border-bottom: 1px solid #af9dff; color: #fff; font-size: 12px; font-weight: 800; letter-spacing: 1px; }
.miner-top em { margin-left: auto; color: #7af2d0; font-size: 7px; font-style: normal; letter-spacing: 1.5px; }
.miner-top i { width: 5px; height: 5px; margin-left: 0; border-radius: 50%; background: #72f4cd; box-shadow: 0 0 8px #72f4cd; animation: status-blink 1.4s ease-in-out infinite; }
.miner-top i + i { margin-left: 0; background: #f3c76a; box-shadow: 0 0 8px #f3c76a; }
.miner-top i + i + i { background: #ff6681; box-shadow: 0 0 8px #ff6681; }
.miner-face { height: 92px; padding: 14px 16px; position: relative; }
.miner-face strong { display: block; color: #fff; font-size: 21px; letter-spacing: 1px; }
.miner-face strong span { color: #ab97ff; }
.miner-face b { display: block; margin-top: 5px; color: #9d91c8; font-size: 7px; letter-spacing: 2px; }
.scan-line { position: absolute; left: 0; right: 0; top: 0; height: 1px; background: linear-gradient(90deg, transparent, #8af6df, transparent); box-shadow: 0 0 10px #72f4cd; animation: scan 2.3s ease-in-out infinite; }
.miner-screen { position: absolute; right: 16px; top: 22px; display: flex; gap: 4px; align-items: end; height: 30px; }
.miner-screen i { width: 5px; height: 12px; background: #76f0d0; box-shadow: 0 0 8px #76f0d0; }
.miner-screen i:nth-child(2) { height: 22px; }
.miner-screen i:nth-child(3) { height: 17px; }
.miner-vents { height: 22px; display: flex; gap: 8px; padding: 0 16px; align-items: center; background: #151329; }
.miner-vents i { width: 22px; height: 4px; border-radius: 3px; background: #7064a5; box-shadow: inset 0 0 5px #05040b; }
.miner-base { height: 25px; display: flex; align-items: center; justify-content: space-between; padding: 0 14px; color: #8d82bd; font-size: 8px; letter-spacing: 1px; }
.miner-base b { display: inline-flex; align-items: center; gap: 4px; color: #6df1c9; font-size: 8px; }
.miner-base b i { width: 5px; height: 5px; border-radius: 50%; background: #6df1c9; box-shadow: 0 0 8px #6df1c9; animation: status-blink 1s ease-in-out infinite; }
.miner-orbit { position: absolute; border: 1px solid #6c4fe266; border-radius: 50%; transform: rotate(-18deg); }
.miner-orbit.orbit-one { width: 360px; height: 120px; }
.miner-orbit.orbit-two { width: 420px; height: 170px; }
.hash-field { position: absolute; inset: 20px 0 0; z-index: 1; pointer-events: none; }
.hash-field i { position: absolute; width: 3px; height: 3px; border-radius: 50%; background: #9e88ff; box-shadow: 0 0 8px #9e88ff; animation: hash-float 3s ease-in-out infinite; }
.hash-field i:nth-child(1){left:12%;top:32%;animation-delay:-.2s}.hash-field i:nth-child(2){left:22%;top:70%;animation-delay:-1.4s}.hash-field i:nth-child(3){left:78%;top:23%;animation-delay:-2.1s}.hash-field i:nth-child(4){left:88%;top:62%;animation-delay:-.9s}.hash-field i:nth-child(5){left:66%;top:80%;animation-delay:-1.8s}.hash-field i:nth-child(6){left:34%;top:18%;animation-delay:-2.6s}.hash-field i:nth-child(7){left:92%;top:38%;animation-delay:-.5s}.hash-field i:nth-child(8){left:8%;top:54%;animation-delay:-2.9s}
.energy-stream { position: absolute; width: 150px; height: 1px; background: linear-gradient(90deg, transparent, #72f4d0, transparent); box-shadow: 0 0 10px #72f4d0; transform: rotate(-24deg); opacity: .7; animation: stream-flow 2s linear infinite; }
.stream-a { left: -2px; top: 82px; }
.stream-b { right: -10px; top: 185px; transform: rotate(22deg); animation-delay: -1s; }
.miner-readout { position: absolute; right: -2px; bottom: 26px; z-index: 4; padding: 8px 11px; border-left: 2px solid #72f4d0; background: rgba(11,10,25,.78); color: #8e84b5; font-size: 7px; letter-spacing: 1px; box-shadow: 0 0 18px rgba(114,244,208,.14); }
.miner-readout strong { display: block; margin-top: 4px; color: #fff; font-size: 15px; letter-spacing: 0; }
.miner-readout small { color: #72f4d0; font-size: 8px; }
.miner-readout > i { display: block; width: 80px; height: 2px; margin-top: 6px; background: linear-gradient(90deg,#72f4d0 68%,#2a2840 68%); }
@keyframes scan { 0%,100% { top: 5px; opacity: 0; } 15% { opacity: 1; } 85% { opacity: 1; } 92% { top: 86px; opacity: 0; } }
@keyframes status-blink { 50% { opacity: .35; transform: scale(.72); } }
@keyframes hash-float { 0%,100% { transform: translate3d(0,0,0); opacity: .35; } 50% { transform: translate3d(8px,-14px,0); opacity: 1; } }
@keyframes stream-flow { 0% { transform: translateX(-50px) rotate(-24deg); opacity: 0; } 35% { opacity: .8; } 100% { transform: translateX(90px) rotate(-24deg); opacity: 0; } }
.exchange-input { position: relative; padding-right: 12px; }
.exchange-input input { padding-right: 8px; }
.max-btn { border: 0; background: transparent; color: #a993ff; font-size: 12px; font-weight: 700; cursor: pointer; padding: 6px 8px; }
.max-btn:hover { color: #c5b8ff; }
.available-balance { color: #777; font-size: 12px; margin: -2px 0 14px; }
.available-balance strong { color: #b09cff; font-weight: 500; margin-left: 4px; }
.swap-fields { position:relative; display:grid; gap:8px; margin:20px 0 14px; }
.swap-field { position:relative; min-height:116px; padding:17px; background:#101010; border:1px solid #303036; }
.swap-field.receive-field { background:#131218; border-color:#373042; }
.swap-field-head { display:flex; align-items:center; justify-content:space-between; color:#96969e; font-size:12px; }
.swap-field-head small { color:#696970; }
.swap-field-head b { color:#a99bef; font-weight:500; }
.swap-value-row { display:flex; align-items:center; gap:12px; margin-top:16px; }
.swap-value-row input,.swap-value-row>strong { flex:1; min-width:0; padding:0; border:0; outline:0; background:transparent; color:#fff; font-size:27px; font-weight:600; }
.currency-select { position:relative; flex:0 0 auto; display:grid; grid-template-columns:34px minmax(88px,1fr) 12px; align-items:center; gap:9px; min-width:172px; height:54px; padding:0 13px 0 10px; background:#222128; border:1px solid #494651; cursor:pointer; transition:border-color .2s,background .2s,transform .2s; }
.currency-select::before { content:""; position:absolute; inset:5px auto 5px 0; width:2px; background:#6c4fe2; opacity:.85; }
.currency-select:hover { border-color:#7866bd; background:#292631; transform:translateY(-1px); }
.currency-select:focus-within { border-color:#8b74f3; box-shadow:0 0 0 2px rgba(139,116,243,.12); }
.currency-select i { width:34px; height:34px; display:grid; place-items:center; border-radius:50%; background:#6c4fe2; border:1px solid #8f79ef; box-shadow:0 0 0 4px rgba(108,79,226,.1),0 0 16px rgba(108,79,226,.3); color:#fff; font-size:11px; font-style:normal; font-weight:800; }
.currency-select.is-usdt::before { background:#26a17b; }
.currency-select.is-usdt i { background:#1e8e6e; border-color:#45bc98; box-shadow:0 0 0 4px rgba(38,161,123,.1),0 0 16px rgba(38,161,123,.25); }
.currency-copy { min-width:0; }
.currency-copy b,.currency-copy small { display:block; white-space:nowrap; }
.currency-copy b { color:#f4f4f5; font-size:15px; line-height:1.15; }
.currency-copy small { margin-top:4px; overflow:hidden; color:#77737f; font-size:8px; text-overflow:ellipsis; }
.currency-select select { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.currency-chevron { width:8px; height:8px; border-right:1.5px solid #c8c5ce; border-bottom:1.5px solid #c8c5ce; transform:rotate(45deg) translateY(-2px); transition:transform .2s; }
.currency-select:focus-within .currency-chevron { transform:rotate(225deg) translate(-2px,-1px); }
.swap-max { position:absolute; left:13px; bottom:7px; }
.swap-direction { position:absolute; z-index:2; left:50%; top:50%; width:42px; height:42px; transform:translate(-50%,-50%); border:5px solid #171717; border-radius:6px; background:#28262e; color:#fff; font-size:20px; cursor:pointer; transition:.2s; }
.swap-direction:hover { color:#b8a8ff; transform:translate(-50%,-50%) rotate(180deg); }
.exchange-card { position:relative; overflow:hidden; border-color:#302a3f; background:linear-gradient(145deg,#19171f 0%,#151515 44%,#121212 100%); box-shadow:0 22px 60px rgba(0,0,0,.28); }
.exchange-card::before { content:""; position:absolute; inset:0 0 auto; height:2px; background:linear-gradient(90deg,transparent,#7658ef 32%,#a08cff 68%,transparent); opacity:.8; }
.exchange-card::after { content:"DTT"; position:absolute; right:-14px; top:24px; color:rgba(139,116,243,.035); font-size:116px; font-weight:900; pointer-events:none; }
.swap-card-head { position:relative; z-index:1; display:flex; justify-content:space-between; gap:24px; padding:5px 1px 19px; border-bottom:1px solid #2c2933; }
.swap-card-head h2 { margin:16px 0 8px; font-size:25px; }
.swap-card-head p { margin:0; font-size:12px; }
.swap-live { min-width:132px; align-self:flex-start; padding:11px 12px; border-left:2px solid #6c4fe2; background:#121117; }
.swap-live i { display:inline-block; width:6px; height:6px; margin-right:6px; border-radius:50%; background:#23bd7b; box-shadow:0 0 9px #23bd7b; animation:pulse 1.5s infinite; }
.swap-live span { color:#8b8792; font-size:10px; }
.swap-live b { display:block; margin-top:7px; color:#ddd; font-size:12px; }
.exchange-card .tag { display:inline-flex; align-items:center; height:27px; padding:0 10px; background:#241c40; border-color:#5f49b2; }
.exchange-card .swap-fields { margin-top:18px; gap:9px; }
.exchange-card .swap-field { min-height:126px; padding:17px 18px; transition:border-color .2s,background .2s; }
.exchange-card .swap-field:focus-within { border-color:#6c4fe2; background:#121019; box-shadow:inset 3px 0 0 #6c4fe2; }
.exchange-card .swap-value-row { margin-top:18px; }
.exchange-card .swap-value-row input,.exchange-card .swap-value-row>strong { font-size:30px; }
.exchange-card .currency-select { height:54px; border-color:#4a4654; background:#26242d; }
.exchange-card .currency-select:hover { border-color:#7563ba; }
.exchange-card .currency-select i { box-shadow:0 0 14px rgba(108,79,226,.36); }
.exchange-card .swap-direction { width:46px; height:46px; background:#282531; border-color:#17151c; box-shadow:0 7px 18px #000; }
.exchange-card .exchange-rate { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:10px; margin:16px 0 19px; padding:11px 13px; border:1px solid #2d2938; background:#121116; }
.exchange-card .exchange-rate span,.exchange-card .exchange-rate small { color:#6f6b77; font-size:10px; }
.exchange-card .exchange-rate b { color:#b2a3f1; font-size:12px; }
.exchange-card>.primary-btn,.exchange-card #earlyMarket>.primary-btn { height:48px; border-color:#8068e9; background:linear-gradient(90deg,#5e41d6,#7759e8); box-shadow:0 10px 25px rgba(89,61,201,.2); }
.exchange-card #earlyMarket>.primary-btn:hover { filter:brightness(1.08); transform:translateY(-1px); }
@media (max-width:560px) { .swap-card-head { display:block; } .swap-live { display:none; } .exchange-card .swap-value-row input,.exchange-card .swap-value-row>strong { font-size:24px; } .exchange-card .currency-select { grid-template-columns:30px 48px 10px; min-width:112px; padding:0 8px; gap:6px; } .currency-select i{width:30px;height:30px}.currency-copy small{display:none} }
.quote-card { position:relative; min-height:650px; overflow:hidden; background:linear-gradient(155deg,#171719 0%,#111217 58%,#101713 100%); }
.quote-card::before { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(rgba(139,116,243,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(139,116,243,.035) 1px,transparent 1px); background-size:32px 32px; mask-image:linear-gradient(to bottom,transparent 12%,#000 48%,transparent 100%); }
.quote-card>span,.quote-card>strong,.quote-card>.up { position:relative; z-index:5; }
.quote-card>span { text-transform:uppercase; letter-spacing:1.2px; }
.quote-card>strong { font-size:46px; }
.quote-card>.up { display:inline-flex; width:max-content; align-items:center; gap:6px; padding:5px 8px; margin-top:3px; border-left:2px solid #23bd7b; background:rgba(35,189,123,.07); }
.market-miner-scene { width:100%; height:430px; margin-top:3px; perspective:900px; }
.market-miner-scene::before { content:"MINING COMPUTE NETWORK"; position:absolute; left:18px; top:36px; color:#665a85; font-size:8px; letter-spacing:2px; }
.market-miner-scene::after { content:"BLOCK  #084219  ·  00:47"; position:absolute; right:18px; top:36px; color:#4f7e70; font-size:8px; letter-spacing:1px; animation:status-blink 1.8s infinite; }
.market-miner-scene .b300-miner { scale:1.28; animation:miner-hover 4s ease-in-out infinite; }
.market-miner-scene .miner-halo { width:360px; height:235px; animation:halo-pulse 3s ease-in-out infinite; }
.market-miner-scene .miner-orbit.orbit-one { width:470px; }
.market-miner-scene .miner-orbit.orbit-two { width:540px; }
.market-miner-scene .hash-field { inset:45px 7% 65px; }
.market-miner-scene .energy-stream { width:210px; }
.market-miner-scene .miner-readout { right:8%; bottom:92px; transform:scale(1.08); }
.mining-telemetry { position:absolute; left:0; right:0; bottom:0; z-index:6; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #34313d; background:rgba(13,13,16,.9); backdrop-filter:blur(8px); }
.mining-telemetry>div { padding:13px 15px; border-right:1px solid #2e2c34; }
.mining-telemetry>div:last-child { border:0; }
.mining-telemetry span,.mining-telemetry b { display:block; }
.mining-telemetry span { color:#67646e; font-size:8px; text-transform:uppercase; }
.mining-telemetry b { margin-top:6px; color:#d8d5df; font-size:11px; }
.mining-telemetry b i { display:inline-block; width:5px; height:5px; margin-right:5px; border-radius:50%; background:#23bd7b; box-shadow:0 0 8px #23bd7b; animation:status-blink 1.2s infinite; }
.mining-telemetry>div:last-child b { color:#70e5c4; }
@keyframes miner-hover { 0%,100% { translate:0 1px; } 50% { translate:0 -7px; } }
@keyframes halo-pulse { 0%,100% { opacity:.5; scale:.96; } 50% { opacity:1; scale:1.04; } }
@media (max-width:900px) { .quote-card{min-height:540px}.market-miner-scene{height:350px}.market-miner-scene .b300-miner{scale:1}.market-miner-scene .miner-orbit.orbit-one{width:340px}.market-miner-scene .miner-orbit.orbit-two{width:400px}.market-miner-scene .miner-readout{right:4%;bottom:78px}.mining-telemetry{grid-template-columns:1fr}.mining-telemetry>div{display:flex;justify-content:space-between;padding:8px 12px;border-right:0;border-bottom:1px solid #29272e}.mining-telemetry b{margin:0} }
@media (prefers-reduced-motion:reduce) { .market-miner-scene *,.market-miner-scene::after { animation:none!important; } }
.inventory-panel { position: relative; overflow: hidden; transition: border-color .3s, box-shadow .3s, background-color .3s; }
.metrics > div { position: relative; }
.metrics > div::before { content: ""; position: absolute; inset: -10px 18px -10px 0; border: 1px solid transparent; background: linear-gradient(110deg, rgba(108,79,226,.08), transparent 70%); pointer-events: none; }
.metrics strong { font-variant-numeric: tabular-nums; text-shadow: 0 0 24px rgba(139,116,243,.16); }
.metrics .remaining strong { text-shadow: 0 0 22px rgba(146,121,255,.35); }
.number-updated { animation: number-pop .52s ease-out; }
.progress { position: relative; border: 1px solid #34313e; box-shadow: inset 0 0 12px #000; }
.progress span { position: relative; overflow: hidden; box-shadow: 0 0 14px rgba(139,116,243,.35); }
.progress span::after { content: ""; position: absolute; inset: 0; width: 34%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent); transform: translateX(-140%); animation: progress-shine 2.4s ease-in-out infinite; }
.progress > i { position: absolute; top: 50%; width: 10px; height: 10px; border-radius: 50%; background: #a28eff; box-shadow: 0 0 12px #8b74f3; transform: translate(-50%,-50%); left: var(--progress-end, 34.82%); pointer-events: none; transition: left .55s ease; }
.scarcity-footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 12px; }
.fixed-scarcity { display: flex; align-items: center; gap: 8px; color: #b8adcf; font-size: 12px; }
.fixed-scarcity i { width: 6px; height: 6px; border-radius: 50%; background: #8b74f3; box-shadow: 0 0 10px #8b74f3; }
.scarcity-footer .alert-line { margin-top: 0; }
.inventory-updated { animation: inventory-update .65s ease-out; }
body.warning .inventory-panel { border-color: #7b6040; background: linear-gradient(90deg, rgba(255,159,67,.035), #111 34%); }
body.warning .remaining strong, body.warning .alert-line { color: #ffad5c; }
body.warning .progress span { background: linear-gradient(90deg,#6c4fe2,#ff9f43); }
body.urgent .fixed-scarcity, body.critical .fixed-scarcity { color: #ffb467; }
body.urgent .progress span { background: linear-gradient(90deg,#815dff,#ff8a34); }
body.urgent .remaining { animation: scarcity-pulse 1.35s ease-in-out infinite; }
body.critical .progress span { background: linear-gradient(90deg,#ff9f43,#ff4d67); }
body.critical .remaining, body.critical .fixed-scarcity { animation: scarcity-pulse .78s ease-in-out infinite; }
body.critical .fixed-scarcity { color: #ff6379; }
body.soldout .progress span { background: #555; box-shadow: none; }
body.soldout .progress span::after, body.soldout .progress > i { display: none; }
@keyframes number-pop { 0% { opacity:.45; transform:translateY(7px) scale(.98); } 65% { color:#fff; transform:translateY(-2px) scale(1.035); } 100% { opacity:1; transform:none; } }
@keyframes progress-shine { 0%,35% { transform:translateX(-140%); } 75%,100% { transform:translateX(390%); } }
@keyframes scarcity-pulse { 50% { opacity:.68; filter:brightness(1.25); } }
@keyframes inventory-update { 0% { box-shadow:0 0 0 rgba(139,116,243,0); } 45% { box-shadow:0 0 30px rgba(139,116,243,.2); } 100% { box-shadow:none; } }
@media (prefers-reduced-motion: reduce) { .number-updated, .inventory-updated, .progress span::after, body.urgent .remaining, body.critical .remaining, body.critical .fixed-scarcity { animation:none !important; } }
@media (max-width: 1180px) {
  .account-cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .account-cards .dtt-account { grid-column: span 2; }
}
@media (max-width: 900px) {
  .miner-scene { width: 330px; height: 240px; transform: scale(.86); }
  .account-page.active { display: block; margin: -18px -14px -100px; }
  .account-sidebar { display: none; }
  .account-content { padding: 10px 14px 100px; }
  .asset-workbench { grid-template-columns: 1fr; }
  .account-cards { grid-template-columns: 1fr; }
  .account-cards .dtt-account { grid-column: auto; }
  .account-cards .dtt-account dl { grid-template-columns: 1fr; }
  .account-bill-tabs { overflow-x: auto; flex-wrap: nowrap; }
  .account-bill-tabs button { white-space: nowrap; }
  .filters.start { align-items: stretch; flex-direction: column; }
  .filters label input, .filters label select { width: 100%; }
  .legacy-copy { display: block; }
  .legacy-copy span, .legacy-copy b { display: block; margin-top: 6px; }
  .legacy-actions { margin-top: 10px; }
}