.tbl[data-v-494b77a5]{overflow:auto;max-height:420px;border:1px solid var(--border);border-radius:6px}table[data-v-494b77a5]{width:100%;border-collapse:collapse;font-size:12px}th[data-v-494b77a5],td[data-v-494b77a5]{padding:6px 10px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}th[data-v-494b77a5]{background:var(--panel-2);position:sticky;top:0;color:var(--muted);font-weight:600}.empty[data-v-494b77a5]{padding:12px;color:var(--muted)}.shell[data-v-1c1e18e2]{padding:20px;max-width:1500px;margin:0 auto}.cols[data-v-1c1e18e2]{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.col.side[data-v-1c1e18e2],.col.main[data-v-1c1e18e2]{min-width:0}@media (max-width: 1100px){.cols[data-v-1c1e18e2]{grid-template-columns:1fr}}.head[data-v-1c1e18e2]{margin-bottom:16px}.hrow[data-v-1c1e18e2]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hrow h2[data-v-1c1e18e2]{margin:0;font-size:18px}.meta[data-v-1c1e18e2]{color:var(--muted);font-size:12px;margin:6px 0;display:flex;gap:16px}.brief[data-v-1c1e18e2]{line-height:1.7;color:#37404b}.example[data-v-1c1e18e2]{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:14px;margin-top:14px}.example h3[data-v-1c1e18e2]{margin:0 0 10px;font-size:14px}.editor-wrap[data-v-1c1e18e2]{margin-bottom:16px}.sql-editor[data-v-1c1e18e2]{width:100%;min-height:200px;background:#fff;color:#1f2329;border:1px solid var(--border);border-radius:8px;padding:12px;font-size:13px;line-height:1.6;resize:vertical;outline:none}.sql-editor[data-v-1c1e18e2]:focus{border-color:var(--accent)}.col.main .sql-editor[data-v-1c1e18e2]{min-height:48vh}@media (max-width: 1100px){.col.main .sql-editor[data-v-1c1e18e2]{min-height:30vh}}.actions[data-v-1c1e18e2]{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap;align-items:center}.actions .btn[data-v-1c1e18e2]:disabled{opacity:.45;cursor:not-allowed}.actions .sep[data-v-1c1e18e2]{width:1px;align-self:stretch;background:var(--border);margin:2px 4px}.actions .btn.solved[data-v-1c1e18e2]{background:var(--ok);color:#fff;border-color:var(--ok)}.api-link[data-v-1c1e18e2]{font-size:12px;margin-left:auto}.tbl-title[data-v-1c1e18e2]{margin:8px 0 4px;font-size:13px;color:var(--text)}.out-title[data-v-1c1e18e2]{margin-top:16px}.box[data-v-1c1e18e2]{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:14px;margin-bottom:16px}.runerr[data-v-1c1e18e2]{border-left:3px solid var(--err);white-space:pre-wrap;word-break:break-word}.box h3[data-v-1c1e18e2]{margin:0 0 10px;font-size:14px}.box.answer h3[data-v-1c1e18e2]{margin-top:12px}.box.pass[data-v-1c1e18e2]{border-left:3px solid var(--ok)}.box.fail[data-v-1c1e18e2]{border-left:3px solid var(--err)}.box.error[data-v-1c1e18e2]{border-left:3px solid var(--warn)}.verdict[data-v-1c1e18e2]{font-weight:700}.verdict.pass[data-v-1c1e18e2]{color:var(--ok)}.verdict.fail[data-v-1c1e18e2]{color:var(--err)}.verdict.error[data-v-1c1e18e2]{color:var(--warn)}.hint[data-v-1c1e18e2]{border-left:3px solid var(--accent)}.cases[data-v-1c1e18e2]{list-style:none;margin:4px 0 0;padding:0;display:flex;gap:16px;flex-wrap:wrap}.cases li[data-v-1c1e18e2]{font-size:13px;color:var(--muted)}.cases li.pass .mono[data-v-1c1e18e2]{color:var(--ok)}.cases li.fail .mono[data-v-1c1e18e2]{color:var(--err)}.cases li.error .mono[data-v-1c1e18e2]{color:var(--warn)}.code[data-v-1c1e18e2]{background:#f7f9fc;border:1px solid var(--border);border-radius:6px;color:#1f2329;padding:10px;overflow:auto;white-space:pre-wrap;font-size:13px;line-height:1.6}.code.small[data-v-1c1e18e2],pre.small[data-v-1c1e18e2]{font-size:11px}.small[data-v-1c1e18e2]{font-size:12px}.err[data-v-1c1e18e2]{color:var(--err)}.muted[data-v-1c1e18e2]{color:var(--muted)}.load[data-v-1c1e18e2]{padding:40px;color:var(--muted)}details[data-v-1c1e18e2]{margin:8px 0}summary[data-v-1c1e18e2]{cursor:pointer;color:var(--accent);font-size:13px}.shell[data-v-277f7603]{padding:20px;max-width:1080px;margin:0 auto}.head[data-v-277f7603]{margin-bottom:16px}.head h2[data-v-277f7603]{margin:0 0 6px;font-size:20px}.lead[data-v-277f7603]{color:#37404b;line-height:1.7;margin:0}.box[data-v-277f7603]{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:16px}.sec-title[data-v-277f7603]{margin:0 0 10px;font-size:15px;color:var(--accent)}.md[data-v-277f7603]{line-height:1.8;font-size:14px;color:var(--text)}.md p[data-v-277f7603]{margin:0 0 10px}.md ul[data-v-277f7603]{margin:0 0 10px;padding-left:22px}.md pre[data-v-277f7603]{background:#f7f9fc;border:1px solid var(--border);border-radius:6px;color:#1f2329;padding:12px;overflow:auto;font-size:12.5px;line-height:1.6;margin:0 0 10px}.md code[data-v-277f7603]{background:#eef1f5;border-radius:4px;padding:1px 5px;font-size:12.5px;color:#c7254e}.md pre code[data-v-277f7603]{background:none;padding:0;color:#1f2329;border-radius:0}.md table[data-v-277f7603]{border-collapse:collapse;margin:10px 0;font-size:13px;width:100%}.md th[data-v-277f7603],.md td[data-v-277f7603]{border:1px solid var(--border);padding:6px 10px;text-align:left}.md th[data-v-277f7603]{background:var(--panel-2);color:var(--muted);font-weight:600}.ex-head[data-v-277f7603]{margin:0 0 6px;font-size:15px}.ex[data-v-277f7603]{padding:12px 0;border-top:1px solid var(--border)}.ex[data-v-277f7603]:first-child{border-top:none}.ex h4[data-v-277f7603]{margin:0 0 6px;font-size:14px}.ex .brief[data-v-277f7603]{margin:0 0 8px;color:#37404b}.code[data-v-277f7603]{background:#f7f9fc;border:1px solid var(--border);border-radius:6px;color:#1f2329;padding:12px;overflow:auto;white-space:pre-wrap;font-size:13px;line-height:1.6;margin:0 0 10px}.tbl-title[data-v-277f7603]{margin:8px 0 4px;font-size:13px;color:var(--text)}.expl[data-v-277f7603]{margin:10px 0 0;color:#37404b;line-height:1.7}.load[data-v-277f7603]{padding:40px;color:var(--muted)}.err[data-v-277f7603]{color:var(--err)}.layout[data-v-e3259941]{display:flex;height:100vh}.sidebar[data-v-e3259941]{width:320px;min-width:320px;border-right:1px solid var(--border);background:var(--panel);display:flex;flex-direction:column;overflow:hidden;transition:width .2s ease,min-width .2s ease}.sidebar.collapsed[data-v-e3259941]{width:52px;min-width:52px}.brand[data-v-e3259941]{padding:10px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.brand .collapse[data-v-e3259941]{flex-shrink:0;background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:6px;width:28px;height:28px;cursor:pointer;font-size:13px;line-height:1}.brand .collapse[data-v-e3259941]:hover{background:var(--border)}.sidebar.collapsed .brand[data-v-e3259941]{justify-content:center;padding:10px 0}.sidebar.collapsed .brand .collapse[data-v-e3259941]{width:32px}.brand h1[data-v-e3259941]{font-size:16px;margin:0;white-space:nowrap;overflow:hidden}.brand .count[data-v-e3259941]{color:var(--muted);font-size:12px;white-space:nowrap}.filters[data-v-e3259941]{padding:10px 12px}.filter[data-v-e3259941]{width:100%;box-sizing:border-box;background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:6px 8px;font-size:12px}.list[data-v-e3259941]{overflow-y:auto;padding:6px 6px 16px;flex:1}.group-head[data-v-e3259941]{display:flex;align-items:center;justify-content:space-between;padding:10px 8px 4px;font-size:12px;color:var(--muted)}.group-head .gname[data-v-e3259941]{font-weight:700}.group-head .gcnt[data-v-e3259941]{font-size:11px}.item[data-v-e3259941]{display:flex;align-items:center;gap:8px;width:100%;background:transparent;border:none;color:var(--text);padding:7px 8px;border-radius:6px;cursor:pointer;text-align:left;border-left:2px solid transparent}.item[data-v-e3259941]:hover{background:var(--panel-2)}.item.active[data-v-e3259941]{background:var(--panel-2);border-left-color:var(--accent)}.item .no[data-v-e3259941]{color:var(--muted);font-size:12px;width:30px;flex-shrink:0}.item .t[data-v-e3259941]{flex:1;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge.solved[data-v-e3259941]{background:var(--ok);color:#fff;margin-left:auto;flex-shrink:0}.item.tut[data-v-e3259941]{border-left-color:var(--accent)}.item.tut .no[data-v-e3259941]{color:var(--accent);font-weight:700}.main[data-v-e3259941]{flex:1;overflow:auto}.empty[data-v-e3259941]{display:flex;align-items:center;justify-content:center;height:100%;color:var(--muted)}.muted[data-v-e3259941]{color:var(--muted);padding:12px}.err[data-v-e3259941]{color:var(--err);padding:12px}:root{--bg: #f4f6f9;--panel: #ffffff;--panel-2: #eef1f5;--border: #dfe3ea;--text: #1f2329;--muted: #6b7280;--accent: #2563eb;--ok: #16a34a;--err: #dc2626;--warn: #d97706;font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text)}code,pre,.mono{font-family:SF Mono,JetBrains Mono,Menlo,Consolas,monospace}a{color:var(--accent);text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#c8ced8;border-radius:4px}.btn{border:1px solid var(--border);background:var(--panel);color:var(--text);padding:6px 14px;border-radius:6px;cursor:pointer;font-size:13px}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn.warn{background:var(--warn);border-color:var(--warn);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{font-size:11px;padding:2px 8px;border-radius:10px;border:1px solid var(--border);color:var(--muted)}.badge.diff-1{background:#eaf2fb;color:#2563eb;border-color:#cfe0f7}.badge.diff-2{background:#ecf7ef;color:#16a34a;border-color:#cdeadd}.badge.diff-3{background:#fdf5e8;color:#b45309;border-color:#f1dfc0}.badge.diff-4{background:#fdeeec;color:#dc2626;border-color:#f2cdca}.badge.diff-5{background:#f7e8f7;color:#a21caf;border-color:#edd0ec}.badge.type{background:#eef2ff;color:#4f46e5;border-color:#d8dcf7}.md{line-height:1.8;font-size:14px;color:var(--text)}.md p{margin:0 0 10px}.md ul{margin:0 0 10px;padding-left:22px}.md h2,.md h3,.md h4{margin:14px 0 8px;line-height:1.4}.md h2{font-size:15px}.md h3{font-size:14px}.md pre{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:10px 12px;overflow:auto}.md code{background:var(--panel-2);padding:1px 5px;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.md pre code{background:none;padding:0;border-radius:0}.md table{border-collapse:collapse;margin:8px 0 12px}.md th,.md td{border:1px solid var(--border);padding:6px 10px;text-align:left}.md th{background:var(--panel-2);color:var(--muted);font-weight:600}
