.matching-pane { min-width:0; color:var(--text-primary,#272727); font-size:14px; }
.matching-pane * { box-sizing:border-box; }
.matching-pane-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
.matching-pane h2 { margin:0; font-size:18px; font-weight:600; line-height:28px; }
.matching-pane-heading p { margin:5px 0 0; }
.matching-pane-muted { color:var(--text-tertiary,#838383); font-size:12px; line-height:21px; }
.matching-pane-action { border:0; padding:0; background:none; color:var(--text-secondary,#686868); font:inherit; font-size:13px; text-align:left; cursor:pointer; text-decoration:none; }
.matching-pane-action:hover { color:#bf5230; }
.matching-pane-action:focus-visible,.matching-pane-tab:focus-visible { outline:2px solid #e8613a; outline-offset:4px; }
.matching-pane-original { padding:11px 14px; margin-bottom:20px; border:1px solid var(--border-subtle,#e8e8e8); border-radius:9px; background:var(--surface-subtle,#fbfbfa); }
.matching-pane-original summary { cursor:pointer; color:var(--text-secondary,#686868); font-size:13px; }
.matching-pane-original p { margin:12px 0 0; font-size:13px; line-height:24px; white-space:pre-wrap; overflow-wrap:anywhere; }
.matching-pane-stale { margin:0 0 16px; color:#a66b31; font-size:12px; }
.matching-pane-tabs { display:flex; flex-wrap:wrap; gap:7px; border-bottom:1px solid var(--border-subtle,#e8e8e8); padding-bottom:13px; margin-bottom:18px; }
.matching-pane-tab { appearance:none; border:0; border-radius:7px; padding:7px 10px; background:none; color:var(--text-secondary,#777); font:inherit; font-size:13px; cursor:pointer; }
.matching-pane-tab[aria-pressed="true"] { background:#fff0e9; color:#b24c2b; font-weight:500; }
.matching-pane-layout { display:grid; grid-template-columns:minmax(0,1fr) 275px; gap:22px; align-items:start; min-width:0; }
.matching-pane-matrix { min-width:0; border:1px solid var(--border-subtle,#e8e8e8); border-radius:10px; overflow:hidden; }
.matching-pane-columns,.matching-pane-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) 96px; gap:18px; align-items:start; width:100%; min-width:0; padding:14px 16px; }
.matching-pane-columns { background:var(--surface-subtle,#fafafa); color:var(--text-tertiary,#8c8c8c); font-size:12px; }
.matching-pane-row { border:0; border-top:1px solid var(--border-subtle,#e8e8e8); background:none; color:inherit; font:inherit; font-size:13px; text-align:left; cursor:pointer; }
.matching-pane-row:hover { background:#fcfaf8; }
.matching-pane-row.is-selected { background:#fff8f4; box-shadow:inset 3px 0 #e8613a; }
.matching-pane-row:focus-visible { outline:2px solid #e8613a; outline-offset:-2px; }
.matching-pane-wanted,.matching-pane-own { display:flex; flex-direction:column; gap:8px; min-width:0; }
.matching-pane-wanted strong,.matching-pane-own strong { font-size:13px; line-height:21px; font-weight:550; overflow-wrap:anywhere; }
.matching-pane-wanted > span,.matching-pane-own > span { font-size:12px; line-height:21px; color:var(--text-secondary,#777); overflow-wrap:anywhere; white-space:pre-wrap; }
.matching-pane-state { display:inline-flex; align-items:center; width:max-content; max-width:100%; gap:5px; padding:4px 7px; border-radius:5px; font-size:11px; line-height:18px; white-space:nowrap; }
.matching-pane-state.is-supported { background:#edf4ef; color:#557860; }
.matching-pane-state.is-conflict { background:#faece7; color:#b15c43; }
.matching-pane-state.is-unknown { background:#f3f0e8; color:#987d45; }
.matching-pane-inspector { min-width:0; padding:18px; border:1px solid var(--border-subtle,#e8e8e8); border-radius:10px; }
.matching-pane-inspector h3 { font-size:16px; line-height:25px; font-weight:600; margin:13px 0 4px; overflow-wrap:anywhere; }
.matching-pane-product { margin:0 0 18px; color:var(--text-tertiary,#8a8a8a); font-size:12px; }
.matching-pane-reason,.matching-pane-evidence-block { padding-top:16px; margin-top:16px; border-top:1px solid var(--border-subtle,#ececec); }
.matching-pane-inspector h4 { margin:0 0 9px; font-size:12px; font-weight:550; color:var(--text-secondary,#777); }
.matching-pane-reason p { font-size:13px; line-height:23px; margin:0; overflow-wrap:anywhere; }
.matching-pane-evidence-block blockquote { margin:0 0 10px; padding-left:11px; border-left:2px solid #e8ddd4; color:var(--text-secondary,#6c6c6c); font-size:12px; line-height:23px; white-space:pre-wrap; overflow-wrap:anywhere; }
.matching-pane-evidence-block p { margin:0; }
.matching-pane-version { display:block; margin:8px 0; color:var(--text-tertiary,#999); font-size:11px; }
.matching-pane-inspector > .matching-pane-action { display:block; margin-top:20px; }
.matching-pane-gaps { margin:20px 0; font-size:12px; color:var(--text-secondary,#777); }
.matching-pane-gaps summary { cursor:pointer; }
.matching-pane-gaps p { line-height:22px; margin:8px 0; }
.matching-pane-footer { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-top:22px; padding-top:18px; border-top:1px solid var(--border-subtle,#eee); }
.matching-pane-footer .matching-pane-action { color:#b24c2b; white-space:nowrap; }
.matching-pane-demo { color:#a58a78; font-size:12px; }
.matching-pane-empty { padding:35px 22px; border:1px dashed var(--border-default,#ddd); border-radius:10px; text-align:center; }
.matching-pane-empty-mark { display:block; margin-bottom:14px; color:#af8067; font-size:28px; }
.matching-pane-empty h3 { margin:0 0 9px; font-size:15px; font-weight:500; }
.matching-pane-empty p { max-width:55ch; margin:0 auto; }
.matching-pane-no-rows { padding:22px; font-size:13px; color:var(--text-tertiary,#888); }
@media(max-width:1150px) { .matching-pane-layout { grid-template-columns:minmax(0,1fr); }.matching-pane-inspector { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:24px; }.matching-pane-inspector > h3,.matching-pane-inspector > .matching-pane-product { grid-column:1/-1; }.matching-pane-inspector > .matching-pane-state { grid-column:1/-1; }.matching-pane-reason { grid-column:1/-1; }.matching-pane-inspector > .matching-pane-action { grid-column:1/-1; } }
@media(max-width:650px) { .matching-pane-heading { align-items:flex-start; }.matching-pane h2 { font-size:16px; }.matching-pane-columns { display:none; }.matching-pane-row { grid-template-columns:minmax(0,1fr); gap:12px; padding:17px; }.matching-pane-own:before { content:'产品资料'; color:var(--text-tertiary,#999); font-size:11px; }.matching-pane-state { grid-row:1; }.matching-pane-inspector { display:block; }.matching-pane-footer { align-items:flex-start; flex-direction:column; }.matching-pane-tabs { gap:3px; }.matching-pane-tab { font-size:12px; padding:7px; } }