._overlay_1o4hh_1{z-index:100;color:#f5ead7;pointer-events:none;position:absolute;inset:0}._overlay_1o4hh_1,._overlay_1o4hh_1 *,._overlay_1o4hh_1 :before,._overlay_1o4hh_1 :after{box-sizing:border-box}._card_1o4hh_16{pointer-events:auto;-webkit-backdrop-filter:blur(18px)saturate(.8);backdrop-filter:blur(18px)saturate(.8);background:linear-gradient(145deg,#17110df0,#0b0a09e8),#0d0b09f0;border:1px solid #edd1a347;border-left:3px solid #bc7043;border-radius:.3rem;grid-template-rows:auto minmax(0,1fr) auto auto auto;gap:.85rem;width:min(34rem,100% - 2rem);height:min(30rem,100dvh - 7rem);max-height:min(100% - 2rem,100dvh - 7rem);padding:clamp(.95rem,2vw,1.3rem);animation:.32s cubic-bezier(.2,.72,.22,1) both _cardArrival_1o4hh_1;display:grid;position:absolute;overflow:hidden;box-shadow:0 1.4rem 4rem #00000075,inset 0 1px #fff4df12}._upperLeft_1o4hh_38 ._card_1o4hh_16{top:1rem;left:1rem}._upperRight_1o4hh_43 ._card_1o4hh_16{top:1rem;right:1rem}._middleLeft_1o4hh_48 ._card_1o4hh_16{top:min(50%,50dvh - 5.75rem);left:1rem;transform:translateY(-50%)}._middleRight_1o4hh_54 ._card_1o4hh_16{top:min(50%,50dvh - 5.75rem);right:1rem;transform:translateY(-50%)}._lowerLeft_1o4hh_60 ._card_1o4hh_16{top:calc(100dvh - 5.5rem);bottom:auto;left:1rem;transform:translateY(-100%)}._lowerRight_1o4hh_67 ._card_1o4hh_16{top:calc(100dvh - 5.5rem);bottom:auto;right:1rem;transform:translateY(-100%)}._header_1o4hh_74{border-bottom:1px solid #edd1a324;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:.75rem;display:flex}._eyebrow_1o4hh_83{color:#e0b96f;letter-spacing:.14em;margin-bottom:.2rem;font-size:.67rem;font-weight:820;display:block}._header_1o4hh_74 h2{margin:0;font-family:Noto Serif SC,SimSun,serif;font-size:clamp(1.08rem,2vw,1.45rem);font-weight:620;line-height:1.35}._progress_1o4hh_100{color:#f5ead7ad;font-variant-numeric:tabular-nums;background:#ffffff08;border:1px solid #edd1a32e;flex:none;padding:.28rem .5rem;font-size:.68rem}._page_1o4hh_110{scrollbar-color:#e0b96f73 transparent;min-height:0;max-height:none;padding-right:.35rem;overflow-y:auto}._page_1o4hh_110 h3{color:#f3d49c;margin:0 0 .5rem;font-family:Noto Serif SC,SimSun,serif;font-size:.92rem;font-weight:720;line-height:1.5}._page_1o4hh_110 p{color:#fff8ebe8;text-align:justify;white-space:pre-line;margin:0;font-family:Noto Serif SC,SimSun,serif;font-size:clamp(.78rem,1.2vw,.9rem);line-height:1.85}._previewNotice_1o4hh_137{background:#e0b96f0f;border:1px solid #e0b96f24;align-items:center;gap:.65rem;padding:.62rem .7rem;display:flex}._previewNotice_1o4hh_137>span{color:#e0b96f;border:1px solid #e0b96f47;border-radius:50%;flex:none;place-items:center;width:2rem;height:2rem;font-family:Noto Serif SC,SimSun,serif;font-size:.72rem;display:grid}._previewNotice_1o4hh_137>div{min-width:0}._previewNotice_1o4hh_137 strong{color:#e8cc97;letter-spacing:.035em;font-size:.68rem}._previewNotice_1o4hh_137 p{color:#f5ead79e;margin:.15rem 0 0;font-size:.66rem;line-height:1.45}._previewNotice_1o4hh_137 ._formalCue_1o4hh_176{color:#fff8ebe0;border-top:1px solid #e0b96f21;margin-top:.35rem;padding-top:.35rem;font-family:Noto Serif SC,SimSun,serif;font-size:.74rem;line-height:1.55}._audioControls_1o4hh_186{border:0;flex-wrap:wrap;align-items:center;gap:.45rem;margin:0;padding:0;display:flex}._audioControls_1o4hh_186 button,._navigation_1o4hh_197 button,._emptyState_1o4hh_198 button{color:#f4e5ca;cursor:pointer;min-height:2.35rem;font:inherit;background:#ffffff0a;border:1px solid #edd1a33d;border-radius:.18rem;padding:.48rem .72rem;font-size:.7rem;font-weight:680;transition:border-color .16s,background .16s,transform .16s}._audioControls_1o4hh_186 button:hover:not(:disabled),._audioControls_1o4hh_186 button:focus-visible,._navigation_1o4hh_197 button:hover:not(:disabled),._navigation_1o4hh_197 button:focus-visible,._emptyState_1o4hh_198 button:hover:not(:disabled),._emptyState_1o4hh_198 button:focus-visible{background:#bc704347;border-color:#f4d69ead}._audioControls_1o4hh_186 button:focus-visible,._navigation_1o4hh_197 button:focus-visible,._emptyState_1o4hh_198 button:focus-visible,._volumeControl_1o4hh_228 input:focus-visible{outline-offset:2px;outline:2px solid #f3d49c}._audioControls_1o4hh_186 button:disabled,._navigation_1o4hh_197 button:disabled,._emptyState_1o4hh_198 button:disabled,._volumeControl_1o4hh_228 input:disabled{cursor:not-allowed;opacity:.38}._volumeControl_1o4hh_228{color:#f5ead7a6;flex:1;grid-template-columns:auto minmax(4.5rem,1fr) 2.4rem;align-items:center;gap:.48rem;min-width:min(13rem,100%);font-size:.66rem;display:grid}._volumeControl_1o4hh_228 input{accent-color:#bc7043;cursor:pointer;width:100%}._volumeControl_1o4hh_228 output{color:#e8cc97;font-variant-numeric:tabular-nums;text-align:right}._navigation_1o4hh_197{border-top:1px solid #edd1a324;grid-template-columns:minmax(7rem,auto) 1fr auto;align-items:center;gap:.6rem;padding-top:.75rem;display:grid}._previousKnowledgePoint_1o4hh_273{justify-self:start}._pageActions_1o4hh_277{border:0;justify-self:end;align-items:center;gap:.45rem;min-width:0;margin:0;padding:0;display:flex}._pageActions_1o4hh_277>button:last-child{background:#bc70432e;border-color:#bc7043ad;justify-self:end}._pageDots_1o4hh_294{justify-content:center;align-items:center;gap:.35rem;min-width:0;margin:0;padding:0;list-style:none;display:flex}._pageDots_1o4hh_294 li{background:0 0;border:1px solid #f5ead759;border-radius:50%;width:.42rem;height:.42rem}._pageDots_1o4hh_294 ._completedDot_1o4hh_313{background:#e0b96f;border-color:#e0b96f;box-shadow:0 0 0 .18rem #e0b96f1a}._visuallyHidden_1o4hh_319{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._emptyState_1o4hh_198{color:#f5ead7b8;text-align:center;place-items:center;gap:1rem;min-height:10rem;display:grid}._emptyState_1o4hh_198 p{margin:0;font-size:.8rem;line-height:1.7}@keyframes _cardArrival_1o4hh_1{0%{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur()}}._reducedMotion_1o4hh_357 ._card_1o4hh_16{animation:none}@media (max-width:760px){._upperLeft_1o4hh_38 ._card_1o4hh_16,._upperRight_1o4hh_43 ._card_1o4hh_16,._middleLeft_1o4hh_48 ._card_1o4hh_16,._middleRight_1o4hh_54 ._card_1o4hh_16,._lowerLeft_1o4hh_60 ._card_1o4hh_16,._lowerRight_1o4hh_67 ._card_1o4hh_16{grid-template-rows:none;width:auto;height:auto;max-height:calc(100% - 1.3rem);inset:auto .65rem .65rem;transform:none}._card_1o4hh_16{gap:.68rem;padding:.82rem}._page_1o4hh_110{min-height:6rem;max-height:min(29vh,12rem)}._navigation_1o4hh_197{grid-template-columns:minmax(7rem,auto) minmax(2rem,1fr) auto}}@media (max-width:460px){._header_1o4hh_74{gap:.5rem}._progress_1o4hh_100{padding-inline:.35rem;font-size:.62rem}._previewNotice_1o4hh_137>span{display:none}._volumeControl_1o4hh_228{flex-basis:100%}._navigation_1o4hh_197{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"previous dots""actions actions"}._previousKnowledgePoint_1o4hh_273{grid-area:previous}._pageDots_1o4hh_294{grid-area:dots;justify-content:flex-end}._pageActions_1o4hh_277{grid-area:actions;justify-self:stretch;width:100%}._pageActions_1o4hh_277>button:last-child{flex:1}}@media (prefers-reduced-motion:reduce){._card_1o4hh_16{animation:none}._audioControls_1o4hh_186 button,._navigation_1o4hh_197 button,._emptyState_1o4hh_198 button{transition:none}}