.account-info{width:100%;margin-bottom:16px}.account-header{margin-bottom:12px}.account-title{font-size:16px;font-weight:600;color:var(--el-text-color-primary);margin:0}.account-cards{display:flex;gap:12px;width:100%;flex-wrap:wrap}.balance-card{background:var(--el-bg-color);border:1px solid var(--el-border-color-light);border-radius:8px;padding:16px;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .2s ease;gap:12px}.balance-card:hover{border-color:var(--el-border-color);box-shadow:0 2px 8px #0000001a}.balance-card .coin-card{background:transparent;border:none;padding:0;box-shadow:none;transition:none;width:100%;display:flex;flex-direction:column;align-items:center}.balance-card .coin-card:hover{transform:none;box-shadow:none}.balance-card .card-content{display:flex;flex-direction:column;align-items:center;width:100%;gap:8px}.balance-card .card-icon{margin-right:0;margin-bottom:4px;width:32px;height:32px;flex-shrink:0}.balance-card .coin-image{width:32px;height:32px;object-fit:contain}.balance-card .card-title{color:var(--el-text-color-regular);font-size:12px;margin-bottom:0;font-weight:500;white-space:nowrap;flex-shrink:0}.balance-card .card-amount{color:var(--el-text-color-primary);font-size:16px;font-weight:600;font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;filter:none;text-shadow:none;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.balance-button{cursor:pointer;border-radius:8px;background:#000;padding:6px 12px;font-size:12px;line-height:1.4;font-weight:500;color:#fff;border:none;min-width:60px;white-space:nowrap;transition:all .2s ease}.balance-button:hover{opacity:.9}.balance-button:disabled{cursor:not-allowed;background:#f0f0f0;color:#999}.dark .balance-button{background:#fff;color:#000}.dark .balance-button:disabled{background:#333;color:#999}.account-info-loading{width:100%}.loading-skeleton{display:flex;gap:12px}.skeleton-card{height:80px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px;flex:1}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.dark .balance-card{background:var(--el-bg-color);border-color:var(--el-border-color-dark)}.dark .balance-card:hover{border-color:var(--el-border-color);box-shadow:0 2px 8px #0003}.dark .skeleton-card{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%);background-size:200% 100%}.dark .account-title{color:#f3f4f6}.dark .balance-card .card-title{color:#d1d5db}.dark .balance-card .card-amount{color:#f9fafb}@media (max-width: 480px){.account-cards{flex-direction:column;gap:8px}.balance-card{padding:10px 12px}.balance-card .card-amount{font-size:13px}.balance-card .card-title{font-size:11px}.balance-button{padding:4px 8px;font-size:11px;min-width:50px}}.coin-display{width:100%}.coin-card{display:flex;align-items:center;padding:24px;background:var(--el-bg-color-page);border-radius:12px;border:1px solid var(--el-border-color-light);transition:all .3s ease}.coin-card:hover{box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}.card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-right:16px;flex-shrink:0}.coin-image{width:32px;height:32px;object-fit:contain}.card-content{flex:1;min-width:0}.card-title{font-size:14px;color:var(--el-text-color-regular);margin-bottom:8px}.dark .card-title{color:#e5e7eb}.card-amount{font-size:24px;font-weight:700;word-break:break-all;font-family:Courier New,monospace;background:linear-gradient(135deg,#b8860b,#daa520,#b8860b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,.1);filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.coin-simple{display:flex;align-items:center;justify-content:center;font-weight:500;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.change-symbol{margin-right:2px}.change-amount{font-weight:600}.change-increase{color:var(--el-color-success)}.change-decrease{color:var(--el-color-danger)}.change-neutral{color:var(--el-text-color-regular)}.dark .change-neutral{color:#e5e7eb}.coin-icon-small{object-fit:contain;flex-shrink:0}.coin-icon-small:last-child{margin-left:4px}.coin-icon-small:first-child{margin-right:4px}@media (max-width: 768px){.coin-card{padding:16px}.card-amount{font-size:20px}}.transaction-detail{display:flex;flex-direction:column;height:100vh;background:#fff;transition:background-color .2s ease}.detail-header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #e6e6e6;padding:16px 20px 12px;transition:all .2s ease}.detail-title{font-size:18px;font-weight:600;color:#212529;text-align:center;line-height:1.4;transition:color .2s ease}.detail-back{padding:8px 20px 12px;background:#fff;border-bottom:1px solid #e6e6e6;transition:all .2s ease}.back-button{display:flex;align-items:center;gap:8px;background:none;border:none;padding:8px 0;cursor:pointer;transition:all .2s ease;color:#6c757d;font-size:14px;font-weight:500}.back-button:hover{color:#09f}.back-icon{font-size:20px;line-height:1;font-weight:300}.back-text{line-height:1.4}.detail-content{flex:1;overflow-y:auto;padding:0 20px 20px;background:#fff;transition:background-color .2s ease}.detail-main{display:flex;flex-direction:column;align-items:center;padding:32px 0 24px;text-align:center}.transaction-icon.large{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:#f7f7f7;border-radius:50%;margin-bottom:16px;transition:background-color .2s ease}.icon-emoji{font-size:36px;line-height:1}.transaction-name{font-size:20px;font-weight:600;color:#212529;margin-bottom:16px;line-height:1.4;transition:color .2s ease}.transaction-amount{margin-bottom:12px}.transaction-time{font-size:14px;color:#6c757d;line-height:1.4;transition:color .2s ease}.detail-info{background:#f8f9fa;border-radius:12px;padding:20px;margin-top:8px;transition:background-color .2s ease}.detail-item{display:flex;align-items:flex-start;padding:12px 0;border-bottom:1px solid #e9ecef;transition:all .2s ease}.detail-item:last-child{border-bottom:none;padding-bottom:0}.detail-item:first-child{padding-top:0}.detail-item .label{flex-shrink:0;width:100px;font-size:14px;font-weight:500;color:#6c757d;line-height:1.4;transition:color .2s ease}.detail-item .value{flex:1;font-size:14px;color:#212529;line-height:1.4;word-break:break-all;transition:color .2s ease}.dark .transaction-detail{background:#1a1a1a}.dark .detail-header{background:#1a1a1a;border-bottom-color:#333}.dark .detail-title{color:#f9fafb}.dark .detail-back{background:#1a1a1a;border-bottom-color:#333}.dark .back-button{color:#9ca3af}.dark .back-button:hover{color:#09f}.dark .detail-content{background:#1a1a1a}.dark .transaction-icon.large{background:#333}.dark .transaction-name{color:#f9fafb}.dark .detail-info{background:#262626}.dark .detail-item{border-bottom-color:#404040}.dark .detail-item .label{color:#9ca3af}.dark .detail-item .value{color:#f9fafb}@media (max-width: 768px){.detail-header{padding:12px 16px 8px}.detail-title{font-size:16px}.detail-back{padding:6px 16px 8px}.detail-content{padding:0 16px 16px}.detail-main{padding:24px 0 20px}.transaction-icon.large{width:70px;height:70px;margin-bottom:14px}.icon-emoji{font-size:32px}.transaction-name{font-size:18px;margin-bottom:14px}.transaction-time{font-size:13px}.detail-info{padding:16px;margin-top:6px}.detail-item{padding:10px 0}.detail-item .label{width:90px;font-size:13px}.detail-item .value{font-size:13px}}@media (max-width: 480px){.detail-header{padding:10px 12px 6px}.detail-title{font-size:15px}.detail-back{padding:4px 12px 6px}.back-button{font-size:13px;padding:6px 0}.back-icon{font-size:18px}.detail-content{padding:0 12px 12px}.detail-main{padding:20px 0 16px}.transaction-icon.large{width:60px;height:60px;margin-bottom:12px}.icon-emoji{font-size:28px}.transaction-name{font-size:16px;margin-bottom:12px}.transaction-time{font-size:12px}.detail-info{padding:12px;margin-top:4px;border-radius:8px}.detail-item{padding:8px 0}.detail-item .label{width:80px;font-size:12px}.detail-item .value{font-size:12px}}@media (max-width: 360px){.detail-item .label{width:70px}}.transaction-item{display:flex;align-items:center;padding:12px 16px;transition:background-color .2s ease;height:60px}.transaction-item:hover{background:#f8f9fa}.transaction-item:last-child{border-bottom:none}.transaction-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-right:12px;flex-shrink:0;background:#f7f7f7;border-radius:50%;transition:background-color .2s ease}.transaction-item:hover .transaction-icon{background:#e9ecef}.icon-emoji{font-size:20px;line-height:1}.transaction-content{flex:1;min-width:0;margin-right:12px}.transaction-reason{font-size:14px;font-weight:500;color:#212529;margin-bottom:4px;line-height:1.4;word-break:break-word}.transaction-time{font-size:12px;color:#6c757d;line-height:1.4}.transaction-amount{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;min-width:80px;color:#212529;font-size:16px;font-weight:600;transition:color .2s ease}.dark .transaction-item{background:#262626;border-bottom-color:#404040}.dark .transaction-item:hover{background:#333}.dark .transaction-icon{background:#404040}.dark .transaction-item:hover .transaction-icon{background:#525252}.dark .transaction-reason{color:#f9fafb}.dark .transaction-time{color:#9ca3af}.dark .transaction-amount{color:#f9fafb}@media (max-width: 768px){.transaction-item{padding:10px 12px;min-height:56px}.transaction-icon{width:36px;height:36px;margin-right:10px}.icon-emoji{font-size:18px}.transaction-content{margin-right:10px}.transaction-reason{font-size:13px}.transaction-time{font-size:11px}.transaction-amount{min-width:70px;font-size:15px}}@media (max-width: 480px){.transaction-item{padding:8px 10px;min-height:52px}.transaction-icon{width:32px;height:32px;margin-right:8px}.icon-emoji{font-size:16px}.transaction-content{margin-right:8px}.transaction-reason{font-size:12px;margin-bottom:2px}.transaction-time{font-size:10px}.transaction-amount{min-width:60px;font-size:14px}}.transaction-list{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:12px;overflow:hidden;min-height:0}.transaction-tabs{display:flex;background:#f8f9fa;padding:0}.tab-button{flex:1;padding:14px 16px;background:transparent;border:none;color:#6c757d;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;border-bottom:2px solid transparent}.tab-button:hover{color:#495057;background:#e9ecef}.tab-button.active{color:#212529;background:#fff;border-bottom-color:#007bff}.tab-button.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#007bff}.transaction-content{flex:1;overflow-y:auto;padding:0;display:flex;flex-direction:column;min-height:0}.transaction-content>*{flex-shrink:0}.transaction-loading{padding:20px}.loading-skeleton{display:flex;flex-direction:column;gap:12px}.skeleton-item{display:flex;align-items:center;padding:12px;background:var(--el-bg-color);border-radius:8px;border:1px solid var(--el-border-color-lighter)}.skeleton-icon{width:36px;height:36px;border-radius:50%;background:var(--el-color-primary-light-8);margin-right:12px;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-content{flex:1;margin-right:12px}.skeleton-line{height:14px;background:var(--el-color-primary-light-8);border-radius:4px;margin-bottom:6px;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-line.short{width:60%;margin-bottom:0}.skeleton-amount{width:80px;height:20px;background:var(--el-color-primary-light-8);border-radius:4px;animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.transaction-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.error-message{color:var(--el-color-danger);font-size:14px;margin-bottom:16px}.retry-button{padding:8px 16px;background:var(--el-color-primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.retry-button:hover{background:var(--el-color-primary-light-3)}.empty-transactions{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.6}.empty-message{color:var(--el-text-color-placeholder);font-size:14px}.loading-more{display:flex;align-items:center;justify-content:center;padding:16px;color:var(--el-text-color-regular);font-size:14px;gap:8px}.loading-spinner{width:16px;height:16px;border:2px solid var(--el-color-primary-light-8);border-top:2px solid var(--el-color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-more-data{display:flex;align-items:center;justify-content:center;padding:20px 16px;color:#6c757d;font-size:13px;background:#fff}.dark .transaction-list{background:#262626}.dark .transaction-tabs{background:#1f1f1f}.dark .tab-button{color:#9ca3af}.dark .tab-button:hover{color:#d1d5db;background:#404040}.dark .tab-button.active{color:#f9fafb;background:#262626;border-bottom-color:#3b82f6}.dark .tab-button.active:after{background:#3b82f6}.dark .skeleton-item{background:#404040;border-color:#525252}.dark .skeleton-icon,.dark .skeleton-line,.dark .skeleton-amount{background:#525252}.dark .error-message{color:#f87171}.dark .retry-button{background:#3b82f6}.dark .retry-button:hover{background:#2563eb}.dark .empty-message{color:#9ca3af}.dark .loading-more{color:#d1d5db}.dark .loading-spinner{border-color:#4b5563;border-top-color:#3b82f6}.dark .no-more-data{color:#9ca3af;background:#262626}@media (max-width: 768px){.tab-button{padding:10px 12px;font-size:13px}.skeleton-item{padding:8px}.skeleton-icon{width:32px;height:32px;margin-right:8px}.empty-icon{font-size:36px}}.coin-charge{display:flex;flex-direction:column;background:var(--el-bg-color)}.golden-charge{display:flex;flex-direction:column;background:var(--el-bg-color)}.exchange-info{display:flex;align-items:center;gap:12px}.exchange-arrow{font-size:16px;color:var(--el-color-primary);font-weight:700}.charge-button{cursor:pointer;border-radius:8px;background:#000;padding:8px 16px;font-size:14px;line-height:1.4;font-weight:500;color:#fff;border:none;min-width:80px;white-space:nowrap;transition:all .2s ease}.error-message{color:var(--el-color-danger);font-size:12px;text-align:center;margin-top:8px}.loading-skeleton{display:flex;flex-direction:column;gap:16px}.skeleton-card{height:80px;background:var(--el-color-info-light-9);border-radius:8px;animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes skeleton-loading{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.dark .skeleton-card{background:var(--el-color-info-dark-2)}@media (max-width: 480px){.charge-header{padding:12px 16px}.charge-back{padding:6px 16px 2px}.charge-content{padding:6px 16px 16px}.charge-item{padding:12px;flex-direction:column;align-items:stretch;gap:12px}.charge-item-left{margin-bottom:0}.charge-item-right{margin-left:0;align-self:flex-end}.charge-button{padding:6px 12px;font-size:12px;min-width:60px}.exchange-info{gap:8px}.exchange-arrow{font-size:14px}}.token-charge{display:flex;flex-direction:column;background:var(--el-bg-color)}.charge-header{padding:16px 20px;border-bottom:1px solid var(--el-border-color-light);background:var(--el-bg-color)}.charge-title{font-size:18px;font-weight:600;color:var(--el-text-color-primary);margin:0}.charge-back{padding:8px 20px 4px;background:var(--el-bg-color)}.back-button{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--el-text-color-regular);cursor:pointer;font-size:14px;transition:color .2s;padding:4px 0}.back-button:hover{color:var(--el-text-color-primary)}.back-icon{font-size:20px;font-weight:700}.back-text{font-size:14px}.charge-content{width:100%;padding:8px 20px 20px;overflow-y:auto}.charge-list{width:100%;display:flex;flex-direction:column;gap:12px}.charge-item{width:100%;background:var(--el-bg-color);border:1px solid #e5e7eb;border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease;min-height:60px}.charge-item:hover{border-color:var(--el-border-color);box-shadow:0 2px 8px #0000001a}.charge-item-left{flex:1;display:flex;align-items:center}.charge-item-right{flex-shrink:0;margin-left:16px}.token-info{display:flex;flex-direction:column;gap:4px}.token-amount{font-size:16px;font-weight:600;color:var(--el-text-color-primary)}.token-cost{font-size:14px;color:var(--el-text-color-regular)}.charge-button{cursor:pointer;border-radius:8px;background:#000;padding:8px 16px;font-size:14px;line-height:1.4;font-weight:500;color:#fff;border:none;min-width:80px;white-space:nowrap;transition:all .2s ease;display:flex;align-items:center;gap:4px}.charge-button:hover{opacity:.9;transform:translateY(-1px)}.charge-button:active{transform:translateY(0)}.charge-button:disabled{cursor:not-allowed;background:#f0f0f0;color:#999}.dark .charge-button{background:#fff;color:#000}.dark .charge-button:hover{opacity:.9}.dark .charge-button:disabled{background:#333;color:#999}.dark .charge-item{background:var(--el-bg-color);border-color:var(--el-border-color-dark)}.dark .charge-item:hover{border-color:var(--el-border-color);box-shadow:0 2px 8px #0003}.dark .charge-header{border-color:var(--el-border-color-dark)}.dark .charge-title{color:#f3f4f6}.dark .back-button{color:#d1d5db}.dark .back-button:hover{color:#f9fafb}.dark .token-amount{color:#f3f4f6}.dark .token-cost{color:#d1d5db}@media (max-width: 480px){.charge-header{padding:12px 16px}.charge-back{padding:6px 16px 2px}.charge-content{padding:6px 16px 16px}.charge-item{padding:12px;flex-direction:column;align-items:stretch;gap:12px}.charge-item-left{margin-bottom:0}.charge-item-right{margin-left:0;align-self:flex-end}.charge-button{padding:6px 12px;font-size:12px;min-width:60px}}