:root{--font:"PingFang SC", "HarmonyOS Sans", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{color:#fff;font-family:var(--font);-webkit-font-smoothing:antialiased;background:#030711;justify-content:center;display:flex}button,input,textarea{font:inherit}button:focus{outline:none}button:focus-visible{box-shadow:inset 0 0 0 1px #5b7fffb8}.page-bg ::-webkit-scrollbar{width:3px;height:3px}.page-bg ::-webkit-scrollbar-track{background:0 0}.page-bg ::-webkit-scrollbar-thumb{background:#768cb257;border-radius:999px}#root{border-radius:24px;width:min(390px,100vw);overflow:hidden;box-shadow:0 28px 80px #0000008c}.splash-screen{background:#070b14;width:100%;height:100%;animation:3s both splash-exit;position:relative;overflow:hidden}.splash-image,.splash-shade{position:absolute;inset:0}.splash-image{background:url(../ui/splash/splash-night-v2.png) 50%/cover no-repeat;animation:3s cubic-bezier(.22,.61,.36,1) both splash-breathe;transform:scale(1.055)}.splash-screen[data-theme=reading] .splash-image{background-image:url(../ui/splash/splash-day-v2.png)}.splash-shade{background:linear-gradient(90deg,#04081014 0%,#0000 62%,#0408101a 100%)}.splash-screen[data-theme=reading] .splash-shade{background:linear-gradient(90deg,#fff9ee0f 0%,#0000 64%,#5c43290a 100%)}.splash-glow{opacity:0;background:#f2c98bd9;border-radius:50%;animation:2.4s ease-in-out .3s both splash-firefly;position:absolute;box-shadow:0 0 16px #f2c98bb3}.splash-glow-one{width:4px;height:4px;top:35%;left:17%}.splash-glow-two{width:3px;height:3px;animation-delay:.65s;top:23%;right:18%}.splash-brand{text-align:center;color:#fffaf1;position:absolute;top:29%;left:4%;right:31%}.splash-screen[data-theme=reading] .splash-brand{color:#5d4834}.splash-title{letter-spacing:.22em;text-indent:.22em;text-shadow:0 2px 16px #00000059;opacity:0;font-size:30px;font-weight:580;animation:.8s .25s forwards splash-copy-in;transform:translateY(10px)}.splash-tagline{letter-spacing:.12em;color:#fffaf1c2;opacity:0;margin-top:12px;font-size:12px;animation:.8s .55s forwards splash-copy-in;transform:translateY(8px)}.splash-screen[data-theme=reading] .splash-title{text-shadow:0 1px 10px #ffffff8c}.splash-screen[data-theme=reading] .splash-tagline{color:#5d4834b8}.splash-progress{background:#ffffff2e;width:96px;height:1px;margin:25px auto 0;overflow:hidden}.splash-progress span{background:#f2c98be6;width:100%;height:100%;animation:2.35s cubic-bezier(.22,.61,.36,1) .35s forwards splash-progress;display:block;transform:translate(-100%)}.splash-screen[data-theme=reading] .splash-progress{background:#5d483429}.splash-screen[data-theme=reading] .splash-progress span{background:#ac7c3dc7}@keyframes splash-breathe{to{transform:scale(1)}}@keyframes splash-copy-in{to{opacity:1;transform:translateY(0)}}@keyframes splash-firefly{0%,to{opacity:0;transform:translateY(7px)}35%,70%{opacity:.75}70%{transform:translateY(-8px)}}@keyframes splash-progress{to{transform:translate(0)}}@keyframes splash-exit{0%,86%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.splash-screen,.splash-image,.splash-glow,.splash-title,.splash-tagline,.splash-progress span{animation:none}.splash-image{transform:none}.splash-title,.splash-tagline{opacity:1;transform:none}.splash-glow{display:none}.splash-progress span{transform:none}}.app-root{background:#060b14;flex-direction:column;height:100%;padding-bottom:72px;display:flex;position:relative}.app-content{flex:1;min-height:0;position:relative;overflow:hidden}.page-bg{background-position:50%;background-repeat:no-repeat;background-size:100% 100%;width:100%;height:100%;position:relative}.bottom-tabs{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:100;background:linear-gradient(#080f1bf7 0%,#050a13fc 100%);border-top:1px solid #97b1de1f;align-items:center;width:min(390px,100vw);height:72px;padding:0 0 8px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab{cursor:pointer;color:#ffffff52;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;font-size:10px;line-height:1;display:flex}.tab.active{color:#4f7bff}.tab:focus-visible{box-shadow:none}.tab-dot{opacity:0;background:#4f7bff;border-radius:50%;width:4px;height:4px}.tab.active .tab-dot{opacity:1}.app-root[data-theme=reading]{background:#f5f1e9}body:has(.app-root[data-theme=reading]){background:#f5f1e9}.app-root[data-theme=reading] .page-bg,.app-root[data-theme=reading] .bottom-tabs{filter:invert()hue-rotate(180deg)sepia(.18)saturate(.78)}.app-root[data-theme=reading] .page-bg img{filter:invert()hue-rotate(180deg)}.app-root[data-theme=reading] .laoji-hero-card{isolation:isolate;background-image:none!important}.app-root[data-theme=reading] .laoji-hero-card:before{content:"";z-index:-1;border-radius:inherit;filter:invert()hue-rotate(180deg);background:url(../ui/ai/cards/laoji-hero-card-day.png) 64% 16%/cover no-repeat;position:absolute;inset:0}.memory-day-copy{display:none}.app-root[data-theme=reading] .memory-hero-card{isolation:isolate;overflow:hidden;background-image:none!important}.app-root[data-theme=reading] .memory-hero-card:before{content:"";z-index:-1;border-radius:inherit;filter:invert()hue-rotate(180deg);background:url(../ui/ai/cards/laoji-hero-card-day.png) 50%/cover no-repeat;position:absolute;inset:0}.app-root[data-theme=reading] .memory-day-copy{color:#f5f7fb;text-shadow:0 1px 1px #ffffff2e;display:block;position:absolute;left:22px}.app-root[data-theme=reading] .memory-day-title{font-size:20px;font-weight:650;top:28px}.app-root[data-theme=reading] .memory-day-subtitle{font-size:11px;top:62px}.app-root[data-theme=reading] .chat-message{white-space:pre-wrap;font-size:14px!important;line-height:1.72!important}
