*{box-sizing:border-box;margin:0;padding:0}body{color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5}.container{max-width:100%;margin:0 auto;padding:0 16px}.btn{text-align:center;cursor:pointer;border:none;border-radius:4px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .3s;display:inline-block}.btn-primary{color:#fff;background-color:#1976d2}.btn-primary:hover{background-color:#1565c0}.btn-block{width:100%;display:block}.card{background-color:#fff;border-radius:8px;margin-bottom:16px;padding:16px;box-shadow:0 2px 4px #0000001a}.flex{align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.text-center{text-align:center}.text-primary{color:#1976d2}.text-secondary{color:#666}.text-sm{font-size:12px}.avatar{object-fit:cover;border-radius:50%;width:48px;height:48px}.avatar-sm{width:32px;height:32px}.avatar-lg{width:64px;height:64px}.nav-bar{z-index:1000;background-color:#fff;align-items:center;height:56px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 4px #0000001a}.nav-bar .back{cursor:pointer;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.nav-bar .title{text-align:center;flex:1;font-size:16px;font-weight:500}.bottom-nav{z-index:1000;background-color:#fff;justify-content:space-around;align-items:center;height:56px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 4px #0000001a}.bottom-nav-item{color:#666;cursor:pointer;flex-direction:column;align-items:center;font-size:12px;display:flex}.bottom-nav-item.active{color:#1976d2}.list{background-color:#fff}.list-item{cursor:pointer;border-bottom:1px solid #f0f0f0;align-items:center;padding:16px;display:flex}.list-item:last-child{border-bottom:none}.input{border:1px solid #ddd;border-radius:4px;outline:none;width:100%;padding:10px 16px;font-size:14px;transition:border-color .3s}.input:focus{border-color:#1976d2}.chat-container{height:calc(100vh - 80px);padding-bottom:76px;overflow-y:auto}.chat-message{max-width:92%;margin-bottom:12px}.chat-message.own{margin-left:auto}.chat-message-content{word-wrap:break-word;word-break:break-all;white-space:pre-wrap;background:#fff;border:1px solid #fff;border-radius:14px;padding:10px 12px;font-size:14px;line-height:1.6}.chat-message.own .chat-message-content{color:#333;background:linear-gradient(135deg,#e8f4fd 0%,#f0f9ff 100%);border:1px solid #b8d4e8;border-bottom-right-radius:4px;padding:8px 12px}.chat-message.other .chat-message-content{background-color:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 3px #00000014}.chat-input-container{background-color:#fff;align-items:center;height:56px;padding:0 16px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 4px #0000001a}.chat-input{border:1px solid #ddd;border-radius:20px;outline:none;flex:1;margin-right:12px;padding:8px 16px}.guide-container{background-color:#fff;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:0 32px;display:flex}.guide-title{text-align:center;margin-bottom:16px;font-size:24px;font-weight:600}.guide-subtitle{color:#666;text-align:center;margin-bottom:48px;font-size:14px;line-height:1.5}.loading{border:2px solid #f3f3f3;border-top-color:#1976d2;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 0;display:flex}.empty-state-icon{opacity:.5;width:80px;height:80px;margin-bottom:16px}.empty-state-text{color:#666;font-size:14px}@media (width<=768px){.container{padding:0 12px}.nav-bar,.bottom-nav{height:48px}.card,.list-item{padding:12px}}