body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.MessageWrapper{scroll-behavior:smooth}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.bob{align-items:center;display:flex;justify-content:center;margin-bottom:-35px;margin-top:-10px}.botchog{max-height:100%;max-width:100%}.sungit{font-size:16px;padding-left:5px}.clock{font-size:8px}.agent-message-wrapper{align-items:flex-start;display:flex;margin-bottom:8px;max-width:90%}.App{position:relative}.backgroundImage{background-image:url(/static/media/BG1.d67c9211b0d0cd145f84.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;height:100%;left:0;opacity:.5;position:fixed;top:0;width:100%;z-index:-1}.App1{position:relative}@media only screen and (max-width:600px){.backgroundImage{background-attachment:scroll;background-size:cover;height:100%;position:fixed;width:100%}}.backgroundHome{background-image:url(/static/media/BG1.d67c9211b0d0cd145f84.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;flex-grow:1;height:100%;left:0;opacity:.5;position:fixed;top:60px;width:100%;z-index:-1}.AppHome{display:flex;flex-direction:column;min-height:100vh;position:relative}@media only screen and (max-width:600px){.backgroundHome{background-attachment:scroll;background-size:cover;height:100%;position:fixed;width:100%}}.MuiAppBar-root{bottom:0;position:fixed;top:auto;width:100%}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{background:none;border:0;cursor:pointer;filter:alpha(opacity=40);font-size:32px;opacity:.4;position:absolute;top:20px;transition:all .25s ease-in;z-index:2}.carousel .control-arrow:focus,.carousel .control-arrow:hover{filter:alpha(opacity=100);opacity:1}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{border-bottom:8px solid transparent;border-top:8px solid transparent;content:"";display:inline-block;margin:0 5px}.carousel .control-disabled.control-arrow{cursor:inherit;display:none;filter:alpha(opacity=0);opacity:0}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{display:inline-block;pointer-events:none;width:100%}.carousel .carousel{position:relative}.carousel .control-arrow{background:none;border:0;font-size:18px;margin-top:-13px;outline:0;top:50%}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{list-style:none;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);transition:all .15s ease-in;white-space:nowrap}.carousel .thumb{border:3px solid #fff;display:inline-block;margin-right:6px;overflow:hidden;padding:2px;transition:border .15s ease-in;white-space:nowrap}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{margin:0;overflow:hidden;position:relative}.carousel.carousel-slider .control-arrow{bottom:0;color:#fff;font-size:26px;margin-top:0;padding:5px;top:0}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,.2)}.carousel .slider-wrapper{margin:auto;overflow:hidden;transition:height .15s ease-in;width:100%}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{list-style:none;margin:0;padding:0;position:relative;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{margin:0;min-width:100%;position:relative;text-align:center}.carousel .slide img{border:0;vertical-align:top;width:100%}.carousel .slide iframe{border:0;display:inline-block;margin:0 40px 40px;width:calc(100% - 80px)}.carousel .slide .legend{background:#000;border-radius:10px;bottom:40px;color:#fff;font-size:12px;left:50%;margin-left:-45%;opacity:.25;padding:10px;position:absolute;text-align:center;transition:all .5s ease-in-out;transition:opacity .35s ease-in-out;width:90%}.carousel .control-dots{bottom:0;margin:10px 0;padding:0;position:absolute;text-align:center;width:100%;z-index:1}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{background:#fff;border-radius:50%;box-shadow:1px 1px 2px rgba(0,0,0,.9);cursor:pointer;display:inline-block;filter:alpha(opacity=30);height:8px;margin:0 8px;opacity:.3;transition:opacity .25s ease-in;width:8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{filter:alpha(opacity=100);opacity:1}.carousel .carousel-status{color:#fff;font-size:10px;padding:5px;position:absolute;right:0;text-shadow:1px 1px 1px rgba(0,0,0,.9);top:0}.carousel:hover .slide .legend{opacity:1}.reward-overlay{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:9999}.reward-star{-webkit-animation:star-burst 1.1s ease-out forwards;animation:star-burst 1.1s ease-out forwards;color:gold;-webkit-filter:drop-shadow(0 0 6px gold);filter:drop-shadow(0 0 6px #FFD700);height:28px;left:50%;position:absolute;top:50%;width:28px}@-webkit-keyframes star-burst{0%{opacity:1;-webkit-transform:translate(-50%,-50%) scale(.3) rotate(0deg);transform:translate(-50%,-50%) scale(.3) rotate(0deg)}60%{opacity:1}to{opacity:0;-webkit-transform:translate(-50%,-50%) scale(1.2) rotate(180deg);transform:translate(-50%,-50%) scale(1.2) rotate(180deg)}}@keyframes star-burst{0%{opacity:1;-webkit-transform:translate(-50%,-50%) scale(.3) rotate(0deg);transform:translate(-50%,-50%) scale(.3) rotate(0deg)}60%{opacity:1}to{opacity:0;-webkit-transform:translate(-50%,-50%) scale(1.2) rotate(180deg);transform:translate(-50%,-50%) scale(1.2) rotate(180deg)}}.reward-star-0{-webkit-animation-name:star-burst-0;animation-name:star-burst-0}.reward-star-1{-webkit-animation-name:star-burst-1;animation-name:star-burst-1}.reward-star-2{-webkit-animation-name:star-burst-2;animation-name:star-burst-2}.reward-star-3{-webkit-animation-name:star-burst-3;animation-name:star-burst-3}.reward-star-4{-webkit-animation-name:star-burst-4;animation-name:star-burst-4}.reward-star-5{-webkit-animation-name:star-burst-5;animation-name:star-burst-5}.reward-star-6{-webkit-animation-name:star-burst-6;animation-name:star-burst-6}.reward-star-7{-webkit-animation-name:star-burst-7;animation-name:star-burst-7}@-webkit-keyframes star-burst-0{0%{opacity:1;-webkit-transform:translate(-50%,-50%) scale(.3) rotate(0deg);transform:translate(-50%,-50%) scale(.3) rotate(0deg)}to{opacity:0;-webkit-transform:translate(-50%,calc(-50% - 160px)) scale(1.2) rotate(180deg);transform:translate(-50%,calc(-50% - 160px)) scale(1.2) rotate(180deg)}}@keyframes star-burst-0{0%{opacity:1;-webkit-transform:translate(-50%,-50%) scale(.3) rotate(0deg);transform:translate(-50%,-50%) scale(.3) rotate(0deg)}to{opacity:0;-webkit-transform:translate(-50%,calc(-50% - 160px)) scale(1.2) rotate(180deg);transform:translate(-50%,calc(-50% - 160px)) scale(1.2) rotate(180deg)}}@-webkit-keyframes star-burst-1{0%{opacity:1;-webkit-transform:translate(-50%,-50%) scale(.3) rotate(0deg);transform:translate(-50%,-50%) scale(.3) rotate(0deg)}to{opacity:0;-webkit-transform:translate(calc(-50% + 113px),calc(-50% - 113px)) scale(1.2) rotate(180deg);transform:translate(calc(-50% + 113px),calc(-50% - 113px)) scale(1.2) rotate(180deg)}}@keyframes star-burst-1{0%{opacity:1;-webkit-transform:translate(-50%,-50%) scale(.3) rotate(0deg);transform:translate(-50%,-50%) scale(.3) rotate(0deg)}to{opacity:0;-webkit-transform:translate(calc(-50% + 113px),calc(-50% - 113px)) scale(1.2) rotate(180deg);transform:translate(calc(-50% + 113px),calc(-50% - 113px)) scale(1.2) rotate(180deg)}}@-webkit-keyframes star-burst-2{0%{opacity:1;-webkit-transform:translate(-50%,-50%) scale(.3) rotate(0deg);transform:translate(-50%,-50%) scale(.3) rotate(0deg)}to{opacity:0;-webkit-transform:translate(calc(-50% + 160px),-50%) scale(1.2) rotate(180deg);transform:translate(calc(-50% + 160px),-50%) scale(1.2) rotate(180deg)}}@keyframes star-burst-2{0%{opacity:1;-webkit-transform:translate(-50%,-50%) scale(.3) rotate(0deg);transform:translate(-50%,-50%) scale(.3) rotate(0deg)}to{opacity:0;-webkit-transform:translate(calc(-50% + 160px),-50%) scale(1.2) rotate(180deg);transform:translate(calc(-50% + 160px),-50%) scale(1.2) rotate(180deg)}}@-webkit-keyframes star-burst-3{0%{opacity:1;-webkit-transform:translate(-50%,-50%) scale(.3) rotate(0deg);transform:translate(-50%,-50%) scale(.3) rotate(0deg)}to{opacity:0;-webkit-transform:translate(calc(-50% + 113px),calc(-50% + 113px)) scale(1.2) rotate(180deg);transform:translate(calc(-50% + 113px),calc(-50% + 113px)) scale(1.2) rotate(180deg)}}@keyframes star-burst-3{0%{opacity:1;-webkit-transform:translate(-50%,-50%) scale(.3) rotate(0deg);transform:translate(-50%,-50%) scale(.3) rotate(0deg)}to{opacity:0;-webkit-transform:translate(calc(-50% + 113px),calc(-50% + 113px)) scale(1.2) rotate(180deg);transform:translate(calc(-50% + 113px),calc(-50% + 113px)) scale(1.2) rotate(180deg)}}@-webkit-keyframes star-burst-4{0%{opacity:1;-webkit-transform:translate(-50%,-50%) scale(.3) rotate(0deg);transform:translate(-50%,-50%) scale(.3) rotate(0deg)}to{opacity:0;-webkit-transform:translate(-50%,calc(-50% + 160px)) scale(1.2) rotate(180deg);transform:translate(-50%,calc(-50% + 160px)) scale(1.2) rotate(180deg)}}@keyframes star-burst-4{0%{opacity:1;-webkit-transform:translate(-50%,-50%) scale(.3) rotate(0deg);transform:translate(-50%,-50%) scale(.3) rotate(0deg)}to{opacity:0;-webkit-transform:translate(-50%,calc(-50% + 160px)) scale(1.2) rotate(180deg);transform:translate(-50%,calc(-50% + 160px)) scale(1.2) rotate(180deg)}}@-webkit-keyframes star-burst-5{0%{opacity:1;-webkit-transform:translate(-50%,-50%) scale(.3) rotate(0deg);transform:translate(-50%,-50%) scale(.3) rotate(0deg)}to{opacity:0;-webkit-transform:translate(calc(-50% - 113px),calc(-50% + 113px)) scale(1.2) rotate(180deg);transform:translate(calc(-50% - 113px),calc(-50% + 113px)) scale(1.2) rotate(180deg)}}@keyframes star-burst-5{0%{opacity:1;-webkit-transform:translate(-50%,-50%) scale(.3) rotate(0deg);transform:translate(-50%,-50%) scale(.3) rotate(0deg)}to{opacity:0;-webkit-transform:translate(calc(-50% - 113px),calc(-50% + 113px)) scale(1.2) rotate(180deg);transform:translate(calc(-50% - 113px),calc(-50% + 113px)) scale(1.2) rotate(180deg)}}@-webkit-keyframes star-burst-6{0%{opacity:1;-webkit-transform:translate(-50%,-50%) scale(.3) rotate(0deg);transform:translate(-50%,-50%) scale(.3) rotate(0deg)}to{opacity:0;-webkit-transform:translate(calc(-50% - 160px),-50%) scale(1.2) rotate(180deg);transform:translate(calc(-50% - 160px),-50%) scale(1.2) rotate(180deg)}}@keyframes star-burst-6{0%{opacity:1;-webkit-transform:translate(-50%,-50%) scale(.3) rotate(0deg);transform:translate(-50%,-50%) scale(.3) rotate(0deg)}to{opacity:0;-webkit-transform:translate(calc(-50% - 160px),-50%) scale(1.2) rotate(180deg);transform:translate(calc(-50% - 160px),-50%) scale(1.2) rotate(180deg)}}@-webkit-keyframes star-burst-7{0%{opacity:1;-webkit-transform:translate(-50%,-50%) scale(.3) rotate(0deg);transform:translate(-50%,-50%) scale(.3) rotate(0deg)}to{opacity:0;-webkit-transform:translate(calc(-50% - 113px),calc(-50% - 113px)) scale(1.2) rotate(180deg);transform:translate(calc(-50% - 113px),calc(-50% - 113px)) scale(1.2) rotate(180deg)}}@keyframes star-burst-7{0%{opacity:1;-webkit-transform:translate(-50%,-50%) scale(.3) rotate(0deg);transform:translate(-50%,-50%) scale(.3) rotate(0deg)}to{opacity:0;-webkit-transform:translate(calc(-50% - 113px),calc(-50% - 113px)) scale(1.2) rotate(180deg);transform:translate(calc(-50% - 113px),calc(-50% - 113px)) scale(1.2) rotate(180deg)}}.phonics-root{background-color:#fffbf0;display:flex;flex-direction:column;min-height:100vh}.phonics-footer{align-items:center;background:linear-gradient(135deg,#ff9f1c,#ffbf69);bottom:0;box-shadow:0 -2px 8px rgba(255,159,28,.3);box-sizing:border-box;display:flex;justify-content:space-between;margin:0 auto;max-width:900px;padding:10px 20px;position:-webkit-sticky;position:sticky;width:100%;z-index:100}.phonics-nav-btn{background:hsla(0,0%,100%,.2);border-radius:50%;color:#fff!important;transition:background .2s ease}.phonics-nav-btn:hover:not(:disabled){background:hsla(0,0%,100%,.35)}.phonics-nav-btn:disabled{opacity:.3}.phonics-progress{align-items:center;display:flex;flex:1 1;gap:4px;margin:0 12px;max-width:360px}.phonics-progress-dot{background:hsla(0,0%,100%,.4);border-radius:50%;flex-shrink:0;height:10px;transition:all .3s ease;width:10px}.phonics-progress-dot.active{background:#fff;box-shadow:0 0 6px hsla(0,0%,100%,.6);-webkit-transform:scale(1.3);transform:scale(1.3)}.phonics-progress-line{background:hsla(0,0%,100%,.3);flex:1 1;height:2px;min-width:8px}.phonics-content{align-items:center;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:900px;padding:20px;width:100%}.phonics-video-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08);cursor:pointer;overflow:hidden;position:relative;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;z-index:1}.phonics-video-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.12);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.phonics-video-card-expanded{-webkit-animation:video-expand .3s ease;animation:video-expand .3s ease;background:rgba(0,0,0,.85);border-radius:0;cursor:default;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:200}.phonics-video-card-expanded,.phonics-video-card-expanded:hover{box-shadow:0 0 40px rgba(0,0,0,.5);-webkit-transform:none;transform:none}.phonics-video-card-expanded .phonics-video-container{flex:1 1;height:0;min-height:0;padding-bottom:0}.phonics-video-card-expanded .phonics-video-container video{height:100%;left:50%;max-height:100%;max-width:100%;object-fit:contain;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:auto}@-webkit-keyframes video-expand{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes video-expand{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.phonics-video-container{background:#1a1a2e;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.phonics-video-container video{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.phonics-video-overlay{align-items:center;background:rgba(0,0,0,.05);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.phonics-video-controls{background:rgba(0,0,0,.8);flex-shrink:0;padding:8px 16px 12px}.phonics-video-progress-bar{background:hsla(0,0%,100%,.3);border-radius:2px;cursor:pointer;height:4px;margin-bottom:8px;position:relative;width:100%}.phonics-video-progress-bar:hover{height:6px}.phonics-video-progress-fill{background:#ff9f1c;border-radius:2px;height:100%;left:0;position:absolute;top:0;transition:width .1s linear}.phonics-video-controls-row{align-items:center;display:flex;justify-content:space-between}.phonics-video-ctrl-btn{align-items:center;background:hsla(0,0%,100%,.15);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .2s ease;width:36px}.phonics-video-ctrl-btn:hover{background:hsla(0,0%,100%,.3)}.phonics-video-time{color:hsla(0,0%,100%,.8);font-family:monospace;font-size:13px}.phonics-play-btn{align-items:center;background:rgba(255,159,28,.55);border-radius:50%;color:#fff;display:flex;font-size:28px;height:56px;justify-content:center;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;width:56px}.phonics-play-btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.phonics-audio-btn{align-items:center;background:#ff9f1c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;transition:background .15s ease,-webkit-transform .15s ease;transition:transform .15s ease,background .15s ease;transition:transform .15s ease,background .15s ease,-webkit-transform .15s ease;width:40px}.phonics-instruction-btn{background:#ff9f1c;height:28px;margin-left:4px;vertical-align:2px;width:28px}.phonics-audio-btn:hover{background:#e88e15;-webkit-transform:scale(1.1);transform:scale(1.1)}.phonics-audio-btn.playing{-webkit-animation:pulse-audio .8s ease infinite;animation:pulse-audio .8s ease infinite}@-webkit-keyframes pulse-audio{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.15);transform:scale(1.15)}}@keyframes pulse-audio{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.15);transform:scale(1.15)}}.phonics-vocab-layout{align-items:flex-start;display:flex;gap:16px}.phonics-vocab-left{flex-shrink:0;width:60%}.phonics-vocab-video{width:100%}.phonics-vocab-content{flex:1 1;min-width:0}.phonics-vocab-word-row{align-items:center;display:flex;gap:8px;margin-bottom:0;margin-top:0}.phonics-vocab-word-row-newline{align-items:flex-start;flex-direction:column;gap:2px}.phonics-vocab-cn-inline,.phonics-vocab-en-line,.phonics-vocab-word-cn-newline{align-items:center;display:flex;gap:4px}.phonics-vocab-word-cn-newline{padding-left:24px}.phonics-vocab-word-en{color:#333;font-size:26px;font-weight:700}.phonics-vocab-word-cn{color:#888;font-size:18px}.phonics-vocab-sentences{margin-top:8px}.phonics-vocab-sentence-row{align-items:center;display:flex;gap:8px;margin-bottom:2px;padding:6px 0;white-space:nowrap}.phonics-vocab-sentence-en{color:#333;font-size:26px;font-weight:600}.phonics-vocab-divider{color:#ddd;font-size:22px}.phonics-vocab-sentence-cn{color:#999;font-size:20px}.phonics-mini-btn{align-items:center;background:#ff9f1c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;height:30px;justify-content:center;transition:background .15s ease,-webkit-transform .15s ease;transition:transform .15s ease,background .15s ease;transition:transform .15s ease,background .15s ease,-webkit-transform .15s ease;width:30px}.phonics-mini-btn:hover{background:#e88e15;-webkit-transform:scale(1.1);transform:scale(1.1)}.phonics-mini-btn.playing{-webkit-animation:pulse-audio .8s ease infinite;animation:pulse-audio .8s ease infinite}@media (max-width:600px){.phonics-vocab-layout{flex-direction:column}.phonics-vocab-left{width:100%}.phonics-vocab-multi{flex-direction:column}}.phonics-vocab-multi{display:flex;gap:16px;justify-content:center}.phonics-vocab-multi-item{align-items:center;display:flex;flex:1 1;flex-direction:column;max-width:50%}.phonics-vocab-multi-words{margin-top:12px;width:100%}.phonics-sound-layout{align-items:flex-start;display:flex;gap:16px}.phonics-sound-col{flex-shrink:0;width:50%}.phonics-sound-tips{margin-top:8px}.phonics-sound-tip-row{align-items:center;display:flex;gap:8px;margin-bottom:4px}.phonics-sound-tip-en{color:#333;font-size:26px;font-weight:600}.phonics-sound-tip-cn{color:#999;font-size:20px}.phonics-sound-title-row{align-items:center;display:flex;gap:8px;margin-top:8px}.phonics-sound-title-en{color:#2ec4b6;font-size:22px;font-weight:700}.phonics-sound-title-cn{color:#888;font-size:18px}.phonics-story-video-center{margin:0 auto;max-width:600px;width:100%}.phonics-story-lines-table{display:flex;flex-direction:column;gap:3px;margin:0 auto;max-width:800px;width:100%}.phonics-story-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr 1fr}.phonics-story-cell-cn,.phonics-story-cell-en{align-items:center;display:flex;gap:6px}.phonics-story-en{color:#333;font-size:26px;font-weight:600}.phonics-story-cn{color:#999;font-size:20px}.phonics-story-row-newline{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.phonics-story-cn-newline{padding-left:24px}.phonics-lt-story{align-items:flex-start;display:flex;flex-direction:row;gap:16px;height:100%;width:100%}.phonics-lt-left{display:flex;flex:0 0 50%;flex-direction:column;gap:8px}.phonics-lt-video{border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.15);width:100%}.phonics-lt-left-lines{display:flex;flex-direction:column;gap:4px}.phonics-lt-right{display:flex;flex:1 1;flex-direction:column;gap:4px;max-height:calc(100vh - 220px);overflow-y:auto}.phonics-lt-row{align-items:center;display:flex;gap:8px;padding:5px 10px}.phonics-lt-en{color:#333;flex:1 1;font-size:26px;font-weight:600}.phonics-thanks{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.phonics-thanks-text{-webkit-text-fill-color:transparent;-webkit-animation:bounce-in .6s ease;animation:bounce-in .6s ease;background:linear-gradient(135deg,#ff9f1c,#2ec4b6);-webkit-background-clip:text;background-clip:text;font-size:56px;font-weight:900}@-webkit-keyframes bounce-in{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce-in{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.phonics-vocab-p8-layout{align-items:flex-start;display:flex;gap:16px;justify-content:center}.phonics-vocab-p8-left{display:flex;flex-direction:column;flex-shrink:0;gap:0;width:33%}.phonics-vocab-p8-left .phonics-vocab-multi-item{max-width:100%}.phonics-vocab-p8-right{display:flex;flex-direction:column;flex-shrink:0;gap:0;width:67%}.phonics-vocab-p8-right .phonics-vocab-multi-item{max-width:100%}.phonics-vocab-multi-sentences{margin-top:12px}.phonics-vocab-p9-layout{align-items:flex-start;display:flex;gap:16px;justify-content:center}@media (max-width:600px){.phonics-content{padding:12px}.phonics-footer{padding:8px 12px}.phonics-word-text{font-size:24px}.phonics-progress{margin:0 8px;max-width:200px}.phonics-progress-dot{height:8px;width:8px}}
/*# sourceMappingURL=main.70eeea9f.css.map*/