:root{--bg:#f7f1e8;--paper:#fffdf8;--ink:#23323a;--muted:#7d888d;--line:#e9dfd1;--blue:#3e7df2;--blue2:#265fd0;--sky:#dfeaff;--amber:#f3b63f;--coral:#ff806a;--mint:#32b89a;--plum:#745bd7;--shadow:0 10px 26px rgba(55,43,25,.08);--press:0 4px 0 rgba(50,44,35,.14)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;background:#e9e1d7;color:var(--ink)}body{overscroll-behavior:none;touch-action:manipulation}.app{width:100%;max-width:480px;min-height:100dvh;margin:auto;background:var(--bg);position:relative;overflow:hidden}.screen{display:none;min-height:100dvh}.screen.active{display:block}.safe-top{padding-top:max(12px,env(safe-area-inset-top))}.safe-bottom{padding-bottom:max(14px,env(safe-area-inset-bottom))}button{border:0;background:none;font:inherit;color:inherit;cursor:pointer}.topbar{height:72px;padding-left:16px;padding-right:16px;display:flex;align-items:center;justify-content:space-between}.profile-pill{display:flex;align-items:center;gap:9px;text-align:left}.profile-pill .avatar{width:42px;height:42px;border-radius:16px;background:#263848;color:#fff;display:grid;place-items:center;font-size:22px;font-weight:900;box-shadow:0 4px 0 #15242e}.profile-pill b{display:block;font-size:15px}.profile-pill small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.top-stats{display:flex;gap:8px}.top-stats span{height:38px;padding:0 10px;border:1.5px solid var(--line);background:rgba(255,253,248,.85);border-radius:14px;display:flex;align-items:center;gap:5px;font-size:14px}.home-main{padding:4px 16px 98px}.voyage-card{min-height:238px;border-radius:34px;background:linear-gradient(145deg,#263a4b,#172b3a);color:#fff;padding:24px 20px;position:relative;overflow:hidden;box-shadow:0 12px 0 #d9cebf}.voyage-card:after{content:"";position:absolute;inset:auto -60px -100px auto;width:270px;height:270px;border-radius:50%;background:radial-gradient(circle,#416578 0 20%,transparent 21% 35%,rgba(255,255,255,.09) 36% 37%,transparent 38%)}.voyage-copy{position:relative;z-index:2;width:68%}.kicker{display:inline-flex;padding:6px 9px;border-radius:99px;background:#fff3;color:#fff;font-size:12px;font-weight:800}.voyage-card h1{font-size:32px;line-height:1.15;margin:10px 0 8px}.voyage-card h1 em{font-style:normal;color:#ffd775}.voyage-card p{font-size:14px;color:#c7d5dd;line-height:1.55;margin:0 0 16px}.primary-btn{min-height:56px;padding:0 20px;border-radius:18px;background:var(--blue);color:#fff;font-weight:900;font-size:17px;box-shadow:0 5px 0 var(--blue2);display:flex;align-items:center;justify-content:center;gap:8px}.primary-btn:active{transform:translateY(3px);box-shadow:0 2px 0 var(--blue2)}.voyage-card .primary-btn{min-height:48px;font-size:15px;background:#ffd36a;color:#293744;box-shadow:0 5px 0 #c99b34}.orbital{position:absolute;right:-8px;top:32px;width:150px;height:150px}.orbital i{position:absolute;inset:18px;border:1.5px solid #ffffff33;border-radius:50%;animation:spin 7s linear infinite}.orbital i:nth-child(2){inset:2px 28px;transform:rotate(55deg)}.orbital i:nth-child(3){inset:30px 0;transform:rotate(-40deg)}.orbital b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:82px;height:82px;border-radius:31px;background:linear-gradient(145deg,#ff916d,#f26054);display:grid;place-items:center;font-size:45px;box-shadow:0 8px 0 #bd493e}.mastery-card{margin-top:18px;padding:17px 16px;border-radius:24px;background:var(--paper);border:1.5px solid var(--line);box-shadow:var(--shadow)}.mastery-head{display:flex;justify-content:space-between;align-items:center}.mastery-head small,.section-title small{display:block;color:var(--muted);font-size:12px}.mastery-head b{display:block;margin-top:2px;font-size:21px}.rank-badge{padding:7px 10px;border-radius:12px;background:#fff0c9;color:#8b5d00;font-size:12px;font-weight:900}.mastery-track{height:12px;border-radius:99px;background:#ece5da;margin:13px 0 8px;overflow:hidden}.mastery-track i{height:100%;width:0;display:block;border-radius:inherit;background:linear-gradient(90deg,#ffb64e,#ff806a);transition:width .5s}.mastery-meta{display:flex;justify-content:space-between;font-size:12px;color:#8a9194}.section-title{display:flex;align-items:end;justify-content:space-between;margin:25px 4px 12px}.section-title h2{font-size:22px;margin:2px 0 0}.section-title button{font-size:13px;color:var(--blue);font-weight:800}.station-list{display:grid;gap:10px}.station-card{width:100%;min-height:94px;background:var(--paper);border:1.5px solid var(--line);border-radius:24px;padding:14px;display:flex;align-items:center;gap:13px;text-align:left;box-shadow:0 5px 0 #e5dacb;position:relative;overflow:hidden}.station-card.locked{opacity:.58}.station-card .station-icon{width:62px;height:62px;flex:0 0 62px;border-radius:21px;background:#e9f0ff;color:#2f66cf;display:grid;place-items:center;font-size:30px;font-weight:900}.station-card:nth-child(2) .station-icon{background:#e8f8f2;color:#189177}.station-card:nth-child(3) .station-icon{background:#fff0e9;color:#d76245}.station-card:nth-child(4) .station-icon{background:#eeeafd;color:#624bc0}.station-card .station-copy b{font-size:17px;display:block}.station-card .station-copy small{display:block;color:var(--muted);margin-top:4px;font-size:12px}.station-card .station-go{margin-left:auto;font-size:26px;color:#b1a89d}.station-card.completed:after{content:"✓";position:absolute;right:12px;top:9px;width:23px;height:23px;border-radius:50%;background:#dff6ee;color:#1c957b;display:grid;place-items:center;font-weight:900}.friend-banner{margin:20px 0 4px;padding:15px;border-radius:25px;background:#e9e5fb;display:flex;align-items:center;gap:12px;cursor:pointer}.friend-faces{display:flex}.friend-faces span{width:42px;height:42px;border:3px solid #e9e5fb;border-radius:16px;background:#fff;display:grid;place-items:center;font-size:21px;font-weight:900;margin-right:-10px}.friend-banner div:nth-child(2){flex:1}.friend-banner b{display:block;font-size:14px}.friend-banner small{display:block;color:#726e87;font-size:12px;margin-top:4px}.friend-banner .arrow{font-size:25px}.bottom-space{height:12px}.bottom-nav{position:fixed;z-index:30;bottom:0;left:50%;transform:translateX(-50%);width:min(480px,100%);height:78px;background:rgba(255,253,248,.96);backdrop-filter:blur(18px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding-left:9px;padding-right:9px}.nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#899093;font-size:12px;font-weight:800}.nav-btn span{font-size:21px}.nav-btn.active{color:#263848}.nav-btn.active span{transform:translateY(-2px)}
.lesson-screen{background:#fffaf2}.lesson-top{height:70px;display:flex;align-items:center;gap:12px;padding-left:14px;padding-right:14px}.icon-btn{width:46px;height:46px;border-radius:16px;background:#fff;border:1.5px solid var(--line);box-shadow:0 3px 0 #e4dacd;font-size:28px;display:grid;place-items:center}.lesson-meter{height:12px;flex:1;background:#ece5dc;border-radius:99px;overflow:hidden}.lesson-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#40bfa1,#61d1b5);border-radius:inherit;transition:width .35s}.combo-chip{height:38px;padding:0 10px;border-radius:13px;background:#fff0c8;color:#8c5f00;display:flex;align-items:center;font-size:12px;font-weight:800}.lesson-main{padding:4px 16px 130px}.guide-row{display:flex;align-items:flex-start;gap:10px;margin:7px 4px 15px}.guide-dot{width:46px;height:46px;flex:0 0 46px;border-radius:17px;background:#263848;color:#fff;display:grid;place-items:center;font-size:23px;font-weight:900}.guide-text{padding:12px 14px;border-radius:6px 18px 18px 18px;background:#fff;border:1.5px solid var(--line);font-size:15px;font-weight:800;line-height:1.45;box-shadow:0 4px 0 #e9dfd2}.exercise-card{min-height:420px;background:var(--paper);border:1.5px solid var(--line);border-radius:30px;padding:20px 16px;box-shadow:0 8px 0 #e6dccf}.ex-title{text-align:center;margin:0 0 6px;font-size:27px}.ex-sub{text-align:center;color:var(--muted);font-size:13px;line-height:1.5;margin:0 auto 18px;max-width:290px}.big-char{font-size:56px;font-weight:900;line-height:1}.piece-row{display:flex;justify-content:center;gap:14px;margin:28px 0}.piece{width:112px;height:112px;border-radius:28px;background:#f4efe7;border:2px solid #e7dccd;box-shadow:0 6px 0 #dfd4c5;display:grid;place-items:center;font-size:58px;font-weight:900;touch-action:none;user-select:none}.piece.selected{background:#e5eeff;border-color:#90aff0;transform:translateY(-4px)}.merge-zone{min-height:116px;border-radius:26px;border:2.5px dashed #b8c5cd;background:#f7fafb;display:flex;align-items:center;justify-content:center;color:#87969d;font-weight:800;font-size:15px;transition:.2s}.merge-zone.hot{background:#eaf6ff;border-color:#6799ef;transform:scale(1.02)}.options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.option{min-height:112px;border-radius:25px;background:#f7f2e9;border:2px solid #e7ddce;box-shadow:0 5px 0 #ddd3c5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.option b{font-size:48px}.option span{font-size:12px;color:var(--muted)}.option.correct{background:#e6f8f1;border-color:#65cbb1}.option.wrong{animation:shake .35s;background:#fff0ed;border-color:#ff9c8d}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.find-tile{aspect-ratio:1;border-radius:25px;background:#f6f1e9;border:2px solid #e6dccd;box-shadow:0 5px 0 #ddd3c5;font-size:43px;font-weight:900}.find-tile.found{background:#e9f7f2;border-color:#66cbb2;animation:pop .35s}.scene{min-height:150px;border-radius:28px;background:linear-gradient(#e9f5ff,#fff4da);display:grid;place-items:center;margin:10px 0 18px;font-size:74px}.chain-row{display:flex;align-items:center;justify-content:center;gap:8px;margin:38px 0 20px}.chain-node{width:92px;height:92px;border-radius:27px;background:#f5efe6;border:2px solid #e4d7c7;display:grid;place-items:center;font-size:50px;font-weight:900}.chain-arrow{font-size:25px;color:#9b9b9b}.feedback{position:fixed;z-index:50;left:50%;bottom:0;transform:translate(-50%,110%);width:min(480px,100%);padding:17px 16px max(16px,env(safe-area-inset-bottom));background:#eaf8f3;border-top:1.5px solid #c8eadf;transition:transform .28s;box-shadow:0 -10px 30px #0001}.feedback.show{transform:translate(-50%,0)}.feedback.wrong{background:#fff0ed;border-color:#ffd1c9}.feedback-text strong{display:block;font-size:18px;color:#198d75}.feedback.wrong strong{color:#d25745}.feedback-text span{display:block;font-size:13px;color:#5f716f;margin:4px 0 12px;line-height:1.45}.feedback .primary-btn{width:100%}.result-screen{background:radial-gradient(circle at 50% 25%,#fff5cb,#f8efe5 58%)}.result-main{min-height:100dvh;padding-left:24px;padding-right:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.result-orbit{width:160px;height:160px;border-radius:50%;border:2px dashed #e7b85b;display:flex;align-items:center;justify-content:space-around;margin-bottom:20px;animation:float 3s ease-in-out infinite}.result-orbit b{width:96px;height:96px;border-radius:34px;background:#263848;color:#fff;display:grid;place-items:center;font-size:52px;box-shadow:0 7px 0 #172832}.result-main>small{color:#9b7d41;font-weight:900}.result-main h2{font-size:29px;line-height:1.25;margin:8px 0}.result-main p{color:var(--muted);font-size:14px;max-width:320px;line-height:1.6}.result-rewards{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.result-rewards>div{padding:14px 4px;border-radius:20px;background:#fff;border:1.5px solid var(--line)}.result-rewards span{font-size:21px;display:block}.result-rewards b{display:block;font-size:17px;margin:4px 0}.result-rewards small{font-size:12px;color:var(--muted)}.primary-btn.big{width:100%;min-height:60px;font-size:18px}
.inner-screen{background:var(--bg)}.inner-head{min-height:76px;padding-left:14px;padding-right:14px;display:grid;grid-template-columns:52px 1fr 72px;align-items:center}.inner-head>div{text-align:center}.inner-head small{display:block;font-size:12px;color:var(--muted)}.inner-head h2{font-size:21px;margin:1px 0}.mini-rank{font-size:12px;font-weight:900;color:var(--blue)}.inner-main{padding:8px 16px 34px}.coop-hero{padding:23px 19px;border-radius:31px;background:linear-gradient(145deg,#e9e5fb,#dcd5f8);box-shadow:0 8px 0 #cfc7e7}.coop-hero .kicker{background:#fff8;color:#6753bd}.coop-hero h3{font-size:31px;margin:10px 0 7px}.coop-hero p{font-size:14px;color:#69627f;line-height:1.6}.coop-preview{display:flex;align-items:center;justify-content:center;gap:6px;margin:18px 0}.coop-preview span{min-width:52px;height:52px;padding:0 9px;border-radius:17px;background:#fff;display:grid;place-items:center;font-size:24px;font-weight:900;box-shadow:0 4px 0 #c7bedf}.coop-preview i{font-style:normal;font-size:22px}.coop-hero .primary-btn{width:100%;background:#6c57cd;box-shadow:0 5px 0 #5141a0}.mode-list{display:grid;gap:10px;margin-top:18px}.mode-card{min-height:82px;padding:12px 14px;border-radius:23px;background:var(--paper);border:1.5px solid var(--line);box-shadow:0 5px 0 #e3d9cb;display:flex;align-items:center;text-align:left;gap:12px}.mode-icon{width:50px;height:50px;border-radius:17px;background:#e7efff;color:#2f65cf;display:grid;place-items:center;font-weight:900;font-size:22px}.mode-card div{flex:1}.mode-card b{display:block;font-size:15px}.mode-card small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.mode-card em{font-style:normal;font-size:12px;color:#8e8598}.safe-social,.rank-note,.guardian-card{margin-top:18px;padding:16px;border-radius:21px;background:#fff8da;color:#6d5b29}.safe-social b,.guardian-card b{font-size:14px}.safe-social p,.guardian-card p{font-size:12px;line-height:1.6;margin:5px 0 0}.hunt-screen{background:#f5efe6}.hunt-head{height:74px;padding-left:14px;padding-right:14px;display:flex;align-items:center;justify-content:space-between}.hunt-timer{font-size:21px;font-weight:900}.team-score{padding:8px 10px;border-radius:13px;background:#fff;border:1.5px solid var(--line);font-size:12px}.hunt-main{padding:4px 16px 30px}.partner-row{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:20px;background:#fff;border:1.5px solid var(--line)}.partner-avatar{width:44px;height:44px;border-radius:15px;background:#6f58cf;color:#fff;display:grid;place-items:center;font-weight:900;font-size:20px}.partner-row div:nth-child(2){flex:1}.partner-row b{display:block;font-size:13px}.partner-row small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.partner-score{font-weight:900;color:#6f58cf}.hunt-task{text-align:center;margin:19px 0 12px}.hunt-task small{color:var(--muted)}.hunt-task h2{font-size:25px;margin:5px 0}.hunt-task p{font-size:12px;color:var(--muted);margin:0}.hunt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hunt-cell{aspect-ratio:1;border-radius:27px;background:#fff;border:2px solid #e6dccd;box-shadow:0 6px 0 #ddd1c3;display:grid;place-items:center;font-size:45px;font-weight:900;position:relative}.hunt-cell.mine{background:#e9f7f1;border-color:#5fc6aa;animation:pop .4s}.hunt-cell.partner-hit:after{content:"伙伴 +1";position:absolute;top:-8px;right:-7px;background:#6f58cf;color:#fff;font-size:12px;padding:4px 6px;border-radius:99px}.quick-reactions{display:flex;justify-content:center;gap:8px;margin-top:18px}.quick-reactions button{min-width:50px;height:42px;padding:0 12px;border-radius:15px;background:#fff;border:1.5px solid var(--line);box-shadow:0 3px 0 #ddd3c6}.rank-tabs,.book-filter{display:flex;gap:7px;padding:5px;border-radius:16px;background:#ece5db}.rank-tabs button,.book-filter button{flex:1;height:42px;border-radius:12px;font-size:12px;font-weight:900;color:#7d8184}.rank-tabs button.active,.book-filter button.active{background:#fff;color:#263848;box-shadow:0 2px 7px #0001}.rank-note{margin-top:12px;background:#eef3ff;color:#5f6e89;font-size:12px;line-height:1.5}.leaderboard{display:grid;gap:8px;margin-top:12px}.rank-row{min-height:66px;border-radius:20px;background:#fff;border:1.5px solid var(--line);display:grid;grid-template-columns:38px 48px 1fr auto;align-items:center;padding:8px 12px;gap:8px}.rank-row.you{border-color:#e0b04a;background:#fff9e8}.rank-pos{font-weight:900;color:#909598}.rank-avatar{width:42px;height:42px;border-radius:15px;background:#e8eef7;display:grid;place-items:center;font-weight:900}.rank-copy b{font-size:13px;display:block}.rank-copy small{font-size:12px;color:var(--muted)}.rank-score{font-size:13px;font-weight:900;color:#4a68a7}.book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:14px}.book-char{aspect-ratio:1;border-radius:22px;background:#fff;border:1.5px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 0 #e0d6c8}.book-char b{font-size:33px}.book-char small{font-size:12px;color:var(--muted);margin-top:3px}.profile-card{padding:18px;border-radius:25px;background:#263848;color:#fff;display:flex;align-items:center;gap:14px}.big-avatar{width:70px;height:70px;border-radius:25px;background:#ffcf68;color:#263848;display:grid;place-items:center;font-size:37px;font-weight:900}.profile-card b{display:block;font-size:18px}.profile-card small{display:block;color:#c8d2d7;margin-top:4px;font-size:12px}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.profile-stats>div{padding:14px 4px;border-radius:20px;background:#fff;border:1.5px solid var(--line);text-align:center}.profile-stats b{font-size:20px;display:block}.profile-stats small{font-size:12px;color:var(--muted)}.wp-card{padding:17px;border-radius:24px;background:#fff;border:1.5px solid var(--line)}.wp-card>div{display:flex;align-items:center;gap:11px}.wp-logo{width:45px;height:45px;border-radius:50%;background:#21759b;color:#fff;display:grid;place-items:center;font-size:24px;font-weight:900}.wp-card b{display:block;font-size:14px}.wp-card small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.wp-card p{font-size:12px;line-height:1.6;color:#69757a}.outline-btn{width:100%;min-height:49px;border-radius:16px;border:2px solid #d8e2e8;font-size:13px;font-weight:900}.guardian-card{background:#fff1ea;color:#76534a}.modal{position:fixed;inset:0;z-index:80;background:#0006;display:none;align-items:flex-end}.modal.show{display:flex}.modal-card{width:min(480px,100%);margin:auto;background:#fffdf8;border-radius:30px 30px 0 0;padding:25px 19px 22px;position:relative}.modal-close{position:absolute;right:16px;top:14px;width:42px;height:42px;border-radius:14px;background:#f0e9de;font-size:22px}.modal-card>small{color:var(--muted)}.modal-card h3{font-size:23px;line-height:1.3;margin:6px 45px 13px 0}.modal-card>p{font-size:12px;color:#6e7779;line-height:1.65}.grade-plan{display:grid;gap:8px}.grade-plan div{padding:13px;border-radius:17px;background:#f3efe8}.grade-plan b{display:block;font-size:13px}.grade-plan span{display:block;font-size:12px;color:var(--muted);margin-top:2px}.toast{position:fixed;z-index:120;left:50%;bottom:94px;transform:translate(-50%,18px);padding:10px 14px;border-radius:13px;background:#263848;color:#fff;font-size:12px;opacity:0;pointer-events:none;transition:.25s;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}.fx-char{position:fixed;z-index:110;pointer-events:none;font-size:54px;font-weight:900;color:#273a49;text-shadow:0 4px 0 #fff;animation:fx .75s ease-out forwards}.particle{position:fixed;width:8px;height:8px;border-radius:50%;z-index:109;pointer-events:none;animation:particle .8s ease-out forwards}.star-fly{position:fixed;z-index:120;pointer-events:none;font-size:25px;animation:flyStar .8s ease-in forwards}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-8px)}}@keyframes pop{50%{transform:scale(1.1)}}@keyframes shake{25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}@keyframes fx{0%{opacity:0;transform:translate(-50%,-30%) scale(.55)}35%{opacity:1;transform:translate(-50%,-80%) scale(1.15)}100%{opacity:0;transform:translate(-50%,-150%) scale(.9)}}@keyframes particle{to{opacity:0;transform:translate(var(--x),var(--y)) scale(.3)}}@keyframes flyStar{to{transform:translate(var(--x),var(--y)) scale(.5);opacity:.1}}
@media(max-width:360px){.voyage-card h1{font-size:29px}.piece{width:98px;height:98px;font-size:52px}.exercise-card{padding-left:12px;padding-right:12px}.big-char{font-size:50px}.hunt-cell{font-size:40px}}@media(max-height:720px){.voyage-card{min-height:215px}.lesson-main{padding-bottom:120px}.exercise-card{min-height:365px}.piece-row{margin:18px 0}.piece{width:94px;height:94px;font-size:50px}.scene{min-height:120px}}

/* v0.6 adaptive-learning refinements */
.smart-card{min-height:270px;border-radius:34px;background:linear-gradient(145deg,#243b4a,#173341);color:#fff;padding:25px 20px;position:relative;overflow:hidden;box-shadow:0 12px 0 #d9cebf}.smart-copy{position:relative;z-index:2;width:72%}.smart-kicker{display:inline-flex;padding:6px 10px;border-radius:99px;background:#ffffff20;color:#ffe08a;font-size:12px;font-weight:900}.smart-card h1{font-size:34px;line-height:1.13;margin:11px 0 8px;letter-spacing:-1px}.smart-card h1 em{font-style:normal;color:#7be3c5}.smart-card p{font-size:14px;color:#c7d7dd;line-height:1.55;margin:0 0 12px}.weak-tags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 15px}.weak-tags span{padding:5px 8px;border-radius:10px;background:#ffffff16;border:1px solid #ffffff1e;font-size:12px;color:#eaf4f5}.primary-btn.warm{min-height:50px;background:#ffd36a;color:#263843;box-shadow:0 5px 0 #c79a36;font-size:15px}.brain-orbit{position:absolute;right:-11px;top:35px;width:150px;height:170px}.brain-orbit:before,.brain-orbit:after{content:"";position:absolute;border:1.5px solid #ffffff25;border-radius:50%;inset:18px 7px 24px 27px;transform:rotate(18deg)}.brain-orbit:after{inset:35px -2px 10px 40px;transform:rotate(-26deg)}.brain-orbit span{position:absolute;width:54px;height:54px;border-radius:19px;background:#fff;color:#263843;display:grid;place-items:center;font-size:29px;font-weight:900;box-shadow:0 6px 0 #b7c5c8}.brain-orbit span:nth-child(1){right:12px;top:8px}.brain-orbit span:nth-child(2){right:70px;top:68px;background:#fff1c9}.brain-orbit span:nth-child(3){right:2px;top:112px;background:#dff7ed}.brain-orbit b{position:absolute;right:61px;top:8px;color:#ffd36a;font-size:26px;animation:float 2.4s ease-in-out infinite}.parent-mini{padding:8px 10px;border-radius:12px;background:#edf3ff;color:#3267c4;font-size:12px;font-weight:900}.reward-teaser{margin-top:14px;padding:13px 13px 13px 12px;border-radius:24px;background:linear-gradient(145deg,#fff1d4,#ffe3ae);border:1.5px solid #edc979;display:flex;align-items:center;gap:12px;box-shadow:0 5px 0 #e2c084;cursor:pointer}.reward-mini-art{width:62px;height:62px;flex:0 0 62px;border-radius:20px;background:#fff9e9;display:grid;place-items:center;position:relative;overflow:hidden}.reward-mini-art span{font-size:40px;filter:saturate(.8)}.reward-mini-art i{position:absolute;right:0;bottom:0;width:50%;height:100%;background:#f1dca9cc;transition:.4s}.reward-teaser>div:nth-child(2){flex:1}.reward-teaser small{display:block;color:#9c761d;font-size:12px;font-weight:900}.reward-teaser b{display:block;font-size:16px;margin:2px 0}.reward-teaser p{font-size:12px;color:#786c56;line-height:1.4;margin:0}.reward-teaser strong{font-size:12px;color:#8d6310;white-space:nowrap}.session-strip{display:flex;align-items:center;gap:8px;margin:3px 4px 12px;color:#7d888d;font-size:12px;font-weight:900}.session-strip>span{white-space:nowrap}.session-strip>b{font-size:17px}.surprise-meter{height:8px;flex:1;background:#e8dfd4;border-radius:99px;overflow:hidden}.surprise-meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,#ffb347,#ff7d69);border-radius:inherit;transition:.3s}.exercise-card{min-height:430px}.feedback{z-index:40}.feedback-text span{line-height:1.45}.drag-bank{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:22px 0}.radical-chip{min-width:86px;height:86px;padding:0 15px;border-radius:25px;background:#f5efe6;border:2px solid #e3d6c6;box-shadow:0 6px 0 #dcd0c0;font-size:42px;font-weight:900;touch-action:none}.radical-chip.selected{background:#e4f5ee;border-color:#69c9aa;transform:translateY(-3px)}.radical-target{min-height:135px;border-radius:28px;background:#eff6ff;border:2.5px dashed #8eb0e9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#5e7395}.radical-target b{font-size:52px;color:#263848}.word-pair{display:flex;justify-content:center;align-items:center;gap:10px;margin:34px 0}.word-pair .word-slot{min-width:110px;height:100px;border-radius:26px;background:#fff4d6;border:2px solid #e9c568;display:grid;place-items:center;font-size:42px;font-weight:900}.word-pair span{font-size:28px;font-weight:900;color:#a0a6a8}.bubble-field{min-height:285px;position:relative;margin-top:10px}.bubble-char{position:absolute;width:84px;height:84px;border-radius:50%;background:#eff5ff;border:2px solid #c9d8f3;box-shadow:0 6px 0 #c7d2e4;display:grid;place-items:center;font-size:42px;font-weight:900;animation:bob 2.5s ease-in-out infinite}.bubble-char:nth-child(2n){background:#fff0e8;border-color:#efcabb;animation-delay:-.8s}.bubble-char:nth-child(3n){background:#e8f8f1;border-color:#bcded0;animation-delay:-1.4s}.bubble-char.pop{animation:popAway .35s ease forwards}.micro-badge{display:inline-flex;margin:0 auto 12px;padding:6px 10px;border-radius:99px;background:#eef5ff;color:#4b6fa8;font-size:12px;font-weight:900}.piece-reveal{width:100%;display:none;align-items:center;gap:10px;padding:11px 13px;border-radius:18px;background:#fff0c9;border:1.5px solid #e6bf5a;margin:-8px 0 16px;text-align:left}.piece-reveal.show{display:flex;animation:pop .35s}.piece-reveal>span{font-size:30px}.piece-reveal b{font-size:13px;display:block}.piece-reveal small{display:block;color:#896e33;font-size:12px;margin-top:2px}.puzzle-card{padding:18px;border-radius:28px;background:#fff;border:1.5px solid var(--line);box-shadow:0 7px 0 #e2d7c9}.puzzle-title{display:flex;justify-content:space-between;align-items:flex-start}.puzzle-title small{font-size:12px;color:var(--muted)}.puzzle-title h3{font-size:23px;margin:3px 0 0}.puzzle-title>b{padding:8px 10px;border-radius:13px;background:#fff1ca;color:#8b6510;font-size:13px}.panda-stage{height:330px;margin:16px 0 10px;border-radius:26px;background:linear-gradient(#dff2e9,#f5efcb);position:relative;overflow:hidden}.panda-stage:before{content:"";position:absolute;left:-20px;right:-20px;bottom:-35px;height:110px;border-radius:50%;background:#9bcf89}.panda-art{position:absolute;inset:0}.ear{position:absolute;top:74px;width:72px;height:72px;border-radius:50%;background:#242b30}.ear.l{left:92px}.ear.r{right:92px}.head{position:absolute;left:50%;top:94px;transform:translateX(-50%);width:190px;height:160px;border-radius:48% 48% 44% 44%;background:#fff;box-shadow:0 8px 0 #d7d7ce}.eye{position:absolute;top:47px;width:48px;height:62px;border-radius:50%;background:#242b30;transform:rotate(18deg)}.eye:after{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:#fff;left:18px;top:18px}.eye.l{left:32px}.eye.r{right:32px;transform:rotate(-18deg)}.nose{position:absolute;left:50%;top:102px;transform:translateX(-50%);width:29px;height:20px;border-radius:50%;background:#242b30}.mouth{position:absolute;left:50%;top:119px;width:35px;height:21px;border-bottom:3px solid #242b30;border-radius:50%;transform:translateX(-50%)}.body{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);width:164px;height:112px;border-radius:50% 50% 28% 28%;background:#fff}.arm{position:absolute;top:12px;width:55px;height:90px;border-radius:50%;background:#242b30}.arm.l{left:-18px;transform:rotate(24deg)}.arm.r{right:-18px;transform:rotate(-24deg)}.bamboo{position:absolute;right:40px;bottom:14px;width:42px;height:190px;transform:rotate(8deg)}.bamboo>i{display:block;width:17px;height:67px;background:#4e9e59;border-radius:9px;margin-bottom:-5px;border-bottom:5px solid #357d43}.puzzle-covers{position:absolute;inset:0;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);z-index:8}.puzzle-cover{background:#e4dbc7;display:grid;place-items:center;border:1px dashed #c4b89f;color:#9c8f77;font-weight:900;font-size:12px;transition:.55s cubic-bezier(.2,.8,.2,1)}.puzzle-cover.unlocked{opacity:0;transform:scale(.75) rotate(5deg);pointer-events:none}.puzzle-card>p{font-size:12px;line-height:1.6;color:var(--muted);margin:10px 3px 0}.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.collection-card{min-height:130px;border-radius:24px;background:#fff;border:1.5px solid var(--line);box-shadow:0 4px 0 #e0d6c8;display:flex;flex-direction:column;align-items:center;justify-content:center}.collection-card span{font-size:38px}.collection-card b{font-size:13px;margin-top:5px}.collection-card small{font-size:12px;color:var(--muted);margin-top:3px}.collection-card.locked{filter:grayscale(.85);opacity:.65}.parent-summary{padding:18px;border-radius:27px;background:linear-gradient(145deg,#263a4b,#1b2d39);color:#fff;display:flex;gap:14px;align-items:center}.parent-summary>div{flex:1}.parent-summary small{font-size:12px;color:#bfd0d8}.parent-summary h3{font-size:22px;line-height:1.25;margin:4px 0 6px}.parent-summary p{font-size:12px;line-height:1.5;color:#cbd8dd;margin:0}.parent-summary>span{width:62px;height:62px;border-radius:22px;background:#ffd36a;color:#263843;display:grid;place-items:center;font-size:32px;font-weight:900}.parent-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.parent-kpis>div{padding:14px 5px;border-radius:20px;background:#fff;border:1.5px solid var(--line);text-align:center}.parent-kpis b{display:block;font-size:23px}.parent-kpis small{font-size:12px;color:var(--muted)}.report-card{padding:16px;border-radius:24px;background:#fff;border:1.5px solid var(--line);margin-top:12px}.report-card.soft{background:#eff6ff;color:#516987}.report-card.soft b{font-size:14px}.report-card.soft p{font-size:12px;line-height:1.65;margin:6px 0 0}.report-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.report-head b{font-size:14px}.report-head small{font-size:12px;color:var(--muted)}.skill-bars{display:grid;gap:10px}.skill-row{display:grid;grid-template-columns:58px 1fr 38px;gap:8px;align-items:center}.skill-row span{font-size:12px;font-weight:800}.skill-row div{height:9px;border-radius:99px;background:#eee8df;overflow:hidden}.skill-row i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#5cc4a7,#65a2ed)}.skill-row b{font-size:12px;text-align:right}.weak-list,.confusion-list{display:grid;gap:8px}.weak-item,.confusion-item{min-height:58px;border-radius:17px;background:#f7f3ec;display:flex;align-items:center;gap:10px;padding:9px 11px}.weak-item>span,.confusion-item>span{width:42px;height:42px;border-radius:14px;background:#fff;display:grid;place-items:center;font-size:23px;font-weight:900}.weak-item div,.confusion-item div{flex:1}.weak-item b,.confusion-item b{display:block;font-size:12px}.weak-item small,.confusion-item small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.weak-item em,.confusion-item em{font-style:normal;font-size:12px;color:#d16a54;font-weight:900}.profile-link{width:100%;min-height:75px;padding:10px 13px;border-radius:22px;background:#fff;border:1.5px solid var(--line);box-shadow:0 4px 0 #e0d6c8;display:flex;align-items:center;gap:11px;text-align:left;margin-bottom:10px}.profile-link>span{width:48px;height:48px;border-radius:16px;background:#eef4ff;display:grid;place-items:center;font-size:24px}.profile-link div{flex:1}.profile-link b{font-size:13px;display:block}.profile-link small{font-size:12px;color:var(--muted);display:block;margin-top:3px}.profile-link small i{font-style:normal;color:#8c6411;font-weight:900}.profile-link em{font-style:normal;font-size:25px;color:#aaa}.book-char .mastery-dot{width:8px;height:8px;border-radius:50%;margin-top:5px}.mastery-dot.weak{background:#ff806a}.mastery-dot.learning{background:#f3b63f}.mastery-dot.mastered{background:#32b89a}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes popAway{to{transform:scale(1.35);opacity:0}}
@media(max-width:390px){.smart-card h1{font-size:31px}.smart-copy{width:74%}.brain-orbit{right:-25px}.exercise-card{min-height:405px}.option b{font-size:50px}.find-tile{font-size:45px}.panda-stage{height:300px}.ear.l{left:72px}.ear.r{right:72px}.bamboo{right:27px}}
@media(max-width:350px){.smart-card{padding-left:16px}.smart-card h1{font-size:28px}.smart-card p{font-size:12px}.brain-orbit{opacity:.65}.reward-teaser p{display:none}.parent-mini{font-size:12px;padding:7px}.collection-grid{grid-template-columns:1fr 1fr}.panda-stage{height:280px}.ear.l{left:58px}.ear.r{right:58px}}

/* ===== v0.7 儿童移动端 / 语音交互精修 ===== */
:root{--kid-blue:#4387ff;--kid-blue-dark:#2f69d8;--kid-yellow:#ffd95f;--kid-pink:#ff8f86;--kid-green:#52cda8;--kid-paper:#fffef9;--kid-bg:#f5f8ff}
html,body{background:#e8eef8}.app{max-width:460px;background:linear-gradient(180deg,#f7fbff 0,#fff9ee 64%,#f9f4ea 100%)}
button{min-width:44px}.home-main{padding-left:14px;padding-right:14px}.topbar{height:76px}.profile-pill .avatar{width:46px;height:46px;border-radius:17px;font-size:24px}.profile-pill b{font-size:16px}.top-stats span{height:42px;font-size:15px;border-radius:15px}
.smart-card{min-height:286px;padding:25px 19px;border:2px solid #cfe0ff;background:linear-gradient(150deg,#5d9aff,#4879e9 58%,#755fd7);box-shadow:0 9px 0 #d8e4fb;color:#fff}.smart-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-58px;top:-46px;background:#ffffff14}.smart-card:after{content:"★  ✦  ★";position:absolute;right:24px;bottom:22px;color:#ffffff3b;font-size:20px;letter-spacing:9px;transform:rotate(-12deg)}.smart-copy{width:76%}.smart-kicker{font-size:14px;padding:7px 11px;background:#ffffff28;color:#fff7ce}.smart-card h1{font-size:34px;line-height:1.16;letter-spacing:-.5px;margin-top:13px}.smart-card h1 em{color:#fff4a9}.smart-card p{font-size:15px;line-height:1.6;color:#f4f7ff;min-height:47px}.smart-card .primary-btn{min-height:58px;border-radius:20px;background:#ffe069;color:#4b3b0d;box-shadow:0 5px 0 #d8ad32;font-size:18px}.weak-tags span{font-size:12px;padding:6px 9px;background:#ffffff25;border-color:#ffffff35;color:#fff}
.brain-orbit{filter:saturate(.92);transform:scale(.92)}
.mastery-card{padding:18px 16px;border:2px solid #e5e9f3;border-radius:26px;background:#fff;box-shadow:0 6px 0 #e6e9ef}.mastery-head small{font-size:13px;color:#8792a0}.mastery-head b{font-size:20px;line-height:1.35}.parent-mini{min-height:38px;padding:0 10px;font-size:12px;border-radius:13px}.mastery-track{height:13px;background:#edf0f7}.kid-meta{gap:6px;justify-content:flex-start;flex-wrap:wrap}.kid-meta span{padding:6px 8px;border-radius:11px;background:#f5f7fb;color:#687789;font-size:12px;font-weight:800}
.reward-teaser{border:2px solid #f2d88f;border-radius:25px;padding:15px}.reward-teaser b{font-size:17px}.reward-teaser p{font-size:12px}.section-title h2{font-size:24px}.station-card{min-height:102px;border:2px solid #e5e8f0;border-radius:25px;padding:15px;box-shadow:0 5px 0 #e2e5eb}.station-card .station-icon{width:68px;height:68px;flex-basis:68px;border-radius:22px;font-size:34px}.station-card .station-copy b{font-size:18px}.station-card .station-copy small{font-size:13px;line-height:1.45}.bottom-nav{height:82px}.nav-btn{font-size:12px}.nav-btn span{font-size:23px}
.lesson-screen{background:linear-gradient(180deg,#f4f9ff 0,#fff9ef 100%)}.lesson-top{height:72px;padding-left:12px;padding-right:12px;gap:9px}.icon-btn{width:48px;height:48px;border-radius:16px;font-size:28px}.combo-chip{height:40px;font-size:12px}.lesson-main{padding:0 14px 150px}.session-strip{font-size:12px;margin:4px 3px 9px}.lesson-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:9px;margin:0 2px 12px}.lesson-tool{min-height:52px;border-radius:17px;background:#fff;border:2px solid #dde6f4;box-shadow:0 4px 0 #dce3ec;font-size:15px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:7px;color:#52667a}.lesson-tool span{font-size:20px}.lesson-tool:active{transform:translateY(2px);box-shadow:0 2px 0 #dce3ec}.lesson-tool:disabled{opacity:.38;box-shadow:none}.lesson-tool.audio-tool{background:#e9f2ff;border-color:#c7dcff;color:#356cce}.lesson-tool.playing{animation:voicePulse .42s ease}
.guide-row{gap:10px;margin:5px 2px 13px}.guide-dot{width:50px;height:50px;flex-basis:50px;border-radius:18px;background:linear-gradient(145deg,#ff9c7f,#ff7d72);box-shadow:0 4px 0 #d9655d;font-size:25px}.guide-text{min-height:50px;padding:13px 14px;font-size:16px;line-height:1.45;border:2px solid #e5e8ee;box-shadow:0 4px 0 #e5e7eb}
.exercise-card{min-height:455px;border:2px solid #e5e8ef;border-radius:30px;padding:20px 15px 24px;box-shadow:0 7px 0 #e3e6ec;background:#fff}.micro-badge{font-size:13px;padding:7px 11px;margin-bottom:13px;background:#edf4ff;color:#4773be}.ex-title{font-size:30px;line-height:1.3;margin-bottom:7px}.ex-sub{font-size:15px;line-height:1.55;margin-bottom:20px;color:#748392}.piece-row{gap:13px;margin:25px 0}.piece{width:124px;height:124px;border-radius:30px;font-size:66px;border-width:2px}.merge-zone{min-height:126px;font-size:17px;border-radius:28px}.big-char{font-size:66px}.options{gap:12px}.option{min-height:126px;border-radius:27px;border-width:2px;box-shadow:0 5px 0 #dfe3ea}.option b{font-size:62px;line-height:1}.option span{font-size:14px}.scene{min-height:164px;font-size:82px;border-radius:28px}.mini-grid{gap:11px}.find-tile{font-size:50px;border-radius:25px}.drag-bank{gap:12px}.radical-chip{min-width:92px;height:92px;font-size:47px;border-radius:26px}.radical-target{min-height:142px}.radical-target b{font-size:58px}.word-pair{margin:18px 0 20px}.word-pair .word-slot{height:106px;min-width:132px;font-size:49px}.bubble-field{min-height:300px}.bubble-char{width:92px;height:92px;font-size:49px}
.listen-orb{width:184px;height:126px;margin:10px auto 20px;border-radius:34px;background:linear-gradient(150deg,#e7f2ff,#fff);border:2px solid #bcd6ff;box-shadow:0 6px 0 #cbd9ec;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#3569c3}.listen-orb span{font-size:43px;line-height:1}.listen-orb b{font-size:17px;margin-top:5px}.listen-orb small{font-size:12px;color:#7890ad;margin-top:2px}.listen-orb.mini{width:150px;height:82px;border-radius:24px;margin:8px auto 4px}.listen-orb.mini span{font-size:28px}.listen-orb.mini b{font-size:14px}.listen-options{margin-top:8px}
.feedback{padding-left:14px;padding-right:14px}.feedback-text strong{font-size:20px}.feedback-text span{font-size:13px}.feedback .primary-btn{min-height:60px;font-size:18px;border-radius:19px}
.result-main h2{font-size:30px;line-height:1.25}.result-main>p{font-size:15px;line-height:1.6}.result-rewards b{font-size:20px}.result-rewards small{font-size:12px}.primary-btn.big{min-height:62px;font-size:19px}
.book-filter{display:flex;overflow-x:auto;gap:8px;padding-bottom:4px;scrollbar-width:none}.book-filter::-webkit-scrollbar{display:none}.book-filter button{flex:0 0 auto;min-height:44px;padding:0 12px;font-size:13px}.book-grid{gap:10px}.book-char{min-height:108px;border-radius:24px}.book-char b{font-size:50px}.book-char small{font-size:13px}.book-char .mastery-dot{width:10px;height:10px}
.profile-card .big-avatar{font-size:34px}.profile-stats b{font-size:24px}.profile-stats small{font-size:12px}.profile-link{min-height:82px}.profile-link b{font-size:15px}.profile-link small{font-size:12px}.profile-link em{font-size:16px;font-weight:900;color:#4974bf}
.hunt-task{padding:17px;border-radius:25px}.hunt-title-row{display:flex;align-items:center;gap:10px}.hunt-title-row h2{flex:1;margin:2px 0}.round-audio{width:50px;height:50px;flex:0 0 50px;border-radius:17px;background:#e9f2ff;border:2px solid #c6dcff;display:grid;place-items:center;font-size:23px;box-shadow:0 4px 0 #d0dcef}.hunt-grid{gap:10px}.hunt-cell{font-size:48px;border-radius:24px}
.review-card{max-width:420px}.review-card>small{display:inline-flex;padding:6px 9px;border-radius:99px;background:#eef4ff;color:#4e75b7;font-size:12px;font-weight:900}.review-card h3{font-size:24px;line-height:1.45;margin:12px 0}.review-audio{min-height:54px;width:100%;border-radius:17px;background:#e9f2ff;border:2px solid #c9ddff;color:#356dcb;font-weight:900;font-size:16px}.review-answer{display:flex;align-items:center;gap:14px;margin:14px 0 18px;padding:15px;border-radius:23px;background:#fff8e3;border:2px solid #f0d992}.review-answer>span{width:82px;height:82px;flex:0 0 82px;border-radius:24px;background:#fff;display:grid;place-items:center;font-size:48px;font-weight:900;box-shadow:0 4px 0 #eadcb9}.review-answer b{font-size:18px}.review-answer p{font-size:12px;line-height:1.5;color:#7d755f;margin:5px 0 0}
@keyframes voicePulse{50%{transform:scale(1.035);background:#dbeaff}}
@media(max-width:390px){.smart-card{min-height:278px}.smart-card h1{font-size:31px}.smart-copy{width:78%}.ex-title{font-size:28px}.exercise-card{min-height:438px}.option{min-height:116px}.option b{font-size:58px}.piece{width:116px;height:116px;font-size:62px}.find-tile{font-size:47px}.bubble-char{width:86px;height:86px;font-size:46px}.listen-orb{width:170px;height:118px}}
@media(max-width:350px){.smart-card h1{font-size:28px}.smart-copy{width:82%}.smart-card p{font-size:13px}.brain-orbit{opacity:.48}.lesson-main{padding-left:10px;padding-right:10px}.exercise-card{padding-left:12px;padding-right:12px}.ex-title{font-size:26px}.option b{font-size:52px}.piece{width:105px;height:105px;font-size:56px}.lesson-tool{font-size:14px}}
/* v0.7.1 mobile fold tuning */
.lesson-main{padding-bottom:92px}.exercise-card{min-height:410px}
@media(max-width:390px){.lesson-top{height:68px}.lesson-tool{min-height:48px}.guide-dot{width:46px;height:46px;flex-basis:46px}.guide-text{min-height:46px;padding:11px 13px;font-size:15px}.exercise-card{min-height:398px;padding-top:17px;padding-bottom:19px}.listen-orb{height:102px;margin-top:4px;margin-bottom:13px}.listen-orb span{font-size:36px}.option{min-height:108px}.options{gap:10px;margin-top:12px}.ex-title{font-size:27px}.ex-sub{font-size:14px;margin-bottom:15px}}

/* ===== v0.8 学习群 / 60秒协作巩固 ===== */
.coop-learning-note{margin:14px 2px 0;padding:12px 14px;border-radius:18px;background:#fff;border:2px solid #e7e4dc;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#64727f}.coop-learning-note b{font-size:13px}.coop-learning-note span{font-size:12px;font-weight:800;white-space:nowrap}.hunt-cell.wrong{background:#fff0ed!important;border-color:#ff8f82!important;animation:shake .34s}.hunt-cell.partner-hit:after{content:"伙伴";position:absolute;right:6px;top:6px;padding:3px 6px;border-radius:8px;background:#755bd7;color:#fff;font-size:12px;font-weight:900}.hunt-cell{position:relative}.hunt-cell.quiz-choice{min-height:116px;aspect-ratio:auto}.hunt-cell.quiz-choice small{display:block;font-size:12px;color:#7b8791;margin-top:5px}.hunt-cell.correct-pulse{background:#e5f8f1;border-color:#55c4a8;animation:pop .32s}.hunt-task p{font-size:13px;line-height:1.5}.partner-score.negative{color:#db5c4f}
.group-intro{padding:16px;border:2px solid #dce7fb;border-radius:25px;background:linear-gradient(145deg,#eef5ff,#fff);box-shadow:0 5px 0 #e2e7ee}.group-intro>div{display:flex;gap:12px;align-items:flex-start}.group-mark{width:56px;height:56px;flex:0 0 56px;border-radius:19px;background:#5c83e6;color:#fff;box-shadow:0 4px 0 #3b61bc;display:grid;place-items:center;font-size:28px;font-weight:900}.group-intro b{font-size:18px}.group-intro p{margin:5px 0 0;color:#6e7b87;font-size:13px;line-height:1.55}.group-intro>small{display:inline-block;margin-top:12px;padding:6px 9px;border-radius:10px;background:#f5f3ef;color:#7d7972;font-size:12px;font-weight:800}.group-actions{display:grid;grid-template-columns:1.15fr .95fr;gap:10px;margin:16px 0}.group-actions .primary-btn,.group-actions .outline-btn{min-height:54px;font-size:14px}.outline-btn{min-height:52px;padding:0 16px;border-radius:17px;background:#fff;border:2px solid #dce2eb;color:#4d6479;font-weight:900;display:flex;align-items:center;justify-content:center}.group-form{margin:10px 0 18px;padding:16px;border-radius:24px;background:#fff;border:2px solid #e2e6ed;box-shadow:0 5px 0 #e5e7eb}.group-form-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.group-form-head b{font-size:18px}.group-form-head button{width:36px;height:36px;border-radius:12px;background:#f1f3f6;font-size:23px}.group-form label{display:block;margin:11px 0}.group-form label span{display:block;font-size:12px;font-weight:900;color:#687684;margin-bottom:6px}.group-form input{width:100%;height:54px;border-radius:17px;border:2px solid #dfe4ec;padding:0 14px;font-size:16px;font-weight:800;color:#24343e;background:#fbfcff;outline:none}.group-form input:focus{border-color:#8fb5ff;box-shadow:0 0 0 3px #e7f0ff}.group-form .primary-btn{width:100%;margin-top:12px}.form-tip{font-size:12px;line-height:1.55;color:#8a9198;margin:12px 2px 0}.section-title.compact{margin-top:18px}.group-list{display:grid;gap:11px}.group-card{width:100%;padding:15px;border-radius:23px;border:2px solid #e2e6ed;background:#fff;box-shadow:0 5px 0 #e4e7eb;text-align:left;display:flex;gap:12px;align-items:center}.group-card .group-avatar{width:58px;height:58px;flex:0 0 58px;border-radius:19px;background:#ede9ff;color:#684fd1;display:grid;place-items:center;font-weight:900;font-size:24px}.group-card .group-copy{min-width:0;flex:1}.group-card b{display:block;font-size:16px}.group-card small{display:block;color:#7b8792;font-size:12px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-card em{font-style:normal;font-size:12px;color:#4875cd;font-weight:900}.group-empty{padding:22px;text-align:center;border-radius:22px;background:#fff;border:2px dashed #dfe3e9;color:#7c8790;font-size:13px;line-height:1.6}.group-detail{margin-top:16px;padding:16px;border-radius:25px;background:#fff;border:2px solid #e2e6ed;box-shadow:0 6px 0 #e4e7eb}.group-detail-head{display:flex;align-items:flex-start;justify-content:space-between}.group-detail-head small{font-size:12px;color:#8a939a}.group-detail-head h3{font-size:21px;margin:2px 0}.group-detail-head button{padding:7px 10px;border-radius:11px;background:#f1f3f7;color:#617180;font-size:12px;font-weight:900}.group-code-line{margin:11px 0 16px;padding:10px 12px;border-radius:15px;background:#f5f8ff;color:#687889;font-size:12px;display:flex;align-items:center;gap:8px}.group-code-line b{font-size:15px;letter-spacing:1.5px;color:#2e62bd}.group-code-line button{margin-left:auto;padding:6px 9px;border-radius:10px;background:#e7efff;color:#3d6bc1;font-size:12px;font-weight:900}.group-rank-title{display:flex;justify-content:space-between;align-items:end;margin:16px 1px 8px}.group-rank-title b{font-size:15px}.group-rank-title small{font-size:12px;color:#8a9299}.team-rank{display:grid;gap:8px}.team-rank-row{min-height:62px;border-radius:17px;background:#f8f6f1;border:1.5px solid #ebe4d9;display:flex;align-items:center;padding:9px 11px;gap:9px}.team-rank-row.top{background:#fff4d6;border-color:#f0ce75}.team-rank-row .pos{width:30px;font-weight:900;color:#8b7650}.team-rank-row .team{flex:1}.team-rank-row .team b{display:block;font-size:14px}.team-rank-row .team small{display:block;font-size:12px;color:#899096;margin-top:2px}.team-rank-row strong{font-size:16px;color:#354a5a}.coop-result-card{text-align:center;max-width:390px}.coop-result-card>small{font-size:12px;color:#7e8a93}.coop-result-card h3{font-size:26px;margin:9px 0}.coop-result-score{width:128px;height:128px;border-radius:42px;margin:12px auto;background:#edf5ff;border:2px solid #bed7ff;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 6px 0 #d9e3ef}.coop-result-score b{font-size:42px;line-height:1;color:#3268c7}.coop-result-score span{font-size:12px;color:#778a9f;margin-top:5px}.coop-result-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.coop-result-stats span{padding:11px;border-radius:15px;background:#f6f5f1;font-size:13px;color:#6d777f}.coop-result-card p{font-size:12px;line-height:1.55;color:#7d878d}.coop-result-card .primary-btn,.coop-result-card .outline-btn{width:100%;margin-top:10px}.piece-reveal:not(.show){display:none}.result-rewards div:nth-child(3) b{font-size:18px;line-height:1.1}
@media(max-width:390px){.group-actions{grid-template-columns:1fr}.group-actions .primary-btn,.group-actions .outline-btn{min-height:50px}.group-rank-title{align-items:flex-start;gap:8px;flex-direction:column}.hunt-cell.quiz-choice{min-height:104px}.coop-learning-note{align-items:flex-start;flex-direction:column}.group-intro p{font-size:12px}}


.group-status-line{margin:14px 2px 2px;display:flex;justify-content:space-between;gap:12px;align-items:center}.group-status-line span{font-size:14px;font-weight:900;color:#435566}.group-status-line small{font-size:12px;color:#8a949c;text-align:right}.group-empty{display:flex;flex-direction:column;align-items:center}.group-empty b{font-size:16px;color:#4d5d69;margin-top:4px}.group-empty p{max-width:290px;margin:7px auto 0}.group-empty.small{padding:14px;font-size:12px}.empty-group-icon{font-size:34px;margin-bottom:4px}.group-membership{margin:4px 0 0;color:#678099;font-size:12px;font-weight:800}.group-study-card{margin:13px 0 18px;padding:14px;border-radius:19px;background:#eef6ff;border:2px solid #cfe1ff;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.group-study-card b{font-size:15px}.group-study-card p{margin:4px 0 0;font-size:12px;line-height:1.5;color:#6d7e90}.group-study-card .primary-btn{min-height:48px;padding:0 14px;font-size:12px;white-space:nowrap}.group-study-card .primary-btn:disabled{background:#d8dee8;color:#7d8792;box-shadow:0 4px 0 #c8ced7;cursor:not-allowed}.danger-outline-btn{width:100%;min-height:50px;margin-top:18px;border-radius:16px;border:2px solid #f0c9c3;background:#fff7f5;color:#b85a4c;font-size:13px;font-weight:900}.leave-group-tip{margin:8px 4px 0;text-align:center;font-size:12px;line-height:1.5;color:#9a8b88}
@media(max-width:390px){.group-status-line{align-items:flex-start;flex-direction:column;gap:3px}.group-status-line small{text-align:left}.group-study-card{grid-template-columns:1fr}.group-study-card .primary-btn{width:100%}}

/* WordPress 学习账号同步状态 */
.sync-indicator{width:12px;height:12px;margin-left:auto;flex:0 0 12px;border-radius:50%;background:#aeb8bd;box-shadow:0 0 0 4px #aeb8bd22}.sync-indicator.checking{border:2px solid #d7e1e6;border-top-color:#21759b;background:transparent;animation:spin .8s linear infinite}.sync-indicator.synced{background:#32b89a;box-shadow:0 0 0 4px #32b89a22}.sync-indicator.error{background:#ff806a;box-shadow:0 0 0 4px #ff806a22}.sync-indicator.local{background:#f3b63f;box-shadow:0 0 0 4px #f3b63f22}.sync-meta{margin:-4px 0 11px!important;color:#819096!important}.wp-card .outline-btn[disabled]{opacity:.65;cursor:wait}.wp-card .outline-btn[hidden]{display:none}

/* v0.9.5: varied short-course interactions */
.pinyin-focus{width:180px;min-height:164px;margin:20px auto 22px;border-radius:34px;background:linear-gradient(145deg,#e9f1ff,#fff);border:2px solid #cbdcff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 7px 0 #d7e1f3}.pinyin-focus b{font-size:78px;line-height:1}.pinyin-focus span{margin-top:10px;color:#5f7090;font-size:14px;font-weight:800}.pinyin-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pinyin-option{min-height:68px;border-radius:20px;background:#f7f2e9;border:2px solid #e5dacb;box-shadow:0 5px 0 #ddd2c3;font-size:22px;font-weight:900;color:#344655}.pinyin-option.correct{background:#e6f8f1;border-color:#65cbb1;color:#198d75}.pinyin-option.wrong{animation:shake .35s;background:#fff0ed;border-color:#ff9c8d}.word-build-slots{display:flex;justify-content:center;gap:10px;margin:22px 0}.word-build-slots span{width:64px;height:72px;border-radius:19px;border:2px dashed #c5b9aa;background:#fbf8f2;color:#b7ab9e;display:grid;place-items:center;font-size:36px;font-weight:900}.word-build-slots span.filled{border-style:solid;border-color:#7dcfb9;background:#e8f8f3;color:#218c75;animation:pop .3s}.word-chip-bank{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px}.word-chip{min-width:72px;height:72px;padding:0 18px;border-radius:22px;background:#fff;border:2px solid #d9e3f7;box-shadow:0 5px 0 #cdd8ec;font-size:38px;font-weight:900}.word-chip.used{opacity:.28;transform:translateY(4px);box-shadow:none}.word-chip.wrong{animation:shake .35s;background:#fff0ed;border-color:#ff9c8d}.match-board{display:grid;grid-template-columns:1fr 28px 1fr;gap:8px;align-items:stretch;margin-top:18px}.match-line{display:grid;place-items:center;color:#b4aaa0;font-size:22px;font-weight:900}.match-column{display:grid;gap:10px}.match-column button{min-height:82px;border-radius:22px;background:#f7f2e9;border:2px solid #e5dacb;box-shadow:0 4px 0 #ddd2c3;font-weight:900}.match-chars button b{font-size:40px;display:block}.match-chars button small{font-size:12px;color:var(--muted)}.match-pinyins button{font-size:19px}.match-column button.selected{background:#e7efff;border-color:#86aaf2;transform:translateY(-2px)}.match-column button.matched{background:#e6f8f1;border-color:#65cbb1;color:#198d75;box-shadow:none}.match-column button.wrong{animation:shake .35s;background:#fff0ed;border-color:#ff9c8d}

/* v0.9.5: solo writing and same-device two-player stroke relay */
.writing-mode-card .mode-icon{background:#fff0e5;color:#cc6547}.writing-mode-card em{background:#ffe4d8;color:#b64e31}.write-screen{background:linear-gradient(180deg,#f7f1e8,#fffaf2)}.write-main{padding:8px 16px 34px}.write-mode-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}.write-mode-tabs button{min-height:76px;padding:11px;border-radius:22px;background:#fff;border:2px solid var(--line);display:flex;align-items:center;gap:9px;text-align:left;box-shadow:0 4px 0 #e5dacb}.write-mode-tabs button>span{font-size:28px}.write-mode-tabs b,.write-mode-tabs small{display:block}.write-mode-tabs b{font-size:15px}.write-mode-tabs small{font-size:12px;color:var(--muted);margin-top:3px}.write-mode-tabs button.active{background:#e9f0ff;border-color:#8eaff0;box-shadow:0 4px 0 #c9d7f2}.write-mission{min-height:110px;padding:15px 16px;border-radius:25px;background:#263848;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px}.write-mission small{color:#bcd0db;font-size:12px;font-weight:800}.write-mission h3{display:flex;align-items:baseline;gap:10px;margin:3px 0 0}.write-mission h3 span{font-size:48px;line-height:1}.write-mission h3 i{font-size:16px;font-style:normal;color:#ffd775}.write-mission p{margin:5px 0 0;font-size:12px;color:#c9d6dc}.write-turn-chip{min-width:94px;padding:9px;border-radius:17px;background:#ffffff18;text-align:center}.write-turn-chip span{width:34px;height:34px;margin:0 auto 5px;border-radius:12px;background:#3e7df2;display:grid;place-items:center;font-weight:900}.write-turn-chip b{font-size:12px;white-space:nowrap}.write-turn-chip.partner span{background:#ff806a}.write-pad-wrap{position:relative;width:100%;aspect-ratio:1;margin:14px 0 10px;border-radius:30px;overflow:hidden;background:#fffdf8;border:3px solid #e0d4c5;box-shadow:0 7px 0 #ddd1c1}.write-grid,.write-guide,#writeCanvas{position:absolute;inset:0;width:100%;height:100%}.write-grid{background:linear-gradient(90deg,transparent 49.6%,#e9dfd1 49.7% 50.3%,transparent 50.4%),linear-gradient(transparent 49.6%,#e9dfd1 49.7% 50.3%,transparent 50.4%),linear-gradient(45deg,transparent 49.7%,#f1e9de 49.8% 50.2%,transparent 50.3%),linear-gradient(-45deg,transparent 49.7%,#f1e9de 49.8% 50.2%,transparent 50.3%)}.write-guide{display:grid;place-items:center;color:rgba(82,75,67,.1);font-family:"KaiTi","STKaiti","Songti SC",serif;font-size:clamp(190px,55vw,265px);font-weight:500;line-height:1;pointer-events:none;user-select:none}.write-pad-wrap canvas{z-index:2;touch-action:none;cursor:crosshair}.write-status{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px}.write-status b{font-size:14px}.write-status span{font-size:12px;color:var(--muted);text-align:right}.write-tools{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:8px 0 12px}.write-tools .outline-btn{min-height:48px}.write-main>.primary-btn{width:100%}.write-note{margin:14px 8px 0;color:#81888b;font-size:12px;line-height:1.55;text-align:center}
.write-mode-tabs[hidden],#nextWrite[hidden]{display:none}.lesson-write-preview{min-height:170px;margin:16px 0;padding:18px;border-radius:27px;background:linear-gradient(145deg,#fff8ec,#f3eadc);border:2px solid #eadbc7;display:flex;align-items:center;justify-content:center;gap:20px}.lesson-write-preview>span{width:104px;height:104px;border-radius:24px;background:#fff;display:grid;place-items:center;font-family:"KaiTi","STKaiti","Songti SC",serif;font-size:70px;color:#354654;box-shadow:0 5px 0 #e2d4c3}.lesson-write-preview b,.lesson-write-preview small{display:block}.lesson-write-preview b{font-size:22px;color:#2f67cf}.lesson-write-preview small{max-width:135px;margin-top:7px;color:#7b807f;font-size:13px;line-height:1.45}.lesson-write-start{width:100%}.lesson-write-note{text-align:center;color:#8a8e8e;font-size:12px;line-height:1.5;margin:12px 6px 0}
@media(max-width:370px){.pinyin-focus{width:150px;min-height:140px}.pinyin-focus b{font-size:66px}.word-build-slots{gap:7px}.word-build-slots span{width:56px;height:64px}.match-column button{min-height:72px}.write-mission h3 span{font-size:42px}.write-turn-chip{min-width:84px}.write-status{align-items:flex-start;flex-direction:column;gap:3px}.write-status span{text-align:left}}

/* v0.9.9: clear lesson states and stroke-level undo */
.station-card{transition:border-color .2s,background .2s,transform .2s}.station-card .station-copy{min-width:0;flex:1}.station-status{display:inline-flex;align-items:center;min-height:24px;margin-top:8px;padding:4px 8px;border-radius:9px;font-size:12px;font-style:normal;font-weight:900;letter-spacing:.2px}.station-card.completed{background:#f0faf6;border-color:#8fd2bd;box-shadow:0 5px 0 #cde7dd}.station-card.completed .station-icon{background:#d9f3e9;color:#16866e}.station-card.completed .station-status{background:#d8f3e9;color:#147d67}.station-card.completed .station-go{color:#32a188;font-size:21px}.station-card.current{background:#eef4ff;border:2px solid #7198e7;box-shadow:0 6px 0 #c5d5f3}.station-card.current .station-icon{background:#3e7df2;color:#fff}.station-card.current .station-status{background:#d9e6ff;color:#2f62bf}.station-card.available{background:#fffaf0;border-color:#e6c87d}.station-card.available .station-status{background:#fff0c8;color:#8b6812}.station-card.locked{opacity:1;background:#f2f0ed;border-color:#ded8d0;box-shadow:0 4px 0 #e1ddd7}.station-card.locked .station-icon{background:#e4e1dc;color:#99948d}.station-card.locked .station-copy b,.station-card.locked .station-copy small,.station-card.locked .station-go{color:#9c9892}.station-card.locked .station-status{background:#e5e2dd;color:#77736e}.write-tools{display:flex;grid-template-columns:none}.write-tools .outline-btn{flex:1;min-width:0;padding-left:7px;padding-right:7px}.write-tools .outline-btn[disabled]{opacity:.42;box-shadow:none;cursor:default}

/* v1.0.0: online turn-locked writing, standard stroke order and continuing course */
.course-path-note{margin:12px 5px 22px;padding:11px 13px;border-radius:16px;background:#edf3ff;color:#596d8e;font-size:12px;line-height:1.55;border:1px solid #d7e3f8}.writing-mode-card em{background:#dff5ed;color:#147c67;padding:5px 8px;border-radius:9px;font-weight:900}.stroke-writer,.write-pad-lock{position:absolute;inset:0;width:100%;height:100%}.stroke-writer{z-index:2;display:grid;place-items:center;touch-action:none}.stroke-writer svg{display:block;width:100%!important;height:100%!important;touch-action:none}.write-pad-lock{z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;background:rgba(255,253,248,.91);backdrop-filter:blur(3px)}.write-pad-lock[hidden]{display:none}.write-pad-lock span{font-size:35px}.write-pad-lock b{margin-top:9px;font-size:17px;color:#344655}.write-pad-lock small{max-width:250px;margin-top:6px;color:#7d8689;font-size:12px;line-height:1.5}.write-tools #clearWrite[hidden],.write-tools #nextWrite[hidden]{display:none}.write-main>.primary-btn[disabled]{opacity:.52;box-shadow:0 3px 0 #8ca8df;cursor:default}.write-turn-chip.partner{outline:2px solid #ffab9c}.station-card.completed,.station-card.current,.station-card.available,.station-card.locked{opacity:1}.station-card.completed{background:linear-gradient(145deg,#f4fcf8,#e4f6ef)}.station-card.current{background:linear-gradient(145deg,#f2f6ff,#e2ebff)}.station-card.available{background:linear-gradient(145deg,#fffdf6,#fff3d7)}.station-card.locked{background:linear-gradient(145deg,#f4f2ef,#eae7e2)}

/* v0.9.6: compact responsive character library */
#bookScreen .inner-main{padding-left:clamp(10px,3.5vw,16px);padding-right:clamp(10px,3.5vw,16px);padding-bottom:34px}#bookScreen #bookCount{min-width:38px;padding:7px 9px;border-radius:13px;background:#eaf1ff;color:#3568c4;text-align:center;font-size:12px}#bookScreen .book-filter{gap:6px;padding:4px;margin-bottom:2px}#bookScreen .book-filter button{min-height:40px;padding:0 10px;font-size:12px}#bookScreen .book-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(56px,15vw,66px),1fr));gap:clamp(6px,1.8vw,9px);margin-top:12px}#bookScreen .book-char{width:100%;height:auto;min-height:0;aspect-ratio:1;border-radius:clamp(15px,4vw,19px);box-shadow:0 3px 0 #e0d6c8;padding:5px 2px}#bookScreen .book-char b{font-size:clamp(30px,9vw,38px);line-height:1}#bookScreen .book-char small{font-size:clamp(12px,3vw,13px);line-height:1;margin-top:4px}#bookScreen .book-char .mastery-dot{width:7px;height:7px;margin-top:4px}#bookScreen .book-char:active{transform:translateY(2px);box-shadow:0 1px 0 #e0d6c8}@media(max-width:340px){#bookScreen .book-filter{overflow-x:auto;justify-content:flex-start}#bookScreen .book-filter button{min-height:38px;padding:0 9px;font-size:12px}}@media(min-width:440px){#bookScreen .book-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}#bookScreen .book-char b{font-size:37px}}

/* v1.0.1: multi-set reward workshop, session refresh and computer writing partner */
.reward-next-hint{margin-top:11px;padding:10px 12px;border-radius:15px;background:#eef4ff;color:#526d9a;font-size:12px;font-weight:800;line-height:1.5}.reward-stage{isolation:isolate;transition:background .3s}.reward-stage:not(.theme-bamboo):before{left:-12%;right:-12%;bottom:-62px;height:125px;background:rgba(255,255,255,.34)}.reward-stage.theme-space{background:linear-gradient(155deg,#172a54,#6743a7)}.reward-stage.theme-jungle{background:linear-gradient(155deg,#d7f0b8,#65b87b)}.reward-stage.theme-ocean{background:linear-gradient(155deg,#aee8fa,#3d8ed1)}.reward-stage.theme-cloud{background:linear-gradient(155deg,#dcecff,#b9a7ec)}.reward-stage.theme-garden{background:linear-gradient(155deg,#fff0b8,#f08da8)}.reward-stage.theme-night{background:linear-gradient(155deg,#17284e,#4b3e88)}.reward-stage.theme-sunset{background:linear-gradient(155deg,#ffd28c,#ef7e75)}.reward-emoji-art{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;text-shadow:0 3px 8px #0003}.reward-emoji-art>span{font-size:clamp(100px,35vw,150px);filter:drop-shadow(0 12px 4px #0002);animation:float 2.8s ease-in-out infinite}.reward-emoji-art>small{max-width:240px;margin-top:12px;padding:7px 11px;border-radius:99px;background:#20304b55;font-size:12px;font-weight:800}.collection-card{padding:10px;transition:.2s}.collection-card.active{border:2px solid #5b8de7;background:#eef4ff;box-shadow:0 5px 0 #c4d4f1}.collection-card.completed{border-color:#7cc7ae;background:#effaf5;box-shadow:0 4px 0 #cce8dd}.collection-card.completed small{color:#16836c;font-weight:900}.collection-card.locked{filter:grayscale(.75);opacity:.62}.write-bot-btn{min-height:44px;margin-top:15px;padding:0 16px;border-radius:14px;background:#6b58cf;color:#fff;font-size:12px;font-weight:900;box-shadow:0 4px 0 #4d3da0}.write-bot-btn[hidden]{display:none}.write-bot-btn:active{transform:translateY(2px);box-shadow:0 2px 0 #4d3da0}.write-pad-lock #writePadLockIcon{font-size:35px}.profile-link small>span{color:#5d6f8b;font-weight:800}

/* v1.0.2: verified one-click sync and parent calibration */
.sync-actions{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:9px;margin-top:12px}.sync-actions .primary-btn,.sync-actions .outline-btn{width:100%;min-height:49px;margin:0;padding:0 9px;font-size:12px}.sync-modal .sync-card{max-height:min(88vh,720px);overflow:auto;padding-bottom:max(24px,env(safe-area-inset-bottom))}.sync-diagnostic-text{margin:0 0 13px!important;padding:10px 12px;border-radius:15px;background:#eef4ff;color:#526d89!important}.sync-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sync-compare section{min-width:0;padding:13px 11px;border:2px solid #e1e6e8;border-radius:18px;background:#fff}.sync-compare span,.sync-compare b,.sync-compare small{display:block}.sync-compare span{font-size:12px;font-weight:900;color:#78868d}.sync-compare b{margin-top:5px;font-size:18px;color:#344655}.sync-compare small{margin-top:5px;font-size:12px;line-height:1.45;color:#879195}.sync-strategies{display:grid;gap:9px;margin-top:14px}.sync-strategies .primary-btn,.sync-strategies .outline-btn{width:100%;min-height:49px;margin:0}.sync-strategies button[disabled]{opacity:.48;box-shadow:none;cursor:wait}.sync-safety-note{margin:12px 2px 0!important;color:#8b827b!important;font-size:12px!important}.sync-confirm-panel{margin-top:13px;padding:13px;border:2px solid #f0c9c3;border-radius:18px;background:#fff7f5}.sync-confirm-panel[hidden]{display:none}.sync-confirm-panel>b{display:block;color:#a94e42;font-size:13px}.sync-confirm-panel>p{margin:6px 0 10px;color:#7f6561;font-size:12px;line-height:1.55}.sync-confirm-panel>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sync-confirm-panel .outline-btn,.sync-confirm-panel .danger-outline-btn{min-height:45px;margin:0}.sync-confirm-panel .danger-outline-btn{width:100%;border-radius:16px}@media(max-width:350px){.sync-actions{grid-template-columns:1fr}.sync-compare{grid-template-columns:1fr}.sync-confirm-panel>div{grid-template-columns:1fr}}
.sync-recovery-actions{display:grid;gap:9px;margin-top:14px;padding:12px;border:2px solid #f0d8a5;border-radius:18px;background:#fffaf0}.sync-recovery-actions[hidden]{display:none}.sync-recovery-actions .primary-btn,.sync-recovery-actions .outline-btn,.sync-recovery-actions .quiet-btn{width:100%;min-height:47px;margin:0;border-radius:15px;font-size:12px;font-weight:900}.sync-recovery-actions .quiet-btn{color:#657278;background:#eef2f3}

/* v1.1.0: focused, chapter-based daily adventure */
.lesson-phase-card{min-height:72px;margin:2px 2px 11px;padding:10px 12px;border:2px solid #d9e6fb;border-radius:21px;background:linear-gradient(145deg,#edf5ff,#fff);display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:10px;box-shadow:0 4px 0 #dfe7f3;transition:background .25s,border-color .25s,transform .25s}.lesson-phase-card>span{width:46px;height:46px;border-radius:16px;background:#4387ff;color:#fff;display:grid;place-items:center;font-size:25px}.lesson-phase-card>div{min-width:0}.lesson-phase-card small,.lesson-phase-card b,.lesson-phase-card em{display:block}.lesson-phase-card small{font-size:12px;color:#6f86a5;font-weight:900}.lesson-phase-card b{margin-top:2px;font-size:16px;color:#334c68}.lesson-phase-card em{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-style:normal;color:#7e8d9b}.lesson-phase-card>strong{min-width:43px;padding:7px 8px;border-radius:12px;background:#fff;color:#52709a;text-align:center;font-size:12px}.lesson-phase-card.phase-practice{background:linear-gradient(145deg,#f2efff,#fff);border-color:#ddd4fa}.lesson-phase-card.phase-practice>span{background:#7965d8}.lesson-phase-card.phase-use{background:linear-gradient(145deg,#fff7df,#fff);border-color:#f0d994}.lesson-phase-card.phase-use>span{background:#e4a72f}.lesson-phase-card.phase-review{background:linear-gradient(145deg,#fff0eb,#fff);border-color:#f4c9bc}.lesson-phase-card.phase-review>span{background:#ef7b68}.lesson-phase-card.phase-write{background:linear-gradient(145deg,#eaf8f2,#fff);border-color:#bfe5d6}.lesson-phase-card.phase-write>span{background:#38aa88}.lesson-phase-card.phase-change{animation:phaseArrive .42s ease}.exercise-card.question-enter{animation:questionEnter .28s ease both}.micro-badge{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-screen .session-strip>span{max-width:48%;overflow:hidden;text-overflow:ellipsis}.feedback .primary-btn.phase-next{background:#6d59cf;box-shadow:0 5px 0 #4f3fa1}.feedback .primary-btn.finish-next{background:#32a886;box-shadow:0 5px 0 #248269}@keyframes phaseArrive{0%{transform:translateY(-5px);opacity:.55}100%{transform:none;opacity:1}}@keyframes questionEnter{0%{transform:translateX(12px);opacity:.5}100%{transform:none;opacity:1}}
@media(max-width:390px){.lesson-phase-card{min-height:66px;margin-bottom:9px;padding:8px 10px}.lesson-phase-card>span{width:42px;height:42px;border-radius:14px;font-size:22px}.lesson-phase-card b{font-size:15px}.lesson-phase-card>strong{min-width:40px;padding:6px}.lesson-actions{margin-bottom:9px}.guide-row{margin-bottom:10px}}

/* v1.1.2: manual-only calibration, completed writing state, mobile legibility */
.sync-actions{grid-template-columns:1fr}.sync-actions .primary-btn{font-size:15px}.lesson-write-complete{min-height:300px;padding:30px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:27px;background:linear-gradient(145deg,#e8f8f1,#fffdf8);border:2px solid #a9ddca}.lesson-write-complete-mark{width:86px;height:86px;border-radius:30px;background:#32aa88;color:#fff;display:grid;place-items:center;font-size:48px;font-weight:900;line-height:1;box-shadow:0 7px 0 #238168}.lesson-write-complete b{margin-top:20px;font-size:23px;color:#285d50}.lesson-write-complete small{margin-top:8px;font-size:14px;color:#6f817c;line-height:1.55}.icon-btn,.modal-close,.mode-icon,.nav-btn>span,.profile-link>span,.wp-logo,.lesson-phase-card>span,.write-mode-tabs button>span,.write-turn-chip>span,.round-audio,.empty-group-icon{align-items:center;justify-content:center;text-align:center;line-height:1}.icon-btn,.modal-close{padding:0}.modal-close{display:grid}.icon-btn{font-size:clamp(26px,7vw,30px)}.mode-icon{width:clamp(50px,13vw,56px);height:clamp(50px,13vw,56px);flex:0 0 clamp(50px,13vw,56px);font-size:clamp(22px,6vw,27px)}.nav-btn>span{width:34px;height:30px;display:grid;font-size:clamp(23px,6.2vw,27px)}.profile-link>span{font-size:clamp(24px,6.5vw,29px)}.wp-logo{flex:0 0 45px}.lesson-phase-card>span{font-size:clamp(23px,6.2vw,27px)}.write-mode-tabs button>span{width:34px;height:34px;display:grid;font-size:clamp(25px,6.8vw,30px)}.write-turn-chip>span{line-height:1}.round-audio{padding:0}.empty-group-icon{display:grid;min-width:44px;min-height:44px}
@media(max-width:360px){.mode-card{padding-left:11px;padding-right:11px;gap:9px}.mode-icon{width:48px;height:48px;flex-basis:48px}.nav-btn{gap:4px}.lesson-write-complete{min-height:260px}}