.app-layout{min-height:100vh}.app-header{background:#fff;box-shadow:0 2px 8px #0000001a;position:fixed;top:0;left:0;right:0;z-index:1000;padding:0}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 24px;height:64px}.logo{font-size:20px;font-weight:700;color:#1890ff;cursor:pointer;transition:color .3s}.logo:hover{color:#40a9ff}.header-menu{flex:1;justify-content:center;border:none;background:transparent}.header-menu .ant-menu-item{margin:0 16px;padding:0 16px;height:64px;line-height:64px;border-bottom:2px solid transparent;transition:all .3s}.header-menu .ant-menu-item:hover{color:#1890ff;border-bottom-color:#1890ff}.header-menu .ant-menu-item-selected{color:#1890ff;border-bottom-color:#1890ff;background:transparent}.header-actions{display:flex;align-items:center;gap:12px}.auth-buttons{display:flex;gap:8px}.user-avatar{cursor:pointer;transition:transform .2s;width:40px!important;height:40px!important;object-fit:cover;border-radius:50%}.user-avatar:hover{transform:scale(1.1)}.app-content{margin-top:64px;min-height:calc(100vh - 144px);background:#f5f5f5}.app-footer{background:#001529;color:#fff;text-align:center;padding:24px}.footer-content{max-width:1200px;margin:0 auto}.footer-content p{margin:8px 0}.footer-links{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:16px}.footer-links a{color:#8c8c8c;cursor:pointer;transition:color .3s}.footer-links a:hover{color:#1890ff}.footer-links .divider{color:#8c8c8c}@media (max-width: 768px){.header-content{padding:0 16px}.logo{font-size:18px}.header-menu{display:none}.header-actions{gap:8px}.auth-buttons{gap:4px}.auth-buttons .ant-btn{padding:4px 8px;font-size:12px}.footer-links{flex-direction:column;gap:8px}}.home-page{min-height:100%}.hero-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 0;text-align:center;margin:-24px -24px 48px}.hero-content{max-width:800px;margin:0 auto;padding:0 24px}.hero-title{color:#fff!important;font-size:3rem;margin-bottom:24px;font-weight:700}.hero-subtitle{color:#ffffffe6!important;font-size:1.2rem;margin-bottom:32px}.features-section{margin-bottom:64px}.section-title{text-align:center;margin-bottom:48px;color:#333}.feature-card{text-align:center;height:100%;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-content{padding:24px}.feature-icon{font-size:48px;color:#1890ff;margin-bottom:16px}.characters-section{margin-bottom:64px}.character-card{text-align:center;height:100%;transition:all .3s ease;cursor:pointer}.character-content{padding:24px}.character-avatar{margin-bottom:16px;border:3px solid #f0f0f0;width:80px!important;height:80px!important;object-fit:cover;border-radius:50%}.character-personality{color:#1890ff;font-weight:500;margin-bottom:8px}.character-description{color:#666;margin-bottom:16px}.tag{background:#f0f0f0;color:#666;padding:4px 12px;border-radius:16px;font-size:12px}.cta-section{margin-bottom:32px}.cta-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center}.cta-content{padding:48px 24px}.cta-card .ant-card-body{background:transparent}.cta-card h2{color:#fff!important;margin-bottom:16px}.cta-card p{color:#ffffffe6!important;margin-bottom:24px;font-size:1.1rem}@media (max-width: 768px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-section{padding:60px 0}.feature-content,.character-content{padding:16px}}.message-item{margin-bottom:16px}.message-content{display:flex;align-items:flex-start;gap:12px}.user-message .message-content{flex-direction:row-reverse}.message-avatar{flex-shrink:0;width:40px!important;height:40px!important;object-fit:cover;border-radius:50%}.user-avatar{background:#1890ff;color:#fff;width:40px!important;height:40px!important;object-fit:cover;border-radius:50%}.message-bubble{max-width:70%;background:#fff;border-radius:18px;padding:12px 16px;box-shadow:0 2px 8px #0000001a;position:relative}.user-message .message-bubble{background:#1890ff;color:#fff}.ai-message .message-bubble{background:#fff;color:#333}.message-text{line-height:1.5;word-wrap:break-word;margin-bottom:8px}.emotion-indicator{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.emotion-confidence{font-size:12px}.message-time{text-align:right;font-size:12px}.user-message .message-time{color:#fffc}@media (max-width: 768px){.message-bubble{max-width:85%;padding:10px 14px}.message-content{gap:8px}.emotion-indicator{flex-direction:column;align-items:flex-start;gap:4px}}.chat-page{height:calc(100vh - 134px);display:flex;flex-direction:column}.chat-container{height:100%;display:flex;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a}.chat-header{padding:16px 24px;border-bottom:1px solid #f0f0f0;background:#fafafa;border-radius:12px 12px 0 0}.character-info{display:flex;align-items:center;gap:12px}.character-avatar{border:2px solid #1890ff;width:48px!important;height:48px!important;object-fit:cover;border-radius:50%}.character-details{display:flex;flex-direction:column}.character-name{margin:0!important;color:#333}.character-personality{color:#666;font-size:14px}.messages-container{flex:1;overflow-y:auto;padding:24px;background:#f8f9fa}.welcome-message{text-align:center;padding:40px 20px;color:#666}.welcome-avatar{margin-bottom:16px;border:3px solid #1890ff;width:80px!important;height:80px!important;object-fit:cover;border-radius:50%}.welcome-message h3{color:#333;margin-bottom:12px}.welcome-message p{margin-bottom:8px;line-height:1.6}.loading-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;border-radius:20px;margin:16px 0;width:fit-content;box-shadow:0 2px 8px #0000001a}.loading-message span{color:#666;font-size:14px}.input-container{padding:16px 24px;border-top:1px solid #f0f0f0;background:#fff;border-radius:0 0 12px 12px}.input-wrapper{display:flex;align-items:flex-end;gap:12px;background:#f8f9fa;border-radius:24px;padding:8px 16px}.message-input{flex:1;border:none;background:transparent;resize:none;padding:8px 0}.message-input:focus{box-shadow:none}.input-actions{display:flex;align-items:center;gap:4px}.send-button{border-radius:20px;height:36px;padding:0 16px}@media (max-width: 768px){.chat-page{height:calc(100vh - 120px)}.chat-header{padding:12px 16px}.messages-container{padding:16px}.input-container{padding:12px 16px}.input-wrapper{padding:6px 12px}}.characters-page{min-height:100%}.page-header{text-align:center;margin-bottom:48px;padding:32px 0}.page-header h2{color:#333;margin-bottom:16px}.page-header p{color:#666;font-size:16px;max-width:600px;margin:0 auto}.character-card{height:100%;transition:all .3s ease}.character-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.character-cover{background:linear-gradient(135deg,#667eea,#764ba2);padding:32px;text-align:center;border-radius:8px 8px 0 0}.character-avatar{border:4px solid white;box-shadow:0 4px 12px #0003;width:120px!important;height:120px!important;object-fit:cover;border-radius:50%}.character-info{padding:16px 0}.character-name{text-align:center;margin-bottom:12px!important;color:#333}.character-personality{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;color:#1890ff;font-weight:500}.personality-icon{color:#ff4d4f}.character-description{text-align:center;color:#666;margin-bottom:16px;line-height:1.6}.character-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}@media (max-width: 768px){.page-header{margin-bottom:32px;padding:24px 0}.character-cover{padding:24px}.character-avatar{width:80px!important;height:80px!important}}.login-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px}.login-container{width:100%;max-width:400px}.login-card{border-radius:12px;box-shadow:0 8px 32px #0000001a}.login-header{text-align:center;margin-bottom:32px}.login-header h2{color:#333;margin-bottom:8px}.login-header p{color:#666;margin:0}.login-footer{text-align:center;margin-top:24px}.login-footer a{color:#1890ff;text-decoration:none}.login-footer a:hover{text-decoration:underline}.register-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px}.register-container{width:100%;max-width:400px}.register-card{border-radius:12px;box-shadow:0 8px 32px #0000001a}.register-header{text-align:center;margin-bottom:32px}.register-header h2{color:#333;margin-bottom:8px}.register-header p{color:#666;margin:0}.register-footer{text-align:center;margin-top:24px}.register-footer a{color:#1890ff;text-decoration:none}.register-footer a:hover{text-decoration:underline}.profile-page{padding:24px;max-width:1200px;margin:0 auto}.profile-container{width:100%}.profile-card{height:100%}.profile-header{text-align:center;padding:24px 0}.avatar-section{position:relative;display:inline-block;margin-bottom:16px}.avatar-edit-btn{position:absolute;bottom:0;right:0;background:#ffffffe6;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a}.user-stats{margin-top:24px;text-align:left}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.stat-item:last-child{border-bottom:none}.security-actions{display:flex;gap:12px;flex-wrap:wrap}@media (max-width: 768px){.profile-page{padding:16px}.security-actions{flex-direction:column}.security-actions .ant-btn{width:100%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333;line-height:1.6}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.ant-card{border-radius:12px;box-shadow:0 2px 8px #0000001a}.ant-btn,.ant-input{border-radius:6px}.ant-select-selector{border-radius:6px!important}.hidden-mobile{display:block}.visible-mobile{display:none}@media (max-width: 768px){.hidden-mobile{display:none}.visible-mobile{display:block}}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}