*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg: #1B1F2E;--bg-page: #141720;--card: #FFFFFF;--card-shadow: 0 2px 16px rgba(0, 0, 0, .2);--input-bg: #F1F5F9;--input-border: #E2E8F0;--input-focus: #3B82F6;--input-focus-ring: rgba(59, 130, 246, .2);--text-dark: #0F172A;--text-mid: #64748B;--text-light: #94A3B8;--accent: #3B82F6;--accent-hover: #2563EB;--success: #16A34A;--success-bg: #F0FDF4;--success-border: #BBF7D0;--danger: #DC2626;--danger-bg: #FEF2F2;--danger-border: #FECACA;--warning: #B45309;--warning-bg: #FFFBEB;--warning-border: #FDE68A;--radius: 12px;--radius-lg: 16px}html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;background:var(--bg-page);height:100%;overflow-x:hidden}#root{height:100%}.app{max-width:480px;margin:0 auto;min-height:100%;position:relative;background:linear-gradient(180deg,#1e2235,#161a28,#12151f);padding:12px;display:flex;flex-direction:column}.content-block{flex:1;animation:fadeIn .3s ease;display:flex;flex-direction:column}.content-block .card{flex:1;display:flex;flex-direction:column}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:var(--bg-page);color:#fff9;font-size:16px;gap:16px}.loading-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:loadPulse 1.2s ease-in-out infinite}@keyframes loadPulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.5);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes checkPop{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}.tab-bar{display:flex;background:var(--card);border-radius:var(--radius-lg);padding:6px;margin-bottom:12px;box-shadow:var(--card-shadow)}.tab-item{flex:1;text-align:center;padding:12px 0;font-size:16px;font-weight:600;color:var(--text-light);cursor:pointer;border-radius:var(--radius);transition:all .25s}.tab-item.active{color:#fff;background:var(--accent)}.block-header{margin-bottom:16px}.block-title{font-size:20px;font-weight:800;color:var(--text-dark);letter-spacing:-.3px}.block-status{display:inline-block;font-size:13px;font-weight:600;padding:4px 12px;border-radius:8px;animation:fadeIn .3s ease}.block-status.error{color:var(--danger);background:var(--danger-bg)}.block-status.hint{color:var(--text-mid);background:#f1f5f9}.block-status.ok{color:var(--success);background:var(--success-bg)}.header-row{display:flex;justify-content:space-between;align-items:center}.card{background:var(--card);border-radius:var(--radius-lg);padding:20px;margin-bottom:12px;box-shadow:var(--card-shadow)}.form-section{margin-bottom:20px}.form-section:last-child{margin-bottom:0}.form-label{display:block;font-size:15px;font-weight:600;color:var(--text-dark);margin-bottom:10px}.form-input{width:100%;padding:13px 16px;background:var(--input-bg);border:1.5px solid var(--input-border);border-radius:var(--radius);color:var(--text-dark);font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s;font-family:SF Mono,Fira Code,monospace}.form-input:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px var(--input-focus-ring)}.form-input::placeholder{color:var(--text-light);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif}.form-input.disabled{color:var(--text-light);cursor:not-allowed;background:#f8fafc}.form-select{width:100%;padding:13px 16px;background:var(--input-bg);border:1.5px solid var(--input-border);border-radius:var(--radius);color:var(--text-dark);font-size:15px;outline:none;cursor:pointer;transition:border-color .2s,box-shadow .2s;font-family:SF Mono,Fira Code,monospace;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2394A3B8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.form-select:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px var(--input-focus-ring)}.form-hint{font-size:13px;color:var(--text-light);margin-top:8px}.form-error{padding:16px;background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--radius);color:var(--danger);font-size:14px;font-weight:500;margin-bottom:12px;animation:slideDown .3s ease;line-height:1.6}.form-message{padding:16px;border-radius:var(--radius);font-size:14px;font-weight:500;margin-top:12px;text-align:center;animation:slideDown .3s ease}.form-message.success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success)}.form-message.error{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger)}.alert-box{font-size:14px;line-height:1.7;padding:14px 16px;border-radius:var(--radius);margin-bottom:16px;animation:slideUp .3s ease both}.alert-box.warning{background:var(--warning-bg);border:1px solid var(--warning-border);color:#92400e}.alert-box.danger{background:var(--danger-bg);border:1px solid var(--danger-border);color:#991b1b}.btn-wrap{background:var(--card);border-radius:var(--radius-lg);padding:16px 20px;box-shadow:var(--card-shadow)}.btn-submit{width:100%;padding:15px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:17px;font-weight:700;cursor:pointer;transition:background .2s,transform .1s;letter-spacing:.5px}.btn-submit:hover{background:var(--accent-hover)}.btn-submit:active{transform:scale(.98)}.btn-submit.disabled{background:#cbd5e1;cursor:not-allowed;color:#fff}.btn-submit.disabled:hover{background:#cbd5e1}.btn-submit .btn-loading{display:inline-flex;align-items:center;gap:8px}.btn-submit .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.bound-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#fafbfc;border:1px solid #F1F5F9;border-left:3px solid var(--accent);border-radius:var(--radius);margin-bottom:8px;transition:background .15s}.bound-item:hover{background:#f1f5f9}.bound-addr-wrap{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.bound-index{width:24px;height:24px;border-radius:7px;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.bound-addr{font-size:13px;color:var(--text-dark);word-break:break-all;font-family:SF Mono,Fira Code,monospace}.btn-unbind{padding:6px 14px;background:transparent;border:1px solid #E2E8F0;color:var(--text-light);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;margin-left:10px;white-space:nowrap;transition:all .15s}.btn-unbind:hover{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}.desc-text{font-size:14px;color:var(--text-mid);line-height:1.8;margin-bottom:16px}.section-divider{height:1px;background:#f1f5f9;margin:16px 0}.order-success-wrap{text-align:center;padding:24px 0 20px;animation:checkPop .5s cubic-bezier(.175,.885,.32,1.275)}.order-success-icon{width:56px;height:56px;border-radius:50%;background:var(--success-bg);border:2px solid var(--success-border);display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.order-success-icon svg{width:28px;height:28px}.order-success-text{font-size:18px;font-weight:800;color:var(--success)}.order-info{background:#f8fafc;border-radius:var(--radius);padding:4px 0;margin-bottom:20px;overflow:hidden}.order-row{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid #F1F5F9}.order-row:last-child{border-bottom:none}.order-label{font-size:14px;color:var(--text-mid);flex-shrink:0;font-weight:500}.order-value{font-size:14px;color:var(--text-dark);text-align:right;word-break:break-all;margin-left:16px;font-weight:600}.order-value.addr{color:var(--accent);font-family:SF Mono,Fira Code,monospace;font-size:12px}.btn-copy{flex-shrink:0;margin-left:8px;padding:6px;background:none;border:none;color:var(--text-light);cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.btn-copy:hover{color:var(--accent);background:#3b82f614}.btn-copy:active{color:var(--accent-hover)}.quota-info{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f0f9ff;border:1px solid #BAE6FD;border-radius:var(--radius);margin-bottom:16px;font-size:13px}.quota-item{color:var(--text-mid);font-weight:600}.quota-item.bonus{color:var(--success)}.quota-divider{color:#e2e8f0}.paid-energy-content{padding:16px;background:#fff7ed;border:1px solid #FED7AA;border-radius:var(--radius);margin-bottom:16px}.paid-energy-content p{font-size:14px;color:#92400e;line-height:1.8;margin:0}.paid-energy-content p+p{margin-top:4px}.paid-energy-address-wrap{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:var(--input-bg);border:1.5px solid var(--input-border);border-radius:var(--radius);cursor:pointer;transition:border-color .15s,background .15s;margin-bottom:16px;position:relative}.paid-energy-address-wrap:hover{border-color:var(--accent);background:#3b82f60d}.paid-energy-address-wrap:active{background:#3b82f61a}.paid-energy-address{font-size:15px;font-weight:700;color:var(--accent);font-family:SF Mono,Fira Code,monospace;word-break:break-all;text-align:center}.copy-hint{font-size:13px;color:var(--success);font-weight:600;white-space:nowrap;animation:fadeIn .2s ease}.btn-copy-icon{flex-shrink:0;cursor:pointer;transition:transform .15s}.btn-copy-icon:hover{transform:scale(1.15)}.copy-hint-inline{font-size:12px;color:var(--success);font-weight:600;margin-left:4px;animation:fadeIn .2s ease}.quota-detail{padding:4px 0}.quota-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #F1F5F9}.quota-row:last-child{border-bottom:none}.quota-label{font-size:14px;color:var(--text-mid);font-weight:500}.quota-value{font-size:14px;color:var(--text-dark);font-weight:600}.quota-value.bonus{color:var(--success)}.quota-value.text-danger{color:var(--danger)}.invite-link-wrap{margin-top:12px}.invite-link-label{font-size:13px;color:var(--text-mid);margin-bottom:8px;font-weight:500}.invite-link-row{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius)}.invite-link{flex:1;font-size:12px;color:var(--accent);font-family:SF Mono,Fira Code,monospace;word-break:break-all;min-width:0}.invite-link-row .btn-copy{flex-shrink:0;display:flex;align-items:center;gap:4px}::-webkit-scrollbar{width:0}