.dq-trigger { display:inline-flex; align-items:center; gap:7px; color:#b42318; background:#fff1f0; border:1px solid #f5b4af; border-radius:9px; padding:7px 10px; font-family:inherit; font-size:13px; cursor:pointer; white-space:nowrap; }
.dq-trigger[hidden] { display:none; }
.dq-icon { display:inline-grid; place-items:center; width:21px; height:21px; border-radius:50%; background:#d92d20; color:white; font-weight:800; font-size:16px; }
.dq-trigger.dq-unavailable { color:#695c38; background:#fffaeb; border-color:#ead5a1; }
.dq-unavailable .dq-icon { background:#927126; }
.dq-dialog { width:min(1100px,94vw); max-height:88vh; padding:0; border:1px solid #d9e1ec; border-radius:16px; color:#22303f; background:white; box-shadow:0 22px 80px #172b4d40; font-family:"Microsoft YaHei",system-ui,sans-serif; }
.dq-dialog::backdrop { background:#142b4866; }
.dq-head { display:flex; align-items:center; gap:12px; padding:18px 22px; border-bottom:1px solid #e5eaf0; }
.dq-head h2 { margin:0; font-size:19px; flex:1; }
.dq-dialog button { font-family:inherit; cursor:pointer; }
.dq-close { border:0; border-radius:8px; background:#f0f3f8; padding:7px 12px; font-size:18px; }
.dq-body { padding:18px 22px; overflow:auto; max-height:calc(88vh - 75px); }
.dq-note { margin:0 0 14px; color:#637181; font-size:13px; line-height:1.7; }
.dq-files { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0 18px; }
.dq-file { border:1px solid #d9e1ec; background:white; border-radius:8px; padding:8px 12px; color:#344054; }
.dq-file[aria-pressed="true"] { background:#fff1f0; border-color:#dc6b60; color:#b42318; }
.dq-card { margin:0 0 16px; border:1px solid #e3e8ef; border-radius:10px; overflow:hidden; }
.dq-card h3 { margin:0; padding:12px 14px; background:#f7f9fc; font-size:14px; overflow-wrap:anywhere; }
.dq-problem { margin:0; padding:10px 14px; color:#b42318; font-size:13px; background:#fff7f6; }
.dq-data { display:grid; grid-template-columns:minmax(130px,22%) minmax(0,1fr); margin:0; font-size:13px; }
.dq-data dt,.dq-data dd { padding:9px 14px; border-top:1px solid #edf0f4; margin:0; white-space:pre-wrap; overflow-wrap:anywhere; }
.dq-data dt { color:#667085; background:#fafbfc; }
.dq-data .dq-missing { color:#b42318; background:#fff1f0; font-weight:600; }
.dq-error { color:#b42318; padding:12px 0; }
.dq-status { font-size:13px; color:#667085; }
.dq-dialog button:focus-visible,.dq-trigger:focus-visible { outline:3px solid #679bea; outline-offset:2px; }
@media(max-width:600px) { .dq-head,.dq-body { padding:12px; } .dq-data { grid-template-columns:110px minmax(0,1fr); } .dq-data dt,.dq-data dd { padding:8px; } .dq-trigger { font-size:12px; } }

@media(max-width:600px) { body > header:has(.dq-trigger) { height:auto; min-height:58px; flex-wrap:wrap; padding:10px 14px; } body > header:has(.dq-trigger) h1 { flex-basis:100%; font-size:16px; } }