.english-learning-panel { padding:12px; border:1px solid var(--stroke, rgba(128,128,128,.3)); border-radius:12px; color:var(--text-0, inherit); background:var(--bg-2, transparent); font-size:var(--fs-aux-m, 14px); min-width:0; }
#view-english .english-learning-panel { margin-bottom:12px; }
.english-learning-panel p { margin:6px 0 10px; line-height:1.5; }
.english-learning-panel details { padding:8px 0; border-top:1px solid var(--stroke, rgba(128,128,128,.3)); }
.english-learning-panel summary { cursor:pointer; line-height:1.5; }
.english-learning-scene { max-width:460px; margin:12px auto 0; min-width:0; }
.english-learning-scene svg { display:block; width:100%; height:auto; }
.english-scene-item { margin:0; min-width:0; }
.english-scene-picture { overflow:hidden; border-radius:10px; }
.english-scene-item img { display:block; width:100%; height:auto; aspect-ratio:16 / 10; object-fit:cover; border-radius:10px; background:var(--bg-1, #eee); }
.english-scene-item figcaption { display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:4px 8px; padding-top:6px; font-size:var(--fs-aux-m, 14px); line-height:1.4; }
.english-scene-credit { color:var(--text-2, inherit); font-size:var(--fs-aux-s, 12px); text-decoration:underline; text-underline-offset:2px; }
.english-scene-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.english-learning-scene.is-pair .english-scene-item img { aspect-ratio:1; }
.english-learning-scene.is-illustration .english-scene-item img { object-fit:contain; padding:8px; box-sizing:border-box; background:#f4f3ec; }
.english-learning-scene[data-scene="directions"] .english-scene-item img { padding:0; transform:scale(1.6); }
.english-learning-scene .english-scene-note { margin:8px 0 0; color:var(--text-1, inherit); font-size:var(--fs-aux-s, 12px); }
.english-learning-step { padding:8px 0; }
.english-learning-step button,.english-learning-panel details > button { margin:3px 5px 3px 0; white-space:normal; overflow-wrap:anywhere; }
.english-learning-panel input { width:100%; max-width:340px; box-sizing:border-box; padding:9px; margin:5px 0; border-radius:8px; border:1px solid var(--stroke, #999); background:var(--bg-0, transparent); color:inherit; font:inherit; }
.english-learning-panel .is-locked { opacity:.55; }
.english-learning-feedback { font-size:var(--fs-aux-s, 13px); }
.english-learning-role { color:var(--text-2, inherit); font-size:var(--fs-aux-s, 12px); }
.english-yesterday-words { display:flex; flex-wrap:wrap; align-items:center; gap:6px; padding-top:8px; font-size:var(--fs-aux-m, 14px); }
.english-yesterday-word { max-width:100%; padding:7px 9px; border:1px solid var(--stroke, #999); border-radius:8px; background:var(--bg-1, transparent); color:var(--text-0, inherit); font:inherit; overflow-wrap:anywhere; cursor:pointer; }
.english-yesterday-word:focus-visible { outline:2px solid var(--accent, #719bc6); outline-offset:2px; }
.english-learning-panel button:focus-visible,.english-learning-panel input:focus-visible,.english-learning-panel summary:focus-visible { outline:2px solid var(--accent, #719bc6); outline-offset:2px; }

/* 结构化句型说明：正面决定高度，背面内容在卡片内滚动。 */
.english-note { display:grid; gap:9px; min-width:0; text-align:left; font-weight:400; font-size:var(--fs-aux-l, 14px); line-height:1.5; overflow-wrap:anywhere; }
.english-note-pattern { font-weight:650; color:var(--text-0); }
.english-note p { margin:0; }
.english-note-rule { color:var(--text-1); }
.english-note-examples { display:grid; gap:7px; padding-top:8px; border-top:1px solid var(--stroke); }
.english-note-label { display:block; color:var(--text-2); font-size:var(--fs-aux-s, 12px); }
.english-note-example { display:grid; gap:2px; }
.english-note-en { color:var(--text-0); font-weight:550; }
.english-note-zh,.english-note-hint { color:var(--text-2); font-size:var(--fs-aux-s, 12px); }
.mflip-sentence.has-english-note .mflip-inner { display:block; }
.mflip-word { min-width:0; }
.mflip-word .mflip-inner { height:100%; }
.mflip-word .mflip-front { height:100%; box-sizing:border-box; }
.mflip-sentence.has-english-note .mflip-face { min-width:0; }
.mflip-sentence.has-english-note .mflip-back { position:absolute; inset:0; display:flex; overflow:hidden; align-items:stretch; justify-content:flex-start; box-sizing:border-box; }
.mflip-sentence.has-english-note .mflip-front { display:flex; }
.mflip-sentence.has-english-note .mflip-tip-body { min-height:0; max-height:100%; overflow-y:auto; width:100%; }
.mflip-sentence:not(.is-flipped) .mflip-back,.mflip-sentence.is-flipped .mflip-front { pointer-events:none; }
.mflip-sentence.is-flipped .mflip-back,.mflip-sentence:not(.is-flipped) .mflip-front { pointer-events:auto; }
.widget[data-widget-type="english"] .english-line-card.has-english-note { height:auto; min-height:100px; align-self:start; }
.widget[data-widget-type="english"] .english-line-card.has-english-note .english-flip-inner { display:block; height:auto; min-height:100px; }
.widget[data-widget-type="english"] .english-line-card.has-english-note .english-face-front { display:block; min-height:100px; }
.widget[data-widget-type="english"] .english-line-card.has-english-note .english-face-back { position:absolute; inset:0; display:flex; overflow:hidden; }
.widget[data-widget-type="english"] .english-line-card.has-english-note .english-tip-body { min-height:0; max-height:100%; overflow-y:auto; flex:1 1 auto; }
.mflip-tip-body,.widget[data-widget-type="english"] .english-tip-body { scrollbar-width:thin; touch-action:pan-y; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }

/* 答题结果不能随主题变成同色；文字和边框共同标识，保留选项可读性。 */
.english-quiz-opt.is-right { color: #399f70 !important; border-color: #399f70 !important; background: color-mix(in srgb, #399f70 12%, transparent) !important; opacity: 1 !important; }
.english-quiz-opt.is-wrong { color: #e56878 !important; border-color: #e56878 !important; background: color-mix(in srgb, #e56878 12%, transparent) !important; opacity: 1 !important; }
.english-quiz-opt[aria-disabled="true"] { cursor: default; }
.english-quiz-feedback { font-size: 13px; line-height: 1.6; margin-top: 10px; overflow-wrap: anywhere; }
.english-quiz-feedback:empty { display: none; }