*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--blue:#3949ab;--blue-light:#eef1ff;--blue-mid:#5c6bc0;--gold:#f5b544;--red:#e5484d;--green:#30a46c;--header-bg:#fff;--sidebar-bg:#0f1329;--content-bg:#f5f6fb;--right-bg:#fafafc;--card:#fff;--bg:#f5f6fb;--border:#e8e9f0;--border-dark:#ffffff14;--text:#1a1a1a;--muted:#8a95a0;--radius:14px;--shadow:0 2px 12px #00000012;--shadow-md:0 4px 20px #0000001a}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,sans-serif;font-size:14px}#app{height:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow)}.text-red{color:var(--red)!important}.text-green{color:var(--green)!important}.text-muted{color:var(--muted)}.text-blue{color:var(--blue)}.fw600{font-weight:600}.fw700{font-weight:700}.loading-wrap{justify-content:center;align-items:center;padding:80px 0;display:flex}.loading-spin{border:3px solid var(--border);border-top-color:var(--blue);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-wrap{flex-direction:column;align-items:center;gap:10px;padding:80px 0;display:flex}.empty-icon{font-size:40px}.empty-text{color:var(--muted);font-size:14px}.main-content .page{max-width:1320px;padding:24px 28px}.main-content .page-header{align-items:center;margin-bottom:18px}.main-content .page-title,.main-content .account-title{color:var(--text);letter-spacing:.5px;font-size:22px;font-weight:800}.main-content .page-sub{color:var(--muted);font-size:13px}.main-content .card{box-shadow:none;border:1px solid var(--border);border-radius:14px}.main-content .empty-icon,.main-content .error-icon,.main-content .s-icon,.main-content .brief-icon,.main-content .feature-icon,.main-content .service-icon,.main-content .wechat-icon,.main-content .bound-icon,.main-content .status-icon,.main-content .state-icon{display:none}.main-content .empty-wrap{padding:72px 0}.main-content .empty-text{color:var(--muted);font-size:14px}.main-content .tab-bar,.main-content .tabs{background:#e9ebf5;border:none;border-radius:11px;align-items:center;gap:2px;margin-bottom:18px;padding:4px;display:flex}.main-content .tabs{margin-bottom:0}.main-content .tab,.main-content .tab-btn{color:var(--muted);box-shadow:none;background:0 0;border:none;border-radius:8px;padding:7px 18px;font-size:14px;font-weight:600;transition:all .15s}.main-content .tab:hover,.main-content .tab-btn:hover{color:var(--text)}.main-content .tab.active,.main-content .tab-btn.active{color:var(--text);background:#fff;box-shadow:0 1px 4px #0f13291a}.main-content .tab-spacer{flex:1}.main-content .account-nav{align-items:center;gap:16px;display:flex}.main-content .account-tabs{background:0 0;padding:0}.main-content .account-tab{color:var(--muted)}.main-content .page .account-tab.active{background:var(--blue-light);color:var(--blue)}.main-content .page .view-item.active{color:var(--text);background:#fff;box-shadow:0 1px 4px #0f13291a}.main-content .retry-btn,.main-content .btn-refresh{color:var(--blue);background:var(--blue-light);border:none;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600}.main-content .btn-refresh:hover,.main-content .retry-btn:hover{background:#e0e4f8}.main-content .pos-grid{gap:14px}.main-content .pos-card{border:1px solid var(--border);box-shadow:none;border-radius:14px;padding:16px 18px;transition:border-color .15s,box-shadow .15s}.main-content .pos-card:hover{border-color:#c5cae9;transform:none;box-shadow:0 8px 24px #3949ab14}.main-content .pc-name{font-size:15px;font-weight:700}.main-content .pc-tag{border:none;border-radius:999px}.main-content .pc-tag.tag-bull{color:var(--blue);background:var(--blue-light)}.main-content .pc-tag.tag-bear{color:#b45309;background:#fef3dc}.main-content .pc-tag.tag-info{color:var(--blue);background:var(--blue-light)}.main-content .page .pc-btn{color:var(--muted);background:var(--bg);border:none;border-radius:8px;font-weight:600}.main-content .page .pc-btn:hover{color:var(--blue);background:var(--blue-light)}.main-content .page .pc-btn.del:hover{color:var(--red);background:#fef2f2}.main-content .table-wrap{overflow-x:auto}.main-content .data-table th{color:var(--muted);border-bottom:1px solid var(--border);background:#fafafc;font-size:12px;font-weight:500}.main-content .data-table td{border-bottom:1px solid var(--border)}.main-content .data-table tbody tr:hover{background:#f7f8fe}.main-content .form-input{border-radius:10px}@media (width<=640px){.main-content .page{padding:16px}.main-content .tab,.main-content .tab-btn{padding:7px 12px}.main-content .account-nav{flex-wrap:wrap;gap:8px}}
