.mm-page{--mm-ink:#384c67;--mm-pink:#ed78a0;--mm-blue:#59b5ed;box-sizing:border-box;color:var(--mm-ink);height:100dvh;height:var(--miaomiao-height,100dvh);background:radial-gradient(at 9% 2%,#d7f3ff 0,#0000 48%),radial-gradient(at 98% 97%,#ffe0ea 0,#0000 48%),#f5faff;flex-direction:column;min-height:0;padding:0 34px 28px;font-family:PingFang SC,Microsoft YaHei,sans-serif;display:flex;overflow:hidden}.mm-page *{box-sizing:border-box}.mm-page button,.mm-page a,.mm-page textarea{-webkit-tap-highlight-color:transparent}.mm-page button{font:inherit;cursor:pointer;touch-action:manipulation}.mm-page button:disabled{cursor:default;opacity:.48}:is(.mm-page button:focus-visible,.mm-page a:focus-visible,.mm-page textarea:focus-visible){outline-offset:4px;outline:3px solid #3387c0}.mm-topbar{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;max-width:1550px;height:76px;margin:auto;display:flex}.mm-back{color:#496177;align-items:center;gap:12px;font-size:20px;font-weight:750;text-decoration:none;display:flex}.mm-home-label{color:#768b9c;margin-left:12px;font-size:13px;font-weight:500}.mm-course{color:#617c90;align-items:center;gap:8px;font-size:13px;display:flex}.mm-course svg{color:#d9a632}.mm-workspace{flex:1;grid-template-columns:minmax(280px,.8fr) minmax(0,1.5fr);gap:24px;width:100%;max-width:1550px;min-height:0;margin:0 auto;display:grid}.mm-character{isolation:isolate;background:#a5dcfb;border-radius:32px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff80}.mm-character-copy{z-index:2;padding:28px 30px 0}.mm-eyebrow{letter-spacing:2px;color:#396f97;background:#e8f7ffb8;border-radius:100px;padding:8px 13px;font-size:12px;font-weight:600;display:inline-block}.mm-character h1{letter-spacing:2px;color:#244e76;margin:19px 0 12px;font-size:clamp(27px,3vw,45px);font-weight:900;line-height:1.3;position:relative}.mm-character h1 span{display:block}.mm-character h1 i{color:#fff2a8;text-shadow:0 2px #e3b758;font-size:45px;font-style:normal;position:absolute;top:14px;right:16px}.mm-character-copy p{color:#42799b;margin:0;font-size:18px;font-weight:600;line-height:1.7}.mm-portrait{z-index:-1;position:absolute;inset:40% 0 0}.mm-portrait:after{content:"";background:linear-gradient(#a5dcfb 0%,#0000 24% 80%,#69bbee 100%);position:absolute;inset:0}.mm-portrait>img{object-fit:cover;object-position:50% 38%;width:100%;height:100%}.mm-sticker{color:#be7247;z-index:3;background:#fff9e7;border:3px solid #fff;border-radius:18px;padding:13px 17px;font-size:13px;line-height:1.5;position:absolute;bottom:68px;right:17px;transform:rotate(-9deg);box-shadow:0 5px 18px #68739524}.mm-sticker strong{color:#e27e93;font-size:20px}.mm-character-footer{z-index:3;color:#fff;align-items:center;gap:9px;margin-top:auto;padding:18px 26px;font-size:14px;font-weight:600;display:flex}.mm-character-footer span{color:#ffe99c;font-size:22px}.mm-chat{background:#ffffffeb;border:1px solid #fff;border-radius:32px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden;box-shadow:0 14px 50px #57788e10}.mm-chat-header{border-bottom:1px solid #edf2f7;flex-shrink:0;align-items:center;gap:13px;padding:19px 28px;display:flex}.mm-chat-header>img{object-fit:cover;border:2px solid #fff;border-radius:18px;width:50px;height:50px;box-shadow:0 0 0 1px #d5ecf9}.mm-chat-header h2{letter-spacing:.6px;color:#354c63;margin:0 0 5px;font-size:19px;font-weight:750}.mm-chat-header p{color:#83929e;align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.mm-chat-header p span{background:#76cbb3;border-radius:50%;width:6px;height:6px}.mm-header-star{color:#e9adbf;margin-left:auto;font-size:37px}.mm-messages{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d9e8ef transparent;flex:1;min-height:0;padding:24px 28px;overflow-y:auto}.mm-start-label{color:#96a5af;justify-content:center;align-items:center;gap:12px;margin:0 0 28px;font-size:11px;display:flex}.mm-start-label span{background:#e6edf1;width:32px;height:1px}.mm-message{align-items:flex-start;gap:10px;margin-bottom:23px;display:flex}.mm-avatar{object-fit:cover;border-radius:12px;flex-shrink:0;width:34px;height:34px;margin-top:23px}.mm-message-body{min-width:0;max-width:86%}.mm-speaker{color:#8795a5;margin:0 0 7px 4px;font-size:11px;display:block}.mm-bubble{color:#465d71;word-break:break-word;background:#f0f7fc;border:1px solid #e5f0f8;border-radius:3px 20px 20px;padding:17px 20px;font-size:17px;line-height:1.9}.mm-bubble p{white-space:pre-wrap;margin:0}.mm-message-user{justify-content:flex-end}.mm-message-user .mm-speaker{text-align:right;margin-right:4px}.mm-message-user .mm-bubble{color:#764e62;background:#ffedf3;border-color:#fce2eb;border-radius:20px 3px 20px 20px}.mm-sent-photos{flex-wrap:wrap;gap:8px;display:flex}.mm-sent-photos:has(+p){margin-bottom:10px}.mm-sent-photos img{object-fit:contain;background:#fff;border-radius:10px;width:150px;max-width:100%;max-height:180px}.mm-thinking{color:#8297a8;align-items:center;gap:5px;padding-left:46px;font-size:13px;display:flex}.mm-thinking span{background:#e8a4bb;border-radius:50%;width:5px;height:5px;animation:1.2s infinite mm-pulse}.mm-thinking span:nth-child(2){animation-delay:.2s}.mm-thinking span:nth-child(3){margin-right:6px;animation-delay:.4s}.mm-compose-wrap{background:linear-gradient(#fff0,#fff 15%);flex-shrink:0;padding:10px 25px 0}.mm-composer{background:#fff;border:1.5px solid #e4eaf0;border-radius:22px;padding:14px 16px 12px;transition:border-color .2s;box-shadow:0 5px 18px #61788909}.mm-composer:focus-within{border-color:#9dcdea;box-shadow:0 0 0 3px #d6eef744}.mm-composer textarea{resize:none;width:100%;min-height:48px;max-height:132px;font:inherit;color:#415569;scrollbar-width:thin;background:0 0;border:0;padding:0 2px;font-size:16px;line-height:1.65;display:block;outline:none!important}.mm-composer textarea::placeholder{color:#9aaab8}.mm-compose-actions{justify-content:space-between;align-items:center;gap:5px;margin-top:12px;display:flex}.mm-input-tools{align-items:center;gap:6px;display:flex}.mm-input-tools button{color:#728497;white-space:nowrap;background:0 0;border:0;border-radius:12px;align-items:center;gap:6px;min-height:44px;padding:10px;font-size:13px;display:flex}.mm-input-tools button:hover{background:#f0f7fc}.mm-input-tools .mm-voice{color:#4786ae;background:#edf7ff}.mm-input-tools .mm-voice.active{color:#c5527d;background:#ffe5ef}.mm-send{color:#fff;background:#e97ca2;border:0;border-radius:15px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 4px 9px #e98daf28}.mm-send:not(:disabled):hover{background:#df6792}.mm-send:disabled{opacity:.65;background:#f0b5ca}.mm-footnote{color:#9aa8b3;text-align:center;margin:11px 0 13px;font-size:11px}.mm-feedback{color:#5a8797;margin:0 4px 10px;font-size:13px;line-height:1.6}.mm-error{color:#ad526c}.mm-feedback button{color:#ad526c;background:#fff0f4;border:0;border-radius:7px;margin-left:8px;padding:5px 8px}.mm-previews{gap:10px;padding:0 0 14px;display:flex}.mm-previews>div{position:relative}.mm-previews img{object-fit:cover;border:1px solid #e3eaf0;border-radius:10px;width:64px;height:64px;display:block}.mm-previews button{color:#fff;background:#55677b;border:2px solid #fff;border-radius:50%;place-items:center;width:25px;height:25px;display:grid;position:absolute;top:-7px;right:-6px}.mm-recording{color:#b95379;align-items:center;gap:10px;min-height:50px;font-size:14px;display:flex}.mm-recording>span:last-child{font-variant-numeric:tabular-nums;margin-left:auto}.mm-recording-dot{background:#df7096;border-radius:50%;width:9px;height:9px;animation:1s infinite mm-pulse}.mm-is-recording{border-color:#edb0c6}@keyframes mm-pulse{50%{opacity:.3}}@media (min-width:1550px){.mm-page{padding-bottom:40px}.mm-topbar{height:90px}.mm-character-copy{padding:38px}.mm-bubble{font-size:19px}.mm-chat-header{padding:24px 32px}.mm-messages{padding:30px 36px}}@media (max-width:950px) and (orientation:landscape){.mm-page{padding:0 18px 16px}.mm-topbar{height:56px}.mm-workspace{grid-template-columns:minmax(220px,.7fr) minmax(0,1.5fr);gap:16px}.mm-character-copy{padding:22px}.mm-character h1{font-size:29px}.mm-character-copy p{font-size:15px}.mm-eyebrow{letter-spacing:0;font-size:10px}.mm-chat-header{padding:12px 20px}.mm-messages{padding:16px}.mm-bubble{padding:12px 15px;font-size:15px}.mm-compose-wrap{padding:6px 15px 0}.mm-footnote{margin:7px 0}.mm-input-tools{gap:0}.mm-input-tools button{padding:9px}.mm-sticker{display:none}}@media (orientation:portrait),(max-width:650px){.mm-page{padding:0 22px max(18px,env(safe-area-inset-bottom));background:radial-gradient(at 0 0,#d5f2ff 0,#0000 55%),radial-gradient(at 100% 100%,#ffe2ed 0,#0000 60%),#f6faff}.mm-topbar{height:68px}.mm-workspace{flex-direction:column;gap:0;display:flex}.mm-character{display:none}.mm-chat{border-radius:28px;flex:1}.mm-chat-header{background:linear-gradient(105deg,#edf8ff,#fff5f9);padding:24px 26px}.mm-chat-header>img{border-radius:23px;width:66px;height:66px}.mm-chat-header h2{font-size:23px}.mm-chat-header p{margin-top:7px;font-size:13px}.mm-header-star{font-size:47px}.mm-messages{padding:28px 22px}.mm-bubble{padding:17px 20px;font-size:18px}.mm-message-body{max-width:86%}.mm-compose-wrap{padding:12px 20px 0}.mm-composer{padding:17px 17px 13px}.mm-composer textarea{min-height:65px;font-size:18px}.mm-footnote{margin:14px 0 17px}.mm-input-tools button{padding:12px;font-size:14px}.mm-send{width:49px;height:49px}.mm-message{margin-bottom:26px}}@media (max-width:480px){.mm-page{padding:0 0 env(safe-area-inset-bottom)}.mm-topbar{height:55px;padding:0 16px}.mm-back{gap:6px;font-size:17px}.mm-home-label{display:none}.mm-course{gap:5px;font-size:11px}.mm-chat{border-radius:23px 23px 0 0}.mm-chat-header{padding:17px 20px}.mm-chat-header>img{border-radius:17px;width:49px;height:49px}.mm-chat-header h2{font-size:19px}.mm-chat-header p{font-size:11px}.mm-header-star{font-size:35px}.mm-messages{padding:20px 14px}.mm-bubble{padding:13px 15px;font-size:16px}.mm-avatar{width:29px;height:29px}.mm-message{gap:7px}.mm-message-body{max-width:86%}.mm-compose-wrap{padding:8px 12px 0}.mm-composer{border-radius:19px;padding:12px}.mm-composer textarea{min-height:50px;font-size:16px}.mm-input-tools{gap:1px}.mm-input-tools button{gap:4px;padding:9px 8px;font-size:12px}.mm-send{border-radius:13px;width:43px;height:43px}.mm-footnote{margin:9px 0 11px}.mm-start-label{font-size:10px}.mm-recording{gap:6px;font-size:12px}}@media (max-height:500px){.mm-topbar{height:44px}.mm-chat-header{padding:8px 18px}.mm-chat-header>img{width:36px;height:36px}.mm-chat-header h2{font-size:16px}.mm-chat-header p{display:none}.mm-start-label{margin-bottom:14px}.mm-composer textarea{min-height:32px}.mm-composer{padding:8px 12px}.mm-compose-actions{margin-top:4px}.mm-footnote{display:none}.mm-compose-wrap{padding-bottom:9px}.mm-character-copy p{display:none}.mm-character h1{font-size:25px}.mm-character-copy{padding:16px}.mm-eyebrow{display:none}}@media (prefers-reduced-motion:reduce){.mm-thinking span,.mm-recording-dot{animation:none}.mm-page *{scroll-behavior:auto!important;transition:none!important}}