:root{--bg:#07111f;--panel:#0d1a2c;--panel2:#101f34;--line:#1d3047;--text:#f4f8ff;--muted:#8293aa;--cyan:#28d7c3;--cyan2:#57f3dc;--red:#ff6177;--green:#28d99a;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;background:radial-gradient(circle at 80% -10%,#123955 0,transparent 32rem),var(--bg);color:var(--text);font:14px/1.5 Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;min-height:100vh}.shell{max-width:520px;min-height:100vh;margin:auto;position:relative;padding-bottom:calc(76px + var(--safe-bottom));background:linear-gradient(180deg,rgba(10,24,41,.35),rgba(7,17,31,.98));box-shadow:0 0 80px rgba(0,0,0,.24)}button,input,select{font:inherit}.topbar{height:64px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:rgba(7,17,31,.8);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.04)}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;letter-spacing:1.8px}.brand-mark{width:30px;height:30px;border-radius:9px;display:inline-grid;place-items:center;background:linear-gradient(135deg,var(--cyan2),#109ab4);color:#03212b;font-weight:950;box-shadow:0 0 24px rgba(40,215,195,.28)}.icon-btn{width:34px;height:34px;border:1px solid var(--line);background:#0c1929;color:#c6d3e4;border-radius:10px}.page{display:none;min-height:calc(100vh - 140px)}.page.active{display:block;animation:fade .25s ease}@keyframes fade{from{opacity:.4;transform:translateY(5px)}}.hero{min-height:410px;margin:0 12px 20px;padding:56px 22px 26px;border:1px solid rgba(82,235,221,.12);border-radius:0 0 30px 30px;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(17,45,66,.8),rgba(8,20,35,.4))}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(95,230,220,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(95,230,220,.04) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(to bottom,#000,transparent);pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:330px}.eyebrow,.section-head small,.page-title small{font-size:10px;color:var(--cyan);letter-spacing:2.4px;font-weight:800}.hero h1{font-size:36px;line-height:1.18;margin:14px 0 12px;letter-spacing:-1.5px}.hero h1 em{font-style:normal;color:var(--cyan2)}.hero p{color:#94a7bc;font-size:14px;margin:0;max-width:250px}.hero-actions{display:flex;gap:10px;margin-top:28px}.btn{border:0;border-radius:12px;padding:12px 18px;font-weight:700;color:#dce8f5;background:#17283c;cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--cyan2),#1dbbc2);color:#05212a;box-shadow:0 8px 24px rgba(40,215,195,.18)}.btn.ghost{border:1px solid #2b4059;background:rgba(12,25,41,.7)}.btn.small{padding:9px 14px;font-size:12px}.market-orbit{position:absolute;right:-45px;bottom:-28px;width:210px;height:210px;border:1px solid rgba(80,234,219,.18);border-radius:50%;box-shadow:inset 0 0 50px rgba(28,173,190,.06)}.market-orbit:before,.market-orbit:after{content:"";position:absolute;border:1px solid rgba(80,234,219,.12);border-radius:50%;inset:25px}.market-orbit:after{inset:55px}.market-orbit .coin{position:absolute;inset:62px;display:grid;place-items:center;border-radius:50%;font-size:42px;color:#052531;background:linear-gradient(145deg,#58f2dd,#15a8b8);box-shadow:0 0 44px rgba(43,224,207,.28);transform:rotate(9deg)}.market-orbit i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--cyan2);box-shadow:0 0 14px var(--cyan)}.market-orbit i:nth-of-type(1){left:18px;top:68px}.market-orbit i:nth-of-type(2){right:32px;top:25px}.market-orbit i:nth-of-type(3){right:8px;bottom:72px}.section{padding:12px 16px 24px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:14px}.section-head h2{font-size:21px;margin:2px 0 0}.live{font-size:11px;color:var(--muted)}.live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.ticker-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.ticker{padding:12px 10px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#102137,#0b1727)}.ticker b{font-size:12px}.ticker strong{display:block;font-size:16px;margin:6px 0 1px}.up{color:var(--green)!important}.down{color:var(--red)!important}.ticker small{font-size:10px;color:var(--muted)}.market-card{border:1px solid var(--line);background:rgba(12,25,42,.88);border-radius:18px;overflow:hidden}.market-card.full{margin:0 16px}.market-tabs{display:flex;gap:3px;padding:10px;border-bottom:1px solid var(--line)}.market-tabs button{border:0;background:none;color:var(--muted);padding:7px 12px;border-radius:9px}.market-tabs button.selected{color:var(--cyan2);background:rgba(40,215,195,.1)}.market-header,.market-row{display:grid;grid-template-columns:1.2fr 1fr .85fr;align-items:center}.market-header{padding:10px 14px;color:#667a92;font-size:10px}.market-header span:not(:first-child),.market-row>span:not(:first-child){text-align:right}.market-row{padding:13px 14px;border-top:1px solid rgba(39,60,82,.55)}.market-row b{font-size:13px}.market-row b small{font-weight:500;color:#667a92}.market-row .price{font-variant-numeric:tabular-nums}.change{justify-self:end;min-width:64px;padding:5px 7px;border-radius:7px;background:rgba(40,217,154,.1);font-size:11px;text-align:center}.change.down{background:rgba(255,97,119,.1)}.loading{padding:30px;text-align:center;color:var(--muted)}.loading i{display:inline-block;width:16px;height:16px;border:2px solid #27425b;border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite;vertical-align:-3px;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.service-grid article{min-height:134px;padding:17px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#102036,#0b1829)}.service-grid h3{font-size:14px;margin:14px 0 4px}.service-grid p{font-size:11px;color:var(--muted);margin:0}.service-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-size:18px;background:#17324b}.service-icon.cyan{color:var(--cyan)}.service-icon.violet{color:#b28aff}.service-icon.green{color:var(--green)}.service-icon.amber{color:#ffc45b}.page-title{padding:46px 20px 24px}.page-title h1{font-size:30px;margin:5px 0}.page-title p{color:var(--muted);margin:0}.asset-card{margin:12px 16px;padding:24px;border:1px solid #24445c;border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(40,215,195,.18),transparent 50%),#0e2034}.asset-card small{color:#87a0b7}.asset-card strong{display:inline-block;font-size:32px;margin:18px 8px 20px 0;letter-spacing:2px}.asset-card>span{color:var(--muted)}.asset-card .btn{display:block}.notice-box{margin:16px;display:flex;gap:12px;color:var(--muted);padding:14px;background:#0c1929;border-radius:14px}.notice-box span{flex:0 0 22px;height:22px;border:1px solid #36516d;border-radius:50%;display:grid;place-items:center}.notice-box p{margin:0;font-size:12px}.profile-card{margin:30px 16px 14px;padding:22px;display:flex;align-items:center;gap:15px;border-radius:19px;background:linear-gradient(145deg,#10283d,#0c192b);border:1px solid var(--line)}.avatar{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,var(--cyan2),#1597b0);color:#06222d;font-size:22px;font-weight:900}.profile-card small{color:var(--muted)}.profile-card h2{margin:3px 0 0}.profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px 18px}.menu-list{margin:0 16px;border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#0c1929}.menu-list button{width:100%;padding:16px;border:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:24px 1fr 20px;text-align:left;color:#dbe7f4;background:transparent}.menu-list button:last-child{border-bottom:0}.menu-list i{text-align:right;color:#587087;font-style:normal}.menu-list .danger{color:var(--red)}.bottom-nav{position:fixed;z-index:30;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,520px);height:calc(68px + var(--safe-bottom));padding:8px 8px var(--safe-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:rgba(8,19,33,.94);border-top:1px solid var(--line);backdrop-filter:blur(18px)}.bottom-nav button{border:0;background:none;color:#667d95;display:flex;flex-direction:column;align-items:center;gap:2px}.bottom-nav button span{font-size:22px;line-height:28px}.bottom-nav button small{font-size:10px}.bottom-nav button.active{color:var(--cyan2)}.modal{position:fixed;z-index:100;inset:0;display:none;align-items:flex-end;justify-content:center}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(0,5,12,.7);backdrop-filter:blur(6px)}.modal-sheet{position:relative;width:min(100%,520px);max-height:92vh;overflow:auto;padding:28px 22px calc(26px + var(--safe-bottom));border-radius:26px 26px 0 0;background:#0c192a;border:1px solid #233b53;animation:sheet .28s ease}@keyframes sheet{from{transform:translateY(25px);opacity:.5}}.modal-close{position:absolute;right:18px;top:17px;width:34px;height:34px;border:0;border-radius:50%;background:#15263a;color:#9cb0c5;font-size:22px}.auth-head{text-align:center}.auth-head .brand-mark{margin-bottom:10px}.auth-head small{display:block;color:var(--cyan);letter-spacing:2px;font-size:9px}.auth-head h2{margin:6px 0 16px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:12px;background:#071321;margin-bottom:17px}.auth-tabs button{border:0;padding:9px;border-radius:9px;color:var(--muted);background:none}.auth-tabs button.active{background:#152b40;color:#fff}.auth-form{display:grid;gap:13px}.auth-form label{font-size:11px;color:#8fa3b8}.auth-form input,.auth-form select{display:block;width:100%;height:48px;margin-top:6px;padding:0 14px;border:1px solid #223a52;border-radius:12px;outline:0;background:#081522;color:#fff}.auth-form input:focus,.auth-form select:focus{border-color:var(--cyan)}.submit{height:48px;margin-top:4px}.auth-note{text-align:center;color:#5e738a;font-size:10px;margin:16px 0 0}.toast{position:fixed;z-index:200;left:50%;bottom:100px;transform:translate(-50%,15px);max-width:85%;padding:10px 16px;border-radius:10px;background:#dcecf1;color:#07131e;font-weight:650;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.hidden{display:none!important}@media(min-width:521px){body{padding:20px}.shell{min-height:calc(100vh - 40px);border:1px solid #1b2f45;border-radius:26px;overflow:hidden}.topbar{top:20px}.bottom-nav{bottom:20px;border-radius:0 0 26px 26px}.modal{align-items:center}.modal-sheet{border-radius:26px;max-height:86vh}}