.app{display:flex;height:100vh;background:#f5f8fd}.left-panel{width:280px;min-width:280px;background:#fff;border-right:1px solid #e6ebf2;display:flex;flex-direction:column}.left-header{padding:16px;border-bottom:1px solid #e6ebf2}.left-header h2{font-size:15px;font-weight:600;margin:0}.left-header p{font-size:12px;color:#6b7280;margin-top:4px;margin-bottom:0}.search-box{padding:12px 16px;border-bottom:1px solid #e6ebf2}.search-box input{width:100%;padding:8px 12px;border:1px solid #e6ebf2;border-radius:6px;font-size:13px;outline:none}.search-box input:focus{border-color:#1677ff}.expert-list{flex:1;overflow-y:auto;padding:8px}.category-section{margin-bottom:4px}.category-title{font-size:11px;font-weight:600;color:#6b7280;padding:8px 8px 6px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;user-select:none}.category-title:hover{color:#1677ff}.category-count{font-size:10px;color:#9ca3af;font-weight:400}.category-experts{overflow:hidden;transition:max-height .3s ease}.category-experts.collapsed{max-height:0!important}.expert-card{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:8px;cursor:pointer;transition:background .15s}.expert-card:hover{background:#f0f5ff}.expert-card.active{background:#e6f4ff}.expert-emoji{font-size:22px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f5f8fd;border-radius:8px}.expert-info{flex:1;min-width:0}.expert-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expert-category{font-size:11px;color:#6b7280;margin-top:2px}.right-panel{flex:1;display:flex;flex-direction:column}.right-tabs{display:flex;padding:12px 16px 0;gap:0;border-bottom:1px solid #e6ebf2;background:#fff}.tab{padding:8px 16px;font-size:14px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tab.active{color:#1677ff;border-bottom-color:#1677ff;font-weight:500}.right-content{flex:1;overflow-y:auto;padding:16px}.expert-detail{max-width:600px;margin:0 auto}.detail-header{gap:16px;margin-bottom:20px}.detail-emoji,.detail-header{display:flex;align-items:center}.detail-emoji{font-size:48px;width:72px;height:72px;justify-content:center;background:#f5f8fd;border-radius:16px}.detail-name{font-size:20px;font-weight:600}.detail-category{font-size:13px;color:#6b7280;margin-top:4px}.detail-desc{font-size:14px;color:#4b5563;line-height:1.7;margin-bottom:20px}.section-title{font-size:13px;font-weight:600;color:#374151;margin-bottom:8px}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tag{padding:6px 12px;background:#f0f5ff;color:#1677ff;font-size:12px;border-radius:16px}.tag.scenario{background:#f5f8fd;color:#4b5563}.example-questions{margin-bottom:24px}.example-item{padding:10px 14px;background:#fff;border:1px solid #e6ebf2;border-radius:8px;font-size:13px;color:#4b5563;margin-bottom:8px;cursor:pointer;transition:border-color .15s}.example-item:hover{border-color:#1677ff}.start-btn{width:100%;padding:12px;background:#1677ff;color:#fff;font-size:15px;font-weight:500;border:none;border-radius:8px;cursor:pointer}.start-btn:hover{background:#0958d9}.free-chat{max-width:600px;margin:0 auto;text-align:center;padding:40px 0}.free-chat-icon{font-size:56px;margin-bottom:16px}.free-chat-title{font-size:18px;font-weight:600;margin-bottom:8px}.free-chat-desc{font-size:14px;color:#6b7280;margin-bottom:16px}.scenario-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:24px}.scenario-tag{padding:6px 12px;background:#f0f5ff;color:#1677ff;font-size:12px;border-radius:16px}.chat-input-area{display:flex;gap:8px}.chat-input-area input{flex:1;padding:12px 16px;border:1px solid #e6ebf2;border-radius:8px;font-size:14px;outline:none}.chat-input-area input:focus{border-color:#1677ff}.send-btn{padding:12px 20px;background:#1677ff;color:#fff;font-size:14px;font-weight:500;border:none;border-radius:8px;cursor:pointer}.credit-badge{font-size:12px;color:#d97706;background:#fff7e6;padding:4px 10px;border-radius:12px;margin-top:4px;display:inline-block}.chat-mode{max-width:800px;margin:0 auto;display:flex;flex-direction:column;height:100%}.chat-header{justify-content:space-between;padding:16px 0;border-bottom:1px solid #e6ebf2;margin-bottom:16px}.chat-header,.chat-header-info{display:flex;align-items:center}.chat-header-info{gap:12px}.chat-header-emoji{font-size:32px}.chat-header-name{font-size:18px;font-weight:600;margin:0}.chat-header-meta{font-size:12px;color:#6b7280;margin:2px 0 0}.back-btn{padding:8px 16px;background:#f5f8fd;border:1px solid #e6ebf2;border-radius:8px;font-size:14px;cursor:pointer;color:#4b5563}.back-btn:hover{background:#e6f4ff;border-color:#1677ff;color:#1677ff}.chat-messages{flex:1;overflow-y:auto;margin-bottom:16px;padding:0 0 16px}.chat-welcome{text-align:center;padding:80px 20px}.chat-welcome-emoji{font-size:48px;margin-bottom:16px}.chat-welcome-name{font-size:16px;font-weight:500;margin-bottom:8px}.chat-welcome-desc{max-width:400px;margin:0 auto;line-height:1.6;color:#6b7280}.chat-message{display:flex;margin-bottom:16px}.chat-message-user{justify-content:flex-end}.chat-message-assistant{justify-content:flex-start}.chat-message-content{max-width:80%;padding:12px 16px;border-radius:12px;line-height:1.6}.chat-message-user .chat-message-content{background:#1677ff;color:#fff}.chat-message-assistant .chat-message-content{background:#f5f8fd;color:#333}