:root{--ink:#183047;--muted:#63798a;--green:#176b60;--bg:#f3f6f8;--line:#dce5ea}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,"Microsoft YaHei",sans-serif}header{background:#fff;border-bottom:1px solid var(--line);padding:16px max(20px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:800;font-size:23px;white-space:nowrap}.brand small{font-size:12px;color:var(--muted);margin-left:12px}main{max-width:1180px;margin:auto;padding:24px 20px 64px}nav{display:flex;gap:6px;flex-wrap:wrap}nav button{background:transparent;color:var(--muted)}nav button.active{background:#e0f0eb;color:var(--green)}h1{font-size:28px;margin:0 0 12px}h2{font-size:21px;margin:0 0 12px}h3{font-size:18px}p{margin:10px 0}section,.card{background:white;border:1px solid var(--line);border-radius:16px;padding:24px;margin:16px 0}button,input,textarea,select{font:inherit;border-radius:8px;padding:10px 13px}button{cursor:pointer;background:var(--green);color:#fff;border:1px solid transparent;margin:3px 5px 3px 0}button.secondary{background:#edf3f6;color:var(--ink)}button.danger{background:#fff0ec;color:#a53825}button:disabled{opacity:.45;cursor:default}input,textarea,select{border:1px solid #bdcdd6;background:white;color:var(--ink);max-width:100%}input:not([type=checkbox]):not([type=radio]),textarea,select{width:100%}textarea{min-height:110px;resize:vertical}input[type=checkbox]{width:20px;height:20px;margin-right:10px;vertical-align:middle}label{display:block;margin:12px 0 5px}small,.muted{color:var(--muted)}a{color:var(--green);overflow-wrap:anywhere}.row{display:flex;gap:16px;flex-wrap:wrap;align-items:start}.row>*{flex:1;min-width:210px}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.toolbar select,.toolbar input{width:auto;flex:1;min-width:160px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:16px}.grid .card{margin:0}.badge{display:inline-block;border-radius:22px;padding:4px 12px;background:#e6f2ef;color:var(--green);font-size:13px}.badge.gray{background:#edf1f4;color:var(--muted)}.metrics{display:flex;flex-wrap:wrap;gap:25px;margin:18px 0}.metric strong{display:block;font-size:30px;line-height:1.3}.metric span{color:var(--muted);font-size:14px}.empty{text-align:center;padding:35px;color:var(--muted)}#notice{display:none;position:sticky;top:0;z-index:50;background:#fff2ce;border-bottom:1px solid #ead695;padding:12px 20px;white-space:pre-wrap}#notice.error{background:#ffebe6}.question-title{white-space:pre-wrap;line-height:1.7;font-size:21px}.media{display:block;max-width:100%;max-height:360px;border-radius:10px;margin:15px 0}.option{display:block;width:100%;text-align:left;margin:12px 0;padding:16px;background:#f1f5f8;color:var(--ink);border:2px solid transparent;white-space:pre-wrap}.option.selected{background:#def0e9;border-color:var(--green)}.option.correct{border-color:#498b21}.bar{height:32px;background:#edf3f6;border-radius:6px;overflow:hidden;margin:5px 0 14px}.bar>div{height:100%;background:#8fcfc0;min-width:0}.bar-label{display:flex;justify-content:space-between;gap:18px}.bar-label span:first-child{white-space:pre-wrap}.bar-label b{white-space:nowrap}.tabs{display:flex;flex-wrap:wrap;gap:5px;margin:15px 0}.tabs button{min-width:48px}.qr{width:200px;height:200px;image-rendering:pixelated;border:8px solid white;max-width:100%}.code{font-size:40px;font-weight:800;letter-spacing:5px}.picker{border:1px solid var(--line);border-radius:10px;max-height:470px;overflow:auto;padding:12px}.pick-row{padding:10px;border-bottom:1px solid var(--line)}.pick-row:last-child{border:0}.pick-row label{margin:0}.pick-title{white-space:pre-wrap;display:inline}.selected-row{padding:10px;border-bottom:1px solid var(--line)}.selected-row button{padding:4px 9px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:var(--muted);font-weight:600;white-space:nowrap}td .bar{min-width:110px}.formula{padding:12px;background:#f3f7f9;border-radius:8px;font-size:14px}.screen main{max-width:1350px}.screen .question-title{font-size:30px}.screen .code{font-size:58px}.screen .qr{width:245px;height:245px}.screen .option{font-size:24px}.screen .metric strong{font-size:40px}.question-actions{display:flex;gap:5px;flex-wrap:wrap}dialog{border:1px solid var(--line);border-radius:16px;width:min(740px,94vw);max-height:90vh;padding:26px}dialog::backdrop{background:#152f4970}.success{color:var(--green)}.warn{color:#a65a16}details>summary{cursor:pointer;font-weight:600}@media(max-width:650px){header{padding:14px 16px;align-items:flex-start;flex-direction:column;gap:8px}.brand small{display:none}main{padding:14px 12px 40px}section,.card{padding:18px}.row>*{min-width:100%}.toolbar select{width:100%}.code{font-size:32px}.question-title{font-size:19px}.metrics{gap:16px}.metric strong{font-size:25px}}