:root{--bg:#f5f6f8;--paper:#fff;--ink:#20242c;--muted:#8a909c;--line:#e4e6eb;--blue:#3768e5;--green:#138a62;--shadow:0 12px 40px rgba(29,39,62,.08)}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:"Noto Sans SC","PingFang SC",system-ui,sans-serif;display:flex;flex-direction:column}
header{height:68px;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 920px)/2))}
.brand{font-size:19px;font-weight:750;color:var(--ink);text-decoration:none}
nav{display:flex;gap:6px}.nav{border:0;background:transparent;color:#707682;padding:9px 13px;border-radius:8px;font:inherit;cursor:pointer}.nav.active{background:#edf2ff;color:var(--blue);font-weight:650}
main{width:min(920px,calc(100% - 32px));margin:auto;flex:1}
.submit-view{min-height:650px;display:grid;place-items:center;padding:42px 0}
.panel{background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
.submit-panel{width:min(560px,100%);padding:34px}
h1{font-size:28px;letter-spacing:-.03em;margin:0}.hint{color:var(--muted);font-size:14px;margin:8px 0 28px}
label{display:block;font-size:13px;font-weight:650;margin:17px 0;color:#404550}
.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
input,textarea,select{width:100%;border:1px solid var(--line);border-radius:9px;background:#fafbfc;color:var(--ink);font:inherit;padding:12px 13px;margin-top:8px;outline:0}
input:focus,textarea:focus,select:focus{border-color:#7e9bea;box-shadow:0 0 0 3px rgba(55,104,229,.09);background:#fff}
textarea{height:150px;resize:vertical;line-height:1.6}
button{font:inherit;cursor:pointer}.primary,.secondary{border:0;border-radius:9px;font-weight:650}.primary{width:100%;padding:13px;background:var(--blue);color:#fff;margin-top:8px}.primary:disabled{opacity:.6}.secondary{padding:10px 15px;background:#edf2ff;color:var(--blue)}
.message{min-height:20px;text-align:center;font-size:13px;color:#d24650;margin-top:12px}.message.success{color:var(--green)}
.hidden{display:none!important}
.list-view{padding:54px 0 60px;min-height:650px}.list-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px}.list-head p{color:var(--muted);font-size:14px;margin:8px 0 0}
.question-list{display:grid;gap:12px}.question{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:19px 20px;display:grid;grid-template-columns:1fr 145px;gap:22px;align-items:start}.question-main{min-width:0}.meta{font-size:12px;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap}.number{color:var(--blue);font-weight:700}.content{font-size:16px;line-height:1.65;margin-top:10px;white-space:pre-wrap;overflow-wrap:anywhere}.status-wrap label{margin:0;color:var(--muted);font-size:12px}.status-wrap select{margin-top:7px;background:#fff}.saved{font-size:11px;color:var(--green);height:16px;text-align:right;margin-top:5px}.empty{background:#fff;border:1px solid var(--line);border-radius:12px;padding:60px 20px;text-align:center;color:var(--muted)}
footer{text-align:center;padding:22px;color:#a0a5af;font-size:12px}footer a{color:#7d8490;text-decoration:none}footer span{margin:0 7px}
@media(max-width:600px){header{padding:0 16px}main{width:min(100% - 24px,920px)}.submit-panel{padding:24px}.two-fields{grid-template-columns:1fr}.submit-view{min-height:600px;padding:25px 0}.list-view{padding-top:34px}.question{grid-template-columns:1fr;gap:14px}.status-wrap{width:145px}.saved{text-align:left}.list-head h1,h1{font-size:25px}}