:root{color-scheme:light;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;background:#fff7ef;color:#111}*{box-sizing:border-box}html,body,#root{width:100%;min-width:100%;height:100%;margin:0}body{overscroll-behavior:none;background:radial-gradient(circle at 12% 8%,rgba(255,190,196,.58),transparent 22%),radial-gradient(circle at 88% 12%,rgba(183,225,255,.65),transparent 24%),radial-gradient(circle at 20% 92%,rgba(182,229,199,.52),transparent 18%),radial-gradient(circle at 84% 86%,rgba(255,215,160,.5),transparent 20%),linear-gradient(180deg,#fff7ef,#fff1d8)}button,input,textarea{font:inherit}button{border:0;background:transparent;color:inherit;cursor:pointer}#root{display:flex;justify-content:center;align-items:stretch;padding:0}.student-page{position:relative;width:100%;height:100%;min-height:100%;overflow:hidden;background:#ffffffeb}.mobile-topbar{position:relative;z-index:10;height:calc(88px + env(safe-area-inset-top));display:grid;grid-template-columns:56px 1fr 56px;align-items:end;gap:6px;padding:calc(30px + env(safe-area-inset-top)) 12px 14px;background:#fffffff5;border-bottom:1px solid rgba(0,0,0,.09)}.mobile-topbar h1{align-self:center;margin:0;font-size:24px;font-weight:800;letter-spacing:.02em;text-align:center}.nav-btn{width:48px;height:44px;display:grid;place-items:center;font-weight:800;line-height:1}.back-btn{font-family:Arial,sans-serif;font-size:48px;transform:translateY(-2px)}.more-btn{font-size:18px;letter-spacing:-2px}.home-main{position:relative;height:calc(100% - 88px - env(safe-area-inset-top));display:grid;grid-template-rows:1fr auto;align-items:center;padding:18px 18px 30px;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.72),transparent 42%),linear-gradient(180deg,#fff8ed,#fef0d0)}.home-bg,.home-arch,.bear-orbit{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bubble{position:absolute;border-radius:999px;background:#ffffff80}.bubble-a{width:92px;height:92px;left:8%;top:10%}.bubble-b{width:58px;height:58px;right:12%;top:18%}.bubble-c{width:76px;height:76px;left:18%;bottom:15%}.bubble-d{width:110px;height:110px;right:4%;bottom:8%}.feature-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;width:100%}.feature-card{min-height:128px;border-radius:26px;background:#ffffffbd;box-shadow:0 16px 36px #78583e1f;display:grid;place-items:center;gap:8px;padding:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.feature-card strong{font-size:18px}.feature-card span{color:#7d6673;font-size:13px}.feature-icon{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(120,88,62,.12))}.bear-stage{position:relative;display:grid;place-items:center;padding:10px 0 8px;z-index:1}.bear-home{position:relative;z-index:1;width:clamp(130px,38vw,220px);max-height:260px;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(90,60,30,.18))}.placeholder-card{width:calc(100% - 40px);margin:28px auto;border-radius:28px;padding:28px 20px;text-align:center;background:#ffffffd6;box-shadow:0 14px 36px #684a301f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.placeholder-badge{display:inline-block;padding:8px 14px;border-radius:999px;background:#fff0cf;color:#9a6130;margin-bottom:14px}.chat-page{display:flex;flex-direction:column;background:#fff}.chat-main{position:relative;flex:1;min-height:0;padding:36px 18px 16px;background:#fff}.privacy-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:18px}.privacy-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#18120c5c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.privacy-card,.safety-notice{position:relative;z-index:8;width:min(100%,430px);margin:0 auto 12px;border-radius:22px;padding:16px 18px;background:#fff8e8;color:#4c341c;box-shadow:0 12px 28px #7e541c24}.privacy-modal .privacy-card{z-index:81;margin:0;padding:22px 20px 20px}.privacy-card h2,.privacy-card p,.safety-notice p{margin:0 0 8px}.privacy-card h2{font-size:18px}.privacy-card ul{margin:8px 0 12px;padding-left:20px;line-height:1.45}.privacy-close{position:absolute;top:10px;right:12px;width:32px;height:32px;border-radius:50%;background:#ffffffb8;color:#8a5a22;font-size:22px;line-height:1}.privacy-card .privacy-accept{width:100%;border-radius:999px;padding:11px 14px;background:#ff9f43;color:#fff;font-weight:800}.safety-notice{background:#eef7ff;color:#183952}.safety-notice.l3,.safety-notice.l4{background:#fff0ec;color:#70301f}.safety-notice strong,.safety-notice span{display:block;margin-bottom:5px}.dropdown-menu{position:absolute;right:12px;top:8px;min-width:142px;border-radius:16px;overflow:hidden;box-shadow:0 14px 30px #00000024;background:#fffffffa;z-index:20}.dropdown-menu button{width:100%;padding:14px 16px;text-align:left}.assistant-card{position:relative;height:100%;display:flex;flex-direction:column;align-items:center}.assistant-bubble-wrap{position:relative;z-index:2;width:min(94%,390px);min-height:88px;max-height:34vh;display:block;border-radius:34px;padding:18px 64px 24px 28px;background:linear-gradient(135deg,#dfff73,#cdfa78 48%,#d5ff8a);color:#111;font-size:clamp(16px,4.1vw,19px);font-weight:400;line-height:1.32;letter-spacing:0;box-shadow:0 8px 18px #97ca2b1f;overflow:hidden;overflow-wrap:anywhere;word-break:break-word}.assistant-bubble-wrap.pending{overflow:auto}.assistant-bubble-wrap:after{content:"😊";position:absolute;right:18px;top:16px;width:38px;height:38px;display:grid;place-items:center;font-size:clamp(28px,7vw,38px);line-height:1;pointer-events:none}.assistant-bubble-text{margin:0;padding-right:2px;white-space:normal}.assistant-bubble-wrap.pending{background:linear-gradient(135deg,#fff3cf,#eaf7ff 52%,#f4fbff);overflow:auto;color:#24405a;box-shadow:0 10px 22px #628fae29;border:1px solid rgba(255,255,255,.72)}.assistant-bubble-wrap.pending:after{content:"🤔"}.pending-label{display:inline-flex;align-items:center;width:fit-content;margin-bottom:8px;padding:4px 10px;border-radius:999px;background:#ffffffb3;color:#47657e;font-size:12px;font-weight:800;line-height:1;box-shadow:0 5px 12px #507da01a}.pending-user-text{color:#1c3349;font-weight:600}.pending-waiting-text{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin:9px 0 0;color:#5c7284;font-size:clamp(13px,3.5vw,15px);font-weight:600;line-height:1.35}.typing-dots{display:inline-flex;align-items:center;gap:3px;transform:translateY(1px)}.typing-dots span{width:5px;height:5px;border-radius:50%;background:#6d94ad;animation:typing-dot-bounce 1.05s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes typing-dot-bounce{0%,80%,to{opacity:.38;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.assistant-pager{position:absolute;right:16px;bottom:10px;display:inline-flex;align-items:center;gap:3px;padding:3px 6px;border-radius:999px;background:#ffffff9e;color:#355007;font-size:12px;font-weight:600;line-height:1;box-shadow:0 4px 10px #4a780d1a}.pager-btn{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#fffc;color:#355007;font-family:Arial,sans-serif;font-size:16px;font-weight:700;line-height:1}.pager-btn:disabled{color:#3550074d;cursor:default}.bear-avatar{position:relative;width:230px;height:275px;margin-top:24px;display:grid;place-items:center;filter:drop-shadow(0 16px 22px rgba(90,60,30,.16))}.chat-bear{width:100%;height:100%;object-fit:contain}.robot-ear{position:absolute;top:6px;width:76px;height:76px;border:5px solid #21050a;border-radius:50%;background:#fff}.robot-ear:after{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:50%;background:#5b0705}.robot-ear.left{left:38px}.robot-ear.right{right:38px}.robot-body,.robot-face{position:absolute;left:50%;transform:translate(-50%)}.robot-body{top:132px;width:150px;height:185px;border:5px solid #21050a;border-radius:48% 48% 32% 32%;background:#fff}.robot-face{top:54px;z-index:3;width:208px;height:112px;border:5px solid #21050a;border-radius:55px;background:#fff}.robot-face:before{content:"";position:absolute;top:21px;right:25px;bottom:21px;left:25px;border-radius:40px;background:#061522;box-shadow:inset 0 0 0 5px #4cd6f6c7}.robot-headset{position:absolute;top:88px;z-index:2;width:28px;height:72px;border:3px solid #087e93;border-radius:18px;background:#69d8f0}.robot-headset.left{left:38px}.robot-headset.right{right:38px}.robot-eye,.robot-cheek,.robot-nose{position:absolute;z-index:4}.robot-eye{top:95px;width:15px;height:28px;border-radius:50%;background:#79d9f3}.robot-eye.left{left:97px}.robot-eye.right{right:97px}.robot-cheek{top:120px;width:18px;height:13px;border-radius:50%;background:#ffb49d}.robot-cheek.left{left:76px}.robot-cheek.right{right:76px}.robot-nose{top:126px;left:50%;width:42px;height:34px;transform:translate(-50%);border-radius:50%;background:#fff8d7}.robot-nose:before{content:"";position:absolute;left:50%;top:9px;width:12px;height:10px;transform:translate(-50%);border-radius:50%;background:#21050a}.robot-tie{position:absolute;top:58px;left:50%;width:52px;height:118px;transform:translate(-50%);background:#58c7e6;clip-path:polygon(50% 0,88% 18%,72% 86%,50% 100%,28% 86%,12% 18%)}.robot-arm{position:absolute;top:185px;width:32px;height:94px;border:5px solid #21050a;border-radius:18px;background:#fff}.robot-arm.left{left:54px;transform:rotate(-7deg)}.robot-arm.right{right:54px;transform:rotate(7deg)}.robot-leg{position:absolute;top:284px;width:48px;height:54px;border:5px solid #21050a;border-top:0;border-radius:0 0 24px 24px;background:#fff}.robot-leg.left{left:101px}.robot-leg.right{right:101px}.floating-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.floating-bubble{position:absolute;left:50%;max-width:min(86%,340px);max-height:24vh;padding:14px 18px;border-radius:24px;font-size:clamp(14px,4vw,18px);line-height:1.55;box-shadow:0 10px 24px #4d351c1f;transform:translate(-50%);overflow-y:auto;overflow-wrap:anywhere;word-break:break-word}.floating-bubble img{display:block;width:min(180px,70vw);max-height:140px;margin-bottom:8px;border-radius:16px;object-fit:cover}.floating-bubble.user{top:14px;background:#e8f3ff}.floating-bubble.assistant{top:44%;background:#dbff7b}.mood-chip-row{position:absolute;left:13px;right:13px;bottom:calc(100% + 8px);z-index:11;display:flex;gap:8px;overflow-x:auto;padding:2px 1px}.mood-chip-row button{flex:0 0 auto;padding:7px 12px;border-radius:999px;background:#fff6df;color:#8a5b19;font-size:13px;box-shadow:0 5px 14px #70491614}.action-panel,.recording-tip,.composer-preview{position:absolute;left:13px;right:13px;bottom:calc(100% + 8px);z-index:12;border-radius:22px;background:#fffffffa;box-shadow:0 14px 32px #412d1424}.action-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px}.action-card{min-height:66px;display:grid;place-items:center;gap:5px;border-radius:18px;background:#f5f8ff;color:#315b9d;font-size:13px;font-weight:700}.action-card.active,.voice-action.active{background:#fff0e8;color:#bd4a22}.action-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#fff;color:inherit;font-size:17px;line-height:1}.voice-action .action-icon{font-size:22px;transform:rotate(-28deg)}.emoji-panel{grid-column:1 / -1;display:grid;grid-template-columns:repeat(8,1fr);gap:6px;padding-top:2px}.emoji-panel button{height:38px;border-radius:13px;background:#fff8e8;font-size:22px}.recording-tip{padding:12px 14px;color:#bd4a22;font-size:14px;text-align:center;background:#fff0e8}.recording-tip.in-action-panel{position:relative;left:auto;right:auto;bottom:auto;z-index:1;grid-column:1 / -1;box-shadow:none}.composer-preview{display:flex;align-items:stretch;gap:10px;padding:10px;overflow-x:auto;background:#f8fbff}.preview-card{position:relative;display:flex;align-items:center;gap:12px;min-width:220px;max-width:280px;padding-right:34px}.preview-card img{width:54px;height:54px;object-fit:cover;border-radius:14px;flex:0 0 auto}.preview-card strong,.preview-card span{display:block}.preview-card strong{margin-bottom:2px;font-size:15px;color:#20324f}.preview-card span{font-size:13px;color:#66728a}.audio-badge{width:54px;height:54px;display:grid;place-items:center;border-radius:14px;background:#fff0e8;color:#d65228;font-size:13px;font-weight:700;flex:0 0 auto}.preview-remove{width:34px;height:34px;border-radius:50%;background:#eef2f7;color:#50607a;font-size:22px;line-height:1;flex:0 0 auto}@keyframes float-up{0%{opacity:0;transform:translate(-50%,24px) scale(.96)}18%{opacity:1}72%{opacity:1;transform:translate(-50%,-18px) scale(1)}to{opacity:0;transform:translate(-50%,-46px) scale(1.02)}}@keyframes float-from-bear{0%{opacity:0;transform:translate(-50%,30px) scale(.94)}22%{opacity:1}74%{opacity:1;transform:translate(-50%,-22px) scale(1)}to{opacity:0;transform:translate(-50%,-54px) scale(1.02)}}.composer-bar{position:relative;flex:0 0 auto;display:grid;gap:10px;padding:14px 13px calc(18px + env(safe-area-inset-bottom));background:#fffffffa;border-top:1px solid rgba(0,0,0,.08)}.composer-row{display:grid;grid-template-columns:minmax(0,1fr) 42px 74px;align-items:center;gap:8px}.tool-btn{position:relative;width:40px;height:40px;display:grid;place-items:center;justify-self:center;align-self:center;border:1.5px solid #24201c;border-radius:50%;background:#fffaf2;color:#111;font-size:0;line-height:1}.tool-btn:disabled,.send-btn:disabled,.action-card:disabled,.emoji-panel button:disabled,.mood-chip-row button:disabled,.composer-input-wrap textarea:disabled{cursor:not-allowed;opacity:.48}.tool-btn:before{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;width:100%;height:100%;color:currentColor;font-family:Arial,sans-serif;line-height:1;text-align:center}.plus-btn:before{content:"+";font-size:31px;font-weight:300;transform:translateY(-2px)}.plus-btn{transition:transform .16s ease,background .16s ease,border-color .16s ease}.plus-btn.active{border-color:#ff9a62;background:#fff0e8;color:#d65228;transform:rotate(45deg)}.composer-input-wrap textarea{width:100%;min-height:46px;max-height:118px;border:1px solid #e5e5e5;outline:none;resize:none;background:#fff;border-radius:14px;padding:11px 14px;font-size:17px;line-height:1.35;box-shadow:inset 0 1px 2px #00000005}.send-btn{min-height:42px;border-radius:999px;background:linear-gradient(135deg,#ffb36b,#ff7d54);color:#fff;font-size:16px;font-weight:700;box-shadow:0 12px 24px #dc6d3847}.hidden-file-input{display:none}.history-sheet{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30}.history-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000002e}.history-panel{position:absolute;left:12px;right:12px;bottom:12px;max-height:64%;border-radius:26px;padding:16px;background:#fffffff5;box-shadow:0 20px 48px #5034162e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.history-header h2{margin:0;font-size:20px}.text-btn{color:#4a76d8}.history-list{display:grid;gap:10px;overflow:auto;max-height:calc(64vh - 90px)}.history-item{display:grid;gap:6px;padding:12px 14px;border-radius:18px;line-height:1.6}.history-item.user{background:#e8f3ff}.history-item.assistant{background:#f0ffc6}.history-item span{font-size:12px;color:#786b72}.history-item p,.empty-state{margin:0}.history-item p{overflow-wrap:anywhere;word-break:break-word}.history-item img{width:min(210px,76%);max-height:180px;border-radius:16px;object-fit:cover}.history-item.voice p{display:inline-flex;width:fit-content;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#ffffffad}.empty-state{text-align:center;color:#85747a}@media (max-width: 390px){.mobile-topbar{grid-template-columns:48px 1fr 48px;padding-inline:8px}.mobile-topbar h1{font-size:21px}.chat-main{padding:28px 10px 14px}.assistant-bubble-wrap{width:min(96%,360px);min-height:82px;border-radius:30px;padding:16px 54px 22px 22px;font-size:clamp(15px,4.2vw,17px);line-height:1.3}.assistant-bubble-wrap:after{right:14px;top:14px;width:32px;height:32px;font-size:28px}.assistant-pager{right:12px;bottom:8px}.bear-avatar{width:205px;height:245px;margin-top:18px}.composer-bar{gap:8px;padding-inline:8px}.composer-row{grid-template-columns:minmax(0,1fr) 38px 68px;gap:7px}.tool-btn{width:38px;height:38px}.plus-btn:before{font-size:30px}.action-panel{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px}.action-card{min-height:60px}.composer-input-wrap textarea{min-height:42px;padding:9px 10px;font-size:16px}.emoji-panel{grid-template-columns:repeat(4,1fr)}}@media (min-width: 768px){#root{padding:24px 0}.student-page{width:min(100vw,430px);max-width:430px;height:min(100%,932px);min-height:720px;border-radius:28px;box-shadow:0 24px 70px #563a1f2e,0 0 0 1px #ffffffb3}.chat-page{border-radius:28px}}@media (max-width: 380px){.bear-avatar{transform:scale(.88);margin-top:10px}.composer-row{grid-template-columns:minmax(0,1fr) 38px 66px;gap:6px}.tool-btn{width:38px;height:38px}}