:root{--primary-color: var(--el-color-primary, #409eff);--success-color: var(--el-color-success, #67c23a);--warning-color: var(--el-color-warning, #e6a23c);--danger-color: var(--el-color-danger, #f56c6c);--info-color: var(--el-color-info, #909399);--admin-primary-color: var(--el-color-primary, #409eff);--user-primary-color: var(--el-color-primary, #409eff);--user-primary-color-rgb: 64, 158, 255;--admin-color-transition: 1s ease;--user-color-transition: 1s ease;--text-primary: var(--el-text-color-primary, #303133);--text-regular: var(--el-text-color-regular, #606266);--text-secondary: var(--el-text-color-secondary, #909399);--text-placeholder: var(--el-text-color-placeholder, #c0c4cc);--border-base: var(--el-border-color, #dcdfe6);--border-light: var(--el-border-color-light, #e4e7ed);--border-lighter: var(--el-border-color-lighter, #ebeef5);--border-extra-light: var(--el-border-color-extra-light, #f2f6fc);--bg-color: var(--el-bg-color, #ffffff);--bg-color-page: var(--el-bg-color-page, #f2f3f5);--chat-bg-color: var(--el-bg-color-page, #f2f3f5);--chat-message-bg: var(--el-bg-color, #ffffff);--chat-message-bg-self: #95ec69;--chat-message-bg-other: var(--el-bg-color, #ffffff);--chat-sidebar-bg: var(--el-bg-color, #ffffff);--chat-header-bg: var(--el-bg-color, #ffffff);--chat-input-bg: var(--el-bg-color, #ffffff);--chat-border-color: var(--el-border-color-light, #e4e7ed);--font-size-extra-large: 20px;--font-size-large: 18px;--font-size-medium: 16px;--font-size-base: 14px;--font-size-small: 13px;--font-size-extra-small: 12px;--chat-message-font-size: 14px;--chat-time-font-size: 12px;--chat-username-font-size: 13px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--chat-padding: 16px;--chat-message-padding: 12px 16px;--chat-message-margin: 8px;--chat-input-height: 60px;--chat-header-height: 60px;--chat-sidebar-width: 280px;--border-radius-base: 4px;--border-radius-small: 2px;--border-radius-large: 8px;--chat-message-radius: 8px;--box-shadow-base: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);--box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, .1);--chat-message-shadow: 0 1px 2px rgba(0, 0, 0, .1)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-color-page);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%;width:100%}a{text-decoration:none;color:var(--primary-color);transition:color .3s ease}a:hover{color:#66b1ff}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}input,textarea,select,button{font-family:inherit;font-size:inherit;border:none;outline:none}button{cursor:pointer;background:transparent;transition:all .3s ease}button:disabled{cursor:not-allowed;opacity:.6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color-page);border-radius:var(--border-radius-base)}::-webkit-scrollbar-thumb{background:var(--border-base);border-radius:var(--border-radius-base);transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.clearfix:after{content:"";display:block;clear:both}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-ellipsis-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis}.text-ellipsis-3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis}.hidden{display:none!important}.invisible{visibility:hidden}.flex-center{display:flex;justify-content:center;align-items:center}.animated-background{position:relative;min-height:100vh;overflow:hidden;background:linear-gradient(-45deg,#667eea,#764ba2,#f093fb,#4facfe,#667eea);background-size:400% 400%;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.floating-particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.floating-particle{position:absolute;background:#ffffff1a;border-radius:50%;animation:float 20s infinite ease-in-out;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}@keyframes float{0%{transform:translate(0) scale(1);opacity:.3}25%{transform:translate(100px,-100px) scale(1.2);opacity:.5}50%{transform:translate(-50px,-200px) scale(.8);opacity:.4}75%{transform:translate(-150px,-100px) scale(1.1);opacity:.6}to{transform:translate(0) scale(1);opacity:.3}}.wave-container{position:absolute;bottom:0;left:0;width:100%;height:200px;overflow:hidden;z-index:1}.wave{position:absolute;bottom:0;left:0;width:100%;height:100%;fill:#ffffff1a;animation:wave 10s ease-in-out infinite}@keyframes wave{0%{transform:translate(0) translateY(0)}50%{transform:translate(-25%) translateY(-10px)}to{transform:translate(0) translateY(0)}}.content-overlay{position:relative;z-index:10}.admin-navbar,.admin-sidebar .menu-item.is-active,[style*=--admin-primary-color]{transition:background-color var(--admin-color-transition, 1s ease),color var(--admin-color-transition, 1s ease),border-color var(--admin-color-transition, 1s ease)}.chat-container{display:flex;height:100vh;width:100%;background-color:var(--chat-bg-color);overflow:hidden}.chat-sidebar{width:var(--chat-sidebar-width);background-color:var(--chat-sidebar-bg);border-right:1px solid var(--chat-border-color);display:flex;flex-direction:column;overflow:hidden}.chat-main{display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden}.chat-header{height:var(--chat-header-height);background-color:var(--chat-header-bg);border-bottom:1px solid var(--chat-border-color);display:flex;align-items:center;padding:0 var(--chat-padding);box-shadow:var(--box-shadow-base)}.chat-messages{flex:1;padding:var(--chat-padding);overflow-y:auto;min-height:0}.chat-message{margin-bottom:var(--chat-message-margin);display:flex;padding:var(--chat-message-padding);border-radius:var(--chat-message-radius);box-shadow:var(--chat-message-shadow);transition:transform .2s ease,box-shadow .2s ease}.chat-message:hover{transform:translateY(-1px);box-shadow:0 2px 4px #00000026}.chat-message-self{background-color:var(--chat-message-bg-self);justify-content:flex-end;text-align:right}.chat-message-other{background-color:var(--chat-message-bg-other);justify-content:flex-start;text-align:left}.chat-message-username{font-size:var(--chat-username-font-size);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.chat-message-content{font-size:var(--chat-message-font-size);color:var(--text-primary);line-height:1.5;word-wrap:break-word;word-break:break-word}.chat-message-time{font-size:var(--chat-time-font-size);color:var(--text-secondary);margin-top:var(--spacing-xs);opacity:.8}.chat-input-area{height:var(--chat-input-height);background-color:var(--chat-input-bg);border-top:1px solid var(--chat-border-color);display:flex;align-items:center;padding:0 var(--chat-padding);box-shadow:0 -2px 8px #0000000d}.chat-input{flex:1;height:40px;padding:0 var(--spacing-md);border:1px solid var(--chat-border-color);border-radius:var(--border-radius-large);font-size:var(--font-size-base);background-color:var(--bg-color);transition:border-color .3s ease,box-shadow .3s ease}.chat-input:focus{border-color:var(--el-color-primary, var(--primary-color));box-shadow:0 0 0 2px var(--el-color-primary-light-9, rgba(64, 158, 255, .1))}.chat-send-button{margin-left:var(--spacing-md);min-width:80px}