.tabbar[data-v-d0628f11]{bottom:calc(10px + env(safe-area-inset-bottom));width:calc(100% - 20px);max-width:460px;height:var(--tabbar-height);background:var(--glass-bg);-webkit-backdrop-filter:blur(30px)saturate(180%);backdrop-filter:blur(30px)saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow), inset 0 1px 0 var(--glass-highlight);z-index:100;border-radius:24px;justify-content:space-around;align-items:center;margin:0 auto;display:flex;position:fixed;left:0;right:0}.tab-item[data-v-d0628f11]{width:60px;height:42px;color:var(--text-secondary);border-radius:21px;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:background .2s;display:flex;position:relative}.tab-item[data-v-d0628f11]:hover{background:var(--glass-hover)}.tab-item.active[data-v-d0628f11]{background:var(--glass-active);color:var(--primary)}.tab-icon[data-v-d0628f11]{font-size:20px;line-height:1}.tab-label[data-v-d0628f11]{font-size:10px}.tab-badge[data-v-d0628f11]{background:var(--danger);color:#fff;text-align:center;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:10px;line-height:16px;position:absolute;top:2px;right:2px}.tab-publish[data-v-d0628f11]{justify-content:center;align-items:center;width:60px;display:flex}.publish-circle[data-v-d0628f11]{color:#fff;background:linear-gradient(135deg,#ff6b6b,#ff8e53);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:26px;font-weight:300;display:flex;box-shadow:0 2px 8px #ff6b6b66}*{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary:#1a73e8;--primary-light:#e8f0fe;--danger:#ea4335;--success:#34a853;--warning:#fbbc04;--text:#202124;--text-secondary:#5f6368;--border:#e8eaed;--bg:#f5f6f7;--card:#fff;--glass-bg:#fff9;--glass-border:#ffffff8c;--glass-highlight:#ffffffb3;--glass-hover:#ffffffb3;--glass-active:#ffffffbf;--glass-shadow:0 8px 32px #0000001f;--navbar-height:56px;--tabbar-height:56px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary:#4c8dff;--primary-light:#1e2a44;--danger:#f28b82;--success:#81c995;--warning:#fdd663;--text:#e8eaed;--text-secondary:#9aa0a6;--border:#3c4043;--bg:#171717;--card:#242424;--glass-bg:#1c1c1e8c;--glass-border:#ffffff26;--glass-highlight:#ffffff1a;--glass-hover:#ffffff1f;--glass-active:#ffffff29;--glass-shadow:0 8px 32px #00000080}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary:#4c8dff;--primary-light:#1e2a44;--danger:#f28b82;--success:#81c995;--warning:#fdd663;--text:#e8eaed;--text-secondary:#9aa0a6;--border:#3c4043;--bg:#171717;--card:#242424;--glass-bg:#1c1c1e8c;--glass-border:#ffffff26;--glass-highlight:#ffffff1a;--glass-hover:#ffffff1f;--glass-active:#ffffff29;--glass-shadow:0 8px 32px #00000080}}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary:#4c8dff;--primary-light:#1e2a44;--danger:#f28b82;--success:#81c995;--warning:#fdd663;--text:#e8eaed;--text-secondary:#9aa0a6;--border:#3c4043;--bg:#171717;--card:#242424}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary:#4c8dff;--primary-light:#1e2a44;--danger:#f28b82;--success:#81c995;--warning:#fdd663;--text:#e8eaed;--text-secondary:#9aa0a6;--border:#3c4043;--bg:#171717;--card:#242424}}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,textarea{border:none;outline:none;font-family:inherit}.page-container{background:var(--bg);max-width:480px;min-height:100vh;padding-bottom:calc(var(--tabbar-height) + 40px);margin:0 auto;position:relative}.glass-header{background:var(--glass-bg);-webkit-backdrop-filter:blur(25px)saturate(180%);backdrop-filter:blur(25px)saturate(180%);border-bottom:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight)}.card{background:var(--card);border-radius:12px;margin-bottom:12px;padding:16px;box-shadow:0 1px 2px #0000000d}.empty-state{text-align:center;color:var(--text-secondary);padding:60px 20px}.empty-state .empty-icon{margin-bottom:12px;font-size:48px}.loading-spinner{text-align:center;color:var(--text-secondary);padding:40px}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary{background:var(--primary);color:#fff;border-radius:8px;width:100%;padding:10px 20px;font-weight:500}.btn-primary:disabled{opacity:.6}.btn-outline{color:var(--primary);border:1px solid var(--primary);background:0 0;border-radius:8px;padding:8px 16px}.error-text{color:var(--danger);font-size:14px}.avatar{object-fit:cover;background:#e4e6eb;border-radius:50%}.avatar-sm{width:36px;height:36px}.avatar-md{width:48px;height:48px}.avatar-lg{width:72px;height:72px}.time-text{color:var(--text-secondary);font-size:12px}.page-enter-active,.page-leave-active{transition:opacity .25s,transform .25s}.page-enter-from{opacity:0;transform:translate(24px)}.page-leave-to{opacity:0;transform:translate(-12px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.32s both fadeUp}.fade-up-enter-active{transition:opacity .3s,transform .3s}.fade-up-enter-from{opacity:0;transform:translateY(12px)}button,.tab-item,.menu-item,.cat-item,.conv-item,.notif-item,.card.clickable,.post-card,.ann-item,.item{transition:transform .12s}button:active,.tab-item:active,.menu-item:active,.cat-item:active,.conv-item:active,.notif-item:active,.ann-item:active,.item:active{transform:scale(.96)}.modal-enter-active,.modal-leave-active{transition:opacity .22s}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-active .modal,.modal-leave-active .modal{transition:transform .25s}.modal-enter-from .modal,.modal-leave-to .modal{transform:translateY(24px)}