@charset "UTF-8";#app{width:100%;min-height:100vh}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;touch-action:manipulation;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;color:#303133;background-color:#f5f7fa;-webkit-overflow-scrolling:touch;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}a,button,input,select,textarea,[role=button]{-webkit-tap-highlight-color:transparent}input,textarea,select{-webkit-appearance:none;appearance:none;font-size:16px}button{-webkit-appearance:none;appearance:none;background:none;border:none;cursor:pointer;font:inherit;color:inherit}a{color:#409eff;text-decoration:none}a:hover{text-decoration:underline}ul,ol{list-style:none}img{max-width:100%;height:auto}img,a{-webkit-touch-callout:none}:root,[data-theme=light]{--bg-page: #f5f7fa;--bg-surface: #ffffff;--bg-surface-hover: #f0f4f8;--bg-elevated: #ffffff;--bg-subtle: #f8fafc;--bg-overlay: rgba(255, 255, 255, .85);--bg-header: rgba(255, 255, 255, .88);--bg-input: #f1f5f9;--text-primary: #1a202c;--text-secondary: #4a5568;--text-tertiary: #718096;--text-muted: #a0aec0;--text-inverse: #ffffff;--border-color: #e2e8f0;--border-light: #edf2f7;--border-strong: #cbd5e0;--accent: #3b82f6;--accent-hover: #2563eb;--accent-light: rgba(59, 130, 246, .08);--accent-medium: rgba(59, 130, 246, .15);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--shadow-xl: 0 12px 40px rgba(0, 0, 0, .1);--gradient-hero: linear-gradient(135deg, #eff6ff 0%, #f0fdf4 50%, #faf5ff 100%);--gradient-card-hover: linear-gradient(135deg, rgba(59, 130, 246, .04), rgba(168, 85, 247, .03));--star-active: #fbbf24;--star-inactive: #cbd5e0;--tag-bg: rgba(59, 130, 246, .06);--tag-border: rgba(59, 130, 246, .12);--tag-text: #3b82f6;--divider: #edf2f7;--ssh-terminal-bg: #f8fafc;--ssh-cmd-bg: rgba(0, 0, 0, .04);--ssh-cmd-bg-hover: rgba(0, 0, 0, .08);--ssh-bg-overlay-strong: rgba(255, 255, 255, .92);--ssh-orb-1: rgba(56, 189, 248, .06);--ssh-orb-2: rgba(129, 140, 248, .05);--ssh-scanline: rgba(56, 189, 248, .015);--ssh-scanline-beam: rgba(56, 189, 248, .08);--ssh-modal-shadow: 0 16px 48px rgba(0, 0, 0, .12), 0 0 0 1px rgba(56, 189, 248, .06);--ssh-ctx-shadow: 0 8px 32px rgba(0, 0, 0, .1), 0 0 0 1px rgba(56, 189, 248, .06);--login-bg: linear-gradient(135deg, #eef2ff 0%, #f0f9ff 50%, #fdf4ff 100%);--login-left-bg: linear-gradient(135deg, #6366f1 0%, #7c3aed 50%, #db2777 100%);--login-card-bg: rgba(255, 255, 255, .92);--login-card-border: rgba(99, 102, 241, .12);--login-card-shadow: 0 24px 60px rgba(99, 102, 241, .08), 0 0 0 1px rgba(99, 102, 241, .04);--login-orb-1: rgba(99, 102, 241, .15);--login-orb-2: rgba(124, 58, 237, .12);--login-orb-3: rgba(219, 39, 119, .08);--login-grid: rgba(99, 102, 241, .04);--login-accent: #6366f1;--login-accent-2: #8b5cf6;--login-accent-3: #ec4899;--login-accent-soft: rgba(99, 102, 241, .08);--login-accent-border: rgba(99, 102, 241, .15);--login-input-bg: rgba(255, 255, 255, .7);--login-input-border: rgba(99, 102, 241, .12);--login-input-focus-bg: rgba(99, 102, 241, .03);--login-input-focus-border: rgba(99, 102, 241, .4);--login-input-focus-shadow: 0 0 0 4px rgba(99, 102, 241, .08);--login-tab-bg: rgba(99, 102, 241, .04);--login-tab-border: rgba(99, 102, 241, .08);--login-tab-active-bg: rgba(99, 102, 241, .08);--login-tab-active-border: rgba(99, 102, 241, .2);--login-text: #1e293b;--login-text-mid: #64748b;--login-text-dim: #94a3b8;--login-brand-gradient: linear-gradient(135deg, #6366f1, #8b5cf6);--login-submit-gradient: linear-gradient(135deg, #6366f1, #8b5cf6);--login-submit-shadow: 0 14px 32px rgba(99, 102, 241, .2);--login-left-text: rgba(255, 255, 255, .92);--login-left-text-mid: rgba(255, 255, 255, .7);--login-left-text-dim: rgba(255, 255, 255, .4);--login-left-orb-1: rgba(255, 255, 255, .08);--login-left-orb-2: rgba(255, 255, 255, .06);--login-left-orb-3: rgba(255, 255, 255, .04);--login-left-grid: rgba(255, 255, 255, .03);--login-petal-fill: rgba(255, 255, 255, .25);--login-petal-stroke: rgba(255, 255, 255, .95);--login-petal-glow: rgba(255, 255, 255, .35);--login-brand-solid: #ffffff;--login-brand-glow: rgba(255, 255, 255, .4);--login-brand-url: rgba(255, 255, 255, .6);--transition-theme: background-color .3s ease, color .3s ease, border-color .3s ease}[data-theme=dark]{--bg-page: #0f172a;--bg-surface: #1e293b;--bg-surface-hover: #334155;--bg-elevated: #1e293b;--bg-subtle: #1a2332;--bg-overlay: rgba(15, 23, 42, .85);--bg-header: rgba(15, 23, 42, .88);--bg-input: #0f172a;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-muted: #64748b;--text-inverse: #0f172a;--border-color: #334155;--border-light: #1e293b;--border-strong: #475569;--accent: #60a5fa;--accent-hover: #3b82f6;--accent-light: rgba(96, 165, 250, .08);--accent-medium: rgba(96, 165, 250, .15);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .3);--shadow-xl: 0 12px 40px rgba(0, 0, 0, .35);--gradient-hero: linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #1a1025 100%);--gradient-card-hover: linear-gradient(135deg, rgba(96, 165, 250, .06), rgba(167, 139, 250, .04));--star-active: #fbbf24;--star-inactive: #475569;--tag-bg: rgba(96, 165, 250, .08);--tag-border: rgba(96, 165, 250, .15);--tag-text: #60a5fa;--divider: #1e293b;--ssh-terminal-bg: #06080f;--ssh-cmd-bg: rgba(0, 0, 0, .3);--ssh-cmd-bg-hover: rgba(0, 0, 0, .5);--ssh-bg-overlay-strong: rgba(6, 8, 15, .88);--ssh-orb-1: rgba(56, 189, 248, .04);--ssh-orb-2: rgba(129, 140, 248, .03);--ssh-scanline: rgba(56, 189, 248, .008);--ssh-scanline-beam: rgba(56, 189, 248, .06);--ssh-modal-shadow: 0 16px 48px rgba(0, 0, 0, .5), 0 0 0 1px rgba(56, 189, 248, .06);--ssh-ctx-shadow: 0 8px 32px rgba(0, 0, 0, .5), 0 0 0 1px rgba(56, 189, 248, .06);--login-bg: linear-gradient(135deg, #0a0e1a 0%, #0f172a 50%, #1a1025 100%);--login-left-bg: linear-gradient(135deg, #1e1b4b 0%, #312e81 30%, #1e1b4b 60%, #0c0a1e 100%);--login-card-bg: rgba(15, 23, 42, .85);--login-card-border: rgba(99, 102, 241, .12);--login-card-shadow: 0 24px 60px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .03);--login-orb-1: rgba(99, 102, 241, .08);--login-orb-2: rgba(139, 92, 246, .06);--login-orb-3: rgba(236, 72, 153, .04);--login-grid: rgba(99, 102, 241, .03);--login-accent: #818cf8;--login-accent-2: #a78bfa;--login-accent-3: #f472b6;--login-accent-soft: rgba(129, 140, 248, .1);--login-accent-border: rgba(129, 140, 248, .15);--login-input-bg: rgba(255, 255, 255, .03);--login-input-border: rgba(255, 255, 255, .08);--login-input-focus-bg: rgba(129, 140, 248, .04);--login-input-focus-border: rgba(129, 140, 248, .5);--login-input-focus-shadow: 0 0 0 4px rgba(129, 140, 248, .08), 0 0 20px rgba(129, 140, 248, .05);--login-tab-bg: rgba(255, 255, 255, .03);--login-tab-border: rgba(255, 255, 255, .06);--login-tab-active-bg: rgba(129, 140, 248, .08);--login-tab-active-border: rgba(129, 140, 248, .15);--login-text: rgba(255, 255, 255, .92);--login-text-mid: rgba(255, 255, 255, .55);--login-text-dim: rgba(255, 255, 255, .3);--login-brand-gradient: linear-gradient(135deg, #fff 30%, #818cf8);--login-submit-gradient: linear-gradient(135deg, rgba(129, 140, 248, .85), rgba(167, 139, 250, .85));--login-submit-shadow: 0 14px 32px rgba(129, 140, 248, .2);--login-left-text: rgba(255, 255, 255, .92);--login-left-text-mid: rgba(255, 255, 255, .7);--login-left-text-dim: rgba(255, 255, 255, .4);--login-left-orb-1: rgba(129, 140, 248, .06);--login-left-orb-2: rgba(167, 139, 250, .05);--login-left-orb-3: rgba(244, 114, 182, .04);--login-left-grid: rgba(129, 140, 248, .025);--login-petal-fill: rgba(255, 255, 255, .15);--login-petal-stroke: rgba(255, 255, 255, .9);--login-petal-glow: rgba(167, 139, 250, .35);--login-brand-solid: #f1f5f9;--login-brand-glow: rgba(167, 139, 250, .45);--login-brand-url: rgba(255, 255, 255, .5);--transition-theme: background-color .3s ease, color .3s ease, border-color .3s ease}html{transition:var(--transition-theme)}body{background-color:var(--bg-page);color:var(--text-primary);transition:var(--transition-theme)}:root,[data-theme=light]{--bead-pink-50: #FFF0F5;--bead-pink-100: #FFE4EC;--bead-pink-200: #FFC9DB;--bead-pink-300: #FFA3C2;--bead-pink-400: #FF6B9D;--bead-pink-500: #F43F7A;--bead-pink-600: #E91E63;--bead-pink-700: #C2185B;--bead-pink-800: #AD1457;--bead-pink-900: #880E4F;--bead-rose: #FFE0E8;--bead-rose-deep: #FF4D7A;--bead-bg: #FFF5F8;--bead-surface: #FFFFFF;--bead-surface-hover: #FFF0F5;--bead-border: #FFCEE0;--bead-border-light: #FFE8F0;--bead-text: #2D1F2D;--bead-text-secondary: #6B4C5C;--bead-text-muted: #9B7A8C;--bead-nav-bg: rgba(255, 255, 255, .92);--bead-badge-bg: rgba(255, 255, 255, .75);--bead-overlay: rgba(255, 255, 255, .85);--bead-shadow-sm: 0 1px 3px rgba(244, 63, 122, .06);--bead-shadow-md: 0 4px 12px rgba(244, 63, 122, .08);--bead-shadow-lg: 0 8px 28px rgba(244, 63, 122, .12);--bead-shadow-xl: 0 16px 48px rgba(244, 63, 122, .15);--bead-gradient-hero: linear-gradient(135deg, #FFF0F5 0%, #FFE4EC 30%, #E8F4FD 70%, #F0E6FA 100%);--bead-gradient-btn: linear-gradient(135deg, #FF6B9D 0%, #F43F7A 50%, #E91E63 100%);--bead-gradient-btn-hover: linear-gradient(135deg, #FF85AD 0%, #FF6B9D 50%, #F43F7A 100%);--bead-gradient-card: linear-gradient(135deg, rgba(255, 107, 157, .04), rgba(233, 30, 99, .02));--bead-radius-sm: 8px;--bead-radius-md: 12px;--bead-radius-lg: 20px;--bead-radius-xl: 28px;--bead-radius-full: 9999px;--bead-transition: all .25s cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--bead-pink-50: #2d1520;--bead-pink-100: #3a1828;--bead-pink-200: #4d1e35;--bead-pink-300: #6b2645;--bead-pink-400: #FF6B9D;--bead-pink-500: #F43F7A;--bead-pink-600: #FF85AD;--bead-pink-700: #FFA3C2;--bead-pink-800: #FFC9DB;--bead-pink-900: #FFE4EC;--bead-rose: #3a1522;--bead-rose-deep: #FF4D7A;--bead-bg: #1a1018;--bead-surface: #231a22;--bead-surface-hover: #2d1a28;--bead-border: #4d2438;--bead-border-light: #381c2b;--bead-text: #f0e6ec;--bead-text-secondary: #c4a8b8;--bead-text-muted: #8a7088;--bead-nav-bg: rgba(26, 16, 24, .92);--bead-badge-bg: rgba(35, 26, 34, .85);--bead-overlay: rgba(26, 16, 24, .85);--bead-shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--bead-shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--bead-shadow-lg: 0 8px 28px rgba(0, 0, 0, .35);--bead-shadow-xl: 0 16px 48px rgba(0, 0, 0, .45);--bead-gradient-hero: linear-gradient(135deg, #1a1018 0%, #1f1525 30%, #181e2a 70%, #201a28 100%);--bead-gradient-btn: linear-gradient(135deg, #FF6B9D 0%, #F43F7A 50%, #E91E63 100%);--bead-gradient-btn-hover: linear-gradient(135deg, #FF85AD 0%, #FF6B9D 50%, #F43F7A 100%);--bead-gradient-card: linear-gradient(135deg, rgba(255, 107, 157, .06), rgba(233, 30, 99, .03))}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}