@import"https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap";@font-face{font-family:ChillHuoKai;src:url(/fonts/ChillHuoKai_Regular.otf) format("opentype");font-weight:400;font-stretch:normal;font-style:normal;font-display:swap}@font-face{font-family:ChillHuoKai;src:url(/fonts/ChillHuoKai_ConRegular.otf) format("opentype");font-weight:400;font-stretch:condensed;font-style:normal;font-display:swap}@font-face{font-family:ChillHuoKai;src:url(/fonts/ChillHuoKai_ConBold.otf) format("opentype");font-weight:700;font-stretch:condensed;font-style:normal;font-display:swap}:root{--shiqing: #7b8c76;--shiqing-deep: #4a7c8e;--shilv: #6fb899;--shilv-light: #8cc9a8;--shilv-soft: rgba(111, 184, 153, .15);--gold: #d4a574;--gold-bright: #e8b563;--xuanzhi: #e8c17c;--xuanzhi-warm: #d9a96a;--xuanzhi-dark: #c99855;--ink: #2a2a2a;--ink-soft: #5a4a3a;--ink-muted: #6b5d4f;--paper: #f8f3ee;--paper-veil: #f0e6dc;--paper-cream: #faf5f0;--muted-tan: #e8dcc8;--bg: var(--xuanzhi);--bg-paper: var(--paper-cream);--fg-1: var(--ink);--fg-2: var(--ink-soft);--fg-3: var(--ink-muted);--fg-on-primary: #ffffff;--surface: rgba(255, 255, 255, .95);--surface-translucent: rgba(255, 255, 255, .78);--surface-strong: #ffffff;--surface-veil: var(--paper-veil);--hairline: rgba(111, 184, 153, .15);--hairline-ink: rgba(0, 0, 0, .1);--primary: var(--shiqing);--primary-foreground: #ffffff;--secondary: var(--shilv);--accent-warm: var(--gold);--accent-bright: var(--gold-bright);--destructive: #d4183d;--user-bubble: var(--shiqing);--user-bubble-fg: #ffffff;--ai-bubble: var(--surface-translucent);--ai-bubble-fg: var(--ink);--send-button: #d7c8b0;--font-brush: "ChillHuoKai", "Ma Shan Zheng", cursive;--font-display: "ZCOOL XiaoWei", "Noto Serif SC", serif;--font-serif: "Noto Serif SC", serif;--font-sans: "Noto Sans SC", system-ui, -apple-system, "PingFang SC", sans-serif;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 15px;--text-xl: 16px;--text-2xl: 18px;--text-3xl: 20px;--text-4xl: 24px;--text-5xl: 32px;--text-6xl: 48px;--leading-tight: 1.2;--leading-snug: 1.4;--leading-body: 1.6;--leading-bubble: 1.857;--radius-xs: 10px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 30px;--radius-circle: 999px;--shadow-xs: 0px 2px 4px rgba(0, 0, 0, .05);--shadow-sm: 0px 4px 4px rgba(107, 93, 79, .05);--shadow: 0px 4px 6px rgba(0, 0, 0, .05);--shadow-md: 0px 4px 8px rgba(107, 93, 79, .05);--shadow-lg: 0px 4px 10px rgba(123, 140, 118, .4);--shadow-xl: 0px 12px 28px rgba(107, 93, 79, .25);--shadow-2xl: 0px 16px 40px rgba(0, 0, 0, .18);--shadow-h1: drop-shadow(0px 3px 3px rgba(0, 0, 0, .12));--shadow-btn: 0px 4px 6px rgba(107, 93, 79, .15);--ease: cubic-bezier(.25, .1, .25, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--press-scale: .95;--soft-press: .98;--duration-fast: .3s;--duration: .45s;--duration-slow: .6s;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--protect-gradient: linear-gradient( rgba(248, 243, 238, 0) 0%, rgba(248, 243, 238, .5) 11.6%, rgba(249, 244, 239, .8) 21.6%, rgba(249, 244, 239, .97) 34.2%, rgb(250, 245, 240) 79.4%, rgb(250, 245, 240) 100% )}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}*::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}html,body,#root{margin:0;padding:0;width:100%;height:100%;font-family:var(--font-sans);color:var(--ink);background:var(--paper-cream);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;overscroll-behavior:none}button{font-family:var(--font-sans);font-weight:500}input,textarea,button{font-family:inherit}input,textarea{-webkit-user-select:text;user-select:text}.app-frame{position:relative;width:100%;height:100%;overflow:hidden;background:var(--paper-cream)}.shanshui-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.shanshui-bg img{width:100%;height:100%;object-fit:cover}.shanshui-bg:after{content:"";position:absolute;left:0;right:0;bottom:0;height:378px;background:var(--protect-gradient);pointer-events:none}.mp-h1{font-family:var(--font-brush);font-size:32px;line-height:36px;color:var(--shiqing);filter:var(--shadow-h1);margin:0}.shanshui-head{position:relative;z-index:10;padding:calc(var(--safe-top) + 12px) 23px 16px;display:flex;justify-content:space-between;align-items:flex-start}.mp-card{background:#fffffff2;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1.18px solid var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.mp-card-strong{background:#fff;border:1.18px solid rgba(111,184,153,.1);border-radius:var(--radius-lg);box-shadow:0 8px 16px #6b5d4f14,0 2px 4px #00000005}.mp-btn-pri{background:var(--shiqing);color:#fff;border:none;border-radius:999px;padding:12px 24px;font-family:var(--font-sans);font-size:16px;font-weight:500;box-shadow:0 4px 6px #7b8c7633;cursor:pointer;transition:transform .15s var(--ease)}.mp-btn-pri:active{transform:scale(var(--press-scale))}.mp-btn-pri:disabled{opacity:.5;cursor:default}.mp-btn-sec{background:#d7c8b0;color:#fff}.mp-btn-block{width:100%;height:52px;border-radius:999px}.bubble-ai{background:#ffffffc7;border:1.18px solid rgba(111,184,153,.12);border-radius:20px;padding:13px 17px;font-size:14px;line-height:26px;color:var(--ink);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);box-shadow:0 2px 4px #0000000d;max-width:72%}.bubble-user{background:var(--shiqing);color:#fff;border-radius:20px;padding:13px 17px;font-size:14px;line-height:26px;box-shadow:0 3px 5px #00000014;max-width:72%}.mp-tabbar{background:#fffffff2;height:calc(91px + var(--safe-bottom));padding-bottom:var(--safe-bottom);display:flex;align-items:center;justify-content:space-around;position:relative;flex-shrink:0;z-index:50;box-shadow:0 -4px 4px #6b5d4f0d}.mp-tabbar .pill{position:absolute;top:10px;height:70px;width:74px;background:var(--shiqing);border-radius:10px;box-shadow:0 4px 4px #6b5d4f40;transition:left .3s var(--ease-in-out)}.mp-tab{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:69px;flex:1;max-width:120px;cursor:pointer;background:transparent;border:none;padding:0}.mp-tab .lbl{font-size:13px;color:var(--ink-muted)}.mp-tab.active .lbl{color:#fff}.mp-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:90;animation:fadein .45s var(--ease)}.mp-modal-wrap{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:91;width:85%;max-width:340px;animation:pop .55s cubic-bezier(.2,0,.2,1.05)}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translate(-50%,calc(-50% + 24px)) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes breath{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glow{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.3);opacity:0}}@keyframes faderise{0%{opacity:0;transform:translateY(28px) scale(.98)}to{opacity:1;transform:none}}.anim-rise{animation:faderise .6s var(--ease)}.anim-breath{animation:breath 1.5s var(--ease-in-out) infinite}.anim-glow{animation:glow 2s var(--ease-in-out) infinite}.chat-scroll{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 10%,black 92%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 10%,black 92%,transparent 100%)}.mp-screen{animation:faderise .4s var(--ease)}