.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)}}.mini-player[data-v-b44d0689]{position:fixed;right:16px;bottom:16px;z-index:40;width:220px;padding:8px 10px;border-radius:var(--radius-md);display:grid;grid-template-columns:auto 1fr auto auto auto;grid-template-rows:auto auto;align-items:center;gap:6px 8px;font-size:12px;color:var(--text-1)}.mini-cover[data-v-b44d0689]{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--grad-blue),var(--grad-pink));color:#fff}.mini-info[data-v-b44d0689]{min-width:0}.mini-title[data-v-b44d0689]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.mini-btn[data-v-b44d0689]{width:24px;height:24px;display:grid;place-items:center;border:none;border-radius:50%;background:#ffffff1a;color:var(--text-1);cursor:pointer}.mini-btn.play[data-v-b44d0689]{background:linear-gradient(135deg,var(--grad-blue),var(--grad-pink));color:#fff}.mini-progress[data-v-b44d0689]{grid-column:1 / -1;height:2px;background:var(--glass-border);border-radius:2px;cursor:pointer;overflow:hidden}.mini-progress-fill[data-v-b44d0689]{height:100%;background:linear-gradient(90deg,var(--grad-blue),var(--grad-pink));transition:width .2s linear}.audio-line[data-v-d4961870]{position:fixed;right:28px;top:5%;bottom:5%;background:linear-gradient(180deg,#4f7cff00,#4f7cff99 30%,#ff6ec799 70%,#ff6ec700);border-radius:2px;z-index:5;transition:width .06s linear,opacity .2s;pointer-events:none}.timeline-root[data-v-bb687cce]{position:fixed;right:80px;top:0;bottom:0;width:1px;pointer-events:none;z-index:3}.line[data-v-bb687cce]{position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(180deg,#4f7cff00,#4f7cff8c 25%,#ff6ec78c 75%,#ff6ec700)}.node[data-v-bb687cce]{position:absolute;left:-4px;width:9px;height:9px;pointer-events:auto;transform:translateY(-50%)}.dot[data-v-bb687cce]{width:9px;height:9px;border-radius:50%;background:var(--text-1);transition:transform .2s,background .2s;box-shadow:0 0 0 3px #ffffff0d}.dot.active[data-v-bb687cce]{transform:scale(1.6);background:linear-gradient(135deg,var(--grad-blue),var(--grad-pink))}.card[data-v-bb687cce]{position:absolute;top:50%;transform:translateY(-50%);width:200px;padding:8px 12px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);font-size:12px;color:var(--text-1);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.card.side.left[data-v-bb687cce]{right:18px;transform:translateY(-50%) translate(8px)}.card.side.right[data-v-bb687cce]{left:18px;transform:translateY(-50%) translate(-8px)}.card.visible[data-v-bb687cce]{opacity:1;pointer-events:auto}.card.visible.side.left[data-v-bb687cce],.card.visible.side.right[data-v-bb687cce]{transform:translateY(-50%) translate(0)}.card-title[data-v-bb687cce]{font-weight:600}.card-time[data-v-bb687cce]{font-size:10.5px;margin-top:2px}.card-desc[data-v-bb687cce]{font-size:11px;margin-top:4px;color:var(--text-2)}@media(max-width:720px){.timeline-root[data-v-bb687cce]{display:none}}.theme-dots[data-v-b2310ac6]{position:fixed;top:76px;right:16px;z-index:45;display:flex;flex-direction:row;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-md)}.dot[data-v-b2310ac6]{width:11px;height:11px;border-radius:50%;border:none;background:var(--c);cursor:pointer;padding:0;opacity:.4;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.dot[data-v-b2310ac6]:hover:not(.active){opacity:.7}.dot.active[data-v-b2310ac6]{transform:scale(1.3);opacity:1;box-shadow:0 0 12px var(--c)}@media(max-width:720px){.theme-dots[data-v-b2310ac6]{top:64px;right:12px;padding:6px 10px;gap:6px}}:root{--bg-base: #0b1030;--bg-accent: #131a45;--grad-blue: #4f7cff;--grad-pink: #ff6ec7;--glass-bg: rgba(255, 255, 255, .13);--glass-border: rgba(255, 255, 255, .28);--glass-shadow: 0 12px 36px rgba(31, 38, 135, .45);--text-1: rgba(255, 255, 255, .94);--text-2: rgba(255, 255, 255, .68);--text-3: rgba(255, 255, 255, .46);--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;--sakura-bg-top: #4a2870;--sakura-bg-mid: #2a2255;--sakura-bg-bot: #16124a;--sakura-petal: #ff6ec7;--sakura-glow: 2px;--bg-spotlight: rgba(180, 130, 230, .18);--bg-hue-shift: 0deg;--time-grad-start: #4f7cff;--time-grad-end: #ff6ec7;--time-glow: 0 0 24px rgba(255, 110, 199, .4);--time-glow-color: rgba(255, 110, 199, .4);--theme-dot-light: #ffb84d;--theme-dot-dark: #4f7cff;--theme-dot-system: #94a3b8}.light{--bg-base: #eef2ff;--bg-accent: #e0e7ff;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(79, 124, 255, .32);--glass-shadow: 0 12px 36px rgba(79, 124, 255, .2);--text-1: rgba(15, 23, 60, .92);--text-2: rgba(15, 23, 60, .62);--text-3: rgba(15, 23, 60, .42);--code-bg: #f6f8ff;--link: #4f7cff;--sakura-bg-top: #ffe2ec;--sakura-bg-mid: #ecdcff;--sakura-bg-bot: #d2e2ff;--sakura-petal: #ff8fc1;--sakura-glow: 1px;--bg-spotlight: rgba(255, 200, 220, .35);--time-grad-start: #6b8cff;--time-grad-end: #ff7ec0;--time-glow: 0 0 28px rgba(255, 110, 199, .5);--time-glow-color: rgba(255, 110, 199, .5)}*{box-sizing:border-box}html,#app{height:100%;margin:0}body{margin:0;min-height:100%;font-family:Microsoft YaHei UI,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--text-1);background:radial-gradient(900px 600px at 70% -10%,var(--bg-spotlight),transparent 60%),linear-gradient(180deg,var(--sakura-bg-top) 0%,var(--sakura-bg-mid) 50%,var(--sakura-bg-bot) 100%);background-attachment:fixed;background-size:100% 100%,100% 220%;background-position:50% 0%,50% 0%;animation:bg-drift 90s ease-in-out infinite alternate;filter:hue-rotate(var(--bg-hue-shift, 0deg));transition:background .4s ease,color .4s ease;overflow-x:hidden;line-height:1.7}@keyframes bg-drift{0%{background-position:50% 0%,50% 0%}to{background-position:50% 0%,50% 40%}}@media(prefers-reduced-motion:reduce){body{animation:none}}.glass{position:relative;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),inset 0 1px #ffffff14}.glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.06) 0%,transparent 40%);pointer-events:none}.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}