:root{font-family:"Microsoft YaHei", "PingFang SC", sans-serif;color:#193347;background:#f4f8f5;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.72}.page{max-width:850px;margin:auto;padding:18px 24px 48px;min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;padding:6px 0 18px;border-bottom:1px solid #dbe7e1;margin-bottom:22px}.brand{font-weight:700;color:#2f6d70}.school{color:#718690;font-size:14px}h1{font-size:28px;line-height:1.35;margin:8px 0 15px}h2{font-size:20px;line-height:1.4;margin:0 0 12px}.muted{color:#6d8490;margin:10px 0 18px}.card{background:white;border-radius:18px;padding:22px;margin:15px 0;box-shadow:0 5px 20px #264e5a0b}.prose{font-size:17px}.prose p{margin:0 0 17px}.prose p:last-child{margin-bottom:0}.prose h2{margin:0 0 12px}.text-link{border:0;background:none;color:#2e7072;text-decoration:underline;padding:0;text-align:left}.check{display:flex;align-items:flex-start;gap:12px;font-size:17px;cursor:pointer}.check input{width:22px;height:22px;accent-color:#316d70;flex:none;margin-top:3px}.primary,.secondary{width:100%;border:0;border-radius:12px;padding:14px 18px;margin:10px 0 0;font-size:19px;font-weight:700}.primary{background:#316d70;color:white}.secondary{background:#e2efea;color:#245d62}.error{color:#ad3e32;font-weight:700}.test-tag{display:inline-block;background:#fff0c6;border-radius:100px;padding:5px 13px;color:#654b12;font-size:14px;font-weight:700;margin:8px 0}.form label{display:block;font-weight:700;margin:0 0 20px}.form label:last-child{margin-bottom:0}.form input,.form select{display:block;width:100%;margin-top:8px;border:1px solid #cfdfd9;border-radius:10px;background:white;color:#193347;padding:13px;font-weight:400}.progress{font-size:20px;font-weight:700;margin:0 0 12px}.media-caption{text-align:center;background:#e1efea;color:#285f63;padding:6px 8px;border-radius:8px;margin:16px 0 8px}.media-caption.bold{font-weight:700}.frbl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:white;border-radius:14px;overflow:hidden}.direction{min-width:0;text-align:center;border-right:1px solid #e6eeeb;padding:4px}.direction:last-child,.photo-cell:last-child{border-right:0}.direction strong{display:block;font-size:16px}.direction img{width:54%;height:74px;object-fit:contain}.photos{gap:3px;padding:3px}.photo-cell{position:relative;min-width:0;border:0;background:#eef4f1;aspect-ratio:4/3;padding:0;overflow:hidden}.photo-cell img{width:100%;height:100%;object-fit:contain;display:block}.photo-state{position:absolute;inset:auto 0 0;background:#ffffffd9;color:#a33b2e;font-size:13px}.section-heading{margin:26px 0 12px}.question h2{font-size:18px;font-weight:500}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.choice{border:1px solid #d4e1dd;background:#f7faf9;color:#21404b;border-radius:9px;padding:8px 3px;font-size:17px;line-height:1.35}.choice span{display:block}.choice.chosen{background:#d3eae4;border-color:#337a7c;font-weight:700}.poster-page{position:relative;max-width:600px;margin:auto;min-height:100vh;background:#d9e9e3;overflow:hidden}.poster{display:block;width:100%;height:100vh;object-fit:cover;object-position:center bottom}.poster-page .test-tag{position:absolute;top:14px;left:14px}.poster-controls{position:absolute;bottom:max(34px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(76%,320px)}.poster-controls button{box-shadow:0 5px 20px #0004}.poster-tutorial{display:block;border:0;background:none;padding:0;width:100%;text-align:left}.poster-tutorial img{display:block;width:100%;height:auto;border-radius:12px}dialog#viewer{border:0;padding:0;inset:0;width:min(100vw,1200px);height:min(100vh,900px);max-width:none;max-height:none;background:#111;color:white}dialog#viewer::backdrop{background:#000d}.viewer-top{height:56px;display:flex;align-items:center;justify-content:space-between;padding:8px 14px;gap:8px}.viewer-top button,.viewer-nav button{border:0;border-radius:6px;background:#395d5d;color:white;padding:7px 12px;margin-left:4px}.viewer-body{height:calc(100% - 110px);overflow:auto;display:flex;align-items:center;justify-content:center}.viewer-body img{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center;touch-action:pan-x pan-y pinch-zoom}.viewer-nav{display:flex;justify-content:center;align-items:center;gap:14px;height:54px}.viewer-nav button{margin:0}@media(max-width:600px){.page{padding:12px 14px 34px}.topbar{margin-bottom:14px}h1{font-size:24px}.card{padding:17px;border-radius:16px}.prose{font-size:16px}.question h2{font-size:16px}.direction img{height:60px;width:65%}.direction strong{font-size:14px}.choice{font-size:15px}.photo-state{font-size:11px}.poster{object-fit:cover}}@media(min-width:900px){.poster-page{min-height:850px;max-height:100vh}.poster{height:100vh;max-height:1100px}.page{padding-top:28px}}

.site-footer{min-height:34px;display:flex;align-items:center;justify-content:center;padding:5px 10px;background:#f4f8f5;color:#657879;font-size:12px;text-align:center}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{text-decoration:underline}.page,.poster-page{min-height:calc(100vh - 34px)}.poster{height:calc(100vh - 34px)}@media(min-width:900px){.poster-page{min-height:calc(100vh - 34px)}.poster{height:calc(100vh - 34px);max-height:none}}