.speaking-task{max-width:760px;margin:auto;color:var(--text,#f4f0fa);line-height:1.65}
.speaking-task-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid #ffffff20}
.speaking-task-step{border:1px solid #a879f461;border-radius:999px;padding:5px 11px;color:#c7a7ff;font-size:12px;font-weight:800;white-space:nowrap}
.speaking-task-header strong{font-size:18px}
.speaking-subtitle{margin:16px 0;color:#c3b0d6;font-size:14px}
.speaking-brief{padding:22px 24px;border:1px solid #a879f44a;border-radius:18px;background:linear-gradient(135deg,#2d2048a8,#171324 65%);box-shadow:0 14px 36px #0002}
.speaking-brief small{display:block;color:#bd93fd;font-weight:800;letter-spacing:.03em;margin-bottom:9px}
.speaking-brief p{margin:0;font-size:16px;line-height:1.75;white-space:pre-wrap}
.speaking-task-section{margin-top:24px}
.speaking-task-section h3{display:flex;align-items:center;gap:9px;font-size:16px;margin:0 0 12px}
.speaking-task-section h3 svg{width:18px;height:18px;color:#b58afb}
.speaking-task-section ol{margin:0;padding-left:22px;display:grid;gap:9px}
.speaking-task-section li::marker{color:#b58afb;font-weight:800}
.speaking-expand{margin-top:14px;border:1px solid #ffffff20;border-radius:14px;background:#ffffff07;overflow:hidden}
.speaking-expand summary{display:flex;align-items:center;gap:10px;cursor:pointer;padding:14px 17px;font-weight:750;list-style:none}
.speaking-expand summary::-webkit-details-marker{display:none}
.speaking-expand summary svg{width:17px;height:17px;color:#b58afb}
.speaking-expand summary span{margin-left:auto;transition:transform .2s}
.speaking-expand[open] summary span{transform:rotate(180deg)}
.speaking-expand ul{border-top:1px solid #ffffff18;margin:0;padding:14px 20px 17px 38px;display:grid;gap:8px}
.speaking-task-note{font-size:13px;color:#a998b9;margin:18px 0}
.speaking-recorder{margin:0 0 18px;padding:17px;border:1px solid #a879f44a;border-radius:16px;background:linear-gradient(135deg,#241a39,#171321)}
.speaking-recorder-heading{display:flex;align-items:center;gap:12px}
.speaking-recorder-heading strong,.speaking-recorder-heading small{display:block}
.speaking-recorder-heading small{font-size:12px;color:#ab9bbd;margin-top:3px}
.speaking-recorder-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#a879f42b;color:#cf6a92;font-size:19px}
.speaking-recorder-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:16px}
.speaking-recorder-actions button{min-height:38px;padding:8px 15px}
.speaking-record-time{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:800;color:#cbb8df}
.speaking-record-result:not(:empty){display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}
.speaking-record-result audio{max-width:100%;flex:1;min-width:190px;height:38px}
.speaking-download{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border-radius:10px;text-decoration:none}
body.light .speaking-task-header{border-color:#ddd5eb}
body.light .speaking-task-step{color:#7045b4;border-color:#b79bdc}
body.light .speaking-subtitle,body.light .speaking-task-note{color:#6e5d80}
body.light .speaking-brief{background:linear-gradient(135deg,#f4effd,#fff 72%);border-color:#d5c3ec}
body.light .speaking-brief small{color:#7444c7}
body.light .speaking-expand{background:#fff;border-color:#ddd5eb}
body.light .speaking-expand ul{border-color:#eae4f3}
body.light .speaking-recorder{background:linear-gradient(135deg,#f4effd,#fff);border-color:#d5c3ec}
body.light .speaking-recorder-heading small,body.light .speaking-record-time{color:#695a78}
@media(max-width:700px){.speaking-task-header{align-items:flex-start;flex-direction:column}.speaking-brief{padding:18px}.speaking-brief p{font-size:15px}.speaking-recorder{padding:14px}.speaking-record-time{margin-left:0}}