:root{--bg: #f6f7f9;--card: #ffffff;--primary: #1f2a3d;--accent: #4f46e5;--accent-soft: #eef2ff;--ok: #059669;--ok-soft: #ecfdf5;--bad: #e11d48;--bad-soft: #fff1f2;--text: #1e293b;--muted: #475569;--border: #e2e8f0;--zh-border: #c7d2fe;--radius: 1rem;--shadow: 0 1px 3px rgba(15, 23, 42, .06), 0 4px 14px rgba(15, 23, 42, .05)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif;font-size:15px;line-height:1.6}button{font-family:inherit;cursor:pointer}.boot{padding:4rem 1rem;text-align:center;color:var(--muted)}.app{min-height:100vh}.topbar{background:var(--primary);color:#fff;position:sticky;top:0;z-index:20}.topbar-inner{max-width:880px;margin:0 auto;padding:.6rem 1rem;display:flex;align-items:center;gap:.75rem}.brand{font-weight:700;white-space:nowrap}.nav{display:flex;gap:.25rem;flex:1;overflow-x:auto}.nav-btn{background:transparent;border:none;color:#cbd5e1;padding:.4rem .7rem;border-radius:.5rem;font-size:.9rem;white-space:nowrap}.nav-btn.active{background:#ffffff1f;color:#fff;font-weight:600}.logout{background:transparent;border:1px solid rgba(255,255,255,.3);color:#cbd5e1;padding:.3rem .7rem;border-radius:.5rem;font-size:.85rem}.main{max-width:880px;margin:0 auto;padding:1rem;display:block}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.1rem;margin-bottom:1rem}.btn{border:1px solid transparent;border-radius:.6rem;padding:.5rem 1.1rem;font-size:.92rem;font-weight:600}.btn.primary{background:var(--accent);color:#fff}.btn.primary:disabled{opacity:.5}.btn.ghost{background:#fff;border-color:var(--border);color:var(--primary)}.btn.ghost:disabled{opacity:.4}.btn.danger{background:var(--bad);color:#fff}.btn.sm{padding:.3rem .7rem;font-size:.85rem}.btn.block{width:100%}.section-title{margin:0 0 .8rem;font-size:1.05rem;color:var(--primary)}.muted-note{color:var(--muted);font-size:.85rem;margin-left:.4rem}.empty,.empty-note{color:var(--muted);text-align:center}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.login-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:2rem 1.6rem;width:100%;max-width:360px;display:flex;flex-direction:column;gap:.9rem}.login-title{margin:0;font-size:1.4rem;color:var(--primary);text-align:center}.login-sub{margin:0 0 .4rem;text-align:center;color:var(--muted);font-size:.88rem}.field{display:flex;flex-direction:column;gap:.3rem;font-size:.88rem;color:var(--muted)}.field input{border:1px solid var(--border);border-radius:.6rem;padding:.55rem .8rem;font-size:1rem}.field input:focus{outline:2px solid var(--accent);outline-offset:-1px}.login-error{color:var(--bad);font-size:.88rem;text-align:center}.setup{display:flex;flex-direction:column;gap:.65rem}.setup-row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.setup-label{color:var(--muted);font-size:.85rem;min-width:4em}.setup-hint{color:var(--muted);font-size:.8rem}.seg-ctl{display:inline-flex;border:1px solid var(--border);border-radius:.6rem;overflow:hidden}.seg-ctl.wrap{flex-wrap:wrap;border:none;gap:.4rem;overflow:visible}.seg-btn{background:#fff;border:none;border-right:1px solid var(--border);padding:.35rem .75rem;font-size:.86rem;color:var(--text)}.seg-ctl.wrap .seg-btn{border:1px solid var(--border);border-radius:.6rem}.seg-btn:last-child{border-right:none}.seg-btn.active{background:var(--accent);color:#fff}.kp-select{border:1px solid var(--border);border-radius:.6rem;padding:.35rem .6rem;font-size:.86rem;background:#fff;max-width:15em}.kp-select.active{border-color:var(--accent);color:var(--accent)}.qhead{display:flex;justify-content:space-between;align-items:center;margin:.2rem 0 .6rem;font-weight:600;color:var(--primary)}.qcard{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem 1.2rem;margin-bottom:1rem}.qcard-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.8rem}.tag{font-size:.75rem;padding:.12rem .55rem;border-radius:999px;white-space:nowrap}.tag-kp{background:var(--accent-soft);color:var(--accent);font-weight:600}.tag-conflict{background:#fef3c7;color:#b45309;font-weight:600}.tag-law{background:#f1f5f9;color:var(--muted)}.stem-en{font-size:1.03rem;margin:0 0 .55rem;color:var(--text)}.zh-block{border-left:3px solid var(--zh-border);padding-left:.8rem;margin:.6rem 0 1rem}.stem-zh{font-size:.92rem;color:var(--muted);margin:0 0 .4rem}.options{display:flex;flex-direction:column;gap:.55rem}.option{display:flex;gap:.7rem;align-items:flex-start;text-align:left;background:#fff;border:1.5px solid var(--border);border-radius:.8rem;padding:.7rem .85rem;transition:border-color .15s,background .15s}.option:disabled{cursor:default}.option:not(:disabled):hover{border-color:var(--accent)}.opt-letter{flex:none;width:1.6rem;height:1.6rem;border-radius:50%;background:#f1f5f9;color:var(--primary);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.9rem}.opt-body{display:flex;flex-direction:column;gap:.15rem}.opt-en{font-size:.98rem}.opt-zh{font-size:.86rem;color:var(--muted)}.option.selected{border-color:var(--accent);background:var(--accent-soft)}.option.selected .opt-letter{background:var(--accent);color:#fff}.option.correct{border-color:var(--ok);background:var(--ok-soft)}.option.correct .opt-letter{background:var(--ok);color:#fff}.option.wrong{border-color:var(--bad);background:var(--bad-soft)}.option.wrong .opt-letter{background:var(--bad);color:#fff}.option.dim{opacity:.65}.answer-area{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.2rem;margin-bottom:1rem;border-left:4px solid var(--accent)}.answer-line{font-size:1rem;margin-bottom:.5rem}.answer-line strong{color:var(--accent);font-size:1.15rem}.verdict{font-weight:700;margin-bottom:.4rem}.verdict.ok{color:var(--ok)}.verdict.bad{color:var(--bad)}.verdict.sm{font-size:.85rem;margin:0}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0}.chip{font-size:.82rem;font-weight:600;padding:.25rem .7rem;border-radius:999px;border:none}.chip-blue{background:#dbeafe;color:#1d4ed8}.chip-amber{background:#fef3c7;color:#b45309}.chip-green{background:#d1fae5;color:#047857}.chip-law-btn{background:#f1f5f9;color:var(--primary);cursor:pointer}.chip-law-btn:hover{background:var(--accent-soft);color:var(--accent)}.rationale{background:#fffbeb;border:1px solid #fde68a;border-radius:.7rem;padding:.7rem .9rem;font-size:.9rem;margin-top:.6rem;white-space:pre-wrap}.rationale-title{font-weight:700;color:#b45309;margin-bottom:.25rem}.qnav{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:2rem}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}.modal{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);max-width:720px;width:100%;max-height:85vh;display:flex;flex-direction:column}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem 1.2rem .6rem;border-bottom:1px solid var(--border)}.modal-close{background:none;border:none;font-size:1.5rem;line-height:1;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(3rem,1fr));gap:.45rem;padding:1rem 1.2rem;overflow-y:auto}.grid-cell{border:1px solid var(--border);background:#fff;border-radius:.5rem;padding:.4rem 0;font-size:.85rem;text-align:center}.grid-cell.current{border-color:var(--accent);color:var(--accent);font-weight:700}.grid-cell.done-ok{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}.grid-cell.done-bad{background:var(--bad-soft);border-color:var(--bad);color:var(--bad)}.summary-title{margin:0 0 .8rem;font-size:1.15rem;color:var(--primary)}.summary-actions{display:flex;gap:.6rem;margin-bottom:1rem}.review-list{display:flex;flex-direction:column;gap:.9rem}.review-item{border-top:1px solid var(--border);padding-top:.8rem}.review-head{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;margin-bottom:.35rem}.review-num{font-weight:700;color:var(--primary)}.review-stem{font-size:.92rem;color:var(--muted);margin:0 0 .5rem}.review-item .answer-area{box-shadow:none;border:1px solid var(--border);border-left:4px solid var(--accent);margin-bottom:0}.kp-item{padding:0;overflow:hidden}.kp-head{width:100%;background:none;border:none;display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.1rem;text-align:left;gap:.6rem}.kp-name{font-weight:700;color:var(--primary);font-size:.98rem}.kp-count{margin-left:.5rem;font-size:.78rem;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:.1rem .5rem;font-weight:600}.kp-en{font-size:.82rem;color:var(--muted)}.kp-arrow{font-size:1.3rem;color:var(--muted);transition:transform .15s}.kp-arrow.open{transform:rotate(90deg)}.kp-body{padding:0 1.1rem 1rem;border-top:1px solid var(--border)}.kp-desc{color:var(--muted);font-size:.9rem}.kp-laws,.kp-qs{margin-top:.6rem}.kp-q-btns{display:grid;grid-template-columns:repeat(auto-fill,minmax(3rem,1fr));gap:.4rem;margin-top:.4rem}.law-group{margin-bottom:.9rem}.law-group-name{font-weight:700;color:var(--primary);margin-bottom:.4rem;font-size:.92rem}.law-id{font-weight:700;color:var(--accent)}.law-title{font-weight:600;color:var(--primary)}.law-body{overflow-y:auto;padding:1rem 1.2rem}.law-section{margin-bottom:1rem}.law-section-label{font-size:.8rem;font-weight:700;color:var(--muted);margin-bottom:.3rem}.law-text{white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:.88rem;margin:0;background:#f8fafc;border:1px solid var(--border);border-radius:.6rem;padding:.7rem .9rem;max-height:38vh;overflow-y:auto}.law-text.zh{color:var(--muted)}.stats-overview{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}.stat-box{text-align:center;min-width:4rem}.stat-num{font-size:1.5rem;font-weight:800;color:var(--primary)}.stat-num.ok{color:var(--ok)}.stat-num.bad{color:var(--bad)}.stat-label{font-size:.8rem;color:var(--muted)}.stats-overview .btn.danger{margin-left:auto}.kp-table{display:flex;flex-direction:column;gap:.55rem}.kp-row{display:grid;grid-template-columns:9em 1fr auto;gap:.6rem;align-items:center;font-size:.85rem}.kp-row-name{color:var(--primary);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kp-row-bar{height:.6rem;background:#f1f5f9;border-radius:999px;overflow:hidden}.kp-bar-fill{height:100%;background:linear-gradient(90deg,#fda4af,var(--bad));border-radius:999px;min-width:0}.kp-row-num{color:var(--muted);white-space:nowrap}.wrong-list{display:flex;flex-direction:column;gap:.7rem}.wrong-item{display:flex;align-items:center;gap:.8rem;border-top:1px solid var(--border);padding-top:.7rem}.wrong-text{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.wrong-stem{width:100%;margin:.2rem 0 0;font-size:.88rem;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 640px){.main{padding:.7rem}.kp-row{grid-template-columns:6.5em 1fr}.kp-row-num{grid-column:1 / -1}.stats-overview .btn.danger{margin-left:0;width:100%}.qnav{flex-wrap:wrap}.qnav .btn{flex:1}}