.app-layout[data-v-8c8c5ef6]{background:var(--bg-page);flex-direction:column;min-height:100vh;display:flex}.topnav[data-v-8c8c5ef6]{z-index:50;background:var(--bg-page);border-bottom:1px solid var(--border);position:sticky;top:0}.topnav-inner[data-v-8c8c5ef6]{align-items:center;gap:16px;height:56px;padding:0 20px;display:flex}.topnav-links[data-v-8c8c5ef6]{flex:1;justify-content:center;align-items:center;gap:4px;display:none}@media (width>=768px){.topnav-links[data-v-8c8c5ef6]{display:flex}}.topnav-link[data-v-8c8c5ef6]{color:var(--text-muted);white-space:nowrap;border-radius:8px;padding:6px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.topnav-link[data-v-8c8c5ef6]:hover{color:var(--text-primary);background:var(--tag-bg)}.topnav-link.active[data-v-8c8c5ef6]{color:var(--text-primary);background:var(--accent-light)}.topnav-actions[data-v-8c8c5ef6]{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}.topnav-icon-btn[data-v-8c8c5ef6]{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.topnav-icon-btn[data-v-8c8c5ef6]:hover{color:var(--text-primary);background:var(--tag-bg)}.icon-sm[data-v-8c8c5ef6]{width:18px;height:18px}.mobile-menu-btn[data-v-8c8c5ef6]{display:flex}@media (width>=768px){.mobile-menu-btn[data-v-8c8c5ef6]{display:none}}.topnav-mobile-menu[data-v-8c8c5ef6]{border-top:1px solid var(--border);flex-direction:column;gap:2px;padding:8px 12px;display:flex}@media (width>=768px){.topnav-mobile-menu[data-v-8c8c5ef6]{display:none}}.topnav-mobile-link[data-v-8c8c5ef6]{color:var(--text-muted);border-radius:8px;padding:10px 14px;font-size:15px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:block}.topnav-mobile-link[data-v-8c8c5ef6]:hover{color:var(--text-primary);background:var(--tag-bg)}.topnav-mobile-link.active[data-v-8c8c5ef6]{color:var(--text-primary);background:var(--accent-light)}.theme-mobile-btn[data-v-8c8c5ef6]{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;font-family:inherit}.main-content[data-v-8c8c5ef6]{flex-direction:column;flex:1;display:flex}:root,[data-theme=dark]{--bg-page:#07110f;--bg-card:#0f1a18;--bg-elevated:#15221e;--bg-input:#0f1a18;--bg-input-focus:#15221e;--border:#17312a;--border-light:#1d3a32;--text-primary:#f5f7f4;--text-secondary:#c5d6cf;--text-muted:#8a9e94;--accent:#56d39c;--accent-light:#56d39c1f;--accent-hover:#7dd3a4;--tag-bg:#14201d;--tag-text:#a7cdbd;--divider:#17312a;--scrollbar-thumb:#3a5a4a;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 18px 50px #00000059;--color-success:#56d39c;--color-error:#f87171;--color-warning:#f4bf62;--text-on-accent:#07110f;--font-weight-btn:600}[data-theme=light]{--bg-page:#faf8f2;--bg-card:#fdfcf8;--bg-elevated:#fffefb;--bg-input:#f7f4e9;--bg-input-focus:#fefdfa;--border:#e0dac8;--border-light:#ece6d4;--text-primary:#1f1b0e;--text-secondary:#4a3f2e;--text-muted:#6b6048;--accent:#a89858;--accent-light:#a898581f;--accent-hover:#8a7a42;--tag-bg:#f4f1e4;--tag-text:#5c5240;--divider:#e0dac8;--scrollbar-thumb:#cec8b4;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 18px 50px #00000014;--color-success:#6a8a3e;--color-error:#d64545;--color-warning:#c08020;--text-on-accent:#faf8f2;--font-weight-btn:600}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--bg-page);color:var(--text-primary);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;line-height:1.7;transition:background-color .2s,color .2s}#app{min-height:100vh}a{color:var(--accent);text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;border:none;outline:none}input,textarea{outline:none;font-family:Cascadia Code,JetBrains Mono,Fira Code,Consolas,monospace;font-size:15px}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--accent);color:var(--bg-page)}.glass-panel,.surface-card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.surface-card-muted{background:var(--tag-bg);border:1px solid var(--border-light)}.surface-pill{background:var(--tag-bg);border:1px solid var(--border-light);color:var(--tag-text)}.surface-input{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary)}.surface-input::placeholder{color:var(--text-muted)}.theme-accent-text{color:var(--accent)}.theme-accent-text-muted{color:var(--text-muted)}.soft-divider{background:var(--divider);height:1px}.focus-theme:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #56d39c33}[data-theme=light] .focus-theme:focus{box-shadow:0 0 0 2px #a8985840}@keyframes fade-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.25s ease-out fade-in}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation:none!important}}.viewer-header{border-bottom:1px solid var(--border);background:var(--bg-card);text-align:center;justify-content:center;align-items:baseline;gap:14px;padding:16px 28px;display:flex}.viewer-header h2{color:var(--text-primary);white-space:nowrap;font-size:20px;font-weight:700}.viewer-desc{color:var(--text-muted);font-size:14px}.viewer-body{flex:1;display:flex;overflow:hidden}@media (width<=1023px){.viewer-header{flex-wrap:wrap;gap:8px;padding:14px 18px}.viewer-header h2{font-size:17px}.viewer-desc{font-size:13px}}@media (width<=639px){.viewer-header{padding:12px 14px}.viewer-header h2{font-size:16px}.viewer-desc{font-size:12px}}[data-theme=dark] .json-key{color:#34d399;font-weight:500}[data-theme=dark] .json-string{color:#fbbf24}[data-theme=dark] .json-number,[data-theme=dark] .json-boolean{color:#a78bfa}[data-theme=dark] .json-null{color:#6b7280;font-style:italic}[data-theme=light] .json-key{color:#8b7528;font-weight:500}[data-theme=light] .json-string{color:#c06820}[data-theme=light] .json-number,[data-theme=light] .json-boolean{color:#7346c0}[data-theme=light] .json-null{color:#7a7065;font-style:italic}