:root { --ink:#172033; --muted:#718096; --line:#e5eaf0; --teal:#0f766e; --surface:#fff; --canvas:#f4f7f8; }
* { box-sizing:border-box; } body { min-width:320px; margin:0; background:var(--canvas); color:var(--ink); font-family:"Microsoft YaHei",Arial,sans-serif; }.app-shell { min-height:100vh; padding-bottom:max(24px, env(safe-area-inset-bottom)); }.app-header { min-height:78px; display:flex; align-items:center; gap:12px; padding:15px max(18px, env(safe-area-inset-left)); background:var(--surface); border-bottom:1px solid var(--line); }.logo { display:grid; place-items:center; flex:0 0 auto; width:38px; height:38px; border-radius:8px; color:#fff; background:var(--teal); font-size:14px; font-weight:700; }.app-header h1 { margin:0; font-size:17px; line-height:24px; }.app-header p { margin:1px 0 0; color:var(--muted); font-size:12px; }.main-content { width:min(100%, 520px); margin:0 auto; padding:18px; }.query-card,.response-card { padding:18px; background:var(--surface); border:1px solid var(--line); border-radius:7px; }.card-heading { margin-bottom:20px; }.card-heading h2,.section-heading h2,.response-heading h2 { margin:0 0 5px; font-size:16px; }.card-heading p { margin:0; color:var(--muted); font-size:13px; }.full-button { width:100%; min-height:42px; }.result-section { margin-top:18px; }.section-heading { display:flex; align-items:baseline; justify-content:space-between; margin:0 2px 10px; gap:10px; }.section-heading h2 { margin:0; }.section-heading span { overflow:hidden; color:var(--muted); font-size:12px; text-overflow:ellipsis; white-space:nowrap; }.count-card { display:flex; flex-direction:column; min-height:102px; padding:17px; border-radius:7px; }.count-card span { font-size:13px; }.count-card strong { margin-top:auto; font-size:29px; line-height:34px; }.primary-count { color:#ecfdf5; background:var(--teal); }.count-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:10px; }.success { color:#166534; background:#ecfdf3; border:1px solid #bbf7d0; }.failed { color:#b42318; background:#fff2f0; border:1px solid #fecaca; }.date-range { margin:12px 2px 0; color:var(--muted); font-size:12px; }.response-card { margin-top:18px; }.response-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }.response-heading h2 { margin:0; font-size:14px; }.response-card pre { max-height:300px; overflow:auto; margin:0; padding:12px; color:#d1fae5; background:#15212d; border-radius:5px; font-family:Consolas,monospace; font-size:12px; line-height:1.55; white-space:pre-wrap; word-break:break-word; }.el-form-item__label { font-weight:600!important; color:#344054!important; }.el-button--primary { --el-button-bg-color:var(--teal); --el-button-border-color:var(--teal); --el-button-hover-bg-color:#115e59; --el-button-hover-border-color:#115e59; }
@media (min-width:600px) { .app-shell { padding-top:30px; }.app-header { width:520px; margin:0 auto; border:1px solid var(--line); border-radius:7px; }.main-content { padding-top:18px; } }

.daily-list { overflow:hidden; margin-top:12px; border:1px solid var(--line); border-radius:6px; }
.daily-row { display:grid; grid-template-columns:1.2fr .7fr .9fr .9fr; gap:4px; align-items:center; min-height:44px; padding:7px 10px; border-bottom:1px solid var(--line); color:#4b5563; font-size:11px; }
.daily-row:last-child { border-bottom:0; }.daily-row b { color:var(--ink); }.daily-success { color:#15803d; }.daily-failed { color:#b42318; }
.date-picker { width:100%; }.date-tip { margin:-10px 0 16px; color:var(--muted); font-size:12px; line-height:18px; }