:root{color-scheme:light;--ink:#17233b;--muted:#637089;--paper:#f6f8fc;--line:#dce3ee;--green:#16856a;--red:#da4c59;--yellow:#f4b942;font-family:"Microsoft YaHei",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);min-height:100vh}a{color:inherit}.hero{background:#173f5f;color:white;padding:max(28px,env(safe-area-inset-top)) 22px 34px}.hero p,.hero span{margin:0;opacity:.82}.hero h1{font-size:32px;margin:8px 0;letter-spacing:0}main{width:min(720px,100%);margin:auto;padding:22px max(18px,env(safe-area-inset-right)) max(30px,env(safe-area-inset-bottom))}.subjects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.subject{min-height:112px;background:white;border:1px solid var(--line);border-left:6px solid var(--accent);border-radius:8px;text-decoration:none;padding:16px;display:grid;grid-template-columns:48px 1fr;align-items:center;box-shadow:0 3px 12px #20304012}.subject strong{font-size:20px}.subject>span:last-child{grid-column:2;color:var(--muted)}.subject-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:white;font-weight:700}.subject-pinyin{--accent:#2878c7}.subject-math{--accent:#dd4f59}.subject-idiom{--accent:#16856a}.subject-riddle{--accent:#a15a18}.subject-english{--accent:#7652a9}.subject-poetry{--accent:#19758b}button,.primary-link,input,textarea{font:inherit}button,.primary-link{min-height:46px;border:0;border-radius:7px;background:var(--green);color:white;padding:11px 18px;font-weight:700;text-decoration:none;display:inline-grid;place-items:center;cursor:pointer}.reward-button{width:100%;margin-top:18px;background:#aa3651}dialog{border:0;border-radius:8px;padding:24px;text-align:center;max-width:320px}dialog::backdrop{background:#1118}.dialog-close{float:right;background:transparent;color:var(--ink);font-size:24px;padding:0;min-height:36px}.dialog-close+ h2{clear:both}dialog img{max-width:240px;width:100%}.play-shell{padding-top:max(20px,env(safe-area-inset-top))}.back{display:inline-block;margin-bottom:20px}.progress{display:flex;justify-content:space-between;color:var(--muted);margin-bottom:10px}.question{background:white;border:1px solid var(--line);border-radius:8px;padding:24px}.question-prompt{font-size:clamp(22px,5vw,32px);font-weight:700;text-align:center;line-height:1.55;min-height:120px;display:grid;place-items:center}.question-prompt small{display:block;font-size:14px;color:var(--muted)}#answer-form{display:grid;gap:12px}.answer-input{width:100%;min-height:48px;border:2px solid #aeb9c9;border-radius:7px;padding:10px 12px;font-size:20px;text-align:center}.feedback{min-height:28px;text-align:center;font-weight:700}.hint-button{background:transparent;color:var(--muted);width:100%}.complete-shell,.message-shell{text-align:center;padding-top:18vh}.complete-mark{width:72px;height:72px;border-radius:50%;background:var(--green);color:white;display:grid;place-items:center;font-size:40px;margin:auto}.admin-shell,.admin-wide{padding-top:36px}.admin-shell{max-width:520px}.admin-wide{max-width:980px}.admin-shell form,.question-edit{display:grid;gap:12px;background:white;border:1px solid var(--line);padding:18px;margin:16px 0}.admin-shell label,.question-edit label{display:grid;gap:6px}.admin-shell input,.question-edit input,.question-edit textarea{min-height:44px;border:1px solid #9ba8ba;padding:8px}.question-edit textarea{min-height:88px}.error{color:#b42331}@media(min-width:700px){.subjects{grid-template-columns:repeat(3,1fr)}.hero{text-align:center}.hero h1{font-size:38px}}@media(max-width:380px){.subject{grid-template-columns:38px 1fr;padding:12px}.subject-icon{width:36px;height:36px}.question{padding:18px}}