*{box-sizing:border-box}body{margin:0;background:#0f172a;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;color:#e5e7eb}a{color:inherit;text-decoration:none}.phone-shell{max-width:480px;min-height:100vh;margin:0 auto;background:#111827;position:relative;box-shadow:0 0 40px rgba(0,0,0,.35);padding-bottom:84px}.topbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:rgba(17,24,39,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.badge{font-size:11px;margin-left:6px;padding:2px 6px;border-radius:20px;background:#1f2937;color:#93c5fd}.top-link{font-size:13px;color:#93c5fd}.alert{margin:12px 16px;padding:10px 12px;border-radius:12px;background:#1f2937;color:#e5e7eb;font-size:14px}.alert.success{background:#064e3b}.alert.danger{background:#7f1d1d}.alert.warning{background:#78350f}.hero,.wallet-hero{margin:16px;padding:22px;border-radius:24px;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 16px 35px rgba(37,99,235,.25)}.hero h1,.wallet-hero h1{margin:6px 0 10px;font-size:28px;line-height:1.15}.hero p,.wallet-hero p{margin:0;color:#dbeafe}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:12px}.hero-actions{display:flex;gap:10px;margin-top:16px}.btn{border:0;border-radius:12px;padding:10px 14px;background:#263244;color:#e5e7eb;display:inline-flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer}.btn.primary{background:#3b82f6;color:white}.btn.light{background:white;color:#1d4ed8}.btn.ghost{background:rgba(255,255,255,.14);color:white;border:1px solid rgba(255,255,255,.2)}.btn.block{width:100%}.notice{margin:12px 16px;padding:12px;border:1px solid rgba(251,191,36,.25);background:rgba(251,191,36,.08);color:#fde68a;border-radius:16px;font-size:13px}.grid-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px}.grid-metrics div{background:#1f2937;border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:14px;text-align:center}.grid-metrics b{display:block;font-size:18px;color:#fff}.grid-metrics span{font-size:12px;color:#9ca3af}.section-title{display:flex;align-items:center;justify-content:space-between;margin:22px 16px 12px}.section-title h2{margin:0;font-size:18px}.section-title a{font-size:13px;color:#93c5fd}.cards{display:grid;gap:14px;margin:0 16px}.product-card,.order-card,.panel{background:#1f2937;border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:16px}.product-card.large{padding:18px}.card-head{display:flex;justify-content:space-between;align-items:center;color:#9ca3af;font-size:13px}.coin{background:#0ea5e9;color:white;border-radius:99px;padding:4px 9px;font-weight:800}.product-card h3{margin:14px 0 10px;font-size:20px}.desc{font-size:13px;color:#9ca3af}.specs{display:flex;gap:10px;color:#9ca3af;font-size:13px}.specs b{color:#fff}.price-row{display:flex;justify-content:space-between;align-items:end;margin:14px 0}.price-row strong{font-size:20px;color:#fbbf24}.price-row small{color:#86efac}.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0}.spec-grid div{background:#111827;border-radius:14px;padding:12px}.spec-grid span{display:block;font-size:12px;color:#9ca3af}.spec-grid b{display:block;margin-top:4px;color:#fff}.article-list{margin:0 16px;background:#1f2937;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.07)}.article-list a,.tx-row{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.article-list a:last-child,.tx-row:last-child{border-bottom:0}.article-list em,.tx-row small{font-style:normal;color:#9ca3af;font-size:12px}.page-title{margin:16px}.page-title h1{margin:4px 0;font-size:26px}.page-title p{margin:0;color:#9ca3af}.back{color:#93c5fd;font-size:14px}.chips{display:flex;gap:10px;margin:0 16px 14px}.chip{padding:9px 16px;border-radius:99px;background:#1f2937;color:#9ca3af}.chip.active{background:#3b82f6;color:#fff}.auth-card{margin:28px 16px;padding:22px;border-radius:24px;background:#1f2937;border:1px solid rgba(255,255,255,.07)}.auth-card h1{margin:0 0 8px}.auth-card p{color:#9ca3af}.form{display:grid;gap:12px}.form label{display:grid;gap:6px;color:#cbd5e1;font-size:14px}.form input,.form textarea,.form select{width:100%;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#111827;color:#e5e7eb;padding:12px;outline:none}.form input:focus,.form textarea:focus{border-color:#60a5fa}.center{text-align:center}.muted{color:#9ca3af}.panel{margin:14px 16px}.total-box{display:flex;justify-content:space-between;align-items:center;border-radius:14px;background:#111827;padding:14px}.total-box strong{color:#fbbf24;font-size:20px}.empty{padding:22px;color:#9ca3af;text-align:center;background:#1f2937;border-radius:18px}.status{padding:4px 8px;border-radius:99px;background:#374151}.status.active{background:#065f46}.status.completed{background:#1d4ed8}.status.cancelled{background:#7f1d1d}.wallet-hero h1 small{font-size:16px}.tx-row div{display:grid;gap:3px}.plus{color:#86efac}.minus{color:#fca5a5}.invite-card{margin:16px;padding:18px;border-radius:24px;background:#1f2937;text-align:center;border:1px solid rgba(255,255,255,.07)}.qr{width:120px;height:120px;margin:0 auto 12px;display:grid;place-items:center;border-radius:20px;background:repeating-linear-gradient(45deg,#fff 0 8px,#111 8px 16px);color:#3b82f6;font-weight:900}.invite-card input{width:100%;margin:10px 0;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#111827;color:#e5e7eb;padding:12px}.mine-head{display:flex;align-items:center;gap:12px;margin:16px;padding:18px;border-radius:22px;background:#1f2937}.mine-head h1{margin:0;font-size:20px}.mine-head p{margin:4px 0 0;color:#9ca3af}.mine-head>a{margin-left:auto;color:#93c5fd}.avatar{width:54px;height:54px;border-radius:18px;background:#3b82f6;display:grid;place-items:center;font-size:24px;font-weight:900}.wallet-mini{display:flex;align-items:center;gap:8px;margin:16px;padding:16px;border-radius:18px;background:linear-gradient(135deg,#1d4ed8,#312e81)}.wallet-mini strong{font-size:19px}.wallet-mini a{margin-left:auto;font-size:13px}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:16px}.menu-grid a{background:#1f2937;border-radius:18px;padding:16px;border:1px solid rgba(255,255,255,.06)}.menu-grid b{display:block}.menu-grid span{font-size:12px;color:#9ca3af}.list-menu{margin:16px;background:#1f2937;border-radius:18px;overflow:hidden}.list-menu a{display:flex;justify-content:space-between;padding:16px;border-bottom:1px solid rgba(255,255,255,.06)}.version{text-align:center;color:#6b7280;font-size:12px}.article-body{margin:16px;padding:18px;border-radius:20px;background:#1f2937;line-height:1.8;color:#d1d5db}.tabbar{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(480px,100%);display:grid;grid-template-columns:repeat(4,1fr);background:rgba(17,24,39,.96);border-top:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px);z-index:10}.tabbar a{padding:12px 0 18px;text-align:center;color:#9ca3af;font-size:13px}.tabbar a.active{color:#60a5fa;font-weight:800}.safe-bottom{height:16px}.install-body{display:grid;place-items:center;min-height:100vh}.install-card{width:min(520px,92vw);padding:28px;border-radius:24px;background:#1f2937;border:1px solid rgba(255,255,255,.08)}code{background:#111827;padding:2px 5px;border-radius:6px}

/* Web3 blockchain upgrade */
.brand{display:flex;align-items:center;gap:10px}.brand-logo{width:34px;height:34px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#22c55e,#3b82f6);font-weight:900}.brand small{display:block;color:#93c5fd;font-size:11px;margin-top:2px}.support-link{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#0f172a;border:1px solid rgba(255,255,255,.08)}.blockchain-hero{background:radial-gradient(circle at top left,rgba(34,197,94,.35),transparent 32%),linear-gradient(135deg,#2563eb,#7c3aed)}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px}.quick-grid a{background:#1f2937;border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:14px 8px;text-align:center}.quick-grid b{display:block;font-size:22px;margin-bottom:6px}.quick-grid span{font-size:12px;color:#cbd5e1}.intro-card p{line-height:1.8;color:#d1d5db}.feature-list{display:grid;gap:12px;margin:0 16px}.feature-list div{position:relative;overflow:hidden;background:#1f2937;border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:16px}.feature-list span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#0f172a;color:#60a5fa;font-weight:900}.feature-list b{display:block;margin:10px 0 6px}.feature-list p{margin:0;color:#9ca3af;font-size:13px;line-height:1.6}.doc-list a span{max-width:75%;line-height:1.35}.scroll-x{overflow-x:auto;padding-bottom:4px}.sort-bar{display:flex;gap:8px;margin:0 16px 14px;background:#1f2937;border-radius:16px;padding:8px}.sort-bar a{flex:1;text-align:center;font-size:12px;color:#9ca3af;border-radius:12px;padding:8px}.sort-bar a.active{background:#3b82f6;color:#fff;font-weight:800}.product-tags{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0 14px}.product-tags span{font-size:12px;color:#bfdbfe;background:rgba(59,130,246,.14);border:1px solid rgba(59,130,246,.25);border-radius:99px;padding:5px 9px}.asset-card{display:block}.asset-card strong{display:block;margin:6px 0 2px;font-size:26px}.asset-card small{display:block;color:#bfdbfe}.asset-card em{display:block;font-style:normal;font-size:12px;color:#93c5fd;margin-top:6px}.action-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px}.action-row a{background:#1f2937;border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:12px 8px;text-align:center}.action-row b{display:block;font-size:20px}.action-row span{display:block;margin-top:5px;font-size:12px;color:#cbd5e1}.asset-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px}.asset-breakdown div{background:#1f2937;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:12px;text-align:center}.asset-breakdown span{display:block;color:#9ca3af;font-size:12px}.asset-breakdown b{display:block;margin-top:6px;font-size:13px}.two-actions{display:grid;grid-template-columns:1.3fr 1fr;gap:10px}.chain-hero{display:grid;grid-template-columns:1fr 1fr;gap:12px}.chain-hero div{background:#111827;border-radius:16px;padding:14px}.chain-hero span,.network-grid span{display:block;color:#9ca3af;font-size:12px}.chain-hero b{display:block;margin-top:7px;font-size:20px}.network-grid{display:grid;gap:10px;margin:0 16px}.network-grid div{background:#1f2937;border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:14px}.network-grid b{display:block;margin-bottom:6px}.chain-row span{display:grid;gap:2px;text-align:right}.chain-row span small{font-size:12px;color:#86efac}.risk-line{font-size:12px;color:#fde68a;margin:10px 0 0}.tabbar{padding:8px 14px 10px;background:transparent;border-top:0;backdrop-filter:none;gap:8px}.tabbar:before{content:"";position:absolute;left:14px;right:14px;bottom:8px;top:8px;border-radius:28px;background:rgba(17,24,39,.96);border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 30px rgba(0,0,0,.28);z-index:-1}.tabbar a{border-radius:20px;padding:8px 0 10px;display:grid;gap:3px}.tabbar a.active{background:rgba(59,130,246,.14)}.tab-icon{font-size:19px;line-height:1;display:block}

/* Sign-in calendar and KYC upgrade */
.signin-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px}.signin-summary div{background:#1f2937;border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:14px;text-align:center}.signin-summary span{display:block;color:#9ca3af;font-size:12px}.signin-summary b{display:block;color:#fff;font-size:16px;margin-top:5px}.signin-action{display:flex;justify-content:space-between;align-items:center}.signin-action p{margin:5px 0 0;color:#9ca3af;font-size:12px}.signin-action .btn[disabled]{opacity:.55;cursor:not-allowed}.calendar-card{margin:16px;background:#1f2937;border:1px solid rgba(255,255,255,.07);border-radius:22px;padding:16px}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.calendar-head h2{margin:0;font-size:18px}.calendar-head a{width:34px;height:34px;border-radius:12px;background:#111827;display:grid;place-items:center;color:#93c5fd;font-size:24px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.calendar-grid.week span{text-align:center;color:#9ca3af;font-size:12px}.calendar-grid.days{margin-top:8px}.calendar-grid.days span{min-height:42px;border-radius:14px;background:#111827;display:grid;place-items:center;position:relative;color:#cbd5e1}.calendar-grid.days span.blank{background:transparent}.calendar-grid.days span.today{outline:1px solid #60a5fa}.calendar-grid.days span.signed{background:linear-gradient(135deg,#16a34a,#2563eb);color:white}.calendar-grid.days small{position:absolute;right:6px;top:4px;color:#bbf7d0;font-size:11px}.kyc-status-card{margin:16px;padding:18px;border-radius:22px;background:#1f2937;border:1px solid rgba(255,255,255,.07)}.kyc-status-card span{display:block;color:#9ca3af;font-size:13px}.kyc-status-card b{display:block;margin-top:6px;font-size:24px}.kyc-status-card.approved{background:linear-gradient(135deg,#065f46,#1d4ed8)}.kyc-status-card.pending{background:linear-gradient(135deg,#92400e,#1f2937)}.kyc-status-card.rejected{background:linear-gradient(135deg,#7f1d1d,#1f2937)}.kyc-status-card p{margin:10px 0 0;color:#fde68a;font-size:13px}