.common-header[data-v-ab31beee]{position:relative;background-color:var(--primary);padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.header-left[data-v-ab31beee]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--on-primary);cursor:pointer}.header-title[data-v-ab31beee]{flex:1;text-align:center;font-size:18px;font-weight:500;color:var(--on-primary)}.header-right[data-v-ab31beee]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;color:var(--on-primary)}.header-menu[data-v-ab31beee]{position:absolute;top:52px;right:12px;background:var(--bg-card);border-radius:8px;box-shadow:0 2px 12px #00000026;overflow:hidden;z-index:1000;min-width:120px}.menu-item[data-v-ab31beee]{padding:12px 16px;font-size:14px;color:var(--text-primary);cursor:pointer;transition:background .2s}.menu-item[data-v-ab31beee]:hover{background:var(--bg-soft)}.app-wrapper[data-v-4ea60ad5]{display:flex;flex-direction:column;height:100dvh;max-width:500px;margin:0 auto;background:var(--bg-soft);position:relative;width:100%;overflow:hidden}.views-container[data-v-4ea60ad5]{flex:1;min-height:0;overflow:hidden;position:relative;-webkit-overflow-scrolling:touch}.bottom-nav[data-v-4ea60ad5]{flex-shrink:0;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:.5px solid var(--border);display:flex;justify-content:space-around;align-items:center;padding:8px 20px 12px;z-index:100;width:100%}.nav-item[data-v-4ea60ad5]{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:var(--text-secondary);cursor:pointer;flex:1;position:relative;font-weight:500}.nav-item i[data-v-4ea60ad5]{font-size:22px}.nav-item.active[data-v-4ea60ad5]{color:var(--primary-ink);font-weight:600}.nav-badge[data-v-4ea60ad5]{position:absolute;top:0;right:18px;min-width:16px;height:16px;padding:0 4px;background:#ff4d4f;color:#fff;font-size:10px;line-height:16px;border-radius:8px;text-align:center}:root{--primary: #07c160;--primary-dark: #06ad56;--primary-deep: #05683a;--primary-ink: var(--primary);--on-primary: #ffffff;--danger: #ff5e5e;--bg: #f5f5f5;--bg-body: #f5f7fb;--bg-card: #ffffff;--bg-elevated: #ffffff;--bg-soft: #f5f5f5;--bg-accent-soft: #f0fbf5;--bg-subtle: rgba(0, 0, 0, .05);--bg-warning: #fffbe6;--text-warning: #8a6d3b;--bg-input: #f2f5f8;--bg-bubble-self: #dcf8c5;--bg-bubble-other: #ffffff;--text-primary: #1f2d3d;--text-secondary: #8d9aaa;--text-muted: #bcc5cf;--border: #eef2f6;--border-strong: #e0e0e0;--nav-bg: rgba(255, 255, 255, .96);--shadow: 0 0 20px rgba(0, 0, 0, .1);--badge-bg: #ff5e5e;--header-bg: #f5f5f5}:root[data-accent=orange]{--primary: #ff8a00;--primary-dark: #e07800;--primary-deep: #b85c00;--bg-accent-soft: #fff4e5;--bg-bubble-self: #ffe4bf}:root[data-accent=blue]{--primary: #1677ff;--primary-dark: #0f62d9;--primary-deep: #0b4bb3;--bg-accent-soft: #e8f1ff;--bg-bubble-self: #d6e4ff}:root[data-accent=gray]{--primary: #c0c0c0;--primary-dark: #a8a8a8;--primary-deep: #8f8f8f;--primary-ink: #6b7280;--on-primary: #1f2d3d;--bg-accent-soft: #f5f5f5;--bg-bubble-self: #e8e8e8}[data-theme=dark]{--bg: #111418;--bg-body: #0b0d10;--bg-card: #1c2128;--bg-elevated: #242b35;--bg-soft: #171c22;--bg-accent-soft: #123326;--bg-subtle: rgba(255, 255, 255, .08);--bg-warning: #3a3320;--text-warning: #e8d9a8;--bg-input: #2a313c;color-scheme:dark;--bg-bubble-self: #1b4d33;--bg-bubble-other: #242b35;--text-primary: #f0f0f0;--text-secondary: #b0b8c4;--text-muted: #8a94a0;--border: #2a313c;--border-strong: #333c48;--nav-bg: rgba(28, 33, 40, .96);--shadow: 0 0 20px rgba(0, 0, 0, .4)}:root[data-theme=dark][data-accent=orange]{--bg-accent-soft: #3a250c;--bg-bubble-self: #4a2d0c}:root[data-theme=dark][data-accent=blue]{--bg-accent-soft: #10233f;--bg-bubble-self: #0e2a52}:root[data-theme=dark][data-accent=gray]{--primary-ink: #d1d5db;--on-primary: #1f2d3d;--bg-accent-soft: #2a2a2a;--bg-bubble-self: #3a3a3a}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #111418;--bg-body: #0b0d10;--bg-card: #1c2128;--bg-elevated: #242b35;--bg-soft: #171c22;--bg-accent-soft: #123326;--bg-subtle: rgba(255, 255, 255, .08);--bg-warning: #3a3320;--text-warning: #e8d9a8;--bg-input: #2a313c;--bg-bubble-self: #1b4d33;--bg-bubble-other: #242b35;--text-primary: #f0f0f0;--text-secondary: #b0b8c4;--text-muted: #8a94a0;--border: #2a313c;--border-strong: #333c48;--nav-bg: rgba(28, 33, 40, .96);--shadow: 0 0 20px rgba(0, 0, 0, .4);color-scheme:dark}:root:not([data-theme=light])[data-accent=orange]{--bg-accent-soft: #3a250c;--bg-bubble-self: #4a2d0c}:root:not([data-theme=light])[data-accent=blue]{--bg-accent-soft: #10233f;--bg-bubble-self: #0e2a52}:root:not([data-theme=light])[data-accent=gray]{--primary-ink: #d1d5db;--on-primary: #1f2d3d;--bg-accent-soft: #2a2a2a;--bg-bubble-self: #3a3a3a}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0}body{background:var(--bg-body);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Helvetica,Roboto,sans-serif}[data-theme=dark] input:not([type=checkbox]):not([type=radio]):not([type=range]),[data-theme=dark] textarea,[data-theme=dark] select{background:var(--bg-input)!important;color:var(--text-primary)!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-muted)}.app-wrapper{display:flex;flex-direction:column;height:100dvh;background-color:var(--bg);max-width:500px;margin:0 auto;position:relative;width:100%;box-shadow:var(--shadow)}.auth-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px 24px;background:linear-gradient(135deg,#2c3e50 0%,#1a2632 100%);overflow-y:auto}.auth-card{background:var(--bg-card);border-radius:24px;padding:32px 24px;width:100%;box-shadow:0 20px 40px #0000001a}.auth-title{font-size:28px;font-weight:600;text-align:center;margin-bottom:32px;color:var(--text-primary)}.auth-input{width:100%;padding:14px 16px;border:1px solid var(--border-strong);border-radius:12px;margin-bottom:16px;font-size:15px;background:var(--bg-input);color:var(--text-primary);outline:none}.auth-btn{width:100%;padding:14px;background:var(--primary);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;margin-top:8px}.auth-switch{text-align:center;margin-top:16px;color:var(--primary);cursor:pointer}.hidden{display:none!important}.bottom-nav{background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:.5px solid var(--border);display:flex;justify-content:space-around;align-items:center;padding:8px 20px 12px;z-index:100;flex-shrink:0;width:100%}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:var(--text-secondary);cursor:pointer;flex:1;position:relative}.nav-item i{font-size:22px}.nav-item.active{color:var(--primary);font-weight:500}.views-container{flex:1;position:relative;overflow:hidden;min-height:0}.views-container>*{position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:auto}.empty-tip{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:14px}.section-title{padding:12px 16px 6px;font-size:13px;font-weight:500;color:var(--text-secondary);background:var(--bg)}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}@media (min-width: 768px){body{background:#f0f2f5}[data-theme=dark] body,body:has([data-theme=dark]){background:#0b0d10}.app-wrapper{max-width:560px;border-radius:16px;margin:16px auto;height:calc(100dvh - 32px);overflow:hidden;box-shadow:0 2px 16px #00000014}.bottom-nav{max-width:560px;border-radius:0 0 16px 16px}}@media (min-width: 1200px){.app-wrapper,.bottom-nav{max-width:640px}}[dir=rtl] .fa-arrow-left:before{content:""}[dir=rtl] .fa-arrow-right:before{content:""}[dir=rtl] .fa-chevron-left:before{content:""}[dir=rtl] .fa-chevron-right:before{content:""}