.app-root{display:flex;flex-direction:column;min-height:100vh}.dev-skip-banner{position:relative;z-index:10000;flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:10px;padding:6px 16px;background:#dc2626;color:#fff;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 1px #0000001f}.dev-skip-banner .dev-skip-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fffc;animation:dev-skip-pulse 1.2s ease-in-out infinite}.dev-skip-banner .dev-skip-sub{font-weight:500;letter-spacing:0;text-transform:none;opacity:.92;font-size:11px}@keyframes dev-skip-pulse{0%,to{opacity:1}50%{opacity:.35}}@media(max-width:640px){.dev-skip-banner .dev-skip-sub{display:none}}:root{--oc-brand-500: #3b66ec;--oc-brand-600: #2e55d3;--oc-brand-400: #6b90ff;--oc-brand-cyan: #4fb8e8;--oc-brand-gradient: linear-gradient(135deg, #3b66ec 0%, #4fb8e8 100%);--fs-xs: 11px;--fs-sm: 13px;--fs-base: 14px;--fs-lg: 16px;--fs-xl: 20px;--fs-2xl: 24px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--t-fast: .12s ease;--t-base: .15s ease;--t-slow: .24s ease;--z-base: 1;--z-sidebar: 20;--z-topbar: 30;--z-dropdown: 900;--z-modal: 1000;--z-drawer: 1100;--z-tooltip: 1200;--z-toast: 1300;--scrollbar-size: 6px;--scrollbar-radius: 3px;--topbar-h: 56px;--sidebar-w: 240px;--sidebar-w-collapsed: 68px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}:root,:root[data-theme=light]{--oc-bg: #f7f8fb;--oc-bg-elevated: #ffffff;--oc-bg-subtle: #f1f3f8;--oc-bg-hover: rgba(15, 23, 42, .04);--oc-border: rgba(15, 23, 42, .08);--oc-border-strong: rgba(15, 23, 42, .14);--oc-text-1: #111827;--oc-text-2: #374151;--oc-text-3: #6b7280;--oc-text-muted: #9ca3af;--oc-primary: #3b66ec;--oc-primary-hover: #2e55d3;--oc-primary-soft: rgba(59, 102, 236, .1);--oc-success: #10b981;--oc-success-soft: rgba(16, 185, 129, .12);--oc-warning: #f59e0b;--oc-warning-soft: rgba(245, 158, 11, .14);--oc-danger: #ef4444;--oc-danger-soft: rgba(239, 68, 68, .12);--oc-shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--oc-shadow-sm: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 1px rgba(15, 23, 42, .02);--oc-shadow-md: 0 4px 12px rgba(15, 23, 42, .06), 0 2px 4px rgba(15, 23, 42, .04);--oc-shadow-lg: 0 12px 32px rgba(15, 23, 42, .08), 0 4px 10px rgba(15, 23, 42, .04);--oc-scrollbar-thumb: rgba(15, 23, 42, .2);--oc-scrollbar-thumb-hover: rgba(15, 23, 42, .32);--scrollbar-track: transparent;--scrollbar-thumb: rgba(15, 23, 42, .2);--scrollbar-thumb-hover: rgba(15, 23, 42, .32);--oc-sidebar-bg: #0e1530;--oc-sidebar-fg: #cfd7f0;--oc-sidebar-muted: #8a93b5;--oc-sidebar-hover: rgba(255, 255, 255, .05);--oc-sidebar-active-bg: rgba(75, 120, 255, .18);--oc-sidebar-active-fg: #c7d3ff;--oc-bg-page-accent: radial-gradient(1200px 600px at 88% -10%, rgba(79, 184, 232, .08), transparent 60%), radial-gradient(900px 500px at -10% 110%, rgba(59, 102, 236, .06), transparent 55%)}:root[data-theme=dark]{--oc-bg: #0b1020;--oc-bg-elevated: #111831;--oc-bg-subtle: #0e1530;--oc-bg-hover: rgba(255, 255, 255, .04);--oc-border: rgba(255, 255, 255, .08);--oc-border-strong: rgba(255, 255, 255, .14);--oc-text-1: #f3f4f6;--oc-text-2: #d1d5db;--oc-text-3: #9ca3af;--oc-text-muted: #6b7280;--oc-primary: #4b78ff;--oc-primary-hover: #6b90ff;--oc-primary-soft: rgba(75, 120, 255, .16);--oc-success: #34d399;--oc-success-soft: rgba(52, 211, 153, .16);--oc-warning: #fbbf24;--oc-warning-soft: rgba(251, 191, 36, .16);--oc-danger: #f87171;--oc-danger-soft: rgba(248, 113, 113, .16);--oc-shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--oc-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--oc-shadow-md: 0 4px 12px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .25);--oc-shadow-lg: 0 12px 32px rgba(0, 0, 0, .5), 0 4px 10px rgba(0, 0, 0, .25);--oc-scrollbar-thumb: rgba(255, 255, 255, .18);--oc-scrollbar-thumb-hover: rgba(255, 255, 255, .3);--scrollbar-track: transparent;--scrollbar-thumb: rgba(255, 255, 255, .18);--scrollbar-thumb-hover: rgba(255, 255, 255, .3);--oc-sidebar-bg: #0a0f24;--oc-sidebar-fg: #cfd7f0;--oc-sidebar-muted: #7a84a6;--oc-sidebar-hover: rgba(255, 255, 255, .05);--oc-sidebar-active-bg: rgba(75, 120, 255, .22);--oc-sidebar-active-fg: #a5bbff;--oc-bg-page-accent: radial-gradient(1200px 600px at 88% -10%, rgba(79, 184, 232, .08), transparent 60%), radial-gradient(900px 500px at -10% 110%, rgba(75, 120, 255, .08), transparent 55%)}html,body,#app{margin:0;padding:0;height:100%}body{background:var(--oc-bg);color:var(--oc-text-2);font-family:var(--font-sans);font-size:var(--fs-base);line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--t-slow),color var(--t-slow)}*,*:before,*:after{box-sizing:border-box}a{color:var(--oc-primary);text-decoration:none;transition:color var(--t-base)}a:hover{color:var(--oc-primary-hover);text-decoration:underline}::selection{background:#3b66ec47;color:inherit}*::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}*::-webkit-scrollbar-track{background:var(--scrollbar-track)}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--scrollbar-radius);transition:background var(--t-base)}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}:focus-visible{outline:2px solid var(--oc-primary);outline-offset:2px;border-radius:var(--radius-sm)}html,body{overscroll-behavior:none}body{overflow:hidden}#app{height:100%;overflow:hidden}.oc-app__content,.oc-sidebar__nav,.n-drawer-content__body,.n-drawer-content-wrapper,.n-modal-body-wrapper{overscroll-behavior:contain}.page-shell{display:flex;flex-direction:column;width:100%;min-height:0;height:100%}.page-shell>.page-header{flex:0 0 auto;margin-bottom:var(--sp-4)}.page-shell>.page-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.page-tabs{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.page-tabs>.n-tabs-nav{flex:0 0 auto}.tab-scroll-wrap{max-height:calc(100vh - 200px);min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-right:2px}.oc-brand-gradient{background:var(--oc-brand-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.oc-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-1)}.page-header .page-title{font-size:var(--fs-xl)!important;font-weight:600!important;color:var(--oc-text-1)!important;letter-spacing:-.01em;display:inline-flex;align-items:center;gap:var(--sp-3)}.page-header .page-sub{font-size:var(--fs-sm)!important;color:var(--oc-text-3)!important;margin-top:2px}pre.json,.json-block{background:var(--oc-bg-subtle)!important;color:var(--oc-text-2)!important;padding:12px 14px!important;border-radius:var(--radius-md)!important;border:1px solid var(--oc-border);font-family:var(--font-mono)!important;font-size:12px!important;line-height:1.6;max-height:420px;overflow:auto;white-space:pre-wrap;word-break:break-word}.oc-hover-lift{transition:transform var(--t-base),box-shadow var(--t-base)}.oc-hover-lift:hover{transform:translateY(-2px);box-shadow:var(--oc-shadow-md)}.n-card>.n-card__content>.n-data-table{margin:-4px -4px 0}.oc-table-scroll{width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}@media(max-width:767px){.n-input input,.n-input textarea,.n-input-number input,.n-base-selection input{font-size:16px!important}.page-header{flex-direction:column;align-items:flex-start;gap:var(--sp-2)}.page-header>*{width:100%}.page-header .page-title{font-size:var(--fs-lg)!important}.n-card{--n-padding-left: 12px !important;--n-padding-right: 12px !important}.n-button:not(.n-button--text-type):not(.n-button--quaternary-type){min-height:36px}button,a,[role=button],.n-button,.n-tab{-webkit-tap-highlight-color:transparent}.n-drawer.n-drawer--right-placement,.n-drawer.n-drawer--left-placement{--n-default-width: 100vw !important;width:100vw!important;max-width:100vw!important}.n-modal{max-width:calc(100vw - 24px)}}@media(hover:none){.oc-hover-lift:hover{transform:none;box-shadow:none}}