:root{--sky-top:#0a1628;--sky-mid:#0e2a52;--sky-low:#1a4a8a;--rail-tie:#4a3728;--rail-steel:#89a;--cloud-white:#ffffffeb;--accent-red:#e63946;--accent-blue:#2196f3;--accent-gold:#ffd04a;--accent-green:#4caf50;--text-dark:#1a1a2e}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Prompt,sans-serif;position:relative;overflow:hidden}.bg-container{position:fixed;inset:0;overflow:hidden}.bg-container:before{content:"";background-image:radial-gradient(1.5px 1.5px at 8% 12%,#fff 0%,#0000 100%),radial-gradient(1px 1px at 22% 6%,#fff 0%,#0000 100%),radial-gradient(2px 2px at 38% 18%,#fff 0%,#0000 100%),radial-gradient(1px 1px at 52% 4%,#fff 0%,#0000 100%),radial-gradient(1.5px 1.5px at 67% 15%,#fff 0%,#0000 100%),radial-gradient(1px 1px at 81% 8%,#fff 0%,#0000 100%),radial-gradient(1px 1px at 93% 20%,#fff 0%,#0000 100%),radial-gradient(2px 2px at 15% 28%,#ffffffb3 0%,#0000 100%),radial-gradient(1px 1px at 44% 32%,#ffffff80 0%,#0000 100%),radial-gradient(1.5px 1.5px at 75% 25%,#fffc 0%,#0000 100%),radial-gradient(1px 1px at 3% 35%,#fff9 0%,#0000 100%),radial-gradient(1px 1px at 58% 10%,#ffffffe6 0%,#0000 100%);animation:4s ease-in-out infinite alternate starTwinkle;position:absolute;inset:0}@keyframes starTwinkle{0%{opacity:.6}to{opacity:1}}.moon{z-index:1;background:radial-gradient(circle at 35% 35%,#fffde0,#ffd04a 60%,#e8b520);border-radius:50%;width:68px;height:68px;animation:4s ease-in-out infinite alternate moonGlow;position:fixed;top:6%;right:8%;box-shadow:0 0 30px 10px #ffd04a66,0 0 70px 25px #ffd04a33}@keyframes moonGlow{0%{box-shadow:0 0 30px 10px #ffd04a66,0 0 70px 25px #ffd04a33}to{box-shadow:0 0 50px 20px #ffd04ab3,0 0 100px 40px #ffd04a4d}}.cloud{background:var(--cloud-white);filter:drop-shadow(0 6px 16px #0000001f);z-index:1;pointer-events:none;border-radius:50px;animation:linear infinite cloudDrift;position:fixed}.cloud:before,.cloud:after{content:"";background:var(--cloud-white);border-radius:50%;position:absolute}.cloud.c1{width:120px;height:44px;animation-duration:36s;animation-delay:0s;top:11%;left:-140px}.cloud.c1:before{width:58px;height:58px;top:-29px;left:14px}.cloud.c1:after{width:44px;height:44px;top:-20px;left:52px}.cloud.c2{opacity:.85;width:175px;height:54px;animation-duration:50s;animation-delay:-14s;top:22%;left:-200px}.cloud.c2:before{width:78px;height:72px;top:-38px;left:20px}.cloud.c2:after{width:62px;height:62px;top:-28px;left:72px}.cloud.c3{opacity:.7;width:90px;height:34px;animation-duration:28s;animation-delay:-8s;top:8%;left:-110px}.cloud.c3:before{width:44px;height:44px;top:-22px;left:10px}.cloud.c3:after{width:34px;height:34px;top:-15px;left:38px}.cloud.c4{opacity:.65;width:148px;height:48px;animation-duration:43s;animation-delay:-26s;top:30%;left:-168px}.cloud.c4:before{width:68px;height:63px;top:-33px;left:17px}.cloud.c4:after{width:53px;height:53px;top:-24px;left:63px}@keyframes cloudDrift{0%{transform:translate(0)}to{transform:translate(calc(100vw + 260px))}}.rail-track{z-index:2;pointer-events:none;height:118px;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.rail-ground{background:linear-gradient(#4a3c2a 0%,#3a2c1a 100%);height:52px;position:absolute;bottom:0;left:0;right:0}.rail-left,.rail-right{background:linear-gradient(#d0e0f0 0%,#89a 50%,#5a6a7a 100%);border-radius:2px;height:11px;position:absolute;left:0;right:0;box-shadow:0 3px 8px #00000073}.rail-left{bottom:54px}.rail-right{bottom:37px}.rail-ties{background-image:repeating-linear-gradient(90deg,var(--rail-tie) 0px,var(--rail-tie) 34px,transparent 34px,transparent 68px);height:38px;animation:1.4s linear infinite tiesScroll;position:absolute;bottom:32px;left:0;right:0}@keyframes tiesScroll{0%{background-position:0 0}to{background-position:-68px 0}}.floating-decor{pointer-events:none;z-index:2;position:fixed;inset:0;overflow:hidden}.float-emoji{opacity:.25;filter:drop-shadow(0 4px 8px #0000004d);font-size:38px;animation:linear infinite floatDrift;position:absolute}.fe-1{font-size:42px;animation-duration:22s;animation-delay:0s;top:15%;left:-60px}.fe-2{opacity:.18;font-size:34px;animation-duration:28s;animation-delay:-8s;top:35%;left:-60px}.fe-3{opacity:.2;font-size:36px;animation-duration:25s;animation-delay:-15s;top:55%;left:-60px}@keyframes floatDrift{0%{transform:translate(0)rotate(0)}to{transform:translate(calc(100vw + 120px))rotate(25deg)}}.ground-road{z-index:2;pointer-events:none;height:118px;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.road-surface{background:linear-gradient(#555 0%,#3a3a3a 100%);height:70px;position:absolute;bottom:0;left:0;right:0}.road-dashes{background-image:repeating-linear-gradient(90deg,#ffd04a 0 40px,#0000 40px 80px);height:6px;animation:1.2s linear infinite dashScroll;position:absolute;bottom:28px;left:0;right:0}@keyframes dashScroll{0%{background-position:0 0}to{background-position:-80px 0}}.sidewalk{background:linear-gradient(#d4c4a8 0%,#bfaf93 100%);border-top:3px solid #c8b896;height:18px;position:absolute;bottom:70px;left:0;right:0}.lamppost{z-index:3;background:linear-gradient(#666 0%,#444 100%);border-radius:3px 3px 0 0;width:6px;height:90px;position:absolute;bottom:70px}.lp1{left:15%}.lp2{right:20%}.lamppost:before{content:"";background:#555;border:2px solid #777;border-radius:16px 16px 0 0;width:30px;height:16px;position:absolute;top:-8px;left:-12px}.lamp-light{background:radial-gradient(circle,#ffdc8c99 0%,#0000 70%);border-radius:50%;width:46px;height:50px;animation:3s ease-in-out infinite alternate lampFlicker;position:absolute;top:-30px;left:-20px}@keyframes lampFlicker{0%{opacity:.7}to{opacity:1}}.ground-pixel{z-index:2;pointer-events:none;height:118px;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.pixel-blocks{height:60px;image-rendering:pixelated;background-image:repeating-linear-gradient(90deg,#4a148c 0 30px,#6a1b9a 30px 60px),repeating-linear-gradient(#0000 0 30px,#00000026 30px 60px);background-size:60px 30px;position:absolute;bottom:0;left:0;right:0}.pixel-glow{background:linear-gradient(#0000 0%,#9b59b666 100%);height:20px;position:absolute;bottom:55px;left:0;right:0}.pixel-stars{position:absolute;inset:0}.px-star{color:#e1bee7;font-size:18px;animation:1.5s ease-in-out infinite alternate pxBlink;position:absolute}.s1{animation-delay:0s;top:20%;left:12%}.s2{font-size:14px;animation-delay:.3s;top:40%;right:18%}.s3{animation-delay:.6s;top:10%;right:35%}.s4{font-size:22px;animation-delay:.9s;top:50%;left:40%}@keyframes pxBlink{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.ground-path{z-index:2;pointer-events:none;height:118px;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.grass-ground{background:linear-gradient(#4caf50 0%,#2e7d32 100%);height:55px;position:absolute;bottom:0;left:0;right:0}.grass-ground:before{content:"";clip-path:polygon(0% 100%,3% 30%,6% 100%,9% 40%,12% 100%,15% 20%,18% 100%,21% 50%,24% 100%,27% 30%,30% 100%,33% 45%,36% 100%,39% 25%,42% 100%,45% 50%,48% 100%,51% 35%,54% 100%,57% 45%,60% 100%,63% 20%,66% 100%,69% 40%,72% 100%,75% 30%,78% 100%,81% 50%,84% 100%,87% 25%,90% 100%,93% 45%,96% 100%,100% 35%);background-image:repeating-linear-gradient(90deg,#0000 0 8px,#4caf50 8px 12px);height:14px;position:absolute;top:-12px;left:0;right:0}.stone-path{opacity:.6;background-image:repeating-linear-gradient(90deg,#9e9e9e 0 24px,#bdbdbd 24px 28px);border-radius:4px;height:40px;position:absolute;bottom:8px;left:30%;right:30%}.sunrise-glow{background:radial-gradient(#ffc8644d 0%,#0000 70%);border-radius:50%;width:300px;height:150px;animation:4s ease-in-out infinite alternate sunGlow;position:fixed;bottom:100px;left:50%;transform:translate(-50%)}@keyframes sunGlow{0%{opacity:.5;transform:translate(-50%)scale(1)}to{opacity:1;transform:translate(-50%)scale(1.15)}}.ground-wood{z-index:2;pointer-events:none;height:118px;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.wood-surface{background:linear-gradient(#8d6e4a 0%,#6d4c2a 50%,#5a3d1a 100%);border-top:4px solid #a0845c;height:65px;position:absolute;bottom:0;left:0;right:0}.wood-surface:before{content:"";background-image:repeating-linear-gradient(90deg,#0000 0 60px,#00000014 60px 62px);position:absolute;inset:0}.steam-puff{filter:blur(12px);background:#ffffff26;border-radius:50%;width:40px;height:40px;animation:3s ease-out infinite steamRise;position:fixed}.st1{animation-delay:0s;bottom:120px;left:25%}.st2{width:30px;height:30px;animation-delay:1s;bottom:110px;left:55%}.st3{width:35px;height:35px;animation-delay:2s;bottom:130px;right:20%}@keyframes steamRise{0%{opacity:0;transform:translateY(0)scale(.5)}40%{opacity:.6}to{opacity:0;transform:translateY(-80px)scale(1.5)}}.hanging-lantern{z-index:3;filter:drop-shadow(0 8px 16px #ff00004d);font-size:40px;animation:3s ease-in-out infinite lanternSway;position:fixed}.hl1{animation-delay:0s;top:8%;right:10%}.hl2{font-size:32px;animation-delay:1.5s;top:12%;left:8%}.hl3{font-size:36px;animation-delay:.8s;top:6%;left:45%}@keyframes lanternSway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.ground-water{z-index:2;pointer-events:none;height:118px;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.water-surface{background:linear-gradient(#2980b9b3 0%,#3498db80 50%,#48b1bf99 100%);height:65px;position:absolute;bottom:0;left:0;right:0}.water-ripple{border:2px solid #ffffff4d;border-radius:50%;animation:4s ease-out infinite rippleExpand;position:absolute}.wr1{width:60px;height:20px;animation-delay:0s;bottom:20px;left:20%}.wr2{width:80px;height:25px;animation-delay:1.3s;bottom:30px;left:55%}.wr3{width:50px;height:16px;animation-delay:2.6s;bottom:15px;right:15%}@keyframes rippleExpand{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(2.5)}}.temple-silhouette{border-bottom:55px solid #00000026;border-left:40px solid #0000;border-right:40px solid #0000;width:0;height:0;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.temple-silhouette:before{content:"";background:#0000001a;border-radius:2px;width:120px;height:25px;position:absolute;bottom:-55px;left:-60px}.temple-silhouette:after{content:"";border-bottom:30px solid #0000001f;border-left:20px solid #0000;border-right:20px solid #0000;width:0;height:0;position:absolute;bottom:-16px;left:-20px}.ground-market{z-index:2;pointer-events:none;height:118px;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.market-awning{background:repeating-linear-gradient(90deg,#e74c3c 0 30px,#fff 30px 60px);border-bottom:3px solid #c0392b;height:25px;position:absolute;bottom:65px;left:0;right:0}.market-counter{background:linear-gradient(#8b5e3c 0%,#6d4326 100%);border-top:4px solid #a77044;height:65px;position:absolute;bottom:0;left:0;right:0}.chili-deco{z-index:3;font-size:28px;animation:2s ease-in-out infinite chiliDance;position:fixed}.cd1{animation-delay:0s;top:18%;right:8%}.cd2{font-size:22px;animation-delay:.7s;top:28%;left:6%}.cd3{font-size:24px;animation-delay:1.4s;top:12%;left:30%}@keyframes chiliDance{0%,to{transform:rotate(-8deg)scale(1)}50%{transform:rotate(8deg)scale(1.1)}}.ground-festive{z-index:2;pointer-events:none;height:118px;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.festive-ground{background:linear-gradient(#b71c1c 0%,#7f0000 100%);border-top:4px solid gold;height:55px;position:absolute;bottom:0;left:0;right:0}.festive-ground:before{content:"";background:repeating-linear-gradient(90deg,gold 0 20px,#0000 20px 30px);height:4px;position:absolute;top:0;left:0;right:0}.firework{border-radius:50%;width:6px;height:6px;animation:3s ease-out infinite fireworkBurst;position:fixed}.fw1{background:gold;animation-delay:0s;top:10%;left:15%}.fw2{background:#f44;animation-delay:1s;top:20%;right:20%}.fw3{background:#ff9800;animation-delay:2s;top:8%;left:60%}@keyframes fireworkBurst{0%{opacity:1;box-shadow:none;transform:scale(0)}50%{opacity:1;transform:scale(1);box-shadow:0 -30px,0 30px,-30px 0,30px 0,-21px -21px,21px -21px,-21px 21px,21px 21px,0 -15px,0 15px,-15px 0,15px 0}to{opacity:0;transform:scale(1.5);box-shadow:0 -50px 0 -2px,0 50px 0 -2px,-50px 0 0 -2px,50px 0 0 -2px,-35px -35px 0 -2px,35px -35px 0 -2px,-35px 35px 0 -2px,35px 35px 0 -2px,0 -25px 0 -2px,0 25px 0 -2px,-25px 0 0 -2px,25px 0 0 -2px}}.cloud:before,.cloud:after{background:inherit}.progress-bar{z-index:500;background:#ffffff26;width:100%;height:6px;position:fixed;top:0;left:0}.progress-fill{background:linear-gradient(90deg,#ffd04a,#ff6b35,#e63946);width:0%;height:100%;transition:width .4s;box-shadow:0 0 12px #ffd04ae6}.achievement{z-index:600;color:#fff;text-align:center;white-space:nowrap;background:linear-gradient(135deg,#ffd04a,#ff8c00);border:4px solid #fff;border-radius:100px;padding:16px 44px;font-family:Prompt,sans-serif;font-size:24px;font-weight:900;transition:top .6s cubic-bezier(.68,-.55,.265,1.55);position:fixed;top:-200px;left:50%;transform:translate(-50%);box-shadow:0 20px 60px #ffd04acc}.achievement.show{top:72px}.achievement .emoji{margin-bottom:4px;font-size:34px;animation:.6s spinIn;display:block}@keyframes spinIn{0%{transform:rotate(-180deg)scale(0)}to{transform:scale(1)}}.confetti{pointer-events:none;z-index:550;border-radius:2px;position:fixed}@keyframes confettiFall{0%{opacity:1;transform:translateY(-5vh)rotate(0)}to{opacity:0;transform:translateY(110vh)rotate(700deg)translate(60px)}}.swiper{width:100vw;height:100vh}.slide-box{flex-direction:column;justify-content:center;align-items:center;gap:26px;height:100%;padding:95px 115px 145px;display:flex;position:relative}.cards-container{flex-direction:row;justify-content:center;align-items:center;width:100%;max-width:900px;display:flex;position:relative}.vocab-card-wrap{flex-shrink:0;transition:transform .65s cubic-bezier(.68,-.55,.265,1.55)}.cards-container.show-translation .vocab-card-wrap{transform:translate(-16px)}.card{background:#fff0f5;border:3px solid #fffffff2;border-radius:26px;justify-content:center;align-items:center;min-height:255px;padding:48px 68px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px #b0c0d0,0 8px #9ab0c4,0 22px 55px #00000061}.card-stripe{background:repeating-linear-gradient(-45deg,#f4a0c0 0 7px,#ffdaed 7px 14px);border-radius:24px 24px 0 0;height:11px;position:absolute;top:0;left:0;right:0}.card:before{content:"";border-top:0 solid #0000;border-bottom:44px solid #0000;border-left:0 solid #0000;border-right:44px solid #ffd04a;width:0;height:0;position:absolute;top:0;right:0}.card:after{content:"";opacity:.07;background:repeating-linear-gradient(#0000 0 13px,#0a1628 13px 22px);width:9px;position:absolute;top:0;bottom:0;left:0}.card-num{color:#0000002e;letter-spacing:1px;font-family:Prompt,sans-serif;font-size:12px;font-weight:700;position:absolute;bottom:13px;right:16px}.word-section{flex-direction:column;align-items:center;gap:22px;display:flex}.word{color:var(--text-dark);letter-spacing:4px;text-shadow:3px 3px #00000012;font-family:KaiTi,楷体,STKaiti,Prompt,serif;font-size:94px;font-weight:900;line-height:1;animation:3.5s ease-in-out infinite wordPulse}@keyframes wordPulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.pinyin{color:#e63946;letter-spacing:3px;margin-top:-14px;font-family:KaiTi,楷体,STKaiti,Prompt,serif;font-size:28px;font-weight:700;animation:3.5s ease-in-out infinite wordPulse}.speaking-indicator{opacity:0;align-items:center;gap:5px;height:28px;transition:opacity .3s;display:flex}.speaking-indicator.active{opacity:1}.speaking-bar{background:linear-gradient(#2196f3,#e63946);border-radius:3px;width:5px;animation:.7s ease-in-out infinite alternate speakBar}.speaking-bar:first-child{animation-delay:0s}.speaking-bar:nth-child(2){animation-delay:.12s}.speaking-bar:nth-child(3){animation-delay:.24s}.speaking-bar:nth-child(4){animation-delay:.36s}@keyframes speakBar{0%{opacity:.4;height:6px}to{opacity:1;height:26px}}.btn-row{justify-content:center;align-items:center;gap:16px;display:flex}.translate-btn{color:#fff;cursor:pointer;background:linear-gradient(145deg,#2196f3,#0d47a1);border:5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:82px;height:82px;font-size:30px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 6px #0a2e6e,0 10px 25px #2196f380}.translate-btn:hover{transform:translateY(-4px)scale(1.1);box-shadow:0 10px #0a2e6e,0 16px 35px #2196f399}.translate-btn:active{transform:translateY(2px)scale(.96);box-shadow:0 2px #0a2e6e}.stop-btn{color:#fff;cursor:pointer;opacity:0;pointer-events:none;background:linear-gradient(145deg,#e63946,#a0001a);border:5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;font-size:22px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;transform:scale(.6);box-shadow:0 5px #700012,0 8px 20px #e6394680}.stop-btn.visible{opacity:1;pointer-events:auto;transform:scale(1)}.stop-btn:hover{transform:scale(1.12)translateY(-3px)}.stop-btn:active{transform:scale(.92)translateY(2px)}.countdown-overlay{opacity:0;pointer-events:none;z-index:10;background:linear-gradient(135deg,#e63946,#ff8c00);border-radius:50%;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.countdown-overlay.active{opacity:1;pointer-events:auto}.countdown-number{color:#fff;text-shadow:0 2px 8px #0000004d;font-family:Prompt,sans-serif;font-size:38px;animation:1s ease-in-out infinite countPulse}@keyframes countPulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.translation-card-wrap{opacity:0;flex-shrink:0;width:0;transition:width .65s cubic-bezier(.68,-.55,.265,1.55),opacity .45s .18s;overflow:hidden}.cards-container.show-translation .translation-card-wrap{opacity:1;width:378px}.translation-card{background:#fff0f5;border:3px solid #ffd04a8c;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;gap:18px;width:348px;min-height:255px;margin-left:26px;padding:38px 48px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px #d4b800,0 8px #b8a200,0 22px 55px #00000052}.translation-card:before{content:"";background:repeating-linear-gradient(90deg,#f4a0c0 0 18px,#ffdaed 18px 22px);border-radius:24px 24px 0 0;height:11px;position:absolute;top:0;left:0;right:0}.close-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e63946,#a0001a);border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-family:Arial,sans-serif;font-size:20px;font-weight:900;line-height:1;transition:transform .25s;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 4px 12px #e6394680}.close-btn:hover{transform:rotate(90deg)scale(1.15)}.translation-emoji{filter:drop-shadow(0 10px 20px #00000040);font-size:98px;line-height:1;display:block}.cards-container.show-translation .translation-emoji{animation:.55s cubic-bezier(.34,1.56,.64,1) .28s both emojiPop,2.4s ease-in-out .85s infinite emojiFloat}@keyframes emojiPop{0%{opacity:0;transform:scale(0)rotate(-25deg)}60%{opacity:1;transform:scale(1.3)rotate(8deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes emojiFloat{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-13px)rotate(3deg)}}.translation-text{color:var(--text-dark);text-align:center;letter-spacing:1px;font-family:Prompt,sans-serif;font-size:42px;line-height:1.3}.counter-display{z-index:200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:3px solid #ffd04a73;border-radius:100px;align-items:center;gap:10px;padding:9px 22px;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 4px 18px #00000040}.counter-display .emoji{font-size:22px;animation:4s linear infinite starSpin}@keyframes starSpin{to{transform:rotate(360deg)}}.counter-display .count{color:var(--text-dark);letter-spacing:1px;font-family:Prompt,sans-serif;font-size:21px}.quiz-score{z-index:200;background:linear-gradient(135deg,#ffd04af7,#ff8c00f7);border:3px solid #fff;border-radius:100px;align-items:center;gap:10px;padding:9px 22px;display:none;position:fixed;top:20px;right:20px;box-shadow:0 4px 18px #ff8c0073}.quiz-score .emoji{font-size:22px}.quiz-score .count{color:#fff;font-family:Prompt,sans-serif;font-size:21px}.speed-control{display:none}.section-label{z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;text-overflow:ellipsis;border:3px solid #fff;border-radius:100px;max-width:calc(100vw - 180px);padding:8px 24px;font-family:Prompt,sans-serif;font-size:18px;position:fixed;top:14px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 16px #00000038}.section-label.vocab{color:#fff;background:linear-gradient(135deg,#2196f3eb,#0d47a1eb)}.section-label.quiz{color:#fff;background:linear-gradient(135deg,#ffd04af7,#e63946f7)}.home-btn{width:46px;height:46px;color:var(--text-dark);z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffed;border:3px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;font-size:20px;text-decoration:none;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;top:14px;left:20px;box-shadow:0 4px #00000026,0 8px 20px #00000038}.home-btn:hover{background:linear-gradient(135deg,#ffd04a,#ff8c00);transform:translateY(-3px)scale(1.12);box-shadow:0 7px #0000001f,0 14px 28px #ff8c0066}.home-btn:active{transform:translateY(1px)scale(.97)}.nav-btn{width:70px;height:70px;color:var(--text-dark);cursor:pointer;z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffed;border:4px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;font-size:28px;font-weight:900;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;top:50%;transform:translateY(-50%);box-shadow:0 5px #00000026,0 10px 28px #00000047}.nav-btn:hover{color:#fff;background:linear-gradient(135deg,#ffd04a,#ff8c00);transform:translateY(calc(-50% - 4px))scale(1.14);box-shadow:0 9px #0000001f,0 16px 38px #ff8c0073}.nav-btn:active{transform:translateY(calc(2px - 50%))scale(.96)}.nav-prev{left:28px}.nav-next{right:28px}.swiper-pagination{bottom:128px!important}.swiper-pagination-bullet{opacity:1;background:#ffffff8c;border:2px solid #ffffffbf;width:11px;height:11px;transition:all .3s}.swiper-pagination-bullet-active{background:#ffd04a;transform:scale(1.6);box-shadow:0 3px 10px #ffd04ab3}.intro-slide-box{flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%;padding:80px 40px 155px;display:flex;position:relative;overflow:hidden}.chapter-badge{color:#fffffff2;letter-spacing:3px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff24;border:3px solid #ffffff80;border-radius:100px;padding:10px 32px;font-family:Prompt,sans-serif;font-size:21px}.intro-main-card{text-align:center;background:#fff0f5;border-radius:30px;width:100%;max-width:560px;padding:28px 48px;position:relative;overflow:hidden;box-shadow:0 6px #00000038,0 28px 75px #0000006b}.intro-main-card:before{content:"";background:repeating-linear-gradient(-55deg,#f4a0c0 0 8px,#ffdaed 8px 16px,#eb80b0 16px 24px,#ffdaed 24px 32px);height:12px;position:absolute;top:0;left:0;right:0}.intro-zh{color:var(--text-dark);letter-spacing:4px;font-family:KaiTi,楷体,STKaiti,Prompt,serif;font-size:clamp(28px,7vw,60px);font-weight:900;line-height:1.1;display:block}.intro-th{color:#666;margin-top:8px;font-family:Prompt,sans-serif;font-size:clamp(16px,3.5vw,26px);display:block}.intro-emoji-banner{justify-content:center;align-items:center;gap:16px;display:flex}.intro-emoji-banner span{filter:drop-shadow(0 5px 10px #0000004d);font-size:50px;animation:2s ease-in-out infinite introWave}.intro-emoji-banner span:first-child{animation-delay:0s}.intro-emoji-banner span:nth-child(2){animation-delay:.2s}.intro-emoji-banner span:nth-child(3){animation-delay:.4s}.intro-emoji-banner span:nth-child(4){animation-delay:.6s}.intro-emoji-banner span:nth-child(5){animation-delay:.8s}@keyframes introWave{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-14px)scale(1.1)}}.start-btn{color:#fff;cursor:pointer;letter-spacing:2px;background:linear-gradient(145deg,#ffd04a,#ff8c00);border:5px solid #fff;border-radius:100px;padding:19px 58px;font-family:Prompt,sans-serif;font-size:27px;transition:all .2s cubic-bezier(.34,1.56,.64,1);animation:2s ease-in-out infinite alternate btnGlow;box-shadow:0 8px #b06000,0 14px 35px #ff8c008c}@keyframes btnGlow{0%{box-shadow:0 8px #b06000,0 14px 35px #ff8c008c}to{box-shadow:0 8px #b06000,0 14px 55px #ffd04ad9}}.start-btn:hover{transform:translateY(-5px)scale(1.06)}.start-btn:active{transform:translateY(3px);box-shadow:0 3px #b06000}.quiz-divider-box{flex-direction:column;justify-content:center;align-items:center;gap:26px;height:100%;padding:40px 40px 155px;display:flex}.quiz-badge{color:#fff;letter-spacing:2px;background:linear-gradient(135deg,#ffd04a,#ff8c00);border:4px solid #fff;border-radius:100px;padding:11px 36px;font-family:Prompt,sans-serif;font-size:23px;box-shadow:0 6px #b06000,0 12px 30px #ff8c008c}.quiz-title{color:#fff;text-shadow:3px 3px #0000004d,0 0 40px #ffd04a80;letter-spacing:2px;text-align:center;font-family:Prompt,sans-serif;font-size:65px;animation:3s ease-in-out infinite quizTitleFloat}@keyframes quizTitleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.quiz-subtitle{color:#ffffffe6;text-align:center;text-shadow:0 2px 8px #00000073;max-width:540px;font-family:Prompt,sans-serif;font-size:23px;font-weight:700;line-height:1.6}.quiz-start-btn{color:#fff;cursor:pointer;letter-spacing:2px;background:linear-gradient(145deg,#4caf50,#1b5e20);border:5px solid #fff;border-radius:100px;padding:17px 52px;font-family:Prompt,sans-serif;font-size:25px;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px #0a3d0a,0 14px 35px #4caf508c}.quiz-start-btn:hover{transform:translateY(-5px)scale(1.05)}.quiz-start-btn:active{transform:translateY(3px);box-shadow:0 3px #0a3d0a}.quiz-card-wrapper{flex-direction:column;align-items:center;gap:24px;display:flex}.quiz-question-card{background:#fff0f5;border:3px solid #fffffff2;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:175px;padding:36px 76px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px #b0c0d0,0 8px #9ab0c4,0 20px 50px #00000052}.quiz-question-card:before{content:"";background:repeating-linear-gradient(45deg,#f4a0c0 0 5px,#ffdaed 5px 10px,#eb80b0 10px 15px,#ffdaed 15px 20px);border-radius:24px 24px 0 0;height:11px;position:absolute;top:0;left:0;right:0}.quiz-question-emoji{filter:drop-shadow(0 8px 16px #0003);font-size:85px;line-height:1;animation:2s ease-in-out infinite emojiFloat}img.quiz-question-emoji{object-fit:contain;width:auto;height:85px}.quiz-question-label{color:#999;letter-spacing:1px;font-family:Prompt,sans-serif;font-size:21px}.quiz-options-grid{grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:660px;display:grid}.quiz-option-btn{color:var(--text-dark);cursor:pointer;text-align:center;letter-spacing:2px;background:#fff0f5;border:4px solid #ffffffd9;border-radius:18px;padding:17px 26px;font-family:KaiTi,楷体,STKaiti,Prompt,serif;font-size:36px;font-weight:900;transition:all .18s cubic-bezier(.34,1.56,.64,1);box-shadow:0 5px #c8d8e8,0 8px 18px #0003}.quiz-option-btn:hover{background:linear-gradient(160deg,#e3f2fd,#fff);border-color:#2196f366;transform:translateY(-5px)scale(1.05);box-shadow:0 10px #a0c0d8,0 14px 28px #2196f34d}.quiz-option-btn.correct{color:#1b5e20;background:linear-gradient(145deg,#c8f5c8,#a8f0a8);border-color:#4caf50;transform:scale(1.06);box-shadow:0 5px #2e7d32,0 10px 24px #4caf508c}.quiz-option-btn.wrong{color:#a0001a;background:linear-gradient(145deg,#ffe0e0,#ffbcbc);border-color:#e63946;animation:.45s shake;box-shadow:0 5px #a0001a,0 8px 18px #e6394666}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-9px)}40%{transform:translate(9px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.quiz-option-btn.disabled{pointer-events:none;opacity:.72}.quiz-feedback{color:#fff;text-shadow:0 3px 10px #00000073;text-align:center;letter-spacing:1px;min-height:36px;font-family:Prompt,sans-serif;font-size:25px;transition:all .3s}@media (max-width:768px){.section-label{max-width:calc(100vw - 140px);padding:6px 14px;font-size:14px}.slide-box{gap:18px;padding:88px 18px 148px}.word{font-size:66px}.translation-emoji{font-size:74px}.translation-text{font-size:33px}.card{min-height:195px;padding:32px 38px}.cards-container{flex-direction:column;align-items:center}.vocab-card-wrap{justify-content:center;width:100%;display:flex}.cards-container.show-translation .vocab-card-wrap{transform:translateY(-8px)translate(0)}.translation-card-wrap{opacity:0;width:88vw;max-width:390px;height:0;transition:height .65s cubic-bezier(.68,-.55,.265,1.55),opacity .45s .18s;overflow:hidden}.cards-container.show-translation .translation-card-wrap{opacity:1;width:88vw;height:235px}.translation-card{width:100%;min-height:unset;gap:11px;margin-top:13px;margin-left:0;padding:24px 28px}.nav-btn{width:52px;height:52px;font-size:22px}.nav-prev{left:10px}.nav-next{right:10px}.translate-btn{width:70px;height:70px;font-size:26px}.intro-zh{font-size:48px}.intro-th{font-size:23px}.quiz-options-grid{gap:10px}.quiz-option-btn{padding:13px 15px;font-size:29px}.quiz-question-emoji{font-size:70px}img.quiz-question-emoji{height:70px}.quiz-title{font-size:48px}}