:root{--bg-canvas: #FBFBFD;--bg-secondary: #F5F5F7;--bg-elevated: #FFFFFF;--bg-glass: rgba(255, 255, 255, .84);--text-primary: #1D1D1F;--text-secondary: #515154;--text-muted: #86868B;--border-hairline: rgba(15, 23, 42, .08);--border-strong: rgba(15, 23, 42, .14);--accent-blue: #0071E3;--accent-blue-hover: #0077ED;--accent-blue-soft: rgba(0, 113, 227, .09);--status-green: #16A34A;--status-green-soft: rgba(22, 163, 74, .1);--status-amber: #D97706;--status-amber-soft: rgba(217, 119, 6, .11);--status-red: #DC2626;--status-red-soft: rgba(220, 38, 38, .1);--status-purple: #7C3AED;--status-purple-soft: rgba(124, 58, 237, .1);--shadow-card: 0 4px 20px -2px rgba(15, 23, 42, .05), 0 1px 3px rgba(15, 23, 42, .03);--shadow-float: 0 20px 48px -12px rgba(15, 23, 42, .14), 0 4px 14px rgba(15, 23, 42, .05);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 26px;--ease-out-quart: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background-color:var(--bg-canvas);color:var(--text-primary);line-height:1.5;font-size:14px;overflow-x:hidden}.tabular,code,pre,.mono{font-variant-numeric:tabular-nums}code,pre,.mono{font-family:SF Mono,JetBrains Mono,Menlo,Monaco,Consolas,monospace}.user-navbar{position:sticky;top:0;z-index:40;height:64px;background:var(--bg-glass);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--border-hairline)}.user-navbar-inner{max-width:1380px;margin:0 auto;height:100%;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.nav-tabs{display:flex;align-items:center;gap:4px;background:#0f172a0b;padding:4px;border-radius:12px}.nav-tab{padding:7px 14px;border-radius:9px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background-color .14s ease-out,color .14s ease-out,transform .1s ease-out,box-shadow .14s ease-out}.nav-tab:hover{color:var(--text-primary)}.nav-tab:active{transform:scale(.97)}.nav-tab.active{background:#fff;color:var(--text-primary);box-shadow:0 2px 8px #0f172a14}.user-container{max-width:1380px;margin:0 auto;padding:28px 24px 80px}.card{background:var(--bg-elevated);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border-radius:11px;font-size:13.5px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:transform .1s ease-out,background-color .14s ease-out,border-color .14s ease-out,box-shadow .14s ease-out;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent-blue);color:#fff;box-shadow:0 2px 8px #0071e33d}.btn-primary:hover:not(:disabled){background:var(--accent-blue-hover)}.btn-secondary{background:#fff;color:var(--text-primary);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary)}.btn-soft{background:var(--accent-blue-soft);color:var(--accent-blue)}.btn-soft:hover:not(:disabled){background:#0071e326}.btn-success{background:var(--status-green);color:#fff}.btn-danger{background:var(--status-red-soft);color:var(--status-red)}.btn-sm{padding:6px 11px;font-size:12px;border-radius:8px}.input,.select,.textarea{width:100%;padding:10px 13px;border-radius:11px;border:1px solid var(--border-strong);background:#fff;color:var(--text-primary);font-size:13.5px;font-family:inherit;transition:border-color .14s ease-out,box-shadow .14s ease-out}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #0071e324}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600;font-variant-numeric:tabular-nums}.badge-green{background:var(--status-green-soft);color:var(--status-green)}.badge-amber{background:var(--status-amber-soft);color:var(--status-amber)}.badge-red{background:var(--status-red-soft);color:var(--status-red)}.badge-blue{background:var(--accent-blue-soft);color:var(--accent-blue)}.badge-purple{background:var(--status-purple-soft);color:var(--status-purple)}.badge-neutral{background:#0f172a0f;color:var(--text-secondary)}.platform-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:10px}.platform-tile{background:#fff;border:1px solid var(--border-hairline);border-radius:13px;padding:12px 14px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;gap:8px;transition:transform .14s var(--ease-out-quart),border-color .14s ease-out,box-shadow .14s ease-out}.platform-tile:hover{transform:translateY(-1px);border-color:#0071e359;box-shadow:0 6px 16px -4px #0071e31f}.platform-tile.selected{border-color:var(--accent-blue);background:#0071e30a;box-shadow:0 0 0 2px #0071e32e}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a52;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal-panel{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--border-hairline);box-shadow:var(--shadow-float);max-width:580px;width:100%;max-height:88vh;overflow-y:auto;padding:26px;animation:modalEnter .18s var(--ease-out-quart)}@keyframes modalEnter{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.toast-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#1d1d1feb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;padding:12px 20px;border-radius:999px;font-size:13.5px;font-weight:500;box-shadow:var(--shadow-float);z-index:200;display:flex;align-items:center;gap:10px}.support-fab{position:fixed;right:24px;bottom:24px;z-index:90}
