/* V7: Wukong and three stone mechanisms, on the original illustrated board. */
.quiz-wrap{height:100%;padding:6px 25px 0;position:relative}
.quiz-top{background:none;border:0;border-radius:0;align-items:center;gap:25px;min-height:115px}
.quiz-top h2{font-size:47px;line-height:1.4;max-width:1190px}
.quiz-top .panel-heading{display:block;font:24px/1.2 LessonRound;color:#9c7544;letter-spacing:3px;margin:0 0 14px}
.quiz-body{display:grid;grid-template-columns:270px 1fr;gap:35px;height:365px;margin-top:12px;align-items:center;position:relative}
.quiz-guide{position:relative;height:365px;align-self:end;pointer-events:none}
.quiz-guide img{width:280px;height:390px;object-fit:contain;position:absolute;left:-5px;bottom:0;filter:drop-shadow(0 9px 9px #51674616)}
.quiz-guide-label{position:absolute;left:10px;right:0;bottom:0;font:25px/1.3 LessonKai;text-align:center;padding:9px 12px;color:#4c755e;background:#eff0d5;border-radius:18px}
.options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;align-items:center;height:350px;perspective:1300px}
.option,.option.correct,.option.wrong{position:relative;height:320px;min-height:0;padding:0;border:0;border-radius:36px;background:none;box-shadow:none;color:#345f4d;isolation:isolate;transition:filter .25s}
.option::before{display:block;content:'';position:absolute;inset:0;background:url('assets/images/v3/P01_draggable_rock.png') center/115% 115% no-repeat;z-index:-2;border:0;border-radius:0;opacity:1;transition:filter .3s}
.option::after{content:'';position:absolute;left:17%;right:17%;bottom:12%;height:10%;background:#b6ae8755;filter:blur(12px);border-radius:50%;z-index:-3}
.option .stone-number{position:absolute;top:29px;left:50%;transform:translateX(-50%);font:24px LessonRound;color:#9a7b43;background:#fff7dbe8;border:2px solid #e9ce88;width:45px;height:45px;border-radius:50%;display:grid;place-content:center;box-shadow:0 4px 10px #97763a15}
.option .option-text{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;gap:0;font:76px/1.13 LessonKai;padding:16px 16px 20px;min-width:180px;min-height:130px;max-width:95%;background:#fffbeeeb;box-shadow:0 3px 12px #8f977b15;border-radius:26px;position:relative;top:0}
.option .word-break{font-size:58px;line-height:1.15}.option .word-comma{font-size:0}
.option:hover:not(:disabled){filter:drop-shadow(0 0 12px #ffdc82)}
.option.correct{border:0;background:none;box-shadow:none}.option.correct::before{filter:drop-shadow(0 0 18px #ead175)}
.option.correct .option-text{background:#eaf5d9;color:#327552;box-shadow:0 0 0 3px #91bd84,0 0 25px #ddce77aa}
.option.wrong{background:none;border:0}.option.wrong .option-text{background:#fff1d9;box-shadow:0 0 0 3px #deab6d}
.option:disabled:not(.correct){opacity:.75;filter:saturate(.7)}
.answer-badge{right:28px;top:44px;width:57px;height:57px;font-size:34px}
.quiz-feedback{position:relative;margin:24px 0 0 304px;padding:15px 22px;min-height:100px;font-size:31px;line-height:1.5;max-width:1050px;background:#f4eedb;border-radius:22px}
.quiz-feedback:empty{visibility:visible;color:#8a8d70;background:transparent;text-align:center;display:flex;align-items:center;justify-content:center}
.quiz-feedback:empty:after{content:'点亮正确的石头，帮悟空找到线索';font:26px LessonKai}
.cue-title{font-size:56px}.cue-chapter{font-size:30px}
.story-cue{background:radial-gradient(ellipse at 50% 37%,#fff7d7d9,transparent 62%)}
.stage-cloud{position:absolute;z-index:28;left:-150px;top:215px;width:650px;height:560px;background:radial-gradient(ellipse at 40% 55%,#fffbed 0 26%,transparent 58%),radial-gradient(ellipse at 65% 45%,#fffdf5 0 22%,transparent 56%);pointer-events:none;opacity:0;filter:blur(18px)}
.stage-cloud.right{left:auto;right:-150px;transform:scaleX(-1)}
.subtitle-line{display:flex;align-items:center;gap:17px}.voice-role{font:22px LessonRound;white-space:nowrap;padding:7px 12px;border-radius:13px;background:#e3eadb;color:#557158}
.cinema-copy>div.subtitle-empty{visibility:hidden}.outro-caption.subtitle-empty{visibility:hidden}
.outro-caption{font-size:39px;display:flex;align-items:center;justify-content:center;gap:20px}
#outroGlyph{display:none!important}
@media(prefers-reduced-motion:reduce){.stage-cloud{display:none}}