:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6f8;--surface:#fff;--surface-soft:#f8fafc;--text:#17212b;--muted:#64748b;--line:#dbe3ea;--accent:#0f766e;--accent-dark:#115e59;--blue:#2563eb;--amber:#b45309;--red:#b91c1c;--green:#047857;--shadow:0 16px 40px #0f172a14}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.login-screen{background:linear-gradient(135deg, #0f766e14, #b4530914), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:var(--surface);border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow);border-radius:8px;padding:28px}.login-brand,.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.login-brand h1,.brand-title{margin:0;font-size:20px;line-height:1.2}.login-brand p,.brand-subtitle{color:var(--muted);margin:2px 0 0;font-size:13px}.login-form,.knowledge-form{gap:14px;margin-top:24px;display:grid}label{color:var(--muted);gap:6px;font-size:13px;display:grid}.field{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:flex}input,select,textarea{border:1px solid var(--line);width:100%;min-height:42px;color:var(--text);background:#fff;border-radius:8px;padding:0 12px}.field input{border:0;outline:0;padding:0}textarea{resize:vertical;min-height:112px;padding:10px 12px}.primary-button,.secondary-button,.icon-text-button,.ghost-button,.icon-button{cursor:pointer;white-space:nowrap;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;display:inline-flex}.primary-button{background:var(--accent);color:#fff;padding:0 16px;font-weight:700}.primary-button:hover{background:var(--accent-dark)}.secondary-button{color:var(--accent-dark);background:#e7f5f2;padding:0 14px;font-weight:700}.ghost-button{color:var(--blue);background:0 0;padding:0 10px}.danger-text{color:var(--red)}.icon-button{background:var(--surface-soft);width:36px;color:var(--muted)}.icon-button.danger{color:var(--red)}.icon-text-button{background:var(--surface-soft);width:100%;color:var(--text)}.form-error,.form-success{border-radius:8px;padding:10px 12px;font-size:13px}.form-error{color:var(--red);background:#fee2e2}.form-success{color:var(--green);background:#dcfce7}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:#111827;flex-direction:column;gap:28px;height:100vh;padding:22px;display:flex;position:sticky;top:0}.nav-list{gap:8px;display:grid}.nav-item{color:#cbd5e1;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:0 12px;display:flex}.nav-item.active,.nav-item:hover{color:#fff;background:#ffffff1a}.sidebar-footer{gap:12px;margin-top:auto;display:grid}.user-card{border:1px solid #ffffff24;border-radius:8px;align-items:center;gap:10px;padding:12px;display:flex}.user-card strong,.user-card span{display:block}.user-card span{color:#cbd5e1;margin-top:2px;font-size:12px}.main{min-width:0;padding:24px}.topbar,.page-heading,.section-title,.subsection-title,.draft-card-head,.row-actions,.heading-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.topbar{margin-bottom:24px}.subsection-title{margin-top:20px}.eyebrow{color:var(--accent);margin:0 0 4px;font-size:12px;font-weight:800}h1,h2{letter-spacing:0;margin:0}h1{font-size:26px}h2{font-size:20px}.page-heading p{color:var(--muted);margin:6px 0 0}.safety-strip{flex-wrap:wrap;gap:8px;display:flex}.safety-strip span,.tag,.badge{border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.safety-strip span{color:var(--green);background:#ecfdf5}.page-stack{gap:18px;display:grid}.surface,.draft-card,.metric-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 1px 2px #0f172a0a}.surface{padding:18px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card{gap:14px;padding:18px;display:flex}.metric-card span,.metric-card small{color:var(--muted);display:block}.metric-card strong{margin:4px 0;font-size:28px;display:block}.metric-icon{border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.metric-blue .metric-icon{color:var(--blue);background:#dbeafe}.metric-green .metric-icon{color:var(--green);background:#dcfce7}.metric-amber .metric-icon{color:var(--amber);background:#fef3c7}.metric-red .metric-icon{color:var(--red);background:#fee2e2}.dashboard-grid,.detail-grid,.knowledge-layout,.settings-grid,.baoyu-test-layout{grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr);align-items:start;gap:18px;display:grid}.table-list,.timeline,.knowledge-list,.role-list,.setting-list,.message-list,.integration-list{gap:12px;margin-top:16px;display:grid}.table-row,.timeline-item,.knowledge-item,.role-row,.setting-row{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.integration-item{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;gap:10px;padding:12px;display:grid}.integration-item>div:first-child{align-items:center;gap:10px;display:flex}.integration-item strong,.integration-item span{display:block}.integration-item p{color:var(--muted);margin:0;line-height:1.6}.risk-row,.warning-item{background:#fff7f7;border-color:#fecaca}.table-row div,.knowledge-item div,.role-row div{min-width:0}.table-row strong,.table-row span,.knowledge-item strong,.knowledge-item span,.draft-card-head strong,.draft-card-head span{display:block}.table-row span,.knowledge-item span,.draft-card-head span,.role-row span,.timeline-item p{color:var(--muted);font-size:13px}.timeline-item{flex-direction:column;align-items:flex-start}.timeline-item span{color:var(--muted);font-size:12px}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:13px 10px}th{color:var(--muted);font-size:12px}.wide-cell{max-width:420px}.empty-cell{color:var(--muted);text-align:center}.text-link{color:var(--blue);font-weight:700}.search-box{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:8px;width:min(320px,100%);padding:0 12px;display:flex}.status-filter{width:min(240px,100%)}.search-box input{border:0;outline:0}.badge-open,.badge-new,.badge-resolved,.badge-approved,.badge-edited_sent,.badge-handled,.badge-published,.badge-low{color:var(--green);background:#dcfce7}.badge-pending_human,.badge-pending_review,.badge-ai_draft,.badge-human_takeover,.badge-pending,.badge-draft,.badge-medium{color:var(--amber);background:#fef3c7}.badge-rejected,.badge-expired,.badge-high,.badge-risk,.badge-archived{color:var(--red);background:#fee2e2}.chat-panel,.draft-panel{min-height:480px}.message-bubble{background:var(--surface-soft);border-radius:8px;max-width:78%;padding:12px}.message-bubble.guest{border-left:4px solid var(--blue)}.message-bubble.ai,.message-bubble.system{border-left:4px solid var(--accent);margin-left:auto}.message-bubble div{align-items:center;gap:6px;display:flex}.message-bubble p{margin:8px 0;line-height:1.6}.message-bubble span,.confidence,.empty-text{color:var(--muted);font-size:12px}.draft-text{margin:16px 0;line-height:1.8}.review-form{gap:12px;margin-top:16px;display:grid}.review-log-list,.note-list,.filter-row{gap:10px;display:grid}.basis-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.basis-group{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0;padding:10px}.basis-group strong{color:var(--muted);font-size:12px;display:block}.basis-explain-list,.reference-list,.version-list{gap:8px;margin-top:12px;display:grid}.basis-explain-list article,.version-item{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px}.reference-list{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-button{border:1px solid var(--line);min-height:38px;color:var(--text);cursor:pointer;text-align:left;white-space:normal;background:#fff;border-radius:8px;justify-content:flex-start;align-items:center;gap:8px;padding:8px 10px;display:inline-flex}.reference-button:hover{border-color:var(--accent);color:var(--accent-dark)}.confidence-meter{background:#e5e7eb;border-radius:999px;height:8px;overflow:hidden}.confidence-meter span{border-radius:inherit;height:100%;display:block}.confidence-high span{background:var(--green)}.confidence-medium span{background:var(--amber)}.confidence-low span{background:var(--red)}.version-panel{gap:12px;display:grid}.diff-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.diff-grid pre{border:1px solid var(--line);white-space:pre-wrap;word-break:break-word;background:#fff;border-radius:8px;max-height:220px;margin:0;padding:10px;font-size:12px;line-height:1.6;overflow:auto}.audit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.audit-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.audit-grid div{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;padding:12px}.audit-grid span,.version-item span{color:var(--muted);font-size:12px;display:block}.audit-grid strong{margin-top:4px;font-size:22px;display:block}.review-log-item,.note-item,.log-item{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;padding:12px}.review-log-item strong,.note-item strong,.log-item strong{margin-bottom:4px;display:block}.review-log-item span,.note-item span,.log-item span,.meta-text{color:var(--muted);font-size:12px}.log-grid{grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);align-items:start;gap:18px;display:grid}.json-preview{white-space:pre-wrap;word-break:break-word;max-height:180px;margin:10px 0 0;font-size:12px;line-height:1.5;overflow:auto}.json-preview.tall{max-height:360px}.baoyu-query-grid,.result-stack{gap:12px;margin-top:16px;display:grid}.baoyu-query-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.query-panel{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;gap:10px;padding:12px;display:grid}.query-panel strong{align-items:center;gap:8px;display:flex}.tag-row{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.tag{color:#3730a3;background:#eef2ff}.code-tag{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.draft-grid-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.draft-card{gap:12px;padding:16px;display:grid}.draft-card p,.knowledge-item p{margin:0;line-height:1.6}.success-box,.error-banner,.empty-state{border-radius:8px;gap:6px;margin-top:14px;padding:12px;line-height:1.6;display:grid}.success-box{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.error-banner{color:var(--red);background:#fff7f7;border:1px solid #fecaca}.empty-state{border:1px dashed var(--line);color:var(--muted);background:var(--surface-soft)}.knowledge-form{margin-top:14px}.setting-row strong{color:var(--red)}.toggle-row{grid-template-columns:auto 1fr;align-items:center;gap:8px;display:flex}.toggle-row input{width:18px;min-height:18px}@media (width<=1100px){.metric-grid,.draft-grid-list{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.detail-grid,.knowledge-layout,.settings-grid,.baoyu-test-layout,.log-grid,.basis-grid,.reference-list,.diff-grid,.audit-grid,.baoyu-query-grid{grid-template-columns:1fr}}@media (width<=760px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar,.page-heading{flex-direction:column;align-items:flex-start}.metric-grid,.draft-grid-list{grid-template-columns:1fr}table{display:block;overflow-x:auto}}