:root{--blue-500: #4f7cff;--blue-600: #3a63d8;--blue-100: #dbe7ff;--orange: #ff9f43;--orange-deep: #f57c00;--green-500: #5cb874;--green-600: #3d9e5c;--text: #2b3a55;--text-weak: #7a8699;--card: rgba(255, 255, 255, .55);--card-solid: #ffffff;--radius-lg: 24px;--radius: 16px;--shadow-card: 0 8px 30px rgba(74, 111, 165, .18);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{color:var(--text);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none}input{font-family:inherit}.app-bg{min-height:100%;background:linear-gradient(135deg,#eaf2fe,#dbe8fb 45%,#c9dcf7);position:relative;overflow:hidden;overflow:clip}.app-bg:before,.app-bg:after{content:"";position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;pointer-events:none}.app-bg:before{width:420px;height:420px;background:#b9d2f9;top:-120px;left:-100px}.app-bg:after{width:520px;height:520px;background:#f3d9f1;bottom:-180px;right:-140px}.green-bg{min-height:100%;background:linear-gradient(180deg,#8fce8f,#6cbf7c 55%,#5ab571);position:relative;overflow:hidden}.top-nav{display:flex;align-items:center;gap:28px;padding:14px 32px 10px;position:sticky;top:0;z-index:50;background:linear-gradient(180deg,#eaf2fef2,#eaf2fecc);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.top-nav .nav-item{font-size:20px;font-weight:700;color:var(--text);background:none;padding:4px 2px;position:relative;text-decoration:none}.top-nav .nav-item.active{color:#1f2d4d}.top-nav .nav-item.active:after{content:"";position:absolute;left:8%;right:8%;bottom:-6px;height:8px;border-radius:8px;background:linear-gradient(90deg,#4f7cff,#7aa5ff);opacity:.85}.top-nav .spacer{flex:1}.pill-btn{background:#ffffffb3;border-radius:999px;padding:8px 20px;font-size:14px;color:var(--text);box-shadow:0 2px 8px #4a6fa526}.icon-btns{display:flex;gap:18px}.icon-btn{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;font-size:12px;color:var(--text)}.icon-btn .ico{width:34px;height:34px;border-radius:10px;background:#ffffffa6;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 2px 6px #4a6fa526}.glass-card{background:var(--card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.section-title{display:flex;align-items:center;justify-content:center;gap:12px;font-size:26px;font-weight:800;background:linear-gradient(90deg,#ff9f43,#ff7a1a);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:2px}.section-title .deco{color:#ffb763;font-size:18px;letter-spacing:2px}.bottom-dock{position:fixed;left:50%;bottom:18px;transform:translate(-50%);display:flex;align-items:center;gap:6px;background:#345c9e8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;padding:8px 14px;z-index:20}.dock-item{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;color:#eaf2ff;font-size:12px;padding:4px 10px;border-radius:12px;text-decoration:none}.dock-item:hover{background:#ffffff26}.dock-item .ico{font-size:20px}.dock-divider{width:1px;height:30px;background:#ffffff59;margin:0 6px}.assistant{position:fixed;left:18px;bottom:24px;z-index:20;display:flex;align-items:flex-end;gap:8px}.assistant .bubble{background:#fff;border-radius:999px;padding:8px 16px;font-size:13px;color:var(--text);box-shadow:0 4px 14px #1f2d4d2e;margin-bottom:26px;white-space:nowrap}.dots{display:flex;justify-content:center;gap:10px;padding:18px 0 60px}.dots .dot{width:10px;height:10px;border-radius:999px;background:#fffc;border:1px solid rgba(79,124,255,.4)}.dots .dot.active{width:22px;background:#4f7cff}.btn-primary{background:linear-gradient(90deg,#5c8bff,#3a63d8);color:#fff;border-radius:999px;font-size:16px;padding:12px 0;width:100%}.btn-orange{background:linear-gradient(90deg,#ffb056,#ff8f2b);color:#fff;border-radius:999px;font-weight:700;box-shadow:0 4px 12px #ff8f2b66}.field{display:flex;align-items:center;gap:10px;background:#f2f6fd;border:1px solid #e3ebf8;border-radius:999px;padding:12px 18px;margin-bottom:16px}.field input{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:var(--text)}.field input::placeholder{color:#a7b4c9}.report-tabs{display:flex;background:#ffffff59;border-radius:999px;padding:4px}.report-tabs button{padding:8px 22px;border-radius:999px;font-size:15px;color:#eafff0;background:none}.report-tabs button.active{background:#2f8f56;color:#fff;font-weight:700}.side-tab{display:block;width:100%;text-align:left;padding:16px 26px;font-size:18px;font-weight:700;color:#e8fff0;background:#ffffff2e;border-radius:16px;margin-bottom:14px;border-left:6px solid transparent}.side-tab.active{background:linear-gradient(90deg,#ffd79a,#ffb763);color:#7c4a00;border-left-color:#ff9f43}@keyframes pageFade{0%{opacity:0}to{opacity:1}}.page-enter{animation:pageFade .35s ease both}@keyframes tabFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tab-enter{animation:tabFade .32s cubic-bezier(.22,.61,.36,1) both}@keyframes maskFade{0%{opacity:0}to{opacity:1}}@keyframes cardPop{0%{opacity:0;transform:scale(.82) translateY(16px)}70%{transform:scale(1.03) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-mask{animation:maskFade .25s ease both}.modal-card{animation:cardPop .4s cubic-bezier(.34,1.4,.5,1) both}@keyframes itemFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stagger>*{animation:itemFade .45s ease both}.stagger>*:nth-child(1){animation-delay:.03s}.stagger>*:nth-child(2){animation-delay:.07s}.stagger>*:nth-child(3){animation-delay:.11s}.stagger>*:nth-child(4){animation-delay:.15s}.stagger>*:nth-child(5){animation-delay:.19s}.stagger>*:nth-child(6){animation-delay:.23s}.stagger>*:nth-child(7){animation-delay:.27s}.stagger>*:nth-child(8){animation-delay:.31s}.top-nav .nav-item{transition:color .25s ease}.top-nav .nav-item:after{transition:all .3s ease}.dock-item{transition:background .2s ease,transform .15s ease}.dock-item:active{transform:scale(.9)}.side-tab{transition:background .25s ease,color .25s ease,box-shadow .25s ease}.report-tabs button{transition:background .25s ease,font-weight .1s}.top-nav .icon-btn .ico img{width:26px;height:26px;object-fit:contain;pointer-events:none}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e2d5073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:90;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.modal-card{background:#fff;border-radius:24px;padding:28px 32px;width:380px;max-width:calc(100vw - 48px);box-shadow:0 24px 60px #1e3c784d;animation:popIn .28s cubic-bezier(.34,1.56,.64,1);text-align:center}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card h2{margin:0 0 14px;font-size:22px;color:#2c3a5e}.modal-btn{margin-top:18px;width:100%;padding:13px 0;border:none;border-radius:999px;font-size:16px;font-weight:800;color:#fff;cursor:pointer;transition:transform .15s ease,filter .15s ease}.modal-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.modal-btn:disabled{filter:grayscale(.5);opacity:.6;cursor:not-allowed}.modal-btn.pink{background:linear-gradient(135deg,#ff8a9e,#ff5e7e);box-shadow:0 8px 20px #ff5e7e59}.modal-btn.purple{background:linear-gradient(135deg,#9d7bff,#6a4de0);box-shadow:0 8px 20px #6a4de059}.modal-btn.blue{background:linear-gradient(135deg,#5aa7ff,#3a7de0);box-shadow:0 8px 20px #3a7de059}.modal-card .err{color:#e04b40;font-size:13px;margin:6px 0 0}.sign-calendar{position:relative;background:linear-gradient(170deg,#ffe9ec,#fff7f4);border-radius:18px;padding:26px 22px 20px;overflow:hidden}.sign-calendar .ring{position:absolute;top:-6px;width:14px;height:34px;border:4px solid #ffd257;border-radius:8px;background:#fff}.sign-calendar .ring.left{left:22%;transform:rotate(-12deg)}.sign-calendar .ring.right{right:22%;transform:rotate(12deg)}.sign-calendar h2{margin:0 0 8px;font-size:24px;color:#e0483f;font-style:italic}.sign-calendar h2 em{font-style:italic;background:linear-gradient(135deg,#ffb14e,#ff7a3d);color:#fff;font-size:16px;padding:3px 10px;border-radius:10px;margin-left:6px;vertical-align:3px}.coins-art{position:relative;height:86px;display:flex;align-items:center;justify-content:center}.coins-art .c1,.coins-art .c2{width:62px;height:62px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe08a,#f5b83d 65%,#d99a26);border:3px solid #fff;box-shadow:0 6px 14px #d99a2666}.coins-art .c2{margin-left:-18px;transform:translateY(8px) scale(.85)}.coins-art .reward{position:absolute;right:10px;top:2px;background:#fff;color:#f0742e;border:2px solid #ffd8c2;border-radius:999px;font-size:13px;padding:3px 10px}.sign-info p{margin:4px 0;font-size:15px;color:#4a5578}.sign-info strong{color:#f0742e;font-size:19px}.sign-info .tip{font-size:12.5px;color:#9aa7c4}.sign-info .err{color:#e04b40;font-size:13px}.glow-title{background:linear-gradient(90deg,#ff8ac2,#a06bff);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic}.checkin-card{background:linear-gradient(175deg,#f2fbef,#eaf6ff);border-radius:18px;padding:26px 20px}.checkin-card p{margin:0 0 6px;color:#4a5578;font-size:15px}.checkin-card strong{font-size:34px;color:#2c3a5e;letter-spacing:2px;font-variant-numeric:tabular-nums}.checkin-card .tip{font-size:13px;color:#7d8bad}.checkin-card .tip em{color:#6a4de0;font-style:normal;font-weight:800;font-size:15px}.checkin-card .msg{margin-top:8px;font-size:13px;color:#e04b40}.checkin-card .msg.ok{color:#2f9e57}.feedback-modal{text-align:left}.feedback-modal h2{text-align:center}.fb-types{display:flex;gap:10px;margin-bottom:12px}.fb-types button{flex:1;padding:8px 0;border:2px solid #e3ebf8;background:#fff;border-radius:12px;font-size:14px;cursor:pointer;color:#5a708f;font-weight:700}.fb-types button.on{border-color:#5aa7ff;color:#3a7de0;background:#eef6ff}.feedback-modal textarea,.feedback-modal input{width:100%;box-sizing:border-box;border:2px solid #e3ebf8;border-radius:12px;padding:10px 14px;font-size:14px;font-family:inherit;color:#2c3a5e;margin-bottom:10px;resize:vertical}.feedback-modal textarea:focus,.feedback-modal input:focus{outline:none;border-color:#5aa7ff}.fb-ok{text-align:center;color:#2f9e57;font-size:16px;font-weight:700;margin:20px 0}.dict-page{max-width:900px;margin:0 auto;padding:24px 32px 120px;position:relative;min-height:calc(100vh - 72px)}.back-fab{position:absolute;left:24px;top:20px;width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(160deg,#ffd257,#f0a92e);box-shadow:0 6px 14px #f0a92e66;display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.back-fab:hover{transform:scale(1.08)}.dict-title{text-align:center;margin:6px 0 30px;font-size:30px;color:#2c3a5e}.dict-title .brand{color:#f0742e;font-weight:900;font-style:italic;margin-right:6px}.dict-search{position:relative;display:flex;align-items:center;background:#fff;border:2px solid #2c3a5e;border-radius:16px;padding:8px 14px;box-shadow:0 10px 26px #3a63d81f;z-index:5}.dict-search .lang{border:none;background:none;cursor:pointer;font-weight:900;font-size:15px;color:#2c3a5e;display:flex;flex-direction:column;align-items:center;line-height:1.15;padding-right:12px;border-right:1px solid #dfe7f3;margin-right:12px}.dict-search .lang i{width:14px;height:1px;background:#b9c8de;transform:rotate(45deg);margin:2px 0}.dict-search input{flex:1;border:none;outline:none;font-size:17px;color:#2c3a5e;background:none}.dict-search input::placeholder{color:#b9c8de}.dict-search .go{border:none;background:none;cursor:pointer;padding:4px}.dict-sug{position:absolute;left:-2px;right:-2px;top:calc(100% + 10px);background:#fff;border:2px solid #2c3a5e;border-radius:16px;list-style:none;margin:0;padding:8px;box-shadow:0 16px 34px #3a63d829;max-height:320px;overflow:auto}.dict-sug li{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;cursor:pointer;font-size:15px}.dict-sug li:hover{background:#eef6ff}.dict-sug b{color:#2c3a5e}.dict-sug span{color:#8fa3c4;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dict-hint{text-align:center;color:#9aa7c4;margin-top:44px;font-size:15px}.dict-entry{margin-top:34px;animation:fadeIn .25s ease}.dict-entry .head{display:flex;align-items:center;gap:14px}.dict-entry h2{margin:0;font-size:34px;color:#2c3a5e}.speaker{border:none;cursor:pointer;border-radius:50%;background:linear-gradient(160deg,#6db3ff,#3a8de0);box-shadow:0 4px 10px #3a8de059;display:inline-flex;align-items:center;justify-content:center}.speaker.big{width:38px;height:38px}.speaker.sm{width:22px;height:22px;background:linear-gradient(160deg,#5aa7ff,#3a7de0);margin-left:10px;vertical-align:middle}.speaker:hover{filter:brightness(1.08)}.phonetic{color:#5a708f;font-size:17px;margin:8px 0 4px 4px}.means{color:#2c3a5e;font-size:16.5px;margin:6px 0 0 4px;line-height:1.7}.means em{font-style:normal;color:#3a7de0;margin-right:4px}.sents{margin-top:26px;display:flex;flex-direction:column;gap:16px}.sent .en{color:#3a7de0;font-weight:700;font-size:16px;display:flex;align-items:center}.sent .tag{background:#e8f1ff;color:#3a7de0;font-size:12px;font-weight:800;border-radius:6px;padding:2px 8px;margin-right:10px}.sent .zh{color:#8fa3c4;font-size:14px;margin:4px 0 0 2px}.shop-page{max-width:1080px;margin:0 auto;padding:24px 32px 120px;position:relative}.shop-banner{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#6db3ff,#8f7bff);border-radius:22px;padding:26px 32px;color:#fff;box-shadow:0 14px 34px #5a6eeb59}.shop-banner h1{margin:0;font-size:26px}.shop-banner p{margin:6px 0 0;opacity:.9;font-size:14px}.wallet{display:flex;align-items:center;gap:8px;background:#ffffff38;border-radius:999px;padding:10px 22px}.wallet b{font-size:24px}.wallet .unit{font-size:13px;opacity:.9}.shop-tabs{display:flex;gap:12px;margin:22px 0 18px}.shop-tabs button{padding:9px 26px;border-radius:999px;border:none;cursor:pointer;background:#fff;color:#5a708f;font-weight:800;font-size:15px;box-shadow:0 3px 10px #4a6fa51f}.shop-tabs button.on{background:linear-gradient(135deg,#6db3ff,#4a7de0);color:#fff}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}.shop-card{background:#fff;border-radius:18px;padding:14px 16px 16px;box-shadow:0 6px 18px #4a6fa51f;animation:popIn .3s ease both}.shop-card .preview{height:110px;border-radius:12px;display:flex;align-items:center;justify-content:center}.shop-card h3{margin:10px 0 2px;font-size:16px;color:#2c3a5e}.shop-card p{margin:0;font-size:12.5px;color:#9aa7c4}.shop-card .row{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.shop-card .price{display:inline-flex;align-items:center;gap:5px;font-weight:800;color:#e8a020;font-size:15px}.shop-card button{border:none;border-radius:999px;padding:8px 20px;font-weight:800;font-size:13.5px;cursor:pointer}.shop-card .buy{background:linear-gradient(135deg,#ffb14e,#f0742e);color:#fff;box-shadow:0 5px 12px #f0742e59}.shop-card .buy:disabled{filter:grayscale(.6);opacity:.55;cursor:not-allowed}.shop-card .use{background:#eef6ff;color:#3a7de0}.shop-card .use.active{background:linear-gradient(135deg,#52cf7f,#2f9e57);color:#fff}.toast{position:fixed;left:50%;bottom:120px;transform:translate(-50%);background:#2c3a5eeb;color:#fff;font-size:14.5px;padding:12px 26px;border-radius:999px;z-index:95;animation:fadeIn .2s ease}.games-page{max-width:1080px;margin:0 auto;padding:24px 32px 120px;position:relative}.section-hero{text-align:center;margin:6px 0 28px;font-size:26px;color:#f0742e;font-style:italic}.section-hero .deco{color:#b9c8de;font-size:18px;margin:0 12px}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}.game-card{border:none;cursor:pointer;text-align:left;padding:0;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 8px 22px #4a6fa524;transition:transform .18s ease,box-shadow .18s ease}.game-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #4a6fa538}.game-card .art{height:130px;position:relative;display:flex;align-items:center;justify-content:center}.game-card .soon{position:absolute;top:0;right:0;bottom:0;left:0;background:#f0f4fca6;display:flex;align-items:center;justify-content:center;font-weight:800;color:#5a708f;font-size:15px}.game-card .meta{padding:14px 18px 16px}.game-card h3{margin:0;font-size:18px;color:#2c3a5e}.game-card p{margin:5px 0 0;font-size:13px;color:#8fa3c4}.game-card em{display:inline-block;margin-top:6px;font-size:12.5px;font-style:normal;color:#e8a020;font-weight:700}.kb-game{max-width:640px;margin:30px auto;background:#fff;border-radius:24px;padding:30px 36px 40px;text-align:center;box-shadow:0 16px 40px #4a6fa52e}.kb-head{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:15px;color:#5a708f}.kb-head b{color:#6a4de0;font-size:19px}.kb-head .use{border:none;background:#eef1f8;color:#5a708f;border-radius:999px;padding:8px 18px;font-weight:700;cursor:pointer}.kb-tip{color:#8fa3c4;margin:34px 0 10px;font-size:15px}.kb-word{display:flex;justify-content:center;gap:10px;margin:20px 0;flex-wrap:wrap}.kb-word span{width:52px;height:60px;border-radius:12px;background:#f2f6fd;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:900;color:#b9c8de;text-transform:lowercase;border-bottom:4px solid #dfe7f3}.kb-word span.done{background:linear-gradient(160deg,#a08bff,#7357e0);color:#fff;border-bottom-color:#5b3fc4}.kb-word span.cur{border-bottom-color:#6a4de0;color:#6a4de0}.kb-say{margin-top:8px;border:2px solid #e3ebf8;background:#fff;color:#3a7de0;font-weight:800;border-radius:999px;padding:9px 26px;cursor:pointer}.kb-over h2{color:#2c3a5e;font-size:26px;margin:30px 0 8px}.kb-over p{color:#5a708f;font-size:16px}.kb-over b{color:#6a4de0;font-size:22px}.train-page{max-width:900px;margin:0 auto;padding:20px 32px 130px;position:relative;min-height:calc(100vh - 72px)}.train-page.hub{max-width:1080px}.train-back{width:42px;height:42px;border-radius:50%;border:none;cursor:pointer;background:#fff;color:#2c3a5e;font-size:26px;font-weight:900;line-height:1;box-shadow:0 4px 12px #4a6fa529;position:absolute;left:24px;top:18px;z-index:5}.train-back:hover{transform:scale(1.06)}.train-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:120px 0;color:#8fa3c4;font-size:15px}.train-loading-dot{width:10px;height:10px;border-radius:50%;background:#9db8e8;animation:bounceDot 1s infinite}.train-loading-dot:nth-child(2){animation-delay:.15s}.train-loading-dot:nth-child(3){animation-delay:.3s}@keyframes bounceDot{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.train-empty{text-align:center;padding:100px 0;color:#5a708f}.train-empty p{margin:18px 0;line-height:1.9}.train-hero{display:flex;align-items:center;gap:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--hue, #5c8bff) 92%,#fff 8%),color-mix(in srgb,var(--hue, #5c8bff) 70%,#fff 30%));border-radius:22px;color:#fff;box-shadow:0 12px 28px color-mix(in srgb,var(--hue, #5c8bff) 35%,transparent);margin:8px 0 20px;padding:22px 26px 22px 84px}.train-hero .hero-ico{width:62px;height:62px;border-radius:18px;background:#ffffff40;display:flex;align-items:center;justify-content:center;flex-shrink:0}.train-hero h1{margin:0;font-size:24px}.train-hero p{margin:4px 0 0;opacity:.92;font-size:13.5px}.train-hero .hero-stats{margin-left:auto;text-align:right;font-size:13px;opacity:.95;display:flex;flex-direction:column;gap:4px}.train-hero .hero-stats b{font-size:16px}.unit-picker{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.up-label{font-size:13.5px;color:var(--text-weak);padding-top:9px;flex-shrink:0;font-weight:700}.up-chips{display:flex;flex-wrap:wrap;gap:8px}.up-chips button{padding:8px 16px;border-radius:999px;border:1.5px solid #dbe5f5;background:#fff;font-size:13.5px;font-weight:700;color:#5a708f;cursor:pointer;transition:all .15s ease}.up-chips button:hover{border-color:#9db8e8}.up-chips button.on{background:linear-gradient(135deg,#5c8bff,#3a7de0);border-color:transparent;color:#fff;box-shadow:0 4px 10px #3a7de04d}.mode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.mode-card{border:none;cursor:pointer;border-radius:18px;background:#fff;box-shadow:0 5px 16px #4a6fa51f;padding:18px 14px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .16s ease,box-shadow .16s ease;animation:tab-enter .4s ease both;animation-delay:var(--d, 0s)}.mode-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px color-mix(in srgb,var(--hue, #5c8bff) 25%,transparent)}.mode-card .mc-ico{width:48px;height:48px;border-radius:14px;margin-bottom:6px;background:color-mix(in srgb,var(--hue, #5c8bff) 14%,#fff);display:flex;align-items:center;justify-content:center}.mode-card b{font-size:15.5px;color:#2c3a5e}.mode-card .mc-desc{font-size:12px;color:#9aa7c4}.train-links{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.train-links button{border:1.5px solid #dbe5f5;background:#fff;border-radius:999px;padding:9px 20px;font-size:13.5px;font-weight:700;color:#5a708f;cursor:pointer}.train-links button:hover{border-color:#9db8e8;color:#3a7de0}.train-top{display:flex;align-items:center;gap:14px;padding:4px 0 12px}.train-title{font-size:16px;font-weight:800;color:#2c3a5e;flex:1}.train-count{font-size:14px;color:#8fa3c4;font-weight:700;font-variant-numeric:tabular-nums}.train-hud{display:flex;align-items:center;gap:12px;font-weight:800}.train-hud .hearts{color:#ff5e7e;letter-spacing:2px}.train-hud .timer{color:#6a4de0;font-variant-numeric:tabular-nums}.train-progress{height:8px;border-radius:8px;background:#e8eefb;overflow:hidden;margin-bottom:26px}.train-progress>div{height:100%;border-radius:8px;background:linear-gradient(90deg,#5c8bff,#7aa5ff);transition:width .4s ease}.q-wrap{animation:tab-enter .3s ease}.q-prompt.card{background:#fff;border-radius:22px;padding:30px 28px;box-shadow:0 10px 30px #4a6fa524;text-align:center;margin-bottom:24px}.q-label{display:inline-block;background:#eef6ff;color:#3a7de0;font-size:13px;font-weight:800;padding:5px 16px;border-radius:999px;margin-bottom:18px}.q-main{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.q-text{font-size:34px;font-weight:900;color:#2c3a5e;line-height:1.4}.q-text.big{font-size:28px}.q-text.small{font-size:20px;color:#5a708f;font-weight:700}.q-sub{color:#8fa3c4;font-size:15px;margin-top:10px}.q-prompt .speaker.big{width:52px;height:52px}.q-options{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.q-options.col{grid-template-columns:1fr}.q-opt{border:2px solid #e3ebf8;background:#fff;border-radius:16px;padding:18px 20px;font-size:18px;font-weight:700;color:#2c3a5e;cursor:pointer;transition:all .15s ease;line-height:1.5;text-align:left}.q-opt:hover{border-color:#9db8e8;transform:translateY(-2px)}.q-opt.right{border-color:#52cf7f;background:#f0fbf4;color:#2f9e57}.q-opt.wrong{border-color:#ff8a9e;background:#fff2f4;color:#e04b40}.q-options.col .q-opt{font-size:16px}.type-wrap{display:flex;gap:12px;align-items:flex-start;flex-direction:column}.type-wrap input{width:100%;box-sizing:border-box;border:2.5px solid #2c3a5e;border-radius:16px;padding:16px 20px;font-size:20px;font-weight:700;color:#2c3a5e;font-family:inherit;box-shadow:0 8px 22px #3a63d81f;outline:none;background:#fff}.type-wrap input:focus{border-color:#5c8bff}.type-wrap input.ok{border-color:#52cf7f;background:#f0fbf4}.type-wrap input.bad{border-color:#ff8a9e;background:#fff2f4}.type-wrap .train-btn{align-self:center;min-width:140px}.type-verdict{text-align:center;font-size:17px;font-weight:800;padding:6px 0;width:100%}.type-verdict.ok{color:#2f9e57}.type-verdict.bad{color:#e04b40}.type-verdict b{color:#2c3a5e}.speak-card .speaker.big{width:auto;border-radius:999px;padding:0 22px;height:46px;color:#fff;font-weight:800;gap:8px;font-size:14.5px}.mic-zone{background:#fff;border-radius:22px;padding:28px;box-shadow:0 10px 30px #4a6fa51f;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.mic-zone>span{color:#8fa3c4;font-size:14px}.mic-ring{width:84px;height:84px;border-radius:50%;background:linear-gradient(160deg,#ff8ac2,#a06bff);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px #a06bff59;transition:transform .2s ease,box-shadow .2s ease}.mic-zone.rec .mic-ring{transform:scale(1.15);animation:micPulse 1s infinite;box-shadow:0 0 0 12px #a06bff26}@keyframes micPulse{50%{transform:scale(1.22)}}.speak-btns .train-btn{min-width:150px}.self-rate{display:flex;align-items:center;gap:12px;color:#5a708f;font-size:14.5px}.rate{border:none;border-radius:999px;padding:10px 22px;font-weight:800;cursor:pointer;font-size:14.5px}.rate.good{background:#f0fbf4;color:#2f9e57}.rate.bad{background:#fff2f4;color:#e04b40}.flip-wrap{text-align:center}.train-tip{color:#8fa3c4;font-size:14.5px;margin:0 0 20px}.flip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-bottom:26px}.flip-card{border:2px dashed #cfdcf2;border-radius:16px;background:#fff;cursor:pointer;padding:18px 12px;display:flex;flex-direction:column;gap:8px;align-items:center;transition:all .2s ease;min-height:96px;justify-content:center}.flip-card .en{font-size:18px;font-weight:800;color:#2c3a5e}.flip-card .zh{font-size:13px;color:#9aa7c4}.flip-card.on{border-style:solid;border-color:#9db8e8;background:#f2f7ff}.flip-card.on .zh{color:#3a7de0;font-weight:700}.train-btn{border:none;cursor:pointer;border-radius:999px;color:#fff;background:linear-gradient(135deg,#5c8bff,#3a7de0);box-shadow:0 8px 20px #3a7de059;font-size:16px;font-weight:800;padding:14px 36px;transition:transform .15s ease,filter .15s ease}.train-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.train-btn.big{min-width:240px}.train-btn.ghost{background:#fff;color:#5a708f;box-shadow:0 4px 12px #4a6fa526}.result-stage{position:relative;z-index:5;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px 24px 96px}.train-result{width:100%;max-width:720px;margin:0 auto;background:#fff;border-radius:26px;padding:44px 40px 38px;text-align:center;box-shadow:0 16px 44px #4a6fa52e;animation:popIn .35s cubic-bezier(.34,1.56,.64,1)}.train-result .stars{display:flex;justify-content:center;gap:10px;margin-bottom:12px}.train-result .stars span{opacity:.18;transform:scale(.85)}.train-result .stars span.on{opacity:1;transform:scale(1);animation:starPop .5s cubic-bezier(.34,1.56,.64,1) both}.train-result .stars span.on:nth-child(2){animation-delay:.15s}.train-result .stars span.on:nth-child(3){animation-delay:.3s}@keyframes starPop{0%{transform:scale(.2) rotate(-20deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.train-result h2{margin:0 0 22px;color:#2c3a5e;font-size:26px}.res-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:26px}.res-grid>div{background:#f5f8fe;border-radius:16px;padding:16px 8px}.res-grid b{display:block;font-size:22px;color:#2c3a5e}.res-grid b.gold{color:#e8a020}.res-grid span{font-size:12.5px;color:#8fa3c4}.train-result .off{color:#b9c8de;font-size:12.5px;margin:-10px 0 14px}.res-btns{display:flex;gap:12px;justify-content:center}@media (max-width: 640px){.train-result{padding:32px 20px 28px}.res-grid{grid-template-columns:repeat(2,1fr);gap:10px}.res-btns{flex-direction:column}.res-btns .train-btn{width:100%}}.note-list{display:flex;flex-direction:column;gap:12px}.note-item{background:#fff;border-radius:16px;padding:16px 20px;box-shadow:0 4px 14px #4a6fa51a;display:flex;align-items:center;justify-content:space-between;gap:14px;animation:tab-enter .35s ease both;animation-delay:var(--d, 0s)}.ni-main{display:flex;flex-direction:column;gap:4px;min-width:0}.ni-en{font-size:17px;color:#2c3a5e}.ni-zh{font-size:13px;color:#8fa3c4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:420px}.ni-meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.ni-count{font-size:12px;color:#b9c8de;margin-right:4px}.ni-btn{width:34px;height:34px;border-radius:50%;border:none;cursor:pointer;background:#f0f5fc;color:#5a708f;display:inline-flex;align-items:center;justify-content:center}.ni-btn:hover{background:#e2edfb;color:#3a7de0}.ni-btn.del:hover{background:#fff2f4;color:#e04b40}.en-page{max-width:1080px;margin:0 auto;padding:20px 32px 130px;position:relative}.en-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.en-tabs button{display:inline-flex;align-items:center;gap:6px;border:1.5px solid #dbe5f5;background:#fff;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:700;color:#5a708f;cursor:pointer;transition:all .15s ease}.en-tabs button:hover{border-color:#9db8e8}.en-tabs button.on{background:linear-gradient(135deg,#9b6df3,#7357e0);border-color:transparent;color:#fff;box-shadow:0 5px 14px #7357e04d}.quiz-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#8fa3c4;font-size:14px;font-weight:700}.quiz-head b{color:#6a4de0;font-size:16px}.q-opt.center{text-align:center;font-size:24px;justify-content:center;display:flex;align-items:center;gap:4px}.quiz-final-score{color:#5a708f;font-size:17px;margin:0 0 20px}.quiz-final-score b{color:#6a4de0;font-size:30px;margin-left:6px}.letter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px}.letter-card{border:none;cursor:pointer;border-radius:16px;background:#fff;box-shadow:0 4px 14px #4a6fa51f;padding:14px 8px 12px;display:flex;flex-direction:column;align-items:center;gap:2px;transition:transform .15s ease,box-shadow .15s ease;animation:tab-enter .4s ease both;animation-delay:var(--d, 0s)}.letter-card:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 22px #9b6df340}.letter-card .up{font-size:30px;font-weight:900;color:#7357e0;line-height:1.1}.letter-card .low{font-size:20px;font-weight:800;color:#b39df2;line-height:1.1}.letter-card .word{font-size:12px;color:#5a708f;display:flex;gap:4px;align-items:center}.letter-card .word em{font-style:normal;color:#b9c8de;font-size:11px}.trace-wrap{display:flex;justify-content:center}.trace-stage{background:#fff;border-radius:26px;padding:44px 60px;text-align:center;box-shadow:0 12px 34px #4a6fa529;min-width:420px}.trace-letter{font-size:130px;font-weight:900;color:#7357e0;line-height:1;text-shadow:2px 2px 0 #efe7fd;display:block}.trace-letter i{font-style:italic;color:#d9cbf7;margin-left:20px}.trace-tip{color:#8fa3c4;font-size:14px;line-height:1.9;margin:18px 0 22px}.trace-btns{display:flex;align-items:center;justify-content:center;gap:14px}.song-wrap{background:#fff;border-radius:24px;padding:28px 30px;box-shadow:0 10px 30px #4a6fa524;text-align:center}.song-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.song-head h3{margin:0;color:#2c3a5e}.song-grid{display:grid;grid-template-columns:repeat(13,1fr);gap:8px;margin-bottom:16px}.song-letter{background:#f5f2ff;border-radius:10px;padding:10px 0;font-weight:900;color:#9b6df3;font-size:17px;transition:all .2s ease}.song-letter.now{background:linear-gradient(135deg,#ff8ac2,#a06bff);color:#fff;transform:scale(1.12);box-shadow:0 6px 14px #a06bff66}@media (max-width: 800px){.song-grid{grid-template-columns:repeat(7,1fr)}}.phonics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:13px}.phonics-card{border:none;cursor:pointer;border-radius:16px;background:#fff;text-align:center;box-shadow:0 4px 14px #4a6fa51f;padding:16px 10px 13px;display:flex;flex-direction:column;gap:3px;transition:transform .15s ease;animation:tab-enter .4s ease both;animation-delay:var(--d, 0s)}.phonics-card:hover{transform:translateY(-3px)}.phonics-card .ph-letters{font-size:26px;font-weight:900;color:#2f9e57}.phonics-card .ph-sound{font-size:15px;color:#48c78e;font-weight:700}.phonics-card .ph-words{font-size:12px;color:#5a708f}.phonics-card .ph-zh{font-size:11px;color:#b9c8de}.blend-parts{display:flex;justify-content:center;gap:6px;margin:12px 0 6px}.blend-parts span{font-size:38px;font-weight:900;color:#5a708f}.blend-parts span.hl{color:#2f9e57;border-bottom:4px solid #48c78e}.ipa-sec{margin:22px 0 12px;font-size:17px}.ipa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:12px}.ipa-card{border:none;cursor:pointer;border-radius:14px;background:#fff;text-align:center;box-shadow:0 4px 12px #4a6fa51f;padding:13px 8px 11px;display:flex;flex-direction:column;gap:2px;transition:transform .15s ease;animation:tab-enter .4s ease both;animation-delay:var(--d, 0s)}.ipa-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px color-mix(in srgb,var(--hue, #5c8bff) 25%,transparent)}.ipa-card .ipa{font-size:22px;font-weight:900;color:var(--hue, #5c8bff);font-family:Times New Roman,serif}.ipa-card .ex{font-size:13px;color:#5a708f;font-weight:600}.ipa-card .zh{font-size:11px;color:#b9c8de}.grammar-list{display:flex;flex-direction:column;gap:11px}.grammar-card{display:flex;align-items:center;gap:14px;text-align:left;border:none;cursor:pointer;border-radius:16px;background:#fff;box-shadow:0 4px 14px #4a6fa51a;padding:15px 20px;transition:transform .15s ease;animation:tab-enter .4s ease both;animation-delay:var(--d, 0s)}.grammar-card:hover{transform:translate(4px)}.gc-no{width:34px;height:34px;border-radius:11px;background:#eef6ff;color:#3a7de0;display:inline-flex;align-items:center;justify-content:center;font-weight:900;flex-shrink:0}.gc-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.gc-main{display:flex;flex-direction:column;gap:3px;min-width:0}.gc-main b{font-size:15.5px;color:#2c3a5e}.gc-main span{font-size:12.5px;color:#8fa3c4}.gc-arrow{margin-left:auto;color:#b6c2d6;font-size:20px;font-weight:700}.grammar-points{display:flex;flex-direction:column;gap:12px}.gp-card{background:#fff;border-radius:14px;padding:16px 20px;box-shadow:0 4px 12px #4a6fa51a;display:flex;flex-direction:column;gap:4px;animation:tab-enter .4s ease both;animation-delay:var(--d, 0s)}.gp-card b{color:#2c3a5e;font-size:16px}.gp-card span{color:#3a7de0;font-size:13.5px;font-weight:700}.passage-card{position:relative;background:#fff;border-radius:18px;padding:20px 24px;box-shadow:0 6px 18px #4a6fa51a;margin-bottom:16px}.passage-card p{margin:0;font-size:15.5px;line-height:1.9;color:#3a4a6b}.passage-card .speaker.sm{position:absolute;top:-12px;right:18px}.paper-list{display:flex;flex-direction:column;gap:14px}.paper-card{display:flex;align-items:center;gap:16px;text-align:left;border:none;cursor:pointer;border-radius:18px;background:#fff;box-shadow:0 5px 16px #4a6fa51f;padding:18px 22px;transition:transform .15s ease;animation:tab-enter .4s ease both;animation-delay:var(--d, 0s)}.paper-card:hover{transform:translateY(-3px)}.pc-ico{width:54px;height:54px;border-radius:15px;flex-shrink:0;background:color-mix(in srgb,var(--hue, #48c78e) 14%,#fff);color:var(--hue, #48c78e);display:inline-flex;align-items:center;justify-content:center}.pc-main{display:flex;flex-direction:column;gap:4px}.pc-main b{font-size:16.5px;color:#2c3a5e}.pc-main span{font-size:13px;color:#8fa3c4}.pc-btn{margin-left:auto;background:linear-gradient(135deg,var(--hue, #48c78e),color-mix(in srgb,var(--hue, #48c78e) 70%,#367 30%));color:#fff;font-size:13px;font-weight:800;border-radius:999px;padding:9px 20px;flex-shrink:0}.reader-head{display:flex;justify-content:space-between;align-items:center;margin:8px 0 14px;color:#5a708f;font-weight:700}.reader-progress{color:#9d7bff;font-variant-numeric:tabular-nums}.reader-stage{text-align:center}.reader-page{background:#fff;border-radius:26px;padding:54px 40px;box-shadow:0 14px 40px #4a6fa529;animation:tab-enter .35s ease;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center}.rp-en{font-size:26px;font-weight:800;color:#2c3a5e;line-height:1.6;margin:0;max-width:640px}.rp-zh{font-size:16px;color:#8fa3c4;margin:14px 0 0}.reader-btns{display:flex;justify-content:center;gap:14px;margin-top:24px}.reader-shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}.book-card{border:none;background:none;cursor:pointer;text-align:center;animation:tab-enter .4s ease both;animation-delay:var(--d, 0s)}.bc-cover{height:200px;border-radius:16px;color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 10px 26px color-mix(in srgb,var(--hue, #5c8bff) 35%,transparent);transition:transform .18s ease}.book-card:hover .bc-cover{transform:translateY(-5px) rotate(-1deg)}.bc-cover .bc-level{position:absolute;top:12px;left:12px;background:#ffffff47;font-size:12px;font-weight:900;border-radius:999px;padding:3px 12px}.bc-cover:after{content:"";position:absolute;top:-34px;right:-34px;width:100px;height:100px;border-radius:50%;background:#ffffff29}.bc-cover .bc-title{font-size:19px;font-weight:900}.bc-cover .bc-zh{font-size:13px;opacity:.9}.bc-pages{display:inline-block;margin-top:9px;font-size:12.5px;color:#8fa3c4}.comp-editor{background:#fff;border-radius:20px;padding:22px 24px;box-shadow:0 8px 26px #4a6fa521}.comp-editor textarea{width:100%;box-sizing:border-box;border:2px solid #e3ebf8;border-radius:14px;padding:16px 18px;font-size:16px;font-family:inherit;color:#2c3a5e;line-height:1.8;resize:vertical;outline:none;min-height:180px}.comp-editor textarea:focus{border-color:#f0a92e}.comp-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.comp-bar>span{color:#8fa3c4;font-size:13.5px;font-weight:700}.comp-review{background:#fff;border-radius:18px;padding:22px 26px;margin-top:18px;box-shadow:0 6px 18px #4a6fa51a;animation:popIn .3s ease}.comp-review h3{margin:0 0 14px;color:#2c3a5e}.comp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.comp-stats>div{background:#f5f8fe;border-radius:12px;padding:12px 8px;text-align:center}.comp-stats b{display:block;font-size:20px;color:#2c3a5e}.comp-stats span{font-size:12px;color:#8fa3c4}.comp-review ul{margin:0;padding-left:20px;color:#5a708f;font-size:14px;line-height:2}.pk-track{max-width:640px;margin:0 auto 24px;display:flex;flex-direction:column;gap:14px;background:#fff;border-radius:20px;padding:20px 24px;box-shadow:0 8px 24px #4a6fa524}.pk-lane{display:flex;align-items:center;gap:12px}.pk-racer{width:44px;height:44px;border-radius:50%;background:#f2f6fd;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.pk-racer.me{background:#fff2f4}.pk-bar{flex:1;height:14px;background:#eef2fb;border-radius:8px;overflow:hidden}.pk-fill{height:100%;border-radius:8px;transition:width .4s cubic-bezier(.34,1.56,.64,1)}.pk-fill.me{background:linear-gradient(90deg,#ff8a9e,#ff5e7e)}.pk-fill.bot{background:linear-gradient(90deg,#8fa8c8,#6a83a8)}.pk-lane>b{width:26px;text-align:center;color:#2c3a5e;font-size:17px}.pk-mascots{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:8px}.pk-mascots .vs{font-weight:900;color:#e85a4e;font-size:20px;font-style:italic}.pk-mascots .big{animation:micPulse 1.2s infinite}.pet-stage{background:linear-gradient(170deg,#fff9ef,#fff);border-radius:26px;padding:34px 28px 26px;text-align:center;box-shadow:0 12px 32px #f0a92e2e;max-width:560px;margin:0 auto 22px}.pet-avatar{width:132px;height:132px;margin:0 auto;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px #f0a92e40;transition:transform .3s ease}.pet-avatar.mood-happy{animation:micPulse 1.4s infinite}.pet-avatar.mood-hungry{filter:saturate(.55) brightness(.96)}.pet-stage h2{margin:16px 0 4px;color:#2c3a5e;display:flex;align-items:center;justify-content:center;gap:10px}.pet-lv{background:linear-gradient(135deg,#ffb14e,#f0742e);color:#fff;font-size:13px;border-radius:999px;padding:3px 12px}.pet-mood{color:#8fa3c4;font-size:14px;margin:0 0 16px}.pet-exp-bar{height:12px;background:#f2ede2;border-radius:8px;overflow:hidden;max-width:360px;margin:0 auto}.pet-exp-bar>div{height:100%;background:linear-gradient(90deg,#ffd257,#f0a92e);border-radius:8px;transition:width .5s ease}.pet-exp-text{display:block;color:#b9a98a;font-size:12.5px;margin-top:8px}.pet-msg{margin-top:14px;background:#fff7e8;color:#d98b21;font-weight:700;border-radius:12px;padding:10px 16px;font-size:14px;animation:popIn .3s ease}.pet-foods{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:560px;margin:0 auto}.pet-food{border:none;cursor:pointer;background:#fff;border-radius:16px;padding:16px 10px;box-shadow:0 5px 14px #4a6fa51f;display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .15s ease}.pet-food:hover{transform:translateY(-3px)}.pet-food .pf-ico{width:52px;height:52px;border-radius:14px;background:#fff7e8;display:flex;align-items:center;justify-content:center}.pet-food b{color:#2c3a5e;font-size:14.5px}.pet-food .pf-cost{font-size:12px;color:#e8a020;font-weight:700;display:inline-flex;align-items:center;gap:4px}.chat-page{max-width:680px}.chat-box{background:#fff;border-radius:22px;padding:22px;height:420px;overflow-y:auto;box-shadow:0 10px 30px #4a6fa524;display:flex;flex-direction:column;gap:14px;margin-bottom:14px}.chat-msg{display:flex;align-items:flex-start;gap:10px}.chat-msg.me{justify-content:flex-end}.chat-avatar{width:34px;height:34px;border-radius:50%;background:#f2f2ff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.chat-bubble{max-width:72%;background:#f2f6fd;color:#2c3a5e;border-radius:16px;padding:11px 16px;font-size:14.5px;line-height:1.7}.chat-msg.me .chat-bubble{background:linear-gradient(135deg,#6db3ff,#4a7de0);color:#fff;border-bottom-right-radius:4px}.chat-msg:not(.me) .chat-bubble{border-top-left-radius:4px}.chat-speak{border:none;background:#eef1f8;color:#5a708f;border-radius:50%;width:24px;height:24px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;align-self:center;flex-shrink:0}.chat-input{display:flex;gap:10px}.chat-input input{flex:1;border:2px solid #e3ebf8;border-radius:999px;padding:13px 20px;font-size:15px;outline:none;font-family:inherit}.chat-input input:focus{border-color:#7357e0}.chat-input .train-btn{padding:13px 30px}.parent-gate{max-width:400px;margin:60px auto;background:#fff;border-radius:24px;padding:40px 36px;text-align:center;box-shadow:0 14px 40px #4a6fa529;color:#4a7de0}.parent-gate h2{margin:14px 0 6px;color:#2c3a5e}.parent-gate p{color:#8fa3c4;font-size:14px;margin:0 0 20px}.parent-gate input{width:100%;box-sizing:border-box;border:2px solid #e3ebf8;border-radius:14px;padding:13px 16px;font-size:15px;text-align:center;outline:none;margin-bottom:14px}.parent-gate input:focus{border-color:#4a7de0}.parent-gate .err{color:#e04b40;font-size:13px;margin:-6px 0 12px}.parent-gate .train-btn{width:100%}.parent-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:26px}.parent-stats>div{background:#fff;border-radius:16px;padding:18px 8px;text-align:center;box-shadow:0 5px 14px #4a6fa51a}.parent-stats b{display:block;font-size:24px;color:#2c3a5e}.parent-stats span{font-size:12px;color:#8fa3c4}@media (max-width: 760px){.parent-stats{grid-template-columns:repeat(2,1fr)}}.map-scene{position:relative;min-height:calc(100vh - 72px);overflow-x:clip;overflow-y:visible;background:linear-gradient(180deg,#cfe0ff,#dcd8ff 34%,#b9a8f2,#a48fe8 58%,#a48fe8)}.map-sky{position:absolute;inset:0 0 auto 0;height:46%;background:linear-gradient(180deg,#b7d4ff 0%,#cdd8ff 70%,transparent 100%)}.map-city{position:absolute;left:0;right:0;top:16%;width:100%;height:120px}.map-ground{position:absolute;left:-5%;right:-5%;bottom:-6%;height:58%;background:linear-gradient(180deg,#a48fe8,#9d84e6 40%,#9076df);border-radius:50% 50% 0 0/60px 60px 0 0}.map-road{position:absolute;background:#ffffff52;border-radius:999px}.map-road:after{content:"";position:absolute;left:0;right:0;top:50%;height:3px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.9) 0 26px,transparent 26px 52px)}.road-a{width:130%;height:26px;left:-15%;bottom:12%;transform:rotate(-7deg)}.road-b{width:26px;height:60%;right:16%;bottom:6%;transform:rotate(9deg)}.map-cloud{position:absolute;width:120px;height:34px;background:#ffffffd9;border-radius:999px;animation:cloudDrift 26s linear infinite}.map-cloud:before{content:"";position:absolute;top:-14px;left:22px;width:48px;height:28px;background:inherit;border-radius:50%}.map-cloud:after{content:"";position:absolute;top:-8px;right:18px;width:36px;height:22px;background:inherit;border-radius:50%}.map-clouds{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:1;pointer-events:none}.c1{top:7%;left:8%}.c2{top:13%;left:55%;animation-delay:-9s;transform:scale(.7)}.c3{top:4%;right:6%;animation-delay:-17s;transform:scale(.85)}@keyframes cloudDrift{0%{translate:-160px 0}to{translate:calc(100vw + 160px) 0}}.map-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;padding:16px 22px 12px;background:transparent;transition:background .25s ease,box-shadow .25s ease,backdrop-filter .25s ease}.map-topbar.scrolled{background:#ffffff8c;-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);box-shadow:0 8px 24px #2d237824;border-bottom:1px solid rgba(255,255,255,.55)}.map-home{width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;background:radial-gradient(circle at 32% 28%,#ffd97a,#f5a623);box-shadow:0 4px 10px #78460a40;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.map-home:hover{transform:scale(1.07)}.map-crumb{display:flex;align-items:center;gap:10px;flex:1;flex-wrap:wrap}.crumb-pill{background:#fff;border-radius:999px;padding:11px 22px;font-size:14px;font-weight:800;color:#2c3a5e;box-shadow:0 4px 12px #3c328c29;cursor:pointer;white-space:nowrap}.crumb-drop{position:relative;background:#fff;border-radius:999px;padding:11px 20px;font-size:14px;font-weight:800;color:#2c3a5e;box-shadow:0 4px 12px #3c328c29;cursor:pointer;white-space:nowrap}.crumb-drop .tri{display:inline-block;margin-left:6px;border:5px solid transparent;border-top-color:#8fa3c4;vertical-align:middle}.crumb-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;max-height:320px;overflow:auto;background:#fff;border-radius:16px;box-shadow:0 12px 30px #281e6438;padding:8px;z-index:20}.crumb-menu button{display:block;width:100%;text-align:left;border:none;background:none;cursor:pointer;padding:10px 14px;border-radius:10px;font-size:13.5px;font-weight:700;color:#44506e}.crumb-menu button:hover{background:#eef1fb}.crumb-menu button.on{background:#4a7de0;color:#fff}.map-switch{border:none;cursor:pointer;border-radius:999px;padding:11px 24px;font-size:14px;font-weight:800;color:#fff;background:linear-gradient(135deg,#7d9bff,#5b7cf0);box-shadow:0 4px 12px #465ac84d;white-space:nowrap}.map-switch:hover{transform:scale(1.05)}.map-signpost{position:absolute;left:3%;top:30%;z-index:4;text-align:center}.sign-board{position:relative;background:linear-gradient(180deg,#8f7ae0,#7a63d2);border:4px solid #fff;border-radius:16px;padding:14px 18px;color:#fff;box-shadow:0 8px 20px #321e784d}.sign-board:before{content:"";position:absolute;left:50%;top:-18px;width:10px;height:18px;background:#6a52c0;translate:-50% 0}.sign-title{display:block;font-size:19px;font-weight:900;letter-spacing:2px}.sign-sub{display:block;font-size:12px;margin-top:4px;opacity:.9;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sign-arrow{position:absolute;right:-30px;top:50%;translate:0 -50%;font-size:22px;color:#ffb64d}.map-whale{margin-top:14px;animation:whaleBob 3s ease-in-out infinite}@keyframes whaleBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.map-field{position:relative;z-index:5;height:860px;min-height:480px}.map-card{position:absolute;border:none;cursor:pointer;padding:0;width:184px;text-align:center;z-index:5;background:#fff;border-radius:18px;overflow:visible;box-shadow:0 10px 24px #32238238;animation:tab-enter .5s ease both;animation-delay:var(--d, 0s);transition:transform .18s ease}.map-card .map-card-inner{display:block;padding-bottom:12px}.map-card:hover{transform:translateY(-6px);z-index:8}.map-card .map-card-corner{position:absolute;top:-8px;left:-8px;z-index:2;background:linear-gradient(135deg,#ffb64d,#ff8a3d);color:#fff;font-size:10.5px;font-weight:800;padding:3px 10px;border-radius:999px 999px 999px 2px;box-shadow:0 3px 8px #c8641459}.map-card>.mc-ico,.map-card b,.map-card .map-card-sub,.map-card .map-steps{position:relative;z-index:2}.map-card .mc-ico{width:54px;height:54px;margin:16px auto 4px;border-radius:50%;background:linear-gradient(160deg,#f3efff,#e4dbff);display:flex;align-items:center;justify-content:center}.map-card b{display:block;font-size:17px;color:#2c3a5e;margin-top:2px}.map-card .map-card-sub{display:block;font-size:12px;color:#8fa3c4;margin-top:3px}.map-card .map-steps{display:flex;justify-content:center;gap:10px;margin:10px 0 14px}.map-step{display:flex;flex-direction:column;align-items:center;gap:3px}.map-step .dot{width:9px;height:9px;border-radius:50%;background:#d9def0;display:inline-block;margin:0 1.5px}.map-step .dot.on{background:#52cf7f;box-shadow:0 0 0 3px #52cf7f33}.map-step em{font-style:normal;font-size:10px;color:#9aa7c4}.map-base{position:absolute;left:50%;bottom:-18px;translate:-50% 0;width:126px;height:32px;z-index:-1;background:linear-gradient(160deg,#7d63e2,#6247c8);border-radius:26px;box-shadow:0 12px 0 -4px #5138ab,0 18px 22px #28146459}.map-base:before{content:"";position:absolute;left:50%;top:-12px;translate:-50% 0;border:14px solid transparent;border-bottom-color:#8f75ea;border-radius:8px}.map-simple-body{position:relative;z-index:5;max-width:1080px;margin:0 auto;padding:26px 32px 60px}.map-card.simple,.map-simple-body .mode-grid .map-card{position:static;width:auto}.map-card.simple .map-card-corner,.map-card.simple .map-base{display:none}.map-scene:not(.simple){padding-bottom:78px}.map-links{position:absolute;z-index:6;left:50%;bottom:14px;translate:-50% 0;display:flex;gap:6px;flex-wrap:wrap;justify-content:center;padding:8px 10px;border-radius:999px;background:#ffffff47;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.55);box-shadow:0 10px 30px #2d197838}.map-links button{border:none;cursor:pointer;border-radius:999px;padding:9px 16px;background:#ffffff6b;font-size:13px;font-weight:800;color:#44506e;transition:background .18s ease,color .18s ease}.map-links button:hover{background:#ffffffe6;color:#3a7de0}.learn-scene{position:relative;min-height:100vh;overflow:hidden;background:linear-gradient(180deg,#bfe0ff,#d3ecff 34%,#d9f2d0,#bfe8a8 70%,#a8dd90)}.learn-scene:before{content:"";position:absolute;left:0;right:0;top:30%;height:46%;pointer-events:none;background:radial-gradient(90px 40px at 12% 18%,rgba(255,255,255,.9),transparent 70%),radial-gradient(120px 50px at 78% 10%,rgba(255,255,255,.75),transparent 70%),radial-gradient(70px 34px at 55% 26%,rgba(255,255,255,.65),transparent 70%)}.learn-top{position:relative;z-index:5;display:flex;align-items:center;gap:16px;padding:16px 26px 0;max-width:1280px;margin:0 auto}.learn-home{width:46px;height:46px;border-radius:50%;border:none;cursor:pointer;flex-shrink:0;background:radial-gradient(circle at 32% 28%,#ffd97a,#f5a623);box-shadow:0 4px 10px #78460a40;color:#fff;display:flex;align-items:center;justify-content:center}.learn-home:hover{transform:scale(1.07)}.learn-crumb{font-size:14.5px;font-weight:800;color:#3d5a8a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.learn-title{position:absolute;left:50%;translate:-50% 0;font-size:24px;font-weight:900;color:#1f3c66;letter-spacing:2px;text-shadow:0 2px 0 rgba(255,255,255,.6)}.learn-skip{margin-left:auto;border:none;cursor:pointer;border-radius:999px;padding:9px 20px;background:linear-gradient(135deg,#ffb64d,#ff9130);color:#fff;font-size:13.5px;font-weight:800;box-shadow:0 4px 12px #d26e1459;white-space:nowrap}.learn-skip:hover{transform:scale(1.05)}.learn-progress-wrap{position:relative;z-index:5;max-width:1180px;margin:14px auto 0;padding:0 40px;display:flex;align-items:center;gap:14px}.learn-progress-label{font-size:14px;font-weight:800;color:#2c5b3f;white-space:nowrap}.learn-progress-bar{flex:1;height:14px;border-radius:999px;background:#ffffffbf;overflow:hidden;box-shadow:inset 0 2px 4px #3c783c2e}.learn-progress-bar>div{height:100%;border-radius:999px;background:linear-gradient(90deg,#5cc9ff,#3a8ce0);transition:width .45s ease}.learn-gear{width:40px;height:40px;border-radius:50%;border:none;background:#ffffffe6;color:#7a8bb0;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px #3c5a3c29}.learn-body{position:relative;z-index:5;max-width:1180px;margin:0 auto;padding:18px 40px 120px}.learn-card{background:#fff;border:6px solid #4a90e2;border-radius:28px;box-shadow:0 0 0 6px #ffffffa6,0 18px 40px #285aa040;padding:26px 30px;animation:tab-enter .35s ease}.speak-hero{display:grid;grid-template-columns:190px 1fr;gap:28px;align-items:start}.speak-pic{width:190px;height:145px;margin-top:6px;border-radius:12px;background:linear-gradient(150deg,#cfe6ff,#e3d7ff);display:flex;align-items:center;justify-content:center;font-size:76px;overflow:hidden;box-shadow:inset 0 0 0 1px #5a78c824,0 6px 14px #5a6ec829}.speak-pic.real{background:#fff}.speak-pic img{width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none}.speak-main{display:flex;flex-direction:column;align-items:center;text-align:center}.speak-word-row{display:flex;align-items:center;gap:22px}.speak-word-box{background:repeating-linear-gradient(180deg,transparent 0 30px,rgba(242,190,120,.55) 30px 32px),linear-gradient(180deg,#fdf6e0,#faf0d4);border:1px solid #f0d9a8;border-radius:6px;padding:10px 40px;min-width:300px;box-shadow:0 3px 10px #be8c281f}.speak-word{font-size:60px;font-weight:900;line-height:1.25;letter-spacing:1px}.syll{padding:0 3px;border-radius:6px}.syll:nth-child(odd){color:#4a63e0}.syll:nth-child(2n){color:#a94de0}.speak-dot{color:#3b3b3b;font-weight:900}.speak-phon{font-size:20px;color:#6f7d99;margin-top:12px;font-family:Segoe UI,Lucida Sans Unicode,sans-serif}.speak-zh{font-size:21px;color:#55627e;margin-top:6px;font-weight:500}.speaker-round{width:60px;height:60px;border-radius:50%;border:none;cursor:pointer;flex-shrink:0;background:radial-gradient(circle at 32% 28%,#8fd0ff,#45a3f5);box-shadow:0 4px 12px #3c8cdc59;color:#fff;display:flex;align-items:center;justify-content:center}.speaker-round:hover{transform:scale(1.08)}.speak-mic-row{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:20px;text-align:center}.self-rate{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;font-size:14px;font-weight:700;color:#7a8bb0}.self-rate .rate{border:none;cursor:pointer;border-radius:999px;padding:8px 20px;font-size:14px;font-weight:800}.self-rate .rate.good{background:#e2f8e9;color:#2ea35c}.self-rate .rate.good:hover{background:#d0f2dd}.self-rate .rate.bad{background:#fdeaea;color:#d95c5c}.self-rate .rate.bad:hover{background:#fbdbdb}.mini-spk{width:26px;height:26px;border-radius:50%;border:none;cursor:pointer;background:#45a3f5;color:#fff;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin-left:8px;padding:0}.mini-spk:hover{background:#3b95e6}.mic-orange{width:84px;height:84px;border-radius:50%;border:none;cursor:pointer;background:radial-gradient(circle at 32% 28%,#ffd97a,#ff9130);box-shadow:0 8px 20px #d26e1459,0 0 0 6px #ffc8784d;color:#fff;display:inline-flex;align-items:center;justify-content:center;transition:transform .15s ease}.mic-orange:hover{transform:scale(1.08)}.mic-orange.rec{animation:micPulse 1s ease-in-out infinite}@keyframes micPulse{0%,to{box-shadow:0 8px 20px #d26e1459,0 0 0 6px #ffc8784d}50%{box-shadow:0 8px 20px #d26e1459,0 0 0 16px #ffc8781f}}.speak-hint{display:block;font-size:13.5px;color:#7a8bb0;margin-top:10px}.speak-ex{display:flex;gap:12px;align-items:flex-start;margin-top:18px}.speak-mn{display:flex;gap:12px;align-items:flex-start;margin-top:12px}.tag-pill{flex-shrink:0;background:#eaf3ff;color:#3a7de0;font-size:12.5px;font-weight:800;border-radius:8px;padding:4px 12px;margin-top:2px}.tag-pill.mn{background:#f3efff;color:#7a4de0}.speak-ex-body{font-size:15.5px;line-height:1.7;color:#2c3a5e}.speak-ex-body .en{font-weight:700}.speak-ex-body .zh{color:#5a6b91;font-size:14px}.speak-hero{position:relative}.syl-score{display:flex;align-items:stretch;gap:6px;margin-top:22px;justify-content:center;flex-wrap:nowrap}.syl-total{display:flex;flex-direction:column;border-radius:10px;overflow:hidden;min-width:76px;box-shadow:0 2px 8px #3c6eb41f;margin-right:8px}.syl-total-label{background:#d9eafc;color:#4a6ea8;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:8px 10px;flex:1.2}.syl-total-num{display:flex;align-items:center;justify-content:center;flex:1;font-size:26px;font-weight:900;color:#fff}.syl-col{display:flex;flex-direction:column;gap:4px;min-width:46px}.syl-chunk,.syl-phon{border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;padding:5px 8px;font-size:16px}.syl-chunk{font-size:18px}.syl-phon{font-family:Segoe UI,Lucida Sans Unicode,sans-serif;font-size:14px}.syl-num{text-align:center;font-size:15px;font-weight:800;margin-top:2px}.syl-chunk.g,.syl-phon.g{background:linear-gradient(180deg,#9bd35e,#7cbc3d)}.syl-chunk.y,.syl-phon.y{background:linear-gradient(180deg,#f2c14e,#e8a92e)}.syl-chunk.r,.syl-phon.r{background:linear-gradient(180deg,#ef6a5a,#e04b3a)}.syl-total-num.g{background:#7cbc3d}.syl-total-num.y{background:#e8a92e}.syl-total-num.r{background:#e04b3a}.syl-num.g{color:#5da028}.syl-num.y{color:#d99414}.syl-num.r{color:#d6402f}.speak-novoice{margin-top:10px;text-align:center;font-size:13.5px;color:#e67e22;font-weight:600}.speak-actions{display:flex;gap:16px;justify-content:center;margin-top:22px}.act-btn{display:inline-flex;align-items:center;gap:8px;border:2px solid #b9dcf7;background:#f2f9ff;color:#3a86e0;font-size:15px;font-weight:800;border-radius:10px;padding:9px 22px;cursor:pointer;transition:background .15s ease,transform .1s ease}.act-btn:hover{background:#e2f1fe}.act-btn:active{transform:scale(.96)}.act-btn:disabled{opacity:.4;cursor:not-allowed}.act-btn:disabled:hover{background:#fff}.act-btn .tri{width:0;height:0;border-left:9px solid #3a86e0;border-top:6px solid transparent;border-bottom:6px solid transparent}.act-btn .loop{width:15px;height:15px;border:2.5px solid #3a86e0;border-right-color:transparent;border-radius:50%;position:relative}.act-btn .loop:after{content:"";position:absolute;right:-4px;top:-2px;border-left:5px solid #3a86e0;border-top:3.5px solid transparent;border-bottom:3.5px solid transparent;transform:rotate(45deg)}.speak-wrap{position:relative}.speak-rec-overlay{position:absolute;top:-32px;right:-36px;bottom:-32px;left:-36px;border-radius:22px;z-index:6;pointer-events:none;background:linear-gradient(180deg,transparent 24%,rgba(255,240,170,.34) 32%,rgba(255,226,88,.7) 42%,rgba(255,228,100,.64) 62%,rgba(255,236,162,.36) 80%,rgba(255,244,200,.15) 92%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 92% 78% at 50% 78%,#000 52%,transparent 100%);mask-image:radial-gradient(ellipse 92% 78% at 50% 78%,#000 52%,transparent 100%);animation:recGlow 2.6s ease-in-out infinite}@keyframes recGlow{0%,to{opacity:.95}50%{opacity:1}}.speak-rec-hint,.speak-word-row,.speak-phon,.speak-zh,.speak-mic-row{position:relative;z-index:7}.speak-ex,.speak-mn{position:relative;z-index:5}.speak-rec-hint{margin:12px 0 16px;display:flex;flex-direction:column;align-items:center;gap:10px}.rec-tip{margin:0;font-size:16.5px;font-weight:700;color:#fff;letter-spacing:.6px;-webkit-text-stroke:.5px rgba(112,66,0,.55);text-shadow:0 1px 2px rgba(112,66,0,.6);white-space:nowrap}.rec-bar{position:relative;width:220px;height:5px;border-radius:999px;background:#ffffffc7;box-shadow:0 1px 3px #96691480,inset 0 0 0 1px #9669144d}.rec-bar-fill{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,#7ed957,#35c26b)}.rec-bar-dot{position:absolute;top:50%;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%);background:#45c96b;box-shadow:0 0 0 2px #ffffffb3,0 1px 3px #3c5a2873}.speak-next-row{display:flex;justify-content:center;margin-top:22px}.speak-next{border:none;cursor:pointer;color:#fff;font-size:17px;font-weight:900;letter-spacing:2px;border-radius:999px;padding:12px 58px;background:linear-gradient(180deg,#ffc95e,#ff9b2e);box-shadow:0 6px 16px #e68c1e66,inset 0 1px #ffffff80;transition:transform .12s ease,box-shadow .12s ease}.speak-next:hover{transform:translateY(-1px);box-shadow:0 9px 20px #e68c1e73,inset 0 1px #ffffff80}.speak-next:active{transform:translateY(1px)}.learn-card .q-prompt.card{box-shadow:none;background:#f7faff;margin-bottom:18px;padding:26px 24px}.learn-card .q-options{margin-bottom:6px}.type-wrap input{font-size:22px}.learn-scene .train-result{background:#fffffff5}.learn-scene .train-empty,.learn-scene .train-loading{color:#3d5a8a}.state-view{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:44px 20px;text-align:center;color:var(--text-weak)}.state-spinner{width:34px;height:34px;border-radius:50%;border:3px solid rgba(74,111,165,.18);border-top-color:var(--blue-500);animation:state-spin .8s linear infinite}@keyframes state-spin{to{transform:rotate(360deg)}}.state-emoji{font-size:42px;line-height:1}.state-text{font-size:15px;font-weight:700;color:var(--text)}.state-tip{font-size:13px;color:var(--text-weak);line-height:1.6;max-width:320px}.state-retry{margin-top:4px;padding:9px 24px;border-radius:999px;font-size:14px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--blue-500),var(--blue-600));box-shadow:0 4px 12px #3a63d852;transition:transform .12s ease,box-shadow .12s ease}.state-retry:hover{transform:translateY(-1px);box-shadow:0 7px 16px #3a63d866}.state-retry:active{transform:translateY(1px)}.state-inline{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-weak)}.state-inline .state-spinner{width:16px;height:16px;border-width:2px}@media (max-width: 900px){.speak-hero{grid-template-columns:1fr}.speak-pic{width:100%;height:150px}.learn-title{position:static;translate:none}.map-field{height:auto;min-height:0;padding:30px 10px 80px}.map-card{position:static;margin:0 auto 54px}.map-card .map-base{display:none}}