:root{--ink:#172438;--muted:#627083;--line:#e1e7ef;--blue:#2563eb;--surface:#fff;--canvas:#f4f6fa}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;font-size:14px}a{color:#215bc4;text-decoration:none}a:hover{text-decoration:underline}.side-nav{position:fixed;inset:0 auto 0 0;width:228px;background:#152238;color:#dae4f3;padding:28px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;color:#fff;font-size:16px;font-weight:700;margin:0 8px 36px}.brand:hover{color:#fff;text-decoration:none}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#3e78ed;font-size:21px}.brand small{display:block;font-size:10px;font-weight:400;color:#96abc7;margin-top:5px;letter-spacing:1px}.side-nav nav{display:flex;flex-direction:column;gap:8px}.side-nav nav a{display:flex;justify-content:space-between;padding:13px 15px;border-radius:8px;color:#bfcce0}.side-nav nav a:hover,.side-nav nav a.active{background:#263b5c;color:#fff;text-decoration:none}.side-nav nav a span{font-size:10px;opacity:.5}.side-note{margin-top:auto;font-size:11px;line-height:1.9;color:#8da0bb;padding:18px 10px;border-top:1px solid #2c3b51}.main-shell{margin-left:228px;min-height:100vh}.top-bar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 34px}.top-label{font-size:12px;letter-spacing:.5px;font-weight:600}.read-only{margin-left:12px;background:#eef2f7;color:#59677c;padding:4px 8px;border-radius:5px;font-size:10px}.account{display:flex;align-items:center;gap:14px;font-size:12px}main{max-width:1750px;padding:30px 34px 10px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.page-heading h1{font-size:25px;letter-spacing:-.4px;font-weight:700;margin:5px 0 10px}.page-heading p{color:var(--muted);margin:0;line-height:1.7}.page-heading .eyebrow,.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.6px;color:#5374a3;font-weight:700}.neutral-tag{border:1px solid #dce3ed;background:#fff;padding:7px 10px;border-radius:6px;white-space:nowrap;color:var(--muted);font-size:11px}.filter-panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:20px 22px;margin-bottom:18px;box-shadow:0 3px 12px #22304d03}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.filter-grid label{font-size:11px;color:#4d5d73;display:block;font-weight:600;margin-bottom:7px}.filter-grid .search-field{grid-column:span 2}.form-control,.form-select{font-size:12px;min-height:37px;border-color:#dbe2ec;border-radius:6px}.filter-actions{display:flex;gap:8px;align-items:center;margin-top:18px;padding-top:15px;border-top:1px solid #edf0f5}.filter-actions>span{margin-right:auto;font-size:11px;color:var(--muted)}.btn{font-size:12px;padding:8px 16px;border-radius:6px}.btn-primary{background:#2563eb;border-color:#2563eb}.query-meta{display:flex;flex-wrap:wrap;gap:18px;color:var(--muted);font-size:11px;margin:15px 2px}.query-meta strong{color:#a36c14}.coverage{font-size:11px;color:var(--muted);margin:14px 0}.coverage summary{cursor:pointer;color:#4b6181;margin-bottom:9px}.coverage p{margin:12px 0}.metrics-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0}.metrics-row>div{background:#fff;border:1px solid var(--line);border-radius:9px;padding:18px 22px}.metrics-row span{display:block;color:var(--muted);font-size:11px;margin-bottom:10px}.metrics-row strong{display:block;font-size:27px;font-weight:650;line-height:1.1}.metrics-row strong.small-value{font-size:15px;line-height:1.8}.content-panel{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:20px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 22px;border-bottom:1px solid var(--line)}.panel-heading h2{font-size:14px;font-weight:650;margin:0}.panel-heading>span,.panel-heading div>span{font-size:10px;color:var(--muted)}.table{font-size:12px;margin-bottom:0;--bs-table-color:var(--ink)}.table th{font-size:10px;font-weight:600;color:#65758b;background:#f8fafd;border-bottom:1px solid var(--line);padding:12px 18px;white-space:nowrap}.table td{padding:16px 18px;vertical-align:top;border-bottom-color:#edf1f6}.table tr:last-child td{border-bottom:0}.table small{display:block;font-size:10px;color:var(--muted);margin-top:6px;line-height:1.65}.table strong{display:block;font-size:12px}.scope-label{display:block;font-size:9px;color:#6982a3;margin-bottom:6px}.timestamp{font-size:10px;white-space:nowrap;line-height:1.8}.evidence{display:inline-flex;font-size:10px;font-weight:500;padding:5px 8px;border-radius:5px;white-space:nowrap}.evidence-success{background:#e8f6ef;color:#24754c}.evidence-danger{background:#fff0ed;color:#b84f40}.evidence-warning{background:#fff6df;color:#98701c}.evidence-neutral{background:#edf2fa;color:#4c688a}.action-links a{display:block;font-size:11px;white-space:nowrap;margin-bottom:7px}.empty-state{text-align:center;padding:60px 22px}.empty-state h2{font-size:16px;margin-bottom:13px}.empty-state p{font-size:12px;color:var(--muted);line-height:1.8}.state-panel{border:1px solid var(--line);border-radius:12px;background:#fff;text-align:center;padding:55px 30px;margin:25px 0}.state-icon{display:grid;place-items:center;background:#edf3ff;color:#4773bf;border-radius:50%;width:45px;height:45px;font-size:22px;margin:0 auto 18px}.state-panel h2{font-size:20px;margin-bottom:15px}.state-panel h1{font-size:24px}.state-panel p{color:var(--muted);line-height:1.9}.pagination-row{display:flex;justify-content:flex-end;margin-top:18px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.detail-list{display:grid;grid-template-columns:130px minmax(0,1fr);gap:13px 12px;font-size:12px;margin:22px}.detail-list dt{font-weight:400;color:var(--muted)}.detail-list dd{margin:0;overflow-wrap:anywhere}.detail-list dd p{margin-bottom:10px;line-height:1.8}.callout{margin:18px 22px;padding:12px;background:#f5f8fc;color:#63738a;font-size:11px;border-radius:6px;line-height:1.9}.technical-panel{padding:20px 22px;background:#fff;border:1px solid var(--line);border-radius:9px;font-size:12px}.technical-panel summary{cursor:pointer}.technical-panel .detail-list{margin:20px 0}.technical-panel p{color:var(--muted)}code{font-size:10px;color:#596b86;overflow-wrap:anywhere}.compact{margin:20px 22px}.compact>div{background:#f8fafd;border-color:#edf1f6}.service-card>.coverage{margin:20px 22px}.selection-note{font-size:12px;color:var(--muted)}.login-wrap{display:flex;justify-content:center;padding:45px 15px}.login-card{width:420px;background:#fff;padding:34px;border:1px solid var(--line);border-radius:12px}.login-card h1{font-size:23px;margin:13px 0 20px}.login-card>p{font-size:12px;line-height:1.9}.login-card form{margin-top:25px}.login-card label{font-size:12px}footer{max-width:1750px;margin:28px auto;padding:0 34px 22px;color:#8895a7;font-size:10px}details summary{list-style-position:inside}details code{word-break:break-all}@media(min-width:1600px){.filter-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1100px){.side-nav{width:190px}.main-shell{margin-left:190px}main{padding:25px 22px}.top-bar{padding:0 22px}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:1fr}.metrics-row>div{padding:15px}.page-heading .neutral-tag{display:none}}@media(max-width:700px){.side-nav{position:static;width:100%;padding:16px;gap:15px}.brand{margin:0;font-size:15px}.brand small,.side-note{display:none}.side-nav nav{flex-direction:row;gap:4px;flex-wrap:wrap}.side-nav nav a{padding:9px 12px;font-size:12px}.side-nav nav a span{display:none}.main-shell{margin-left:0}.top-bar{height:52px;padding:0 16px}.top-bar>.text-muted{display:none}main{padding:23px 15px}.page-heading{align-items:flex-start}.page-heading h1{font-size:23px}.page-heading> .btn{white-space:nowrap;padding:7px 10px}.page-heading p{font-size:12px}.filter-panel{padding:16px}.filter-grid{grid-template-columns:1fr}.filter-grid .search-field{grid-column:auto}.filter-actions{flex-wrap:wrap}.filter-actions>span{width:100%;margin-bottom:8px}.metrics-row{gap:8px}.metrics-row>div{padding:12px 10px}.metrics-row span{font-size:9px;line-height:1.6}.metrics-row strong{font-size:22px}.panel-heading{padding:15px;flex-wrap:wrap}.table td,.table th{padding:12px}.detail-list{margin:18px 15px;grid-template-columns:100px minmax(0,1fr)}.detail-grid{gap:0}.login-wrap{padding:20px 0}.login-card{padding:25px;width:100%}footer{padding:0 15px 15px}.compact{grid-template-columns:1fr;margin:15px}.query-meta{gap:8px;flex-direction:column}}
/* 业务正文与 CDC 对比共用样式。长值完整保留，限制面板高度。 */
.field-path{display:block;font-size:10px;color:var(--muted);overflow-wrap:anywhere;margin-top:4px}.field-value{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.field-diff{table-layout:fixed}.field-diff th:first-child{width:24%}.field-diff .field-changed td{background:#fff8e6}.field-diff .field-changed td:last-child{color:#1d6543;font-weight:500}.json-body{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-height:600px;overflow:auto;background:#f5f8fc;border:1px solid var(--line);border-radius:6px;padding:18px;margin:16px 0 0;font:12px/1.75 Consolas,"Microsoft YaHei",monospace;color:#233c58}.json-actions{display:flex;gap:15px;align-items:center;margin-top:16px;color:var(--muted);font-size:11px}.detail-subtitle{font-size:12px;margin-top:20px}.technical-panel{min-width:0}.field-diff td{overflow-wrap:anywhere}@media(max-width:700px){.field-diff{min-width:600px}.json-body{max-height:450px;font-size:11px}.json-actions{flex-wrap:wrap}}