:root{--bg: #f4f6fb;--card: #ffffff;--text: #1f2937;--muted: #6b7280;--primary: #2563eb;--primary-dark: #1d4ed8;--primary-soft: #eff4ff;--border: #e5e7eb;--danger: #dc2626;--success: #16a34a;--radius: 12px;--shadow: 0 8px 30px rgba(17, 24, 39, .08);--primary-hover: #1e293b;--accent: #10b981;--accent-strong: #059669;--accent-bg: #ecfdf5;--accent-soft: #bbf7d0;--link: #2563eb;--focus-ring: rgba(16, 185, 129, .16)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.6}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:700;color:var(--text)}.brand:hover{text-decoration:none}.brand-logo{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.top-actions{display:flex;align-items:center;gap:12px}.lang-switch{display:inline-flex;border:1px solid var(--border);border-radius:999px;overflow:hidden;background:#fff}.lang-switch button{border:0;background:transparent;padding:4px 12px;font-size:13px;cursor:pointer;color:var(--muted)}.lang-switch button.active{background:var(--primary);color:#fff}.user-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:999px;border:1px solid var(--border);background:#fff;color:var(--text)}.user-chip:hover{text-decoration:none;border-color:var(--primary)}.user-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.avatar-sm{width:26px;height:26px;border-radius:50%;object-fit:cover}.avatar-letter{display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-size:13px;font-weight:700}.container{max-width:960px;margin:0 auto;padding:24px 16px 64px}.auth-wrap{min-height:calc(100vh - 160px);display:flex;align-items:flex-start;justify-content:center;padding-top:6vh}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.auth-card{width:100%;max-width:420px;padding:32px 28px}.card-title{margin:0 0 4px;font-size:22px;font-weight:700}.card-sub{margin:0 0 20px;color:var(--muted);font-size:13.5px}.field{margin-bottom:14px}.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:5px}.field .hint{font-size:12px;color:#9ca3af;margin-top:4px}.input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;color:var(--text);background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}textarea.input{min-height:80px;resize:vertical}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s;background:var(--primary);color:#fff}.btn:hover{background:var(--primary-dark)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.ghost{background:#fff;color:var(--text);border-color:var(--border)}.btn.ghost:hover{border-color:var(--primary);color:var(--primary);background:#fff}.btn.danger{background:#fff;color:var(--danger);border-color:#fecaca}.btn.danger:hover{background:#fef2f2}.btn.sm{padding:5px 10px;font-size:12.5px;border-radius:6px}.btn.block{width:100%}.alert{border-radius:8px;padding:10px 12px;font-size:13.5px;margin-bottom:14px;border:1px solid transparent}.alert.error{background:#fef2f2;color:var(--danger);border-color:#fecaca}.alert.success{background:#f0fdf4;color:var(--success);border-color:#bbf7d0}.alert.info{background:var(--primary-soft);color:var(--primary-dark);border-color:#dbeafe}.divider{display:flex;align-items:center;gap:12px;color:#9ca3af;font-size:12px;margin:18px 0 14px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.provider-row{display:flex;flex-wrap:wrap;gap:10px}.provider-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:10px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s}.provider-btn:hover{border-color:var(--primary);background:var(--primary-soft)}.provider-dot{width:26px;height:26px;border-radius:50%;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex:none}.provider-icon{width:22px;height:22px;flex:none}.center-link{text-align:center;font-size:13.5px;margin-top:14px}.tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--border);margin-bottom:20px}.tab{border:0;background:transparent;padding:10px 14px;font-size:14px;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.section-title{font-size:15px;font-weight:700;margin:0 0 4px}.section-sub{font-size:12.5px;color:var(--muted);margin:0 0 16px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.list{display:flex;flex-direction:column}.list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px;border-bottom:1px solid var(--border)}.list-item:last-child{border-bottom:0}.item-main{min-width:0}.item-title{font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.item-sub{font-size:12.5px;color:var(--muted);margin-top:2px;word-break:break-all}.item-side{display:flex;align-items:center;gap:8px;flex:none}.badge{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;background:var(--primary-soft);color:var(--primary-dark)}.badge.gray{background:#f3f4f6;color:var(--muted)}.badge.green{background:#f0fdf4;color:var(--success)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}.muted{color:var(--muted)}.avatar-edit{display:flex;align-items:center;gap:16px;margin-bottom:20px}.avatar-lg{width:64px;height:64px;border-radius:50%;object-fit:cover}.avatar-lg.avatar-letter{font-size:26px}.empty{padding:24px 0;text-align:center;color:var(--muted);font-size:13.5px}.spin{padding:60px 0;text-align:center;color:var(--muted)}@media (max-width: 640px){.grid-2{grid-template-columns:1fr}.topbar{padding:10px 14px}.user-name{display:none}}.acct-root{--card: #ffffff;--border: #e2e8f0;--text: #0f172a;--muted: #475569;--danger: #dc2626;--success: #15803d;--radius: 12px;--shadow: 0 1px 2px rgba(15, 23, 42, .04);--surface: #ffffff;--surface-2: #f8fafc;--surface-3: #f1f5f9;--border-strong: #cbd5e1;--text-2: #475569;--text-3: #94a3b8;--warn: #b45309;--warn-bg: #fffbeb;--warn-border: #fde68a;--danger-bg: #fef2f2;--danger-border: #fecaca;--success-bg: #f0fdf4;--success-border: #bbf7d0;--radius-sm: 8px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);min-height:100vh;background:var(--bg);font-size:14px}.acct-root h1,.acct-root h2,.acct-root h3,.acct-root p{margin:0}.acct-root a{color:inherit;text-decoration:none}.acct-root a:hover{text-decoration:none}.acct-head{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30}.acct-head__inner{max-width:1080px;margin:0 auto;padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between}.acct-brand{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:650;letter-spacing:-.01em;color:var(--text)}.acct-brand .dot{width:9px;height:9px;border-radius:50%;background:var(--accent-strong);box-shadow:0 0 0 4px var(--focus-ring, rgba(16, 185, 129, .16))}.acct-wrap{max-width:1080px;margin:0 auto;padding:28px 24px 72px;display:grid;grid-template-columns:264px 1fr;gap:24px;align-items:start}.acct-side{position:sticky;top:88px;display:flex;flex-direction:column;gap:16px}.acct-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px 20px;text-align:center;box-shadow:var(--shadow-sm)}.acct-avatar{width:62px;height:62px;border-radius:50%;margin:0 auto 12px;background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;font-size:24px;font-weight:600;display:flex;align-items:center;justify-content:center;overflow:hidden}.acct-avatar img{width:100%;height:100%;object-fit:cover}.acct-name{font-size:16px;font-weight:650}.acct-sub{font-size:12.5px;color:var(--text-3);margin-top:3px;word-break:break-all}.acct-badges{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.acct-nav{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.acct-nav__item{display:flex;align-items:center;gap:10px;padding:11px 16px;font-size:13.5px;color:var(--text-2);border-left:2px solid transparent;cursor:pointer;transition:background .15s,color .15s}.acct-nav__item+.acct-nav__item{border-top:1px solid var(--border)}.acct-nav__item svg{width:16px;height:16px;opacity:.8}.acct-nav__item .chev{margin-left:auto}.acct-nav__item .chev svg{width:14px;height:14px;opacity:.4}.acct-nav__item:hover{background:var(--surface-2);color:var(--text)}.acct-nav__item.is-active{background:var(--accent-bg);color:var(--accent-strong);font-weight:600;border-left-color:var(--accent-strong)}.acct-main{min-width:0}@media (max-width: 860px){.acct-wrap{grid-template-columns:1fr}.acct-side{position:static}}.acct-root .page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.acct-root .page-head h1{font-size:22px;font-weight:650;letter-spacing:-.01em}.acct-root .page-head .desc{color:var(--text-2);font-size:13px;margin-top:4px;max-width:760px}.acct-root .card{padding:0}.acct-root .card+.card{margin-top:18px}.acct-root .card__head{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.acct-root .card__head h2{font-size:15px;font-weight:600}.acct-root .card__head .sub{font-size:12px;color:var(--text-3);margin-top:2px}.acct-root .card__body{padding:20px}.acct-root .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:13.5px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,opacity .15s}.acct-root .btn:hover{background:var(--surface-3)}.acct-root .btn:disabled{opacity:.5;cursor:not-allowed}.acct-root .btn svg{width:15px;height:15px}.acct-root .btn--primary{background:var(--primary);border-color:var(--primary);color:#fff}.acct-root .btn--primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.acct-root .btn--danger{border-color:var(--danger-border);color:var(--danger);background:var(--surface)}.acct-root .btn--danger:hover{background:var(--danger-bg)}.acct-root .btn--ghost{border-color:transparent;background:transparent;color:var(--text-2)}.acct-root .btn--ghost:hover{background:var(--surface-3)}.acct-root .btn--sm{padding:5px 11px;font-size:12.5px}.acct-root .field{display:flex;flex-direction:column;gap:5px;margin:0}.acct-root .field label,.acct-root .label{display:block;font-size:12px;color:var(--text-2);font-weight:500;margin:0}.acct-root .hint{font-size:11.5px;color:var(--text-3);line-height:1.5}.acct-root .input{width:100%;padding:9px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);font-size:13.5px;color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}.acct-root .input:focus{border-color:var(--accent-strong);box-shadow:0 0 0 3px var(--focus-ring, rgba(16, 185, 129, .14))}.acct-root .input[readonly]{background:var(--surface-2);color:var(--text-2)}.acct-root .input--mono{font-family:ui-monospace,SFMono-Regular,Consolas,Menlo,monospace;font-size:12.5px}.acct-root .form-grid{display:grid;gap:16px}.acct-root .form-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.acct-root .form-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-top:16px;margin-top:4px;border-top:1px solid var(--border)}.acct-root .mt-3{margin-top:18px}@media (max-width: 720px){.acct-root .form-grid--2{grid-template-columns:1fr}}.acct-root table{border-collapse:collapse;width:100%}.acct-root .table-wrap{overflow-x:auto}.acct-root .table{font-size:13.5px}.acct-root .table thead th{text-align:left;padding:11px 16px;background:var(--surface-2);color:var(--text-2);font-weight:500;font-size:12.5px;white-space:nowrap;border-bottom:1px solid var(--border)}.acct-root .table tbody td{padding:12px 16px;border-bottom:1px solid var(--border);vertical-align:middle}.acct-root .table tbody tr:last-child td{border-bottom:none}.acct-root .table tbody tr:hover{background:var(--surface-2)}.acct-root .table .nowrap{white-space:nowrap}.acct-root .table .right{text-align:right}.acct-root .table .cell-main{font-weight:500}.acct-root .table .cell-sub{font-size:12px;color:var(--text-3);margin-top:2px}.acct-root .badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:500;line-height:1.7;white-space:nowrap;background:var(--surface-3);color:var(--text-2)}.acct-root .badge--gray{background:var(--surface-3);color:var(--text-2)}.acct-root .badge--green{background:var(--success-bg);color:var(--success)}.acct-root .badge--amber{background:var(--warn-bg);color:var(--warn)}.acct-root .badge--dark{background:var(--primary);color:#fff}.acct-root .chip{display:inline-block;padding:2px 8px;border-radius:6px;background:var(--surface-3);color:var(--text-2);font-size:11.5px;margin-right:4px}.acct-root .link{color:var(--link);cursor:pointer;border:0;background:transparent;padding:0;font-size:inherit}.acct-root .link:hover{text-decoration:underline}.acct-root .link--danger{color:var(--danger)}.acct-root .alert{border-radius:var(--radius-sm);padding:10px 12px;font-size:13px;margin:0 0 14px;border:1px solid transparent}.acct-root .alert--ok{background:var(--success-bg);color:var(--success);border-color:var(--success-border)}.acct-root .alert--error{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.acct-root .alert--warn{background:var(--warn-bg);color:var(--warn);border-color:var(--warn-border)}.acct-root .row{display:flex;align-items:center;gap:10px}.acct-root .dim{color:var(--text-3)}.acct-root .small{font-size:12px}.acct-root .strong{font-weight:600}.acct-root .mono{font-family:ui-monospace,SFMono-Regular,Consolas,Menlo,monospace;font-size:12.5px}.acct-root .empty{padding:24px 0;text-align:center;color:var(--muted);font-size:13px}.acct-root .info-list{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.acct-root .info-row{display:flex;padding:11px 16px;font-size:13.5px}.acct-root .info-row+.info-row{border-top:1px solid var(--border)}.acct-root .info-row:nth-child(odd){background:var(--surface-2)}.acct-root .info-row__k{width:190px;flex-shrink:0;color:var(--text-2)}.acct-root .info-row__v{flex:1;color:var(--text);word-break:break-all}.acct-root .sec-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}.acct-root .sec-item+.sec-item{border-top:1px solid var(--border)}.acct-root .sec-item .hint{margin-top:2px}.acct-root .dev-ico{width:34px;height:34px;border-radius:9px;background:var(--surface-3);color:var(--text-2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.acct-root .dev-ico svg{width:17px;height:17px}.acct-root .bind-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.acct-root .bind-btn{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);font-size:13.5px;cursor:pointer;transition:background .15s,border-color .15s;text-align:left;color:var(--text)}.acct-root .bind-btn:hover{background:var(--surface-2);border-color:var(--accent-strong)}.acct-root .bind-btn .plus{margin-left:auto;color:var(--text-3);display:inline-flex}.acct-root .bind-btn .plus svg{width:16px;height:16px}.acct-root .ico-badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700}
