:root{--color-primary: #c8161d;--color-primary-hover: #a81118;--color-primary-active: #8c0d13;--color-primary-disabled: #e6a0a3;--color-action: #1f4e79;--color-action-hover: #163d61;--color-action-active: #102f4c;--color-action-soft: #eaf1f8;--color-bg: #f4f6f9;--color-surface: #ffffff;--color-surface-alt: #fafbfc;--color-border: #d0d7de;--color-border-strong: #aeb8c4;--color-border-subtle: #e6eaef;--color-text-primary: #1a2230;--color-text-regular: #2f3a4a;--color-text-secondary: #5a6675;--color-text-tertiary: #8893a3;--color-text-inverse: #ffffff;--color-text-link: #1f4e79;--color-success: #1f7a3d;--color-success-bg: #e6f4ea;--color-warn: #b46a00;--color-warn-bg: #fdf3e0;--color-error: #b42318;--color-error-bg: #fdecea;--color-info: #1f4e79;--color-info-bg: #eaf1f8;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--font-xs: 11px;--font-sm: 12px;--font-base: 13px;--font-lg: 15px;--font-xl: 18px;--line-tight: 1.35;--line-base: 1.5;--line-loose: 1.65;--control-height-sm: 24px;--control-height-md: 28px;--control-height-lg: 32px;--border-width: 1px;--radius: 0;--shadow-popover: 0 4px 12px rgba(15, 23, 42, .12);--shadow-dialog: 0 8px 24px rgba(15, 23, 42, .16);--motion-fast: 80ms;--motion-base: .14s;--easing-out: ease;--tp-header-h: 32px;--tp-tabs-h: 30px;--tp-footer-h: 24px;--tp-pane-w: 480px;--color-page-bg: #e9eef3;--table-row-h: 28px;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Helvetica Neue", Arial, sans-serif;--font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, "Courier New", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;width:100%}body{font-family:var(--font-family-base);font-size:var(--font-base);line-height:var(--line-base);color:var(--color-text-regular);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow:hidden}@media (min-width: 600px){body{background:var(--color-page-bg)}}input,button,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;background:none;border:none}button:disabled{cursor:not-allowed}a{color:var(--color-text-link);text-decoration:none}a:hover{text-decoration:underline}ul,ol{list-style:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#c4ccd5}::-webkit-scrollbar-thumb:hover{background:#aab5c2}::-webkit-scrollbar-track{background:transparent}:focus-visible{outline:2px solid var(--color-action);outline-offset:1px}.jh-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);height:var(--control-height-md);padding:0 var(--space-3);font-size:var(--font-sm);line-height:1;border-radius:var(--radius);border:var(--border-width) solid var(--color-border);background:var(--color-surface);color:var(--color-text-regular);transition:background-color var(--motion-fast) var(--easing-out),border-color var(--motion-fast) var(--easing-out),color var(--motion-fast) var(--easing-out);-webkit-user-select:none;user-select:none;white-space:nowrap;box-shadow:none}.jh-btn:hover:not(:disabled){border-color:var(--color-border-strong);background:#f0f4f8}.jh-btn:active:not(:disabled){background:#e1e8ef;border-color:var(--color-border-strong)}.jh-btn:disabled{color:var(--color-text-tertiary);background:var(--color-surface-alt);border-color:var(--color-border-subtle)}.jh-btn--primary{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.jh-btn--primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-text-inverse)}.jh-btn--primary:active:not(:disabled){background:var(--color-primary-active);border-color:var(--color-primary-active)}.jh-btn--primary:disabled{background:var(--color-primary-disabled);border-color:var(--color-primary-disabled);color:#fff}.jh-btn--action{background:var(--color-action);color:var(--color-text-inverse);border-color:var(--color-action)}.jh-btn--action:hover:not(:disabled){background:var(--color-action-hover);border-color:var(--color-action-hover);color:var(--color-text-inverse)}.jh-btn--action:active:not(:disabled){background:var(--color-action-active);border-color:var(--color-action-active)}.jh-btn--action:disabled{background:#8aa3bc;border-color:#8aa3bc;color:#fff}.jh-btn--danger{border-color:var(--color-error);color:var(--color-error);background:var(--color-surface)}.jh-btn--danger:hover:not(:disabled){background:var(--color-error-bg);color:var(--color-error)}.jh-btn--ghost{border-color:transparent;background:transparent}.jh-btn--ghost:hover:not(:disabled){background:var(--color-surface-alt);border-color:var(--color-border-subtle)}.jh-btn--sm{height:var(--control-height-sm);padding:0 var(--space-2);font-size:var(--font-xs)}.jh-btn--lg{height:var(--control-height-lg);padding:0 var(--space-4);font-size:var(--font-base)}.jh-btn--block{width:100%}.jh-input,.jh-select,.jh-textarea{width:100%;height:var(--control-height-md);padding:0 var(--space-2);font-size:var(--font-base);border-radius:var(--radius);border:var(--border-width) solid var(--color-border);background:var(--color-surface);color:var(--color-text-regular);outline:none;box-shadow:none;transition:border-color var(--motion-fast) var(--easing-out)}.jh-textarea{height:auto;padding:var(--space-1) var(--space-2);line-height:var(--line-base);resize:vertical;min-height:60px}.jh-input:hover,.jh-select:hover,.jh-textarea:hover{border-color:var(--color-border-strong)}.jh-input:focus,.jh-select:focus,.jh-textarea:focus,.jh-input:focus-visible,.jh-select:focus-visible,.jh-textarea:focus-visible{border-color:var(--color-action);outline:none;box-shadow:none}.jh-input:disabled,.jh-select:disabled,.jh-textarea:disabled{background:var(--color-surface-alt);color:var(--color-text-tertiary)}.jh-number-with-unit{position:relative;display:inline-flex;align-items:center;width:100%}.jh-number-with-unit .jh-input{padding-right:32px}.jh-number-with-unit .jh-unit{position:absolute;right:var(--space-2);font-size:var(--font-xs);color:var(--color-text-tertiary);pointer-events:none}.jh-label{display:block;font-size:var(--font-sm);color:var(--color-text-regular);line-height:var(--control-height-md)}.jh-section-title{font-size:var(--font-sm);font-weight:600;color:var(--color-text-primary);margin:0;padding:var(--space-2) 0;border-bottom:var(--border-width) solid var(--color-border-subtle);letter-spacing:.02em}.tp-viewport{width:100%;height:100%;background:var(--color-bg)}@media (min-width: 600px){.tp-viewport{width:min(var(--tp-pane-w),100%);margin:0 auto;box-shadow:0 0 0 1px var(--color-border),0 2px 12px #0f172a0f}}.jh-btn-group{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap}.jh-desc{word-break:break-word;overflow-wrap:anywhere}.jh-dialog{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--color-bg);font-size:var(--font-base);color:var(--color-text-regular)}.jh-dialog__header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0 var(--space-4);height:40px;background:var(--color-surface);border-bottom:var(--border-width) solid var(--color-border)}.jh-dialog__title{font-size:var(--font-lg);font-weight:600;color:var(--color-text-primary);line-height:1}.jh-dialog__subtitle{font-size:var(--font-sm);color:var(--color-text-secondary);margin-left:var(--space-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jh-dialog__body{flex:1 1 auto;min-height:0;overflow:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-bg)}.jh-dialog__body--split{flex-direction:row;padding:0;gap:0}.jh-dialog__nav{flex:0 0 160px;border-right:var(--border-width) solid var(--color-border);background:var(--color-surface);overflow:auto;padding:var(--space-2) 0}.jh-dialog__nav-item{display:block;width:100%;text-align:left;padding:0 var(--space-3);height:var(--control-height-md);line-height:var(--control-height-md);font-size:var(--font-sm);border:none;background:transparent;color:var(--color-text-regular);cursor:pointer;border-left:3px solid transparent}.jh-dialog__nav-item:hover{background:var(--color-action-soft)}.jh-dialog__nav-item.is-active{background:var(--color-action-soft);border-left-color:var(--color-action);color:var(--color-text-primary);font-weight:600}.jh-dialog__pane{flex:1 1 auto;min-width:0;overflow:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.jh-dialog__footer{flex:none;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-2) var(--space-4);height:48px;background:var(--color-surface);border-top:var(--border-width) solid var(--color-border)}.jh-dialog__footer-msg{flex:1 1 auto;min-width:0;font-size:var(--font-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jh-dialog__footer-msg.success{color:var(--color-success)}.jh-dialog__footer-msg.error{color:var(--color-error)}.jh-dialog__footer-msg.info{color:var(--color-info)}.jh-dialog__footer-msg.warn{color:var(--color-warn)}.jh-card{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.jh-card__title{font-size:14px;font-weight:600;color:var(--color-text-primary)}.jh-card__desc{font-size:var(--font-xs);color:var(--color-text-secondary);line-height:var(--line-base)}.jh-alert{padding:var(--space-2) var(--space-3);font-size:var(--font-sm);line-height:var(--line-base);border:var(--border-width) solid var(--color-border);background:var(--color-surface-alt)}.jh-alert.info{background:var(--color-info-bg);border-color:#c8d8e7;color:var(--color-info)}.jh-alert.warn{background:var(--color-warn-bg);border-color:#e9d3a8;color:var(--color-warn)}.jh-alert.success{background:var(--color-success-bg);border-color:#b9dcc4;color:var(--color-success)}.jh-alert.error{background:var(--color-error-bg);border-color:#f1c8c4;color:var(--color-error)}.jh-table{width:100%;border-collapse:collapse;font-size:var(--font-sm);background:var(--color-surface)}.jh-table th,.jh-table td{border:var(--border-width) solid var(--color-border);padding:0 var(--space-2);height:var(--table-row-h);text-align:left;vertical-align:middle}.jh-table thead th{background:var(--color-surface-alt);font-weight:600;color:var(--color-text-primary);position:sticky;top:0;z-index:1}.jh-table tbody tr:nth-child(2n) td{background:#fafafa}.jh-table tbody tr:hover td{background:var(--color-action-soft)}.jh-table input,.jh-table select{width:100%;height:22px;border:none;background:transparent;padding:0 var(--space-1);font-size:var(--font-sm);border-radius:var(--radius)}.jh-table input:focus,.jh-table select:focus{outline:1px solid var(--color-action);background:var(--color-surface)}.jh-color-row{display:inline-flex;align-items:center;gap:var(--space-2)}.jh-color-row input[type=color]{width:32px;height:var(--control-height-md);padding:0;border:var(--border-width) solid var(--color-border);background:var(--color-surface);cursor:pointer}.jh-color-preset{width:16px;height:16px;border:var(--border-width) solid var(--color-border);cursor:pointer;display:inline-block}.jh-color-preset.is-active{outline:2px solid var(--color-action);outline-offset:1px}#app{margin:0;padding:0;width:100%}