.top-banner{background:linear-gradient(135.05deg,#BDDBFF 4.46%,#C9C5FF 55.5%);color:var(--color-block-darker);padding-top:120px}.top-banner::before{content:none}.top-banner h1{font-size:36px;line-height:54px}.top-banner .desc{font-size:16px;font-weight:500;margin:0 auto 40px}@keyframes loading-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.chat-wrapper{max-width:1192px;width:100%;height:100%;padding:24px;display:flex;flex-direction:column;position:relative;background:var(--color-white,#fff);text-align:left;color:var(--color-block-drak);border-radius:0 24px 24px 0}.chat-wrapper .chat-box{display:flex;flex-direction:column;margin:0 -24px;padding:0 24px 30px;height:338px}.chat-wrapper .chat-item{display:flex;width:100%;margin-bottom:24px}.chat-wrapper .chat-content{padding:4px 20px;border-radius:5px;background:#F1F3F7}.chat-wrapper .chat-text{width:100%;font-size:16px;line-height:26px}.chat-wrapper .chat-text *{font-size:16px;line-height:26px}.chat-wrapper .chat-head{width:24px;min-width:24px;margin-left:8px}.chat-wrapper .chat-item.chat-ask{justify-content:flex-end}.chat-wrapper .chat-reply .chat-content{background:none;padding:0 20px 0 0}.chat-wrapper .chat-reply .chat-head{margin:0 8px 0 0}.chat-wrapper .chat-bottom{width:100%;position:relative}.chat-wrapper .example-box{display:flex;flex-wrap:wrap;position:relative;z-index:1}.chat-wrapper .example-item{padding:4px 24px;border-radius:76px;border:1px solid rgba(230,230,230,1);margin-bottom:10px;transition:all .3s;cursor:pointer;font-size:14px}.chat-wrapper .example-item:not(:last-child){margin-right:24px}.chat-wrapper .example-item:hover{background:rgba(104,91,255,.1);border:1px solid var(--color-primary)}.chat-wrapper .chat-editor{width:100%;background:#F1F3F7;border-radius:12px;display:flex;flex-direction:column;padding:10px 0 10px 10px;box-shadow:0 3px 6.2px 0 rgba(42,53,67,.15);position:relative;height:120px}.chat-wrapper .chat-editor::before{content:'';width:100%;height:80px;position:absolute;bottom:100%;left:0;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#FFF 45.53%),linear-gradient(180deg,rgba(255,255,255,0) 0%,#FFF 80.77%)}.chat-wrapper .editor-textarea{width:100%;height:100%;border:none;resize:none;font-size:16px;line-height:24px;flex:1;background:transparent;margin-bottom:6px;padding-right:10px}.chat-wrapper .editor-bottom{width:100%;display:flex;justify-content:flex-end;align-items:center;padding-right:10px}.chat-wrapper .text-num{font-size:14px;color:rgba(42,48,72,.8)}.chat-wrapper .chat-btn{width:28px;min-width:28px;height:28px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:20px;transition:all .3s}.chat-wrapper .chat-btn:not(.is-disabled){cursor:pointer}.chat-wrapper .chat-btn:not(.is-disabled):not(.is-loading):hover{background:var(--color-primary-dark)}.chat-wrapper .chat-btn.is-disabled{cursor:not-allowed;opacity:.8}.chat-wrapper .chat-btn svg{width:17px;height:17px;color:var(--color-white);margin:2px 2px 0 0}.chat-wrapper .chat-btn.is-loading svg{animation:loading-rotate 1.5s linear infinite;margin:0}.chat-wrapper .tag-box{display:flex;flex-wrap:wrap}.chat-wrapper .tag-item{padding:3px 10px;border-radius:6px;background:#F1F3F7;margin:10px 10px 0 0;display:flex;align-items:center;border:1px solid rgba(255,255,255,.2);transition:all .3s;font-weight:500;font-size:14px;position:relative}.chat-wrapper .tag-item img,.chat-wrapper .tag-item svg{width:18px;height:18px;margin-right:6px}.chat-wrapper .tag-item svg.is-search{color:#4A92FF;transition:all .3s}.chat-wrapper .tag-item.active,.chat-wrapper .tag-item:hover{border-color:transparent;background:var(--color-primary);color:var(--color-white)}.chat-wrapper .tag-item.active svg.is-search,.chat-wrapper .tag-item:hover svg.is-search{color:var(--color-white)}.chat-wrapper .tag-item .new-icon{position:absolute;top:-18px;right:0;width:41px;height:22px;background:url(https://images.imyfone.com/chatartwebkr/assets/common/new-icon.svg) no-repeat center/100% 100%}@media(max-width:1500px){.top-banner{padding-top:88px}}@media(max-width:1100px){.chat-wrapper .chat-box{height:220px}}@media(max-width:992px){.chat-wrapper{padding:52px 10px 12px;border-radius:12px}.chat-wrapper .chat-box{margin:0 -10px;padding:0 10px 40px}.chat-wrapper .chat-content{padding:4px 10px}.chat-wrapper .chat-reply .chat-content{padding:0 10px 0 0}.chat-wrapper .chat-item{margin-bottom:14px}.chat-wrapper .chat-text{font-size:14px;line-height:20px}.chat-wrapper .chat-text *{font-size:14px;line-height:20px}.chat-wrapper .chat-editor::before{height:110px}.chat-wrapper .tag-item{font-size:12px;padding:3px 6px}}@media(max-width:525px){.chat-wrapper .chat-box{padding-bottom:20px;min-height:160px}.chat-wrapper.is-chat .example-box{display:none}.chat-wrapper .chat-editor::before{height:40px}.chat-wrapper .tag-box{justify-content:space-between}.chat-wrapper .tag-item:nth-child(even){margin-right:0}.chat-wrapper .tag-item{width:calc(50% - 5px);margin:10px 0 0}.chat-wrapper .example-item{padding:4px 16px}.chat-wrapper .example-item:not(:last-child){margin-right:0}.step-box{width:calc(50% - 5px)}.step-box .tag-item{width:100%}}