:root,[data-theme=warm]{--color-bg: #fff7f0;--color-surface: #ffffff;--color-primary: #e8926b;--color-primary-soft: #fbe3d4;--color-text: #4a3b32;--color-text-secondary: #9a8578;--color-border: #f0ded2;--scene-room: url(/scenes/warm-room.jpg);--scene-street: url(/scenes/warm-street.jpg)}[data-theme=journal]{--color-bg: #fff5f7;--color-surface: #ffffff;--color-primary: #e58aa5;--color-primary-soft: #fbdce6;--color-text: #4a3340;--color-text-secondary: #a58595;--color-border: #f2d8e0;--scene-room: url(/scenes/journal-room.jpg);--scene-street: url(/scenes/journal-street.jpg)}[data-theme=garden]{--color-bg: #f7f5ff;--color-surface: #ffffff;--color-primary: #9b8ae2;--color-primary-soft: #e7e2fb;--color-text: #3e3a55;--color-text-secondary: #8b86a8;--color-border: #e0dcf2;--scene-room: url(/scenes/garden-room.jpg);--scene-street: url(/scenes/garden-street.jpg)}[data-theme=london]{--color-bg: #f5f7fa;--color-surface: #ffffff;--color-primary: #6b8cae;--color-primary-soft: #e2eaf3;--color-text: #33404f;--color-text-secondary: #7e8da0;--color-border: #d8e0ea;--scene-room: url(/scenes/london-room.jpg);--scene-street: url(/scenes/london-street.jpg)}:root{--radius-lg: 20px;--radius-pill: 999px;--shadow-soft: 0 2px 12px rgba(60, 50, 40, .06);--tabbar-height: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,HarmonyOS Sans SC,Microsoft YaHei,Segoe UI,sans-serif;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit;text-decoration:none}.shell{display:flex;flex-direction:column;height:100dvh;max-width:480px;margin:0 auto;background:var(--color-bg)}@media(min-width:540px){.shell,.tabbar{border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}}.shell__content{flex:1;overflow-y:auto;padding-bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom))}.page{padding:24px 20px}.page__title{font-size:22px;font-weight:600}.page__desc{margin-top:6px;font-size:14px;color:var(--color-text-secondary)}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);display:flex;width:100%;max-width:480px;height:calc(var(--tabbar-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb,var(--color-surface) 88%,transparent);border-top:1px solid var(--color-border);box-shadow:0 -2px 10px #3c2a160d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.tabbar__item{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;letter-spacing:1px;color:var(--color-text-secondary);transition:color .2s}.tabbar__item svg{width:21px;height:21px}.tabbar__item.router-link-active{color:var(--color-primary);font-weight:600}.tabbar__item.router-link-active:after{content:"";width:14px;height:2.5px;border-radius:2px;background:var(--color-primary)}