:root{color-scheme:light;--font-sans: Inter, "SF Pro Display", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--bg: #f5f7fb;--surface: rgba(255, 255, 255, .92);--surface-solid: #ffffff;--surface-soft: #edf2f9;--text: #172033;--text-soft: #5e6b82;--text-faint: #8994a8;--line: #dce3ee;--primary: #315fdf;--primary-strong: #234bc0;--primary-soft: #e9efff;--accent: #0f9f8d;--accent-soft: #e3f8f4;--danger: #d74747;--danger-soft: #fff0f0;--warning: #b7791f;--warning-soft: #fff7e6;--success: #16845b;--success-soft: #e8f8f0;--shadow-sm: 0 8px 24px rgba(24, 39, 75, .08);--shadow-lg: 0 24px 70px rgba(24, 39, 75, .14);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--container: 1180px}:root[data-theme=dark]{color-scheme:dark;--bg: #09101c;--surface: rgba(16, 25, 42, .92);--surface-solid: #10192a;--surface-soft: #172238;--text: #edf3ff;--text-soft: #aab7cc;--text-faint: #74829a;--line: #26344d;--primary: #7195ff;--primary-strong: #96afff;--primary-soft: #1b2b54;--accent: #49cdbb;--accent-soft: #123a36;--danger: #ff8181;--danger-soft: #431f26;--warning: #f3bd62;--warning-soft: #3c301d;--success: #55d69f;--success-soft: #173a2d;--shadow-sm: 0 8px 28px rgba(0, 0, 0, .24);--shadow-lg: 0 24px 80px rgba(0, 0, 0, .38)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.65;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input,select,textarea{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{border:0}img,svg{display:block;max-width:100%}.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.icon-button{display:inline-grid;width:40px;height:40px;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--surface-solid);color:var(--text-soft);cursor:pointer;transition:.16s ease}.icon-button:hover{border-color:color-mix(in srgb,var(--primary) 55%,var(--line));color:var(--primary);transform:translateY(-1px)}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:0 18px;border:1px solid transparent;border-radius:12px;background:var(--primary);color:#fff;font-weight:700;text-decoration:none;cursor:pointer;transition:.16s ease}.button:hover{background:var(--primary-strong);box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 25%,transparent);transform:translateY(-1px)}.button.secondary{border-color:var(--line);background:var(--surface-solid);color:var(--text)}.button.secondary:hover{border-color:var(--primary);background:var(--primary-soft);color:var(--primary);box-shadow:none}.status-dot{width:8px;height:8px;flex:0 0 auto;border-radius:999px;background:var(--text-faint)}.status-dot.online{background:var(--success);box-shadow:0 0 0 5px color-mix(in srgb,var(--success) 14%,transparent)}.status-dot.offline{background:var(--danger);box-shadow:0 0 0 5px color-mix(in srgb,var(--danger) 14%,transparent)}::selection{background:color-mix(in srgb,var(--primary) 24%,transparent)}:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 34%,transparent);outline-offset:2px}@media (max-width: 720px){.container{width:min(calc(100% - 28px),var(--container))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}