*{margin:0;padding:0;box-sizing:border-box}:root{--blue: #1d9bf0;--blue-dark: #1a8cd8;--bg: #f5f8fa;--card: #ffffff;--text: #0f1419;--text-secondary: #536471;--border: #e1e8ed;--danger: #e0245e;--success: #17bf63;--warning: #ffad1f}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}#app{min-height:100vh;display:flex;flex-direction:column}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:960px;margin:0 auto;padding:0 16px;width:100%}.topbar{background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.topbar .container{display:flex;align-items:center;height:56px;gap:24px}.brand{font-weight:800;font-size:20px;color:var(--blue);white-space:nowrap}.brand span{color:var(--text)}.topnav{display:flex;gap:4px;flex:1;overflow-x:auto}.topnav a{padding:6px 12px;border-radius:9999px;color:var(--text-secondary);font-size:14px;font-weight:500;white-space:nowrap}.topnav a:hover{background:var(--bg);text-decoration:none;color:var(--text)}.topnav a.router-link-active{background:#1d9bf01a;color:var(--blue);font-weight:700}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px;margin-bottom:16px}.card h2{font-size:18px;margin-bottom:12px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;border-radius:9999px;border:none;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s;background:var(--blue);color:#fff}.btn:hover{background:var(--blue-dark)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:transparent;color:var(--blue);border:1px solid var(--blue)}.btn-outline:hover{background:#1d9bf01a}.btn-danger{background:var(--danger)}.btn-danger:hover{background:#c81e51}.btn-success{background:var(--success)}.btn-success:hover{background:#14a354}.btn-sm{padding:4px 12px;font-size:13px}.field{margin-bottom:16px}.field label{display:block;font-size:14px;font-weight:600;margin-bottom:6px;color:var(--text)}.field input,.field select,.field textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:12px;font-size:14px;background:var(--card);color:var(--text);outline:none;transition:border-color .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue)}.field .hint{font-size:12px;color:var(--text-secondary);margin-top:4px}.searchbar{display:flex;gap:8px;margin-bottom:16px}.searchbar input{flex:1;padding:10px 14px;border:1px solid var(--border);border-radius:9999px;font-size:14px;outline:none;background:var(--card)}.searchbar input:focus{border-color:var(--blue)}.tag{display:inline-block;padding:2px 10px;border-radius:9999px;background:#1d9bf01a;color:var(--blue);font-size:12px;font-weight:600;margin-right:6px;margin-bottom:6px;cursor:pointer;border:1px solid transparent}.tag:hover{background:#1d9bf033}.tag.active{background:var(--blue);color:#fff}.account-card{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}.account-card:last-child{border-bottom:none}.avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#1d9bf0,#7a5cff);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;flex-shrink:0;text-transform:uppercase}.account-info{flex:1;min-width:0}.account-name{font-weight:700;font-size:15px}.account-name .handle{color:var(--text-secondary);font-weight:400;margin-left:4px}.account-bio{font-size:13px;color:var(--text-secondary);margin-top:2px;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.account-actions{display:flex;gap:8px;margin-top:8px;align-items:center}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 0}.page-info{font-size:14px;color:var(--text-secondary)}.empty{text-align:center;padding:48px 16px;color:var(--text-secondary)}.empty .big{font-size:42px;margin-bottom:12px}.alert{padding:12px 16px;border-radius:12px;margin-bottom:16px;font-size:14px}.alert-success{background:#17bf631a;color:#0e8a4a;border:1px solid rgba(23,191,99,.3)}.alert-error{background:#e0245e1a;color:#b01148;border:1px solid rgba(224,36,94,.3)}.alert-info{background:#1d9bf01a;color:#126da8;border:1px solid rgba(29,155,240,.3)}.footer{margin-top:auto;padding:24px 0 32px;text-align:center;color:var(--text-secondary);font-size:13px}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}.table th{color:var(--text-secondary);font-weight:600;white-space:nowrap}.dropzone{border:2px dashed var(--border);border-radius:16px;padding:32px;text-align:center;color:var(--text-secondary);cursor:pointer;transition:all .15s;background:var(--card)}.dropzone:hover,.dropzone.dragover{border-color:var(--blue);background:#1d9bf00d;color:var(--blue)}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}.metric{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.metric .label{font-size:12px;color:var(--text-secondary)}.metric .value{font-size:22px;font-weight:800;margin-top:4px}@media(max-width:640px){.topbar .container{gap:12px}.brand{font-size:17px}.account-card{flex-direction:row}}