*{box-sizing:border-box}:root{--bg:#f6f7f9;--panel:#fff;--text:#111827;--muted:#6b7280;--subtle:#9ca3af;--line:#e5e7eb;--line2:#eef0f3;--ink:#111827;--accent:#2563eb;--accent-soft:#eff6ff;--success:#16a34a;--success-soft:#ecfdf3;--warning:#d97706;--warning-soft:#fff7ed;--danger:#dc2626;--danger-soft:#fef2f2;--sidebar:#111827;--sidebar2:#1f2937;--radius:4px}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Yu Gothic,sans-serif;font-size:13px;line-height:1.45}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:var(--accent);text-decoration:none}.app{min-height:100vh;display:flex}.sidebar{background:linear-gradient(180deg,var(--sidebar),#0f172a);color:#fff;flex-direction:column;flex:none;width:222px;padding:14px 10px;display:flex}.sideBrand{grid-template-columns:34px 1fr;align-items:center;gap:9px;padding:2px 8px 18px;display:grid}.iinaLogoMark{color:#111827;letter-spacing:-.06em;background:#fff;border-radius:4px;place-items:center;width:30px;height:30px;font-size:15px;font-weight:700;display:grid}.brandMain{letter-spacing:.01em;font-size:13px;font-weight:650;line-height:1.15}.brandSub{color:#cbd5e1;margin-top:1px;font-size:12px;line-height:1.15}.sideNav{flex-direction:column;gap:3px;display:flex;overflow:auto}.navItem{color:#d1d5db;text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:9px;width:100%;height:33px;padding:0 10px;font-weight:400;display:flex}.navItem:hover{color:#fff;background:#ffffff12}.navItem.active{color:#111827;background:#fff}.logout{color:#d1d5db;background:0 0;border:0;border-radius:4px;align-items:center;gap:9px;height:33px;margin-top:auto;padding:0 10px;display:flex}.logout:hover{color:#fff;background:#ffffff12}.main{flex:1;min-width:0;padding:18px 22px}.topbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.topbar h1{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:620;line-height:1.25}.lead{color:var(--muted);margin:4px 0 0;font-size:13px;font-weight:400}.topActions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.primary,.outlineBtn,.ghostBtn,.blueSmall,.greenBtn,.tableBtn,.secondary,.small{white-space:nowrap;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:5px;height:30px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.primary:hover{background:#000}.primary.mini{height:30px;padding:0 11px}.outlineBtn,.secondary{color:#111827;background:#fff;border-color:#d1d5db}.outlineBtn:hover,.secondary:hover{background:#f9fafb}.ghostBtn{color:#374151;background:#f3f4f6;border-color:#f3f4f6}.ghostBtn:hover{background:#e5e7eb}.blueSmall{background:var(--ink);color:#fff;border-color:var(--ink);height:26px;font-size:12px}.greenBtn{background:var(--success);color:#fff;border-color:var(--success);width:100%;height:32px}.panel,.kpiCard,.miniPanel,.infoBox,.flowBox{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 2px #11182709}.panel{padding:13px}.panelTitle,.miniHead h2,.panelTitleRow h2{letter-spacing:-.005em;margin:0;font-size:14px;font-weight:620}.panelTitle{margin-bottom:10px}.panelTitleRow{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.panelTitleRow span{color:var(--muted);font-size:12px}.kpiGrid{grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:12px;display:grid}.kpiCard{padding:13px 14px}.kpiCard span{color:var(--muted);font-size:12px;display:block}.kpiCard strong{letter-spacing:-.02em;margin:7px 0 4px;font-size:23px;font-weight:620;line-height:1.1;display:block}.kpiCard small{color:var(--muted);font-size:12px}.studioTable{border-collapse:collapse;width:100%;font-size:12px}.studioTable th{color:#4b5563;text-align:left;border-bottom:1px solid var(--line);background:#f9fafb;padding:8px;font-weight:600}.studioTable td{border-bottom:1px solid var(--line2);vertical-align:middle;padding:7px 8px}.studioTable tr:hover td{background:#fafafa}.titleCell{color:#111827;font-weight:500}.statusBadge{background:var(--success-soft);color:#15803d;border:1px solid #bbf7d0;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.draftBadge{color:#4b5563;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;padding:2px 6px;font-size:11px}.templateBadge{color:#111827;background:#f9fafb;border:1px solid #d1d5db;border-radius:4px;place-items:center;width:22px;height:22px;font-size:11px;font-weight:600;display:inline-grid}.scoreBadge{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:2px 8px;font-weight:600}.tableBtn,.rowActions button{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:4px;height:24px;padding:0 7px;font-size:11px}.tableBtn:hover,.rowActions button:hover{background:#f9fafb}.rowActions{gap:6px;display:flex}.pager{text-align:center;color:var(--muted);padding:12px 0 2px}.homeGrid,.monitorGrid,.articleMgmtGrid,.wpWorkflowGrid,.publishGrid,.settingsGrid{gap:14px;display:grid}.homeGrid{grid-template-columns:1.4fr .9fr}.monitorGrid{grid-template-columns:1.5fr .8fr}.articleMgmtGrid{grid-template-columns:1.2fr .8fr}.wpWorkflowGrid{grid-template-columns:.9fr 1.1fr}.publishGrid,.settingsGrid{grid-template-columns:1fr 1fr}.jobStack,.publishQueueList,.publishList,.monitorMain{flex-direction:column;gap:10px;display:flex}.jobCard,.approvalCard,.deptCard,.publishQueueCard,.publishCard,.publishedCard{border:1px solid var(--line);background:#fff;border-radius:4px;padding:12px}.jobHead,.monitorTop,.approvalCard,.publishQueueCard{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.jobHead strong,.monitorTop strong{color:#111827;font-size:19px;font-weight:620}.jobMeta{flex-wrap:wrap;gap:6px;margin-bottom:5px;display:flex}.jobMeta span{color:#6b7280;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;padding:2px 6px;font-size:11px}.jobCard h3,.monitorJob h3,.publishCard h3,.publishedCard h3{margin:0 0 4px;font-size:14px;font-weight:620}.jobCard p,.monitorJob p,.approvalCard p,.deptCard p,.publishQueueCard p,.publishCard p,.publishedCard p{color:var(--muted);margin:0;font-size:12px}.progressLine{background:#f3f4f6;border-radius:99px;height:7px;margin:10px 0 7px;overflow:hidden}.progressLine div{background:#111827;border-radius:99px;height:100%}.progressLine.large{height:9px}.jobFoot{color:#374151;justify-content:space-between;font-size:12px;display:flex}.approvalActions,.wpActions,.approvalBox{flex-wrap:wrap;gap:8px;display:flex}.mt{margin-top:14px}.backlogList{margin:0;padding-left:18px}.backlogList li{color:#374151;margin:6px 0}.monitorJob{border:1px solid var(--line);background:#fff;border-radius:4px;padding:13px}.stepRail{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:12px;display:grid}.stepDot{color:#6b7280;align-items:center;gap:5px;font-size:11px;display:flex}.stepDot span{background:#fff;border:1px solid #d1d5db;border-radius:50%;flex:none;width:9px;height:9px}.stepDot.done span{background:#111827;border-color:#111827}.stepDot.active span{background:#111827;border-color:#111827;box-shadow:0 0 0 3px #e5e7eb}.deptCard{margin-bottom:10px}.deptCard b{margin-bottom:4px;font-size:13px;display:block}.filterRow{gap:10px;margin-bottom:12px;display:flex}.filterRow input,.filterRow select,.formPanel input,.formPanel textarea,.formPanel select{background:#fff;border:1px solid #d1d5db;border-radius:4px;outline:none;width:100%;padding:8px}.filterRow input:focus,.filterRow select:focus,.formPanel input:focus,.formPanel textarea:focus,.formPanel select:focus,.bodyEditor:focus{border-color:#111827;box-shadow:0 0 0 3px #11182714}.selectedRow td,.publishQueueCard.active{background:#f9fafb!important}.articleDetailPanel{min-height:620px}.detailMeta,.wpDetail{gap:7px;margin-bottom:12px;display:grid}.detailMeta p,.wpDetail p{border-bottom:1px solid var(--line2);grid-template-columns:100px 1fr;margin:0;padding:7px 0;display:grid}.detailMeta b,.wpDetail b{color:var(--muted);font-size:12px}.detailMeta span,.wpDetail span{color:#111827;word-break:break-all;font-size:13px}.articleBodyPreview{border:1px solid var(--line);background:#fafafa;border-radius:4px;max-height:300px;padding:12px;overflow:auto}.articleBodyPreview pre{white-space:pre-wrap;margin:0;font-family:inherit;font-size:13px;line-height:1.7}.wpChecks{grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0;display:grid}.wpCheck{border:1px solid var(--line);background:#fafafa;border-radius:4px;align-items:center;gap:7px;padding:8px;display:flex}.wpCheck b{font-size:12px;font-weight:600}.okPill,.ngPill{border:1px solid;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.okPill{background:var(--success-soft);color:#15803d;border-color:#bbf7d0}.ngPill{background:var(--danger-soft);color:#b91c1c;border-color:#fecaca}.articleEditorGrid{grid-template-columns:300px 1fr 1fr;gap:14px;display:grid}.formPanel label{margin:10px 0 5px;font-size:12px;font-weight:600;display:block}.formPanel textarea{min-height:96px}.autoSave{color:var(--muted);margin-top:10px;font-size:12px}.qaBox{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.qaBox h2{margin:0 0 8px;font-size:13px}.checkRow{align-items:center;gap:6px;margin:5px 0;display:flex}.bodyEditor{resize:vertical;border:1px solid #d1d5db;border-radius:4px;width:100%;min-height:560px;padding:12px;line-height:1.75}.publicPreview{border:1px solid var(--line);background:#fff;border-radius:4px;max-height:620px;padding:16px;overflow:auto}.publicPreview h2{border-left:3px solid #111827;margin:20px 0 9px;padding-left:7px;font-size:17px}.publicPreview p{margin:0 0 10px;font-size:13px;line-height:1.8}.publicPreview li{line-height:1.7}.emptyState{min-height:120px;color:var(--muted);background:#fafafa;border:1px dashed #d1d5db;border-radius:4px;place-items:center;padding:20px;display:grid}.dashboardMiniGrid{grid-template-columns:repeat(5,1fr);gap:12px;margin-top:14px;display:grid}.miniPanel{padding:12px}.miniHead{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.miniList{border:1px solid var(--line);border-radius:4px;overflow:hidden}.miniList div{border-bottom:1px solid var(--line);background:#fff;padding:7px 8px}.miniList div:last-child{border-bottom:0}.bottomInfo{grid-template-columns:300px 1fr;gap:14px;margin-top:14px;display:grid}.infoBox,.flowBox{background:#fff;padding:14px}.infoBox h2,.flowBox h2{color:#111827;margin:0 0 10px;font-size:14px}.infoBox ul{margin:0;padding-left:18px}.infoBox li{margin:6px 0}.flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.flowIcon{text-align:center;color:#374151}.flowIcon div{color:#111827;background:#fff;border:2px solid #9ca3af;border-radius:6px;place-items:center;width:48px;height:48px;font-size:15px;font-weight:700;display:grid}.flowIcon span{margin-top:6px;font-size:12px;display:block}.logBox{color:#e5e7eb;background:#111827;border-radius:4px;max-height:260px;padding:10px;font-size:12px;overflow:auto}.notice{border:1px solid var(--line);background:#fafafa;border-radius:4px;margin-top:12px;padding:10px}@media (width<=1200px){.kpiGrid{grid-template-columns:repeat(3,1fr)}.homeGrid,.monitorGrid,.articleMgmtGrid,.wpWorkflowGrid,.publishGrid,.settingsGrid,.articleEditorGrid,.bottomInfo{grid-template-columns:1fr}.dashboardMiniGrid{grid-template-columns:repeat(2,1fr)}.stepRail{grid-template-columns:repeat(3,1fr)}.main{padding:14px}.sidebar{width:210px}}.workflowHero{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.workflowHero h2{margin:2px 0 4px;font-size:18px;font-weight:620}.workflowHero p{color:var(--muted);margin:0;font-size:12px}.workflowHero strong{font-size:28px;font-weight:620}.miniLabel{color:var(--muted);margin:0;font-size:12px}.workflowGrid{grid-template-columns:1.35fr .9fr;gap:14px;display:grid}.workflowRunList{flex-direction:column;gap:10px;display:flex}.workflowRunCard{border:1px solid var(--line);background:#fff;border-radius:4px;padding:12px}.workflowRunHead{justify-content:space-between;gap:12px;display:flex}.workflowRunHead h3{margin:0 0 4px;font-size:14px;font-weight:620}.workflowRunHead p{color:var(--muted);margin:0;font-size:12px}.workflowRunHead strong{font-size:20px;font-weight:620}.workflowDeptRail{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px;display:grid}.workflowDeptMini{border:1px solid var(--line);background:#fafafa;border-radius:4px;padding:7px}.workflowDeptMini b{margin-top:5px;font-size:11px;font-weight:600;display:block}.activeBadge{color:#fff;background:#111827;border:1px solid #111827;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.workflowRules{margin:0;padding-left:18px}.workflowRules li{color:#374151;margin:7px 0}@media (width<=1200px){.workflowGrid{grid-template-columns:1fr}.workflowDeptRail{grid-template-columns:repeat(2,1fr)}}.opsKpiGrid{grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:14px;display:grid}.opsGrid{grid-template-columns:1.1fr .9fr;gap:14px;display:grid}.improvementList{flex-direction:column;gap:10px;display:flex}.improvementCard{border:1px solid var(--line);background:#fff;border-radius:4px;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px;display:flex}.improvementCard b{margin-bottom:4px;font-size:13px;display:block}.improvementCard p{color:var(--muted);margin:0;font-size:12px}.opsSummary{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.opsSummary p{border:1px solid var(--line);background:#fafafa;border-radius:4px;margin:0;padding:12px;font-size:13px}@media (width<=1200px){.opsKpiGrid{grid-template-columns:repeat(2,1fr)}.opsGrid,.opsSummary{grid-template-columns:1fr}}.releaseHero{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.releaseHero h2{margin:2px 0 4px;font-size:18px;font-weight:620}.releaseHero p{color:var(--muted);margin:0;font-size:12px}.releaseHero strong{font-size:28px;font-weight:620}.releaseGrid{grid-template-columns:1.35fr .8fr;gap:14px;display:grid}.releaseRoadmap{flex-direction:column;gap:10px;display:flex}.releaseRoadmapCard{border:1px solid var(--line);background:#fff;border-radius:4px;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px;display:flex}.releaseRoadmapCard b{margin-bottom:4px;font-size:13px;display:block}.releaseRoadmapCard p{color:var(--muted);margin:0;font-size:12px}.nextBacklogGrid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.nextBacklogCard{border:1px solid var(--line);background:#fafafa;border-radius:4px;padding:12px;font-size:13px}@media (width<=1200px){.releaseGrid,.nextBacklogGrid{grid-template-columns:1fr}}.backendKpiGrid{grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:14px;display:grid}.backendGrid{grid-template-columns:1.25fr .75fr;gap:14px;display:grid}.backendError{color:#991b1b;background:#fef2f2;border-color:#fecaca;margin-bottom:14px}.dbTableList{flex-direction:column;gap:10px;display:flex}.dbTableCard{border:1px solid var(--line);background:#fafafa;border-radius:4px;justify-content:space-between;padding:12px;display:flex}.dbTableCard b{font-size:13px}.dbTableCard span{color:var(--muted);font-size:12px}@media (width<=1200px){.backendKpiGrid{grid-template-columns:repeat(2,1fr)}.backendGrid{grid-template-columns:1fr}}.apiGrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.apiStatusBox{gap:7px;margin-bottom:12px;display:grid}.apiStatusBox p{border-bottom:1px solid var(--line2);grid-template-columns:120px 1fr;margin:0;padding:7px 0;display:grid}.apiStatusBox b{color:var(--muted);font-size:12px}.apiStatusBox span{color:#111827;word-break:break-all;font-size:13px}.apiResult{color:#e5e7eb;background:#111827;border-radius:4px;max-height:320px;margin-top:12px;padding:12px;font-size:12px;overflow:auto}.apiActions{margin-top:12px}@media (width<=1200px){.apiGrid{grid-template-columns:1fr}}.cooGrid{grid-template-columns:.85fr 1.15fr;gap:14px;display:grid}.cooForm{gap:8px;display:grid}.cooForm label{color:var(--muted);font-size:12px;font-weight:600}.cooForm input,.cooForm select{background:#fff;border:1px solid #d1d5db;border-radius:4px;width:100%;padding:8px}.cooButton{width:100%;margin-top:6px}.cooResult{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.cooResult pre{color:#e5e7eb;background:#111827;border-radius:4px;max-height:360px;padding:12px;font-size:12px;overflow:auto}@media (width<=1200px){.cooGrid{grid-template-columns:1fr}}.articleEngineGrid{grid-template-columns:.85fr 1.15fr;gap:14px;display:grid}.engineForm{gap:8px;display:grid}.engineForm label{color:var(--muted);font-size:12px;font-weight:600}.engineForm input,.engineForm select{background:#fff;border:1px solid #d1d5db;border-radius:4px;width:100%;padding:8px}.engineButton{width:100%;margin-top:6px}.engineResult{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.engineResult p{color:var(--muted);margin:0 0 8px}.generatedPreview{border:1px solid var(--line);background:#fafafa;border-radius:4px;max-height:520px;padding:12px;overflow:auto}.generatedPreview pre{white-space:pre-wrap;margin:0;font-family:inherit;font-size:13px;line-height:1.7}@media (width<=1200px){.articleEngineGrid{grid-template-columns:1fr}}.qaEngineGrid{grid-template-columns:.85fr 1.15fr;gap:14px;display:grid}.qaEngineForm{gap:8px;display:grid}.qaEngineForm label{color:var(--muted);font-size:12px;font-weight:600}.qaEngineForm select{background:#fff;border:1px solid #d1d5db;border-radius:4px;width:100%;padding:8px}.qaSelected,.qaResultBox{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.qaSelected p{border-bottom:1px solid var(--line2);grid-template-columns:90px 1fr;margin:0;padding:7px 0;display:grid}.qaSelected b{color:var(--muted);font-size:12px}.qaSelected span{color:#111827;font-size:13px}.qaResultBox p{color:var(--muted);margin:0 0 7px}@media (width<=1200px){.qaEngineGrid{grid-template-columns:1fr}}.wpEngineGrid{grid-template-columns:.85fr 1.15fr;gap:14px;display:grid}.wpEngineForm{gap:8px;display:grid}.wpEngineForm label{color:var(--muted);font-size:12px;font-weight:600}.wpEngineForm select{background:#fff;border:1px solid #d1d5db;border-radius:4px;width:100%;padding:8px}.wpSelected,.wpResultBox{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.wpSelected p{border-bottom:1px solid var(--line2);grid-template-columns:90px 1fr;margin:0;padding:7px 0;display:grid}.wpSelected b{color:var(--muted);font-size:12px}.wpSelected span{color:#111827;word-break:break-all;font-size:13px}.wpResultBox p{color:var(--muted);margin:0 0 7px}@media (width<=1200px){.wpEngineGrid{grid-template-columns:1fr}}.bulkGrid{grid-template-columns:.85fr 1.15fr;gap:14px;display:grid}.bulkForm{gap:8px;display:grid}.bulkForm label{color:var(--muted);font-size:12px;font-weight:600}.bulkForm input,.bulkForm select{background:#fff;border:1px solid #d1d5db;border-radius:4px;width:100%;padding:8px}.checkLine{align-items:center;gap:8px;color:#111827!important;font-weight:500!important;display:flex!important}.checkLine input{width:auto!important}.bulkButton{width:100%;margin-top:6px}.bulkResult{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.bulkResult p{color:var(--muted);margin:0 0 7px}@media (width<=1200px){.bulkGrid{grid-template-columns:1fr}}
