.chat-page-wrapper{height:100vh;display:flex}.chat-page-wrapper .chat-layout{background-color:#fafafa;flex:1;overflow:auto}.chat-page-wrapper .chat-sider{border-right:1px solid #f0f0f0;flex-direction:column;padding:24px 0;display:flex}.chat-page-wrapper .chat-sider .sider-header{padding:0 24px 24px}.chat-page-wrapper .chat-sider .sider-header .sider-header-title{color:#8c8c8c;letter-spacing:1px;font-size:12px;font-weight:600}.chat-page-wrapper .chat-sider .sider-menu{flex:1}.chat-page-wrapper .chat-sider .sider-menu .menu-item{cursor:pointer;color:#595959;align-items:center;gap:12px;padding:12px 24px;transition:all .2s;display:flex}.chat-page-wrapper .chat-sider .sider-menu .menu-item .menu-icon{font-size:18px}.chat-page-wrapper .chat-sider .sider-menu .menu-item .menu-label{font-size:14px;font-weight:500}.chat-page-wrapper .chat-sider .sider-menu .menu-item:hover{background-color:#f5f5f5}.chat-page-wrapper .chat-sider .sider-menu .menu-item.active{color:#5b4fe3;background-color:#f0f1ff;border-right:2px solid #5b4fe3}.chat-page-wrapper .chat-sider .sider-menu .menu-item.active .menu-icon{color:#5b4fe3}.chat-page-wrapper .chat-sider .sider-footer{padding:24px}.chat-page-wrapper .chat-sider .sider-footer .profit-card{background-color:#f8f9fc;border-radius:12px}.chat-page-wrapper .chat-sider .sider-footer .profit-card .ant-card-body{padding:16px}.chat-page-wrapper .chat-sider .sider-footer .profit-card .profit-title{color:#8c8c8c;margin-bottom:8px;font-size:12px;display:block}.chat-page-wrapper .chat-sider .sider-footer .profit-card .profit-value{color:#1a1a1a;font-weight:700;margin:0!important}.chat-page-wrapper .chat-content{background-color:#fff;flex-direction:column;padding:0 40px 40px;display:flex;overflow-y:auto}.chat-page-wrapper .chat-content::-webkit-scrollbar{display:none}.chat-page-wrapper .chat-content{scrollbar-width:none;-ms-overflow-style:none}.chat-page-wrapper .chat-content .top-banner{text-align:center;background-color:#f4f3ff;border-radius:100px;max-width:fit-content;margin:20px auto;padding:8px 24px}.chat-page-wrapper .chat-content .top-banner .banner-text{color:#5b4fe3;font-size:13px;font-weight:500}.chat-page-wrapper .chat-content .top-banner .banner-text .icon{margin-right:8px}.chat-page-wrapper .chat-content .top-banner .banner-text .upgrade-link{color:#5b4fe3;cursor:pointer;margin-left:8px;font-weight:700;text-decoration:underline}.chat-page-wrapper .chat-content .chat-main{flex-direction:column;align-items:center;width:100%;margin:60px auto 0;display:flex}.chat-page-wrapper .chat-content .chat-main .logo-section{text-align:center;margin-bottom:40px}.chat-page-wrapper .chat-content .chat-main .logo-section .gecho-logo-container{justify-content:center;align-items:center;gap:16px;margin-bottom:12px;display:flex}.chat-page-wrapper .chat-content .chat-main .logo-section .gecho-logo-container .logo-placeholder-icon{justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.chat-page-wrapper .chat-content .chat-main .logo-section .gecho-logo-container .logo-placeholder-icon:before{content:"";background:linear-gradient(135deg,#4e6ef2,#bc6bff);border-radius:8px;width:30px;height:30px;transform:rotate(45deg)}.chat-page-wrapper .chat-content .chat-main .logo-section .gecho-logo-container .logo-text{font-weight:700;margin:0!important;font-size:32px!important}.chat-page-wrapper .chat-content .chat-main .logo-section .logo-subtitle{color:#8c8c8c;font-size:16px}.chat-page-wrapper .chat-content .chat-main .sender-container{width:836px;max-width:836px;margin-bottom:24px}.chat-page-wrapper .chat-content .chat-main .sender-container .ant-sender{box-sizing:border-box;background:#fff;border:1px solid #e3e9f4;border-radius:24px;min-height:124px;padding:16px;transition:all .2s;box-shadow:0 4px 12px #0000000a}.chat-page-wrapper .chat-content .chat-main .sender-container .ant-sender .ant-sender-content{min-height:36px;padding:0}.chat-page-wrapper .chat-content .chat-main .sender-container .ant-sender .ant-sender-content .ant-input{color:#111827;resize:none;background:0 0;padding:0 8px;font-size:14px;line-height:16px;box-shadow:none!important;border:none!important}.chat-page-wrapper .chat-content .chat-main .sender-container .ant-sender .ant-sender-content .ant-input::placeholder{color:#9ca3af;font-size:15px}.chat-page-wrapper .chat-content .chat-main .sender-container .ant-sender .ant-sender-footer{box-sizing:border-box;height:38px;padding-top:16px;padding-left:8px;padding-right:8px}.chat-page-wrapper .chat-content .chat-main .sender-container .ant-sender .ant-sender-footer .sender-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.chat-page-wrapper .chat-content .chat-main .sender-container .ant-sender .ant-sender-footer .sender-actions .sender-actions-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.chat-page-wrapper .chat-content .chat-main .sender-container .sender-plus-btn{color:#9ca3af;border-radius:10px;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;padding:0;display:flex}.chat-page-wrapper .chat-content .chat-main .sender-container .sender-plus-btn .anticon{font-size:16px}.chat-page-wrapper .chat-content .chat-main .sender-container .sender-plus-btn:hover{color:#111827!important;background:#f5f5f7!important}.chat-page-wrapper .chat-content .chat-main .sender-container .feature-buttons{scrollbar-width:none;align-items:center;min-width:0;display:flex;overflow-x:auto}.chat-page-wrapper .chat-content .chat-main .sender-container .feature-buttons::-webkit-scrollbar{display:none}.chat-page-wrapper .chat-content .chat-main .sender-container .action-btn{font-family:MiSans;font-weight:380;font-style:Medium;text-align:center;color:#4b5563;height:36px;box-shadow:none;background:#fff;border:none;border-radius:18px;flex-shrink:0;align-items:center;gap:6px;padding:0 12px;font-size:14px;line-height:36px;display:inline-flex}.chat-page-wrapper .chat-content .chat-main .sender-container .action-btn.active{color:#3b82f6;background:#eef5fe}.chat-page-wrapper .chat-content .chat-main .sender-container .action-btn:hover{color:#3b82f6!important;background:#eef5fe!important;border-color:#dcdfe4!important}.chat-page-wrapper .chat-content .chat-main .sender-container .action-more{justify-content:center;width:30px;padding:0}.chat-page-wrapper .chat-content .chat-main .sender-container .send-btn{width:34px;min-width:34px;height:34px;box-shadow:none;border:none;justify-content:center;align-items:center;display:flex;color:#fff!important;background:#111827!important}.chat-page-wrapper .chat-content .chat-main .sender-container .send-btn .anticon{font-size:14px}.chat-page-wrapper .chat-content .chat-main .sender-container .send-btn:hover:not(:disabled){transform:translateY(-1px);background:#000!important}.chat-page-wrapper .chat-content .chat-main .sender-container .send-btn:disabled{cursor:not-allowed;color:#c7cbd1!important;background:#f3f4f6!important}.chat-page-wrapper .chat-content .chat-main .tags-container{margin-bottom:60px}.chat-page-wrapper .chat-content .chat-main .tags-container .recommend-tag{font-family:MiSans;font-weight:380;font-style:Medium;text-align:center;color:#4a5565;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:100px;padding:6px 16px;font-size:14px;line-height:21px;transition:all .2s;box-shadow:0 1px 2px #0000000d}.chat-page-wrapper .chat-content .chat-main .tags-container .recommend-tag:hover{color:#3b82f6;background-color:#eef5fe;border:1px solid #c4dbfb}.chat-page-wrapper .chat-content .masonry-grid{width:100%;max-width:1660px;display:flex}.chat-page-wrapper .chat-content .masonry-grid .masonry-item{margin-bottom:16px}.chat-page-wrapper .chat-content .cards-grid{column-count:4;column-gap:16px}.chat-page-wrapper .chat-content .masonry-grid-column{background-clip:padding-box}.chat-page-wrapper .chat-content .card-item-div{break-inside:avoid;margin-bottom:16px}@media (max-width:1400px){.chat-page-wrapper .chat-content .cards-grid{column-count:3}}@media (max-width:1200px){.chat-page-wrapper .chat-content .cards-grid{column-count:2}}@media (max-width:850px){.chat-page-wrapper .chat-content .cards-grid{column-count:1}}.chat-content::-webkit-scrollbar{width:6px}.chat-content::-webkit-scrollbar-thumb{background:#e5e5e5;border-radius:3px}.chat-content::-webkit-scrollbar-track{background:0 0}
