: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-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: 14px;--wj-radius-sm: 10px;--wj-sidebar-w: clamp(72px, 16vw, 220px);--wj-page-pad-x: clamp(16px, 2.5vw, 32px);--wj-page-pad-y: clamp(16px, 2vw, 36px);--wj-portrait-col-min: clamp(96px, 9.5vw, 132px);--wj-drawer-w: min(420px, 92vw);--wj-font-display: "Noto Serif SC", "Songti SC", 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,#app{margin:0;min-height:100%;height:100%}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}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-portrait-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--wj-portrait-col-min),1fr));gap:clamp(10px,1.4vw,14px)}.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{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:10px 10px 12px;display:grid;gap:6px;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:12px}.wj-drawer-form .field{display:grid;gap:6px;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:40px;padding:0 12px;border-radius:10px;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:10px;padding-top:4px}.wj-drawer-form .err{margin:0;font-size:13px;color:var(--wj-danger)}.wj-page-title{margin:0 0 16px;font-size:20px;font-weight:600;letter-spacing:.02em}.wj-page-sub{margin:0 0 24px;font-size:13px;color:var(--wj-muted)}.wj-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-bottom:16px;flex-wrap:wrap}.wj-toolbar .wj-search{margin-right:auto}.wj-search{display:flex;align-items:center;gap:8px;min-width:min(240px,100%);flex:1 1 180px;max-width:360px;height:36px;padding:0 12px;border-radius:10px;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:8px;height:36px;padding:0 16px;border-radius:10px;border:1px solid var(--wj-border-strong);background:transparent;color:var(--wj-text);cursor:pointer;font-size:13px;transition:background .15s,border-color .15s,color .15s}.wj-btn:hover{border-color:#2af5c866;color:var(--wj-accent)}.wj-btn-primary{border:0;background:var(--wj-accent);color:#04140f;font-weight:600}.wj-btn-primary:hover{filter:brightness(1.06);color:#04140f}.wj-table{width:100%;border-collapse:collapse;font-size:13px}.wj-table th,.wj-table td{padding:14px 12px;text-align:left;border-bottom:1px solid var(--wj-border)}.wj-table th{color:var(--wj-muted);font-weight:500;font-size:12px;letter-spacing:.06em}.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:22px;padding:0 8px;border-radius:6px;font-size:11px;letter-spacing:.04em}.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:48px 24px;text-align:center;color:var(--wj-muted);font-size:13px}