:root{--sp-brand: #1677ff;--sp-brand-soft: rgba(22, 119, 255, .1);--sp-teal: #2dd4bf;--sp-bg: #f4f8fd;--sp-bg-soft: #f8fbff;--sp-card: #ffffff;--sp-card-soft: #f7faff;--sp-text: #0f172a;--sp-text-secondary: #475569;--sp-text-muted: #6b7a8f;--sp-border: #e6edf7;--sp-border-strong: #d9e4f2;--sp-shadow: 0 10px 30px rgba(15, 23, 42, .06);--sp-shadow-lg: 0 24px 70px rgba(15, 23, 42, .12);--sp-radius: 16px;--sp-radius-sm: 10px;--sp-sidebar: #ffffff;--sp-sidebar-border: #e8eef7;--sp-header: rgba(255, 255, 255, .88);--sp-hover: rgba(15, 23, 42, .045);--sp-font: "Segoe UI", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif}:root[data-theme=dark],html.dark{--sp-bg: #0b1120;--sp-bg-soft: #0d1729;--sp-card: #111a2e;--sp-card-soft: #152039;--sp-text: #e6edf9;--sp-text-secondary: #bac6d8;--sp-text-muted: #8fa0b8;--sp-border: #22304a;--sp-border-strong: #2a3b58;--sp-shadow: 0 12px 34px rgba(0, 0, 0, .26);--sp-shadow-lg: 0 28px 80px rgba(0, 0, 0, .4);--sp-sidebar: #0d1729;--sp-sidebar-border: #1d2a42;--sp-header: rgba(13, 23, 41, .9);--sp-hover: rgba(255, 255, 255, .055)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;height:100%}body{font-family:var(--sp-font);color:var(--sp-text);background:var(--sp-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--sp-brand);text-decoration:none}button,input,textarea,select{font-family:inherit}::selection{background:#1677ff38}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#64748b57;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#64748b8c}::-webkit-scrollbar-track{background:transparent}.page{padding:26px 30px 40px;max-width:1540px;margin:0 auto;width:100%}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px;flex-wrap:wrap}.page-title{margin:0;font-size:26px;line-height:1.2;letter-spacing:-.02em;font-weight:750}.page-subtitle{margin:7px 0 0;color:var(--sp-text-secondary);font-size:13.5px;line-height:1.6}.page-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sp-card{background:var(--sp-card);border:1px solid var(--sp-border);border-radius:var(--sp-radius);box-shadow:var(--sp-shadow)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(176px,1fr));gap:14px}.muted{color:var(--sp-text-muted)}.secondary{color:var(--sp-text-secondary)}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12.5px}.flex{display:flex}.flex-1{flex:1;min-width:0}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.wrap{flex-wrap:wrap}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;font-size:16px;font-weight:700}.section-title .n-button{font-weight:500}.empty-panel{padding:54px 20px;text-align:center;color:var(--sp-text-muted)}.fade-slide-enter-active,.fade-slide-leave-active{transition:opacity .18s ease,transform .18s ease}.fade-slide-enter-from,.fade-slide-leave-to{opacity:0;transform:translateY(6px)}@media(max-width:900px){.page{padding:20px 16px 32px}.page-title{font-size:22px}}@media(max-width:600px){.page{padding:16px 12px 28px}.page-header{margin-bottom:16px}}
