*{box-sizing:border-box}body{margin:0;background:#eef3f1;color:#203c3a;font-family:system-ui,"Microsoft YaHei","PingFang SC",sans-serif}main{max-width:540px;margin:auto;padding:36px 20px max(32px,env(safe-area-inset-bottom))}header{padding:6px 4px 20px}.badge{font-size:11px;letter-spacing:.2em;color:#577c73}h1{font-size:36px;line-height:1.22;font-weight:600;letter-spacing:-.04em;margin:18px 0}header p{font-size:15px;line-height:1.9;color:#59716b}.panel{padding:22px;border:1px solid #d9e5df;background:#fffefa;border-radius:18px;margin-bottom:18px;box-shadow:0 7px 25px #213c3505}label{display:block;font-size:13px;margin-bottom:10px;color:#526b64}select,button,textarea{font:inherit;max-width:100%}select{width:100%;padding:12px;border:1px solid #ccd9d3;border-radius:9px;background:#fff;color:#203c3a}button{min-height:48px;border:0;border-radius:10px;padding:12px 18px;background:#306354;color:#fff;cursor:pointer;width:100%;margin-top:14px;font-size:15px;touch-action:manipulation}button:disabled{opacity:.5;cursor:default}.secondary{background:#eff4f1;border:1px solid #cbdcd2;color:#305d4f}.hint{font-size:12px;line-height:1.8;color:#6b7b75;margin:13px 0 0}.report-top{display:flex;justify-content:space-between;color:#667b72;font-size:12px}h2{font-size:22px;line-height:1.4;margin:16px 0 8px}#description{color:#5e7068;font-size:14px;line-height:1.8;margin:0 0 16px}.previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.previews img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:#edf1ed}.result{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #e8ede8;padding:12px 0;font-size:13px}.result strong{font-weight:500}.result small{display:block;font-size:11px;color:#8a9690;margin-top:4px}.result .state{text-align:right;line-height:1.5;flex-shrink:0;color:#687d73}.result.ok .state{color:#28704f}.result.fail .state{color:#ae5145}.sound-row{margin-top:12px}.sound-row span{display:block;font-size:12px;line-height:1.6;color:#61736b;margin-top:8px}textarea{width:100%;min-height:200px;margin-top:12px;padding:12px;border:1px solid #d9e5df;border-radius:8px;font-size:12px}footer{text-align:center;font-size:11px;line-height:1.9;color:#798b82;padding:4px 0 10px}[hidden]{display:none!important}button:focus-visible,select:focus-visible{outline:3px solid #87b8a3;outline-offset:3px}@media(max-width:340px){main{padding:26px 14px}.panel{padding:18px}h1{font-size:32px}}