*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--primary: #07c160;--primary-dark: #06ad56;--bg: #ededed;--nav-bg: #f7f7f7;--white: #ffffff;--text-primary: #191919;--text-secondary: #888888;--text-muted: #b2b2b2;--divider: #e5e5e5;--bubble-mine: #95ec69;--bubble-other: #ffffff;--nav-height: 56px;--tab-height: 56px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}html,body{height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:16px;color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%;overflow:hidden}.scroll-y{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.nav-bar{position:fixed;top:0;left:0;right:0;height:calc(var(--nav-height) + var(--safe-top));padding-top:var(--safe-top);background:var(--nav-bg);display:flex;align-items:center;justify-content:space-between;padding-left:calc(12px + var(--safe-left));padding-right:calc(12px + var(--safe-right));border-bottom:.5px solid var(--divider);z-index:100}.nav-bar .nav-title{font-size:17px;font-weight:600;color:var(--text-primary);flex:1;text-align:center}.nav-bar .nav-btn{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);font-size:15px;-webkit-user-select:none;user-select:none}.tab-bar{position:fixed;bottom:0;left:0;right:0;height:calc(var(--tab-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--nav-bg);border-top:.5px solid var(--divider);display:flex;align-items:flex-start;z-index:100}.tab-bar .tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:var(--tab-height);cursor:pointer;color:var(--text-secondary);font-size:10px;gap:2px;-webkit-user-select:none;user-select:none;position:relative}.tab-bar .tab-item.active{color:var(--primary)}.tab-bar .tab-item .tab-icon{font-size:24px;line-height:1}.tab-bar .tab-badge{position:absolute;top:6px;left:50%;margin-left:4px;min-width:16px;height:16px;border-radius:8px;background:#f44;color:#fff;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1}.page{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--white);overflow:hidden}.page-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.list-item{display:flex;align-items:center;padding:12px 16px;background:var(--white);gap:12px;cursor:pointer;user-select:none;-webkit-user-select:none;position:relative}.list-item:active{background:#f0f0f0}.list-item:after{content:"";position:absolute;bottom:0;left:72px;right:0;height:.5px;background:var(--divider)}.avatar{border-radius:6px;background:#ccc;flex-shrink:0;object-fit:cover;overflow:hidden}.avatar-40{width:40px;height:40px;border-radius:4px}.avatar-48{width:48px;height:48px;border-radius:6px}.avatar-56{width:56px;height:56px;border-radius:8px}.avatar-placeholder{display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;font-weight:600;background:var(--primary)}.input-field{width:100%;padding:10px 14px;border-radius:8px;border:1px solid var(--divider);background:var(--white);font-size:16px;color:var(--text-primary);outline:none;transition:border-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-field:focus{border-color:var(--primary)}.btn-primary{width:100%;padding:14px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:17px;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;-webkit-appearance:none;transition:opacity .15s}.btn-primary:active{opacity:.8}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000bf;color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;z-index:9999;pointer-events:none;white-space:nowrap}.message-bubble{max-width:60vw;padding:8px 12px;border-radius:4px;font-size:15px;line-height:1.5;word-break:break-word;position:relative}.message-bubble.mine{background:var(--bubble-mine);border-radius:12px 2px 12px 12px}.message-bubble.other{background:var(--bubble-other);border-radius:2px 12px 12px;box-shadow:0 1px 2px #0000001a}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:transform .3s ease,opacity .3s ease}.slide-up-enter-from,.slide-up-leave-to{transform:translateY(30px);opacity:0}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-sm{font-size:12px}.text-xs{font-size:11px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex-1{flex:1}.flex-center{display:flex;align-items:center;justify-content:center}.gap-2{gap:8px}