:root{--navy:#12385e;--navy-deep:#0c2a48;--navy-soft:#3d6390;--paper:#f6f7f9;--line-2:#e3e7ee;--ink:#1b2a3d;--ink-soft:#4a5b70;--muted:#8494a8;--teal:#177e6c;--teal-hi:#14967f;--sun:#f5a623;--coral:#ff7a59;--err:#d64545;--card:#fff;--bg-2:#eceff4;--r-md:10px;--r-lg:14px;--font-kai:"Kaiti SC", "楷体", "KaiTi", "STKaiTi", "STKaiti", serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}a{color:var(--navy)}.btn{border-radius:var(--r-md);letter-spacing:.06em;color:#fff;background:var(--navy);justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14.5px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.btn:hover{background:#1a4a7c}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-teal{background:var(--teal)}.btn-teal:hover{background:var(--teal-hi)}.btn-ghost{color:var(--ink-soft);border:1.5px solid var(--line-2);background:0 0}.btn-ghost:hover{background:var(--bg-2)}.btn-lg{padding:13px 26px;font-size:16px}.btn-sm{padding:7px 14px;font-size:13px}.field{flex-direction:column;gap:7px;margin-bottom:16px;display:flex}.field>label{color:var(--ink-soft);font-size:13px;font-weight:600}.field input,.field select,.field textarea{border:1.5px solid var(--line-2);border-radius:var(--r-md);color:var(--ink);background:#fff;padding:11px 13px;font-size:15px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--navy);outline:none;box-shadow:0 0 0 3px #12385e1f}.field textarea{resize:vertical;min-height:84px}.card{background:var(--card);border:1px solid var(--line-2);border-radius:var(--r-lg);padding:28px;box-shadow:0 4px 16px #102a470f}.err-tip{min-height:20px;color:var(--err);font-size:13px}.hint{color:var(--muted);font-size:12.5px;line-height:1.8}.badge{background:var(--bg-2);color:var(--ink-soft);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.badge-navy{color:var(--navy);background:#12385e17}.badge-teal{color:var(--teal);background:#177e6c1c}.badge-sun{color:#b57708;background:#f5a62324}.spinner{color:var(--muted);flex-direction:column;align-items:center;gap:14px;padding:70px 0;font-size:14px;display:flex}.spinner:before{content:"";border:3px solid var(--line-2);border-top-color:var(--navy);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast-box{z-index:200;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:46px;left:50%;transform:translate(-50%)}.toast-item{background:var(--ink);color:#fff;border-radius:999px;padding:10px 20px;font-size:13.5px;animation:.3s cubic-bezier(.2,1.4,.4,1) pop;box-shadow:0 6px 20px #102a4740}.toast-item.err{background:var(--err)}@keyframes pop{0%{opacity:0;transform:scale(.6)}}.lp{background:var(--paper);grid-template-columns:minmax(400px,46%) 1fr;min-height:100vh;display:grid}.lp-brand{color:#eaf1f9;background:radial-gradient(1200px 600px at -10% -10%, #4682c459, transparent 60%), linear-gradient(160deg, var(--navy) 0%, var(--navy-deep) 100%);flex-direction:column;justify-content:space-between;padding:56px 52px 40px;display:flex;position:relative;overflow:hidden}.lp-brand:after{content:"读";font-family:var(--font-kai);color:#ffffff0d;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:460px;line-height:1;position:absolute;bottom:-120px;right:-70px}.lp-brand-mark{z-index:1;align-items:center;gap:16px;display:flex;position:relative}.lp-brand-mark img{border-radius:14px;width:56px;height:56px;box-shadow:0 2px 8px #00000040}.lp-brand-mark b{letter-spacing:.02em;font-size:17px;font-weight:600}.lp-brand-mark span{color:#9fb8d4;letter-spacing:.06em;margin-top:2px;font-size:12px;display:block}.lp-brand-body{z-index:1;margin:64px 0;position:relative}.lp-brand-body h1{letter-spacing:.01em;font-size:34px;font-weight:650;line-height:1.35}.lp-brand-body p{color:#afc6de;max-width:40em;margin-top:18px;font-size:15px;line-height:1.9}.lp-feats{flex-direction:column;gap:12px;margin-top:34px;display:flex}.lp-feats span{color:#c9d9ea;letter-spacing:.02em;align-items:center;gap:10px;font-size:13.5px;display:inline-flex}.lp-feats i{background:#6fa8dc;border-radius:50%;flex:none;width:6px;height:6px}.lp-brand-foot{z-index:1;color:#7e9ab8;letter-spacing:.04em;font-size:12px;position:relative}.lp-main{justify-content:center;align-items:center;padding:48px 32px;display:flex}.lp-card{width:400px;max-width:100%}.lp-card>h2{color:var(--ink);font-size:22px;font-weight:650}.lp-card>.lp-sub{color:var(--muted);margin-top:8px;font-size:13.5px}.lp-panel{margin-top:26px}.lp .seg{background:var(--bg-2);border-radius:var(--r-md);margin-bottom:24px;padding:4px;display:flex}.lp .seg button{color:var(--muted);border-radius:8px;flex:1;padding:9px 0;font-size:14px;font-weight:600;transition:background .15s,color .15s,box-shadow .15s}.lp .seg button.on{color:var(--ink);background:#fff;box-shadow:0 1px 3px #102a471f}.lp-note{border-top:1px solid var(--line-2);color:var(--muted);text-align:center;margin-top:28px;padding-top:20px;font-size:12.5px;line-height:1.8}@media (width<=879px){.lp{grid-template-rows:auto 1fr;grid-template-columns:1fr}.lp-brand{padding:28px 24px 24px}.lp-brand:after{font-size:200px;bottom:-70px;right:-30px}.lp-brand-mark span,.lp-brand-body,.lp-brand-foot{display:none}.lp-main{align-items:flex-start;padding:36px 22px}}.shell{flex-direction:column;min-height:100vh;display:flex}.shell-top{background:var(--navy);color:#eaf1f9;align-items:center;gap:14px;padding:14px 26px;display:flex}.shell-top img{border-radius:9px;width:34px;height:34px}.shell-top b{letter-spacing:.02em;font-size:15px;font-weight:600}.shell-top .spacer{flex:1}.shell-top a,.shell-top button{color:#afc6de;font-size:13px;font-weight:600;text-decoration:none}.shell-top a:hover,.shell-top button:hover{color:#fff}.shell-body{flex:1;width:100%;max-width:860px;margin:0 auto;padding:30px 22px 60px}.dim-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:20px;display:grid}.dim-card{background:var(--card);border:1px solid var(--line-2);border-radius:var(--r-lg);flex-direction:column;gap:10px;padding:20px;transition:box-shadow .15s,transform .15s;display:flex;box-shadow:0 4px 16px #102a470f}.dim-card.active:hover{transform:translateY(-2px);box-shadow:0 8px 22px #102a471f}.dim-card.disabled{opacity:.75}.dim-card h3{align-items:center;gap:8px;font-size:16px;font-weight:650;display:flex}.dim-card p{color:var(--muted);flex:1;font-size:13px;line-height:1.7}.starbar{align-items:center;gap:10px;margin-bottom:14px;display:flex}.starbar .track{background:var(--bg-2);border-radius:6px;flex:1;height:10px;overflow:hidden}.starbar .track i{background:linear-gradient(90deg, var(--sun), var(--coral));border-radius:6px;height:100%;transition:width .3s;display:block}.starbar .prog{color:var(--muted);text-align:right;min-width:5.5em;font-size:13px;font-weight:700}.stage-box{background:var(--card);border-radius:var(--r-lg);border:2px solid var(--line-2);flex-direction:column;min-height:52vh;display:flex;position:relative;overflow:hidden}.float-chars{font-family:var(--font-kai);color:var(--navy);opacity:.06;-webkit-user-select:none;user-select:none;pointer-events:none;font-weight:700;position:absolute}.char-area{flex:1;justify-content:center;align-items:center;min-height:34vh;display:flex}.stage-char{font-family:var(--font-kai);color:var(--ink);text-shadow:0 6px #12385e0f;font-size:min(38vw,30vh);font-weight:700;line-height:1.1}.stage-bottom{border-top:2px dashed var(--line-2);flex-wrap:wrap;align-items:center;gap:14px;padding:16px 20px;display:flex}.stage-bottom .grow{color:var(--muted);flex:1;align-items:center;gap:9px;min-width:0;min-height:1.6em;font-size:14px;display:flex}.bubble{background:var(--paper);border:1.5px solid var(--line-2);color:var(--ink-soft);border-radius:12px;padding:8px 13px;font-size:13px}.mic-orb{background:var(--bg-2);width:44px;height:44px;color:var(--muted);border-radius:50%;flex:none;justify-content:center;align-items:center;transition:background .2s,color .2s;display:inline-flex}.mic-orb svg{width:21px;height:21px}.mic-orb.on{background:var(--teal);color:#fff;animation:1.4s ease-in-out infinite pulse}.mic-orb.prompt{background:var(--bg-2);color:var(--muted);animation:none}@keyframes pulse{50%{box-shadow:0 0 0 9px #177e6c29}}.heard-flash{z-index:5;background:#f6f7f9eb;justify-content:center;align-items:center;animation:.35s cubic-bezier(.2,1.4,.4,1) pop;display:flex;position:absolute;inset:0}.heard-mark{color:var(--teal);align-items:center;gap:12px;font-size:22px;font-weight:700;display:flex}.heard-mark .bars{align-items:flex-end;gap:3px;height:22px;display:inline-flex}.heard-mark .bars i{background:var(--teal);border-radius:2px;width:4px;animation:.7s ease-in-out infinite bar}.heard-mark .bars i:first-child{height:10px}.heard-mark .bars i:nth-child(2){height:18px;animation-delay:.12s}.heard-mark .bars i:nth-child(3){height:13px;animation-delay:.24s}.heard-mark .bars i:nth-child(4){height:20px;animation-delay:.36s}@keyframes bar{50%{transform:scaleY(.55)}}.center-page{text-align:center;padding:56px 0}.center-page h2{margin:16px 0 8px;font-size:22px}.center-page .big-ico{font-size:60px;animation:.6s cubic-bezier(.2,1.4,.4,1) pop}.center-page p{color:var(--ink-soft);line-height:1.9}.center-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:24px;display:flex}.confetti{pointer-events:none;z-index:99;position:fixed;inset:0;overflow:hidden}.confetti i{font-size:20px;font-style:normal;animation:2.6s ease-in forwards fall;position:absolute}@keyframes fall{to{opacity:.4;transform:translateY(105vh)rotate(240deg)}}@keyframes bob{50%{transform:translateY(-6px)rotate(2deg)}}.orth-img{filter:drop-shadow(0 6px #12385e14);max-width:min(52vw,34vh);max-height:36vh}.orth-btns{border-top:2px solid var(--line-2);background:#fdfcf9;justify-content:center;gap:18px;padding:18px 16px;display:flex}.orth-btn{border-radius:18px;flex:1;max-width:260px;padding:16px 10px;font-size:20px;font-weight:800}.orth-yes{border:2.5px solid var(--teal);color:var(--teal);background:#177e6c1a;box-shadow:0 4px #177e6c40}.orth-yes:active{box-shadow:none;transform:translateY(3px)}.orth-no{border:2.5px solid var(--coral);color:#d65432;background:#ff7a591a;box-shadow:0 4px #ff7a594d}.orth-no:active{box-shadow:none;transform:translateY(3px)}.orth-btn:disabled{opacity:.55}.mr-sent{font-family:var(--font-kai);color:var(--ink);-webkit-user-select:none;user-select:none;font-weight:500;line-height:1.7}.mr-sent.s1{font-size:min(7.5vw,46px)}.mr-sent.s2{font-size:min(4.6vw,27px)}.mr-sent.s3{text-align:justify;max-width:620px;font-size:18.5px}.mr-timer{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;min-width:3.4em;font-size:15px;font-weight:800}.mr-timer.warn{color:#d65432}.rk-stem-box{flex-direction:column;align-items:center;display:flex}.rk-stem{filter:drop-shadow(0 5px #12385e14);max-width:min(30vw,200px);max-height:20vh}.rk-opts{border-top:2px solid var(--line-2);background:#fdfcf9;grid-template-columns:1fr 1fr;gap:12px;padding:10px 16px 4px;display:grid}.rk-opt{border:2.5px solid var(--line-2);cursor:pointer;background:#fff;border-radius:16px;justify-content:center;align-items:center;min-height:96px;padding:8px 6px 6px;transition:border-color .15s,transform .1s;display:flex;position:relative}.rk-opt img{object-fit:contain;max-width:100%;max-height:15vh}.rk-opt.picked{border-color:var(--teal);background:#177e6c1a;transform:translateY(-2px);box-shadow:0 0 0 3px #177e6c2e}.rk-opt:disabled{cursor:not-allowed}.rk-opt-no{background:var(--ink);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;font-weight:800;display:flex;position:absolute;top:-10px;left:-8px}.rk-opt.picked .rk-opt-no{background:var(--teal)}.fp-glyph{filter:drop-shadow(0 5px #12385e14)}.rk-stem.fp-glyph{max-width:min(38vw,260px);max-height:24vh}.fp-opt img.fp-glyph{max-height:18vh}.practice-feedback{text-align:center;border-radius:12px;margin:0 18px;padding:9px 14px;font-size:14px;font-weight:600;animation:.3s cubic-bezier(.2,1.4,.4,1) pop}.practice-feedback.ok{color:var(--teal);background:#177e6c1a}.practice-feedback.bad{color:#b57708;background:#f5a62324}.img-fallback{border:2px dashed var(--line-2);min-width:120px;min-height:96px;color:var(--muted);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;display:flex}.pa-tip{text-align:center;color:var(--ink);-webkit-user-select:none;user-select:none;font-size:min(8.5vw,42px);font-weight:700;line-height:1.5}.pa-tip .pa-ph{font-family:var(--font-kai);color:#d65432;filter:drop-shadow(0 4px #12385e14);padding:0 .18em;font-size:1.5em}.pa-tip small{color:var(--ink-soft);margin-top:14px;font-size:17px;font-weight:500;display:block}.ma-stage{text-align:center;-webkit-user-select:none;user-select:none}.ma-ch{font-family:var(--font-kai);color:var(--ink);filter:drop-shadow(0 6px #12385e14);font-size:min(30vw,20vh);font-weight:500;line-height:1.05;display:block}.ma-example{color:var(--ink-soft);margin-top:8px;font-size:19px;display:inline-block}.ma-qchip{border:2px solid var(--sun);color:var(--ink);background:#f5a62324;border-radius:999px;margin-left:10px;padding:4px 14px;font-size:16px;font-weight:700;display:inline-block}.ma-stage small{color:var(--ink-soft);margin-top:14px;font-size:17px;font-weight:500;display:block}.mascot-inline{align-items:flex-end;gap:8px;min-width:0;display:flex}.mascot-inline img{border-radius:13px;flex:none;width:44px;height:44px;animation:3s ease-in-out infinite bob}.mascot-inline .bubble{max-width:220px;padding:7px 11px;font-size:12.5px}.flu-grid{grid-template-columns:repeat(5,1fr);gap:10px 14px;display:grid}.flu-w{font-family:var(--font-kai);color:var(--ink);text-align:center;-webkit-user-select:none;user-select:none;background:#fbf7ee;border:1.5px solid #0000;border-radius:10px;padding:6px 2px;font-size:min(4.6vw,30px);font-weight:500;line-height:1.25}.flu-w.anc{border-color:#f2d9a6}.ran-digit{font-family:var(--font-kai);color:var(--ink);font-size:min(13vw,88px);font-weight:600}.ran-grid{grid-template-columns:repeat(5,1fr);gap:8px 6px;display:grid}.ran-w{font-family:var(--font-kai);color:var(--ink);text-align:center;-webkit-user-select:none;user-select:none;padding:2px 0;font-size:min(7.2vw,46px);font-weight:600;line-height:1.1}.tbl{border-collapse:collapse;width:100%;font-size:14px}.tbl th{text-align:left;color:var(--muted);border-bottom:2px solid var(--line-2);padding:9px 12px;font-size:13px;font-weight:700}.tbl td{border-bottom:1px solid var(--bg-2);padding:12px 14px}.tbl tr:hover td{background:#faf8f2}.badge-coral{color:#d65432;background:#ff7a591f}.badge-gray{background:var(--bg-2);color:var(--ink-soft)}.badge-lilac{color:#7c5cd6;background:#7c5cd61f}.btn-coral{background:var(--coral)}.btn-coral:hover{background:#e8684a}.admin-tabs{gap:4px;margin-left:18px;display:flex}.admin-tab{color:#afc6de;border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:600;text-decoration:none;transition:background .15s,color .15s}.admin-tab:hover{color:#fff}.admin-tab.on{color:#fff;background:#ffffff24}