:root{--wj-bg: #1e2129;--wj-sidebar: #181b22;--wj-bg-soft: #22262f;--wj-surface-solid: #2a2f3a;--wj-bg-elevated: #323845;--wj-surface: rgba(42, 47, 58, .92);--wj-table-head: color-mix(in srgb, var(--wj-bg-elevated) 72%, var(--wj-text) 28%);--wj-border: rgba(255, 255, 255, .09);--wj-border-strong: rgba(255, 255, 255, .17);--wj-text: #e2e5eb;--wj-muted: rgba(226, 229, 235, .58);--wj-faint: rgba(226, 229, 235, .34);--wj-accent: #2af5c8;--wj-accent-dim: rgba(42, 245, 200, .12);--wj-accent-glow: rgba(42, 245, 200, .28);--wj-warn: #e0a030;--wj-danger: #e8788f;--wj-ok: #4cc992;--wj-radius: 10px;--wj-radius-sm: 8px;--wj-sidebar-w: 200px;--wj-sidebar-rail-w: 72px;--wj-page-pad-x: clamp(12px, 1.6vw, 20px);--wj-page-pad-y: clamp(10px, 1.2vw, 16px);--wj-space-1: 4px;--wj-space-2: 8px;--wj-space-3: 12px;--wj-space-4: 16px;--wj-control-h: 32px;--wj-portrait-col-min: clamp(72px, 6.5vw, 100px);--wj-media-col-min: clamp(104px, 8.5vw, 124px);--wj-drawer-w: min(max(36vw, 480px), 92vw);--wj-dialog-w: min(480px, 92vw);--wj-font-display: "Noto Serif SC", "Songti SC", serif;--wj-font-brand: "Instrument Sans", "Noto Sans SC", sans-serif;--wj-font-latin: "Instrument Sans", "Noto Sans SC", sans-serif;--wj-font-body: "Noto Sans SC", "Instrument Sans", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0}body,#app{min-height:100vh;min-height:100dvh}body{font-family:var(--wj-font-body);background:var(--wj-bg);color:var(--wj-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}.wj-select{height:var(--wj-control-h);padding:0 26px 0 10px;border-radius:var(--wj-radius-sm);border:1px solid var(--wj-border-strong);background:var(--wj-bg-elevated) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238a93a6' d='M3 4.5L6 8l3-3.5'/%3E%3C/svg%3E") no-repeat right 10px center;color:var(--wj-text);font-size:13px;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.wj-select:focus{outline:none;border-color:#2af5c873}.wj-select option{background:var(--wj-surface-solid, #1a1d24);color:var(--wj-text)}a{color:inherit;text-decoration:none}::selection{background:#2af5c838;color:var(--wj-text)}.wj-page{width:100%;max-width:none;margin:0;padding:var(--wj-page-pad-y) var(--wj-page-pad-x)}.wj-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--wj-media-col-min),1fr));gap:12px 10px}.wj-portrait-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--wj-portrait-col-min),1fr));gap:clamp(8px,1vw,10px)}.wj-portrait-grid>*{display:grid;grid-template-rows:auto 1fr;min-height:0}.wj-portrait-thumb{position:relative;width:100%;aspect-ratio:9 / 16;border-radius:var(--wj-radius-sm);overflow:hidden;background:var(--wj-bg-soft);border:1px solid var(--wj-border)}.wj-portrait-thumb img,.wj-portrait-thumb video{width:100%;height:100%;object-fit:cover;display:block}.wj-portrait-card{display:grid;gap:6px;min-width:0;cursor:pointer}.wj-portrait-card strong{font-size:12px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wj-portrait-card em,.wj-portrait-card p{margin:0;font-style:normal;font-size:11px;color:var(--wj-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wj-portrait-panel{border:1px solid var(--wj-border);border-radius:var(--wj-radius);background:var(--wj-surface-solid);overflow:hidden}.wj-portrait-panel .wj-portrait-body{padding:8px 8px 10px;display:grid;gap:4px;align-content:start}.wj-portrait-panel .wj-portrait-body strong,.wj-portrait-panel .wj-portrait-body p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wj-portrait-panel .wj-portrait-body p{margin:0}.wj-drawer-form{display:grid;gap:var(--wj-space-3)}.wj-drawer-form .field{display:grid;gap:4px;font-size:12px;color:var(--wj-muted)}.wj-drawer-form .field input,.wj-drawer-form .field select,.wj-drawer-form .field textarea{width:100%;min-height:var(--wj-control-h);padding:0 10px;border-radius:var(--wj-radius-sm);border:1px solid var(--wj-border-strong);background:var(--wj-bg-elevated);color:var(--wj-text)}.wj-drawer-form .actions{display:flex;justify-content:flex-end;gap:8px;padding-top:2px}.wj-drawer-form .err{margin:0;font-size:12px;color:var(--wj-danger)}.wj-page-title{margin:0 0 var(--wj-space-2);font-size:18px;font-weight:600;letter-spacing:.02em}.wj-page-sub{margin:0 0 var(--wj-space-3);font-size:12px;color:var(--wj-muted)}.wj-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:var(--wj-space-2);margin-bottom:var(--wj-space-3);flex-wrap:wrap}.wj-toolbar .wj-search{margin-right:auto}.wj-search{display:flex;align-items:center;gap:6px;min-width:min(200px,100%);flex:1 1 160px;max-width:320px;height:var(--wj-control-h);padding:0 10px;border-radius:var(--wj-radius-sm);border:1px solid var(--wj-border-strong);background:var(--wj-bg-elevated);color:var(--wj-muted)}.wj-search input{flex:1;border:0;outline:none;background:transparent;color:var(--wj-text);font-size:13px}.wj-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--wj-control-h);padding:0 12px;border-radius:var(--wj-radius-sm);border:1px solid var(--wj-border-strong);background:transparent;color:var(--wj-text);cursor:pointer;font-size:12px;transition:background .15s,border-color .15s,color .15s}.wj-btn:hover{border-color:#2af5c866;color:var(--wj-accent)}.wj-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.wj-btn-primary{border:0;background:var(--wj-accent);color:#04140f;font-weight:600}.wj-btn-primary:hover:not(:disabled){filter:brightness(1.06);color:#04140f}.wj-btn-primary:disabled{filter:none;opacity:.4;cursor:not-allowed;pointer-events:none}.wj-table{width:100%;border-collapse:collapse;font-size:13px}.wj-table th,.wj-table td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--wj-border)}.wj-table th{color:var(--wj-muted);font-weight:500;font-size:11px;letter-spacing:.04em}.wj-table tr:hover td{background:#ffffff0a}.wj-panel{border:1px solid var(--wj-border);border-radius:var(--wj-radius);background:var(--wj-surface-solid)}.wj-badge{display:inline-flex;align-items:center;height:20px;padding:0 6px;border-radius:5px;font-size:11px;letter-spacing:.03em}.wj-badge-run{color:var(--wj-accent);background:var(--wj-accent-dim)}.wj-badge-ok{color:var(--wj-ok);background:#3dde8c1f}.wj-badge-fail{color:var(--wj-danger);background:#ff6b851f}.wj-badge-wait{color:var(--wj-warn);background:#ffb0201f}.wj-empty{padding:28px 16px;text-align:center;color:var(--wj-muted);font-size:13px}