:root{color-scheme:light;--vo-font-display: "Outfit", "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--vo-font-body: "DM Sans", "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--vo-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--vo-bg: #eef0f4;--vo-bg-elevated: #f7f8fa;--vo-surface: #ffffff;--vo-surface2: #f1f5f9;--vo-surface3: #e2e8f0;--vo-border: rgba(22, 119, 255, .1);--vo-border-strong: rgba(15, 23, 42, .12);--vo-text: #0c2d5c;--vo-muted: rgba(82, 115, 160, .88);--vo-muted2: rgba(100, 116, 139, .9);--vo-accent: #1677ff;--vo-accent-bright: #4096ff;--vo-accent-dim: rgba(22, 119, 255, .12);--vo-accent-glow: 0 0 0 1px rgba(22, 119, 255, .22), 0 8px 28px rgba(22, 119, 255, .2);--vo-shadow-glow: var(--vo-accent-glow);--vo-warn: #d97706;--vo-danger: #dc2626;--vo-info: #0284c7;--vo-radius-sm: 8px;--vo-radius-md: 12px;--vo-radius-lg: 14px;--vo-radius-xl: 18px;--vo-shadow-sm: 0 1px 2px rgba(15, 23, 42, .04), 0 6px 20px rgba(15, 23, 42, .05);--vo-shadow-md: 0 4px 12px rgba(15, 23, 42, .06), 0 16px 40px rgba(9, 88, 217, .08);--vo-sheet-mask: rgba(15, 23, 42, .42);--vo-safe-top: env(safe-area-inset-top, 0px);--vo-safe-bottom: env(safe-area-inset-bottom, 0px);--vo-tap-size: 44px;--vo-ease-out: cubic-bezier(.22, 1, .36, 1);--vo-ease-spring: cubic-bezier(.34, 1.3, .64, 1);--vo-duration: .22s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.vo-skeleton{animation:none!important;background:var(--vo-surface3)!important;background-size:auto!important}}*,*:before,*:after{box-sizing:border-box}html{scroll-padding-bottom:calc(88px + var(--vo-safe-bottom))}html,body{margin:0;min-height:100%;background:var(--vo-bg);color:var(--vo-text);font-family:var(--vo-font-body);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}#app{min-height:100dvh;position:relative}#app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 115% 80% at 50% -32%,rgba(22,119,255,.09),transparent 55%),radial-gradient(ellipse 60% 42% at 100% 0%,rgba(2,132,199,.05),transparent 45%),linear-gradient(180deg,var(--vo-bg-elevated) 0%,var(--vo-bg) 48%,var(--vo-bg) 100%)}a{color:var(--vo-accent);text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--vo-accent);outline-offset:2px}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}.vo-page{min-height:100dvh;padding:calc(10px + var(--vo-safe-top)) 14px calc(80px + var(--vo-safe-bottom));max-width:520px;margin:0 auto}.vo-page--compact{padding:calc(8px + var(--vo-safe-top)) 12px calc(76px + var(--vo-safe-bottom))}.vo-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}.vo-title{margin:0;font-family:var(--vo-font-display);font-size:1.22rem;font-weight:700;letter-spacing:-.02em;line-height:1.22;color:var(--vo-text)}.vo-card{background:linear-gradient(165deg,#fff,#fafcff);border:1px solid var(--vo-border);border-radius:var(--vo-radius-md);padding:12px 14px;margin-bottom:10px;box-shadow:var(--vo-shadow-sm);transition:border-color var(--vo-duration) var(--vo-ease-out),box-shadow var(--vo-duration) var(--vo-ease-out),transform var(--vo-duration) var(--vo-ease-out)}.vo-card--interactive:active{transform:scale(.992)}.vo-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:var(--vo-tap-size);padding:12px 18px;border:none;border-radius:var(--vo-radius-sm);font-family:var(--vo-font-display);font-weight:600;font-size:15px;letter-spacing:.01em;background:linear-gradient(155deg,#0958d9 0%,var(--vo-accent) 45%,var(--vo-accent-bright) 100%);color:#fff;box-shadow:var(--vo-shadow-glow);transition:transform .12s var(--vo-ease-out),filter var(--vo-duration) var(--vo-ease-out),box-shadow var(--vo-duration) var(--vo-ease-out)}.vo-btn:hover:not(:disabled){filter:brightness(1.06)}.vo-btn:active:not(:disabled){transform:scale(.98)}.vo-btn:disabled{opacity:.48;filter:grayscale(.2)}.vo-btn--ghost{background:var(--vo-surface2);color:var(--vo-text);border:1px solid var(--vo-border-strong);box-shadow:none}.vo-btn--ghost:hover:not(:disabled){background:var(--vo-surface3);border-color:#0f172a24}.vo-input{width:100%;min-height:var(--vo-tap-size);padding:13px 15px;border-radius:var(--vo-radius-sm);border:1px solid var(--vo-border-strong);background:var(--vo-surface);color:var(--vo-text);font-size:16px;transition:border-color var(--vo-duration) var(--vo-ease-out),box-shadow var(--vo-duration) var(--vo-ease-out)}.vo-input::placeholder{color:var(--vo-muted2)}.vo-input:hover:not(:disabled){border-color:#0f172a29}.vo-input:focus{outline:none;border-color:#1677ff8c;box-shadow:0 0 0 3px var(--vo-accent-dim)}.vo-label{display:block;font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--vo-muted);margin-bottom:8px}.vo-toolbar{display:flex;flex-direction:column;gap:12px}.vo-toolbar__field{display:flex;flex-direction:column;gap:8px}.vo-toolbar__field>.vo-label{margin-bottom:0}.vo-toolbar__field--action{gap:0;padding-top:2px}.vo-muted{color:var(--vo-muted);font-size:13px;line-height:1.55}.vo-section-title{margin:16px 0 8px;font-family:var(--vo-font-display);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--vo-muted2)}.vo-tag{display:inline-flex;align-items:center;padding:3px 9px;border-radius:8px;font-size:11px;font-weight:700;letter-spacing:.02em;background:var(--vo-surface3);color:var(--vo-muted);border:1px solid var(--vo-border)}.vo-tag--ok{background:#10b9811f;color:#047857;border-color:#10b98147}.vo-tag--off{background:#dc262614;color:#b91c1c;border-color:#dc262633}.vo-empty{text-align:center;padding:24px 16px;border-radius:var(--vo-radius-md);border:1px dashed var(--vo-border-strong);background:#ffffffd9;color:var(--vo-muted);font-size:13px;line-height:1.5}.vo-empty__icon{width:48px;height:48px;margin:0 auto 14px;border-radius:14px;background:var(--vo-surface2);border:1px solid var(--vo-border);display:flex;align-items:center;justify-content:center;color:var(--vo-muted2)}.vo-fetch-err{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:0 0 12px;padding:12px 14px;border-radius:var(--vo-radius-md);border:1px solid rgba(220,38,38,.22);background:#dc26260f}.vo-fetch-err__text{flex:1;min-width:0;margin:0;font-size:14px;color:var(--vo-danger);line-height:1.45;overflow-wrap:anywhere}.vo-fetch-err__btn{flex-shrink:0;padding:8px 14px;font-size:13px}.vo-chevron{flex-shrink:0;width:18px;height:18px;color:var(--vo-muted2);opacity:.85}.vo-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:0 8px calc(4px + var(--vo-safe-bottom));display:flex;justify-content:center;pointer-events:none}.vo-bottom-nav__inner{pointer-events:auto;width:100%;max-width:520px;display:flex;justify-content:space-around;align-items:stretch;gap:2px;padding:6px 4px;background:#ffffffeb;backdrop-filter:saturate(1.15) blur(16px);-webkit-backdrop-filter:saturate(1.15) blur(16px);border:1px solid var(--vo-border);border-radius:var(--vo-radius-lg);margin-bottom:4px;box-shadow:0 1px #ffffffeb inset,0 -6px 24px #0f172a12}.vo-nav-item{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 2px;min-height:var(--vo-tap-size);font-size:10px;font-weight:600;letter-spacing:.02em;color:var(--vo-muted2);border-radius:var(--vo-radius-sm);transition:color var(--vo-duration) var(--vo-ease-out),background var(--vo-duration) var(--vo-ease-out),box-shadow var(--vo-duration) var(--vo-ease-out),transform var(--vo-duration) var(--vo-ease-out)}.vo-nav-item:not(.router-link-exact-active):active{background:#0f172a0d}.vo-nav-item.router-link-exact-active{color:#fff;font-weight:700;background:linear-gradient(155deg,#0958d9 0%,var(--vo-accent) 42%,var(--vo-accent-bright) 100%);box-shadow:0 1px #ffffff40 inset,0 4px 14px #1677ff59}.vo-nav-item.router-link-exact-active svg{transform:scale(1.05)}.vo-nav-item.router-link-exact-active svg [stroke]{stroke-width:2}.vo-nav-item svg{width:22px;height:22px;color:inherit;transition:transform var(--vo-duration) var(--vo-ease-out)}.vo-nav-item svg [stroke]{stroke:currentColor}.vo-nav-item svg [fill]:not([fill=none]){fill:currentColor}.vo-skeleton{height:14px;border-radius:8px;background:linear-gradient(90deg,var(--vo-surface3) 18%,rgba(22,119,255,.08) 42%,var(--vo-surface3) 62%);background-size:220% 100%;animation:vo-shimmer 1.35s ease-in-out infinite}@keyframes vo-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.vo-api-banner{position:sticky;top:0;z-index:50;padding:12px 16px;font-size:13px;line-height:1.5;color:#1c1508;background:linear-gradient(105deg,#f5e6a8,#e8c24a,#d4a834);border-bottom:1px solid rgba(0,0,0,.08);box-shadow:0 8px 30px #0000001f}.vo-api-banner code{font-family:var(--vo-font-mono);font-size:11px;font-weight:600;background:#0000001a;padding:2px 6px;border-radius:5px}.vo-toast{position:fixed;left:50%;bottom:calc(92px + var(--vo-safe-bottom));transform:translate(-50%) translateY(8px);z-index:200;max-width:min(90vw,360px);padding:13px 20px;border-radius:var(--vo-radius-md);background:#fffffff5;border:1px solid rgba(22,119,255,.22);color:var(--vo-text);font-size:14px;font-weight:500;text-align:center;box-shadow:var(--vo-shadow-md);pointer-events:none;opacity:0;transition:opacity .28s var(--vo-ease-out),transform .32s var(--vo-ease-spring)}.vo-toast--visible{opacity:1;transform:translate(-50%) translateY(0)}