.liaotian-ye{display:flex;flex-direction:column;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.liaotian-header{background:#fffffff2;padding:20px;text-align:center;box-shadow:0 2px 10px #0000001a}.liaotian-header h2{margin:0;color:#764ba2}.xiaoxi-liebiao{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:15px}.xiaoxi-item{display:flex;gap:10px;animation:fadeIn .3s ease-in}.xiaoxi-item.user{flex-direction:row-reverse}.xiaoxi-avatar{width:40px;height:40px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.xiaoxi-content{max-width:70%;display:flex;flex-direction:column;gap:5px}.xiaoxi-text{background:#fff;padding:12px 16px;border-radius:18px;box-shadow:0 2px 5px #0000001a;line-height:1.5}.xiaoxi-item.user .xiaoxi-text{background:#667eea;color:#fff}.xiaoxi-time{font-size:12px;color:#ffffffb3;padding:0 8px}.loading-dots{padding:12px 16px}.loading-dots span{animation:blink 1.4s infinite;font-size:20px}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}.shuru-kuang{background:#fff;padding:20px;display:flex;gap:10px;box-shadow:0 -2px 10px #0000001a}.shuru-kuang textarea{flex:1;border:2px solid #e0e0e0;border-radius:12px;padding:12px;font-size:16px;resize:none;font-family:inherit}.shuru-kuang textarea:focus{outline:none;border-color:#667eea}.shuru-kuang button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;padding:12px 30px;font-size:16px;cursor:pointer;transition:transform .2s}.shuru-kuang button:hover:not(:disabled){transform:scale(1.05)}.shuru-kuang button:disabled{opacity:.5;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,20%,50%,80%,to{opacity:1}40%{opacity:.3}60%{opacity:.3}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{width:100%;height:100vh}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.login-container h1{font-size:48px;margin-bottom:40px}.login-container button{background:#fff;color:#764ba2;border:none;border-radius:25px;padding:15px 40px;font-size:18px;font-weight:700;cursor:pointer;transition:transform .2s}.login-container button:hover{transform:scale(1.1)}