:root{--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-primary-light:#dbeafe;--wb-primary:#2563eb;--wb-sidebar-bg:#f5f7fa;--color-bg:#f0f2f5;--color-panel:#fff;--color-border:#e5e7eb;--color-text:#111827;--color-text-secondary:#64748b;--color-text-muted:#94a3b8;--color-danger:#ef4444;--color-incoming:#fff;--color-outgoing:#dbeafe;--color-sidebar:#f5f7fa;--color-header:#fff;--shadow-sm:0 1px 3px #0f172a14;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--header-height:60px}*,:before,:after{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;padding:0}body{color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5}button,input,textarea{font:inherit}button{cursor:pointer;background:0 0;border:none}input,textarea{outline:none}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}