.english-shell{max-width:1180px;margin:0 auto}
.english-head{display:flex;justify-content:space-between;gap:32px;align-items:flex-end;margin-bottom:26px;padding:28px 34px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:linear-gradient(115deg,rgba(4,27,48,.94),rgba(10,65,87,.87));box-shadow:0 18px 45px rgba(0,17,35,.24);color:#fff}
.english-head>div>span,.listening-panel>div>span{font-size:.76rem;letter-spacing:.18em;font-weight:800;color:#d6b456}
.english-head h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;margin:.45rem 0 .55rem;color:#fff;text-shadow:0 3px 20px rgba(0,0,0,.24)}
.english-head p{margin:0;color:#d5e0e6}
.english-progress{min-width:190px;text-align:right}.english-progress strong{font-size:1.4rem;color:#fff}.english-progress i{display:block;width:190px;height:6px;background:rgba(255,255,255,.18);border-radius:9px;margin-top:10px;overflow:hidden}.english-progress b{display:block;height:100%;background:#d6b456}
.english-card{background:rgba(250,252,252,.97);border-radius:24px;padding:clamp(28px,5vw,58px);box-shadow:0 28px 70px rgba(0,20,42,.24)}
.english-level{display:inline-flex;background:#e1f0ef;color:#087a78;padding:7px 12px;border-radius:30px;font-weight:800;font-size:.78rem}.english-card h2{font-size:clamp(1.45rem,2.5vw,2.1rem);line-height:1.28;max-width:920px;margin:22px 0 30px}
.english-options{display:grid;gap:12px}.english-options label{display:block;cursor:pointer}.english-options input{position:absolute;opacity:0}.english-options span{display:block;border:1px solid #cbd8dc;border-radius:14px;background:#fff;padding:18px 20px;font-size:1.05rem;line-height:1.45;transition:.18s}.english-options span:hover{border-color:#138b88;transform:translateY(-1px)}.english-options input:checked+span{border-color:#087d7a;background:#e5f4f2;box-shadow:0 0 0 2px rgba(8,125,122,.15);font-weight:700}
.english-card nav{display:flex;justify-content:space-between;gap:15px;margin-top:36px;padding-top:25px;border-top:1px solid #d7e0e3}.english-card nav button{min-width:165px}.english-error{min-height:1.4em;color:#b83c38;font-weight:700}
.listening-panel{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;background:#072e4b;color:#fff;border-radius:18px;padding:30px 34px;margin-bottom:34px}.listening-panel h2{max-width:760px;margin:9px 0 12px;color:#fff;font-size:clamp(1.35rem,2.2vw,1.8rem);line-height:1.25}.listening-panel p{margin:0;color:#c9d9e1}.listening-panel .listening-instruction{max-width:760px;color:#edf4f6;font-size:1rem;line-height:1.55}.listening-panel .listening-instruction strong{color:#f2cf72;text-transform:uppercase;letter-spacing:.04em}.listening-panel .listening-note{margin-top:9px;color:#9fb5c1;font-size:.82rem}
.listen-button{grid-column:2;grid-row:1;min-width:190px;background:#d6b456;color:#082b46}.plays-left{grid-column:2;text-align:center;color:#cbd9df;font-size:.85rem}.listening-question{padding:24px 0;border-top:1px solid #d8e2e5}.listening-question>span{color:#148783;font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.listening-question h3{font-size:1.3rem;margin:10px 0 18px}.english-report .emotion-meter i{background:linear-gradient(90deg,#d6b456,#128d88)}
@media(max-width:720px){.english-head{display:block;padding:24px 20px}.english-progress{margin-top:18px;text-align:left}.english-card{padding:24px 18px}.listening-panel{display:block;padding:25px 20px}.listen-button{width:100%;margin:20px 0 10px}.plays-left{text-align:left}.english-card nav{flex-direction:column-reverse}.english-card nav button{width:100%}}