.icon[data-v-12bf9c31]{display:inline-block;vertical-align:middle;fill:currentColor;flex:none}.icon-spin[data-v-12bf9c31]{animation:icon-spin-12bf9c31 1.4s linear infinite}@keyframes icon-spin-12bf9c31{to{transform:rotate(360deg)}}.theme-toggle[data-v-7295dda6]{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-1);cursor:pointer;transition:all .2s}.theme-toggle[data-v-7295dda6]:hover{background:#ffffff1f;border-color:#ffffff52;color:var(--grad-pink)}.light .theme-toggle[data-v-7295dda6]:hover{background:#4f7cff14;border-color:#4f7cff5c;color:var(--grad-blue)}.layout[data-v-9de57562]{display:flex;height:100vh;overflow:hidden}.sidebar[data-v-9de57562]{width:220px;flex:none;margin:16px 0 16px 16px;border-radius:var(--radius-lg);display:flex;flex-direction:column;padding:18px 12px;position:relative;z-index:1}.logo[data-v-9de57562]{display:flex;align-items:center;gap:10px;padding:4px 10px 18px;cursor:pointer;-webkit-user-select:none;user-select:none}.logo-badge[data-v-9de57562]{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--grad-blue),var(--grad-pink));color:#fff;font-size:18px;box-shadow:0 4px 14px #4f7cff66}.logo-text[data-v-9de57562]{font-weight:700;font-size:15px;letter-spacing:.5px}.nav[data-v-9de57562]{display:flex;flex-direction:column;gap:4px;flex:1}.nav-item[data-v-9de57562]{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-md);cursor:pointer;color:var(--text-2);transition:background .2s,color .2s;font-size:13.5px}.nav-item[data-v-9de57562]:hover{background:#ffffff14;color:var(--text-1)}.nav-item.active[data-v-9de57562]{background:linear-gradient(120deg,#4f7cff38,#ff6ec729);color:#fff;font-weight:600;box-shadow:inset 0 0 0 1px #ffffff1f}.light .nav-item.active[data-v-9de57562]{color:#1e293b;box-shadow:inset 0 0 0 1px #4f7cff2e}.nav-label[data-v-9de57562]{flex:1}.sidebar-foot[data-v-9de57562]{padding:10px 12px 2px;font-size:11.5px}.main[data-v-9de57562]{flex:1;display:flex;flex-direction:column;min-width:0}.topbar[data-v-9de57562]{margin:16px 16px 0;padding:12px 20px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.topbar-title[data-v-9de57562]{font-weight:600;font-size:14.5px}.topbar-right[data-v-9de57562]{display:flex;align-items:center;gap:12px}.topbar-clock[data-v-9de57562]{font-variant-numeric:tabular-nums;font-size:12.5px}.content[data-v-9de57562]{flex:1;overflow-y:auto;padding:0}:root{--bg-base: #0b1030;--bg-accent: #131a45;--grad-blue: #4f7cff;--grad-pink: #ff6ec7;--glass-bg: rgba(255, 255, 255, .07);--glass-border: rgba(255, 255, 255, .16);--glass-shadow: 0 8px 32px rgba(31, 38, 135, .25);--text-1: rgba(255, 255, 255, .92);--text-2: rgba(255, 255, 255, .62);--text-3: rgba(255, 255, 255, .42);--radius-lg: 20px;--radius-md: 12px;--radius-sm: 8px;--ok: #22c55e;--warn: #f59e0b;--err: #ef4444;--gray: #64748b;--code-bg: rgba(8, 10, 30, .85);--link: #8aa9ff}.light{--bg-base: #eef2ff;--bg-accent: #e0e7ff;--glass-bg: rgba(255, 255, 255, .55);--glass-border: rgba(79, 124, 255, .18);--glass-shadow: 0 8px 32px rgba(79, 124, 255, .12);--text-1: rgba(15, 23, 60, .92);--text-2: rgba(15, 23, 60, .58);--text-3: rgba(15, 23, 60, .38);--code-bg: #f6f8ff;--link: #4f7cff}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:Microsoft YaHei UI,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--text-1);background:radial-gradient(1200px 800px at 80% -10%,var(--bg-accent),transparent 60%),var(--bg-base);transition:background .4s ease,color .4s ease;overflow-x:hidden;line-height:1.7}body:before,body:after{content:"";position:fixed;width:640px;height:640px;border-radius:50%;filter:blur(70px);opacity:.45;z-index:0;pointer-events:none}body:before{left:-180px;top:-180px;background:radial-gradient(circle,var(--grad-blue),transparent 65%);animation:drift-a 22s ease-in-out infinite alternate}body:after{right:-180px;bottom:-180px;background:radial-gradient(circle,var(--grad-pink),transparent 65%);animation:drift-b 26s ease-in-out infinite alternate;animation-delay:-8s}@keyframes drift-a{to{transform:translate(70px,90px) scale(1.18)}}@keyframes drift-b{to{transform:translate(-60px,-70px) scale(.88)}}.glass{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.glass-hover{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.glass-hover:hover{transform:translateY(-3px);border-color:#ffffff52;box-shadow:0 12px 40px #1f268759}.light .glass-hover:hover{border-color:#4f7cff5c;box-shadow:0 12px 40px #4f7cff2e}.health-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex:none}.health-dot.on{background:var(--ok);box-shadow:0 0 8px var(--ok);animation:pulse 2s infinite}.health-dot.warn{background:var(--warn);box-shadow:0 0 8px var(--warn)}.health-dot.off{background:var(--err);box-shadow:0 0 8px var(--err)}.health-dot.gray{background:var(--gray)}@keyframes pulse{50%{opacity:.5}}.stat-enter{animation:rise .4s ease both}.stat-enter:nth-child(2){animation-delay:.05s}.stat-enter:nth-child(3){animation-delay:.1s}.stat-enter:nth-child(4){animation-delay:.15s}.stat-enter:nth-child(5){animation-delay:.2s}.stat-enter:nth-child(6){animation-delay:.25s}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.page{position:relative;z-index:1;padding:28px 32px 60px;max-width:1400px;margin:0 auto}.page-title{font-size:26px;font-weight:700;margin:0;letter-spacing:.5px}.page-sub{color:var(--text-2);font-size:13.5px;margin:6px 0 0}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:28px}.page-header-actions{display:flex;align-items:center;gap:10px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:4px}.light ::-webkit-scrollbar-thumb{background:#4f7cff47}::-webkit-scrollbar-track{background:transparent}.article-body{font-size:15.5px;color:var(--text-1);line-height:1.85;word-break:break-word}.article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{font-weight:700;margin:1.6em 0 .6em;line-height:1.35;scroll-margin-top:80px}.article-body h1{font-size:1.8em}.article-body h2{font-size:1.45em;padding-bottom:.3em;border-bottom:1px solid var(--glass-border)}.article-body h3{font-size:1.2em}.article-body h4{font-size:1.05em;color:var(--text-2)}.article-body p{margin:0 0 1em}.article-body ul,.article-body ol{padding-left:1.6em;margin:0 0 1em}.article-body li{margin:.3em 0}.article-body blockquote{margin:1em 0;padding:.6em 1em;border-left:3px solid var(--grad-blue);background:#4f7cff14;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-2)}.article-body a{color:var(--link);text-decoration:none;border-bottom:1px dashed transparent;transition:border-color .2s}.article-body a:hover{border-bottom-color:var(--link)}.article-body code:not(pre code){background:var(--code-bg);padding:2px 6px;border-radius:4px;font-size:.88em;font-family:Consolas,Courier New,monospace;color:#ff8fc1}.light .article-body code:not(pre code){color:#c026d3}.article-body img{max-width:100%;border-radius:var(--radius-md)}.article-body table{width:100%;border-collapse:collapse;margin:1em 0;font-size:.95em}.article-body th,.article-body td{padding:8px 12px;border:1px solid var(--glass-border);text-align:left}.article-body th{background:#ffffff0a;font-weight:600}.code-wrap{position:relative;margin:1em 0}.code-wrap pre{margin:0;border-radius:var(--radius-md);overflow:hidden}.code-copy{position:absolute;top:8px;right:8px;font-size:11px;padding:3px 10px;background:#ffffff1f;color:var(--text-1);border:1px solid var(--glass-border);border-radius:6px;cursor:pointer;opacity:0;transition:opacity .2s;-webkit-user-select:none;user-select:none}.code-wrap:hover .code-copy,.code-copy:focus{opacity:1}.code-copy:hover{background:#fff3}.code-copy.copied{background:var(--ok);border-color:var(--ok)}.hljs{display:block;padding:14px 18px;overflow-x:auto;background:var(--code-bg);color:#c8d3ff}.light .hljs{color:#383a42}.hljs-comment,.hljs-quote{color:#5b6b9e;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-built_in{color:#ff8fc1}.hljs-string,.hljs-attr{color:#b5e853}.hljs-number,.hljs-literal{color:#f59e0b}.hljs-title,.hljs-section,.hljs-name{color:#4f7cff;font-weight:600}.hljs-variable,.hljs-template-variable{color:#ffb86c}.hljs-tag,.hljs-meta{color:#8be9fd}.hljs-deletion{color:#ef4444;background:#ef44441a}.hljs-addition{color:#22c55e;background:#22c55e1a}.light .hljs-comment{color:#a0a1a7}.light .hljs-keyword{color:#c026d3}.light .hljs-string{color:#50a14f}.light .hljs-number{color:#986801}.light .hljs-title{color:#4078f2}.light .hljs-tag{color:#e45649}.muted{color:var(--text-2)}.dim{color:var(--text-3)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.center{display:flex;align-items:center;justify-content:center}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}