body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*,body{margin:0}*{box-sizing:border-box;padding:0}.flex{display:flex}.flex-center{align-items:center;display:flex;justify-content:center}.flex-one{flex:1 1}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;color:#fff;flex-direction:column;font-size:calc(10px + 2vmin);min-height:100vh}.App-header,.beian{align-items:center;display:flex;justify-content:center}.beian{background-color:#f0f8ff;bottom:0;height:10.6667vw;left:0;position:fixed;width:100%;z-index:999}.beian .beian-link{color:#666;font-size:3.2vw;text-decoration:none}.beian .beian-link:hover{color:#129fb3;text-decoration:underline}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.gongzhonghao{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:.625vw;width:100%}.gongzhonghao .title{color:#129fb3}.gongzhonghao .qrcode-area{align-items:center;display:flex;flex-direction:column}.userinfo-content{background-color:#fff;display:flex;flex-direction:column;gap:3.2vw;width:50vw}.userinfo-content .avail,.userinfo-content .btn-buy{align-items:center;display:flex;width:100%}.userinfo-content .btn-buy{background-color:#fef3c7!important;border-radius:8px;color:#854d0e;cursor:pointer;font-size:12px;font-weight:600;height:32px;justify-content:center}.userinfo-content .qrcode-area{align-items:center;display:flex;flex-direction:column;justify-content:center}.userinfo-content .contact-tip{color:#129fb3;font-size:3.2vw}.userinfo-content .qrCode{width:40vw}.userinfo-content .avatar-area,.userinfo-content .logout-area{align-items:center;display:flex}.userinfo-content .avatar-area .user-id{color:#a3a3a3;font-size:.8333vw}.userinfo-content .buy-wrapper .btn-buy{align-items:center;background-color:#fef3c7!important;border-radius:.5556vw;color:#854d0e;cursor:pointer;display:flex;font-size:.8333vw;font-weight:600;height:2.2222vw;justify-content:center;width:100%}.userinfo-content .remainsInfo{background-color:#0891b21a;border-radius:.8333vw;display:flex;flex-direction:column;height:4.7222vw;justify-content:center;padding:0 .8333vw}.userinfo-content .remainsInfo .remains-title{font-size:.8333vw}.DraftCategory{min-height:100vh;width:100vw}.DraftCategory .main-content{padding:5.3333vw 5.3333vw 12vw}.DraftCategory .title{color:#333;font-family:PingFang SC;font-size:6.4vw;font-style:normal;font-weight:600;line-height:normal}.DraftCategory .category-items{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:2.1333vw}.DraftCategory .category-items .category-item{display:flex;flex-direction:column}.DraftCategory .category-items .category-item .category-name{color:#333;font-family:PingFang SC;font-size:4.2667vw;font-style:normal;font-weight:500;line-height:normal;margin:2.1333vw 0;text-align:center}.DraftCategory .category-items .category-item .category-image{border-radius:3.2vw;height:42.6667vw;width:42.6667vw}.Header{align-items:center;box-shadow:0 .1389vw .2778vw 0 #0000001a;display:flex;justify-content:space-between;padding:1.6vw 5.3333vw;width:100vw}.Header .icon-back{height:8vw;width:8vw}.Avatar .icon-avatar{cursor:pointer;width:8.5333vw}.Avatar .btn-buy{align-items:center;background-color:#fef3c7!important;border-radius:8px;color:#854d0e;cursor:pointer;display:flex;font-size:12px;font-weight:600;height:32px;justify-content:center;width:100%}.BuyTokens{background-color:#fff;border-radius:24px;display:flex;flex-direction:column;height:500px;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:900px;z-index:199}.BuyTokens .qrcode-area{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:200}.BuyTokens .qrcode-content{background:#fff!important;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);z-index:999}.BuyTokens .btn-shut{cursor:pointer;position:absolute;right:12px;top:12px;z-index:99}.BuyTokens .top{align-items:center;display:flex;height:60px;padding-left:12px}.BuyTokens .main{background-color:#f3f4f6;display:flex;flex:1 1;flex-direction:column;padding:24px}.BuyTokens .main .avail{align-items:center;background-color:#fff;display:flex;gap:12px;height:80px;padding:0 12px}.BuyTokens .main .avail .remains{display:flex;gap:6px}.BuyTokens .main .buy-area{background-color:#fff;display:flex;flex:1 1}.BuyTokens .main .buy-area .buy-tip{display:flex;flex-direction:column;gap:2px}.BuyTokens .main .buy-area .buy-tip .buy-tip-one{color:#000;font-size:12px;font-weight:600}.BuyTokens .main .buy-area .buy-tip .buy-tip-two{color:#a3a3a3;font-size:12px;font-weight:400}.BuyTokens .main .buy-area .buy-btn-area{display:flex;justify-content:space-between}.BuyTokens .main .buy-area .total-pay{color:red;font-size:24px;font-weight:700}.BuyTokens .main .buy-area .buy-area-left{align-items:center;border-right:1px solid #e3e3e3;display:flex;justify-content:center;width:200px}.BuyTokens .main .buy-area .buy-area-left .left-banner{width:98%}.BuyTokens .main .buy-area .buy-area-right{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:24px}.BuyTokens .main .buy-area .buy-area-right .good-items{gap:12px}.BuyTokens .main .buy-area .buy-area-right .good-items .good-item{border:1px solid #d1d5db;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;height:106px;justify-content:center;padding:12px;width:185px}.BuyTokens .main .buy-area .buy-area-right .good-items .good-hidden{display:none}.BuyTokens .main .buy-area .buy-area-right .good-items .good-current{background:#e8f6f8;border:1px solid #129fb3}.AddAmountButton{display:flex;gap:6px}.Mask{background-color:#00000080;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:666}.DraftDesign{min-height:100vh;padding-bottom:26.6667vw;width:100vw}.DraftDesign .detail-btns{display:flex;gap:3.2vw;justify-content:space-between;margin-top:5.3333vw}.DraftDesign .colors{display:flex;gap:8px;margin-bottom:.8333vw}.DraftDesign .colors .color-item{border-radius:8px;cursor:pointer;height:30px;width:30px}.DraftDesign .colors .color-current{border:2px solid #129fb3}.DraftDesign .gc-detail-panel{display:flex;flex-direction:column;overflow:auto;padding:5.3333vw 5.3333vw 21.3333vw;position:relative;width:100%}.DraftDesign .gc-detail-panel .back-title{align-items:center;display:flex;gap:2.1333vw;margin-bottom:3.2vw}.DraftDesign .gc-detail-panel .back-title .title{color:#129fb3;font-family:Alibaba PuHuiTi;font-size:5.3333vw;font-weight:700}.DraftDesign .gc-detail-panel .back-title .btn-back{height:6.4vw;width:6.4vw}.DraftDesign .gc-detail-panel .detail-prompt,.DraftDesign .gc-detail-panel .detail-title{margin-bottom:6.4vw}.DraftDesign .gc-detail-panel .detail-params{background-color:#fafafa;border-radius:1.3vw;color:#616161;display:flex;flex-direction:column;font-family:PingFang SC;font-weight:400;gap:3.2vw;padding:6.4vw}.DraftDesign .gc-detail-panel .detail-params .detail-param-item{align-items:center;display:flex;justify-content:space-between;width:100%}.DraftDesign .gc-detail-panel .preview-image{border-radius:3.2vw;height:89.3333vw;margin-bottom:6.4vw;width:89.3333vw}.DraftDesign .history-items{display:flex;flex-wrap:wrap;gap:3.7333vw;height:106.6667vw;overflow:auto}.DraftDesign .history-items .history-item{border-radius:4.2667vw;height:42.6667vw;overflow:hidden;position:relative;width:42.6667vw}.DraftDesign .history-items .history-item .origin-image{border-radius:4vw;bottom:0;height:12vw;left:0;object-fit:cover;position:absolute;width:12vw;z-index:99}.DraftDesign .history-items .history-item .history-item-image{height:100%;object-fit:cover;width:100%}.DraftDesign .main-content{padding:4.2667vw 4.2667vw 0}.DraftDesign .prompt-textarea{color:#666;font-family:PingFang SC;font-size:3.7333vw;font-style:normal;font-weight:400;height:17.0667vw;line-height:normal}.DraftDesign .upload-header{margin-bottom:5.3333vw}.DraftDesign .upload-header .title{color:#333;font-family:PingFang SC;font-size:6.4vw;font-style:normal;font-weight:400;line-height:normal}.DraftDesign .param-item{margin-bottom:5.3333vw}.DraftDesign .param-item .title{color:#333;font-family:PingFang SC;font-size:4.2667vw;font-style:normal;font-weight:400;line-height:normal;margin-bottom:2.6667vw}.DraftDesign .file-list-multiple{width:100%}.DraftDesign .file-list-multiple .file-items{display:flex;gap:5.3333vw;overflow:auto}.DraftDesign .file-list-multiple .file-items .file-item{flex:0 0 80vw;height:80vw;position:relative}.DraftDesign .file-list-multiple .file-items .file-item .multiple-btns{align-items:center;display:flex;gap:12px;position:absolute;right:1.6vw;top:1.6vw;z-index:99}.DraftDesign .file-list-multiple .file-items .file-item .img-thumbnail{border-radius:2.1333vw;height:80vw;object-fit:cover;width:80vw}.DraftDesign .gc-result-area{margin-bottom:5.3333vw}.DraftDesign .gc-result-area .gc-result-multiple{align-content:flex-start;display:flex;flex-wrap:wrap;gap:2.1333vw;padding:5.3333vw 3.2vw;width:100%}.DraftDesign .gc-result-area .gc-result-multiple .gc-item{border-radius:2.1333vw;display:flex;height:29.0667vw;margin-bottom:4.2667vw;overflow:hidden;position:relative;width:29.0667vw}.DraftDesign .gc-result-area .gc-result-multiple .gc-item .SpinText{flex-direction:column}.DraftDesign .gc-result-area .gc-result-multiple .gc-item .btn-download{position:absolute;right:1.6vw;top:1.6vw;z-index:99}.DraftDesign .gc-result-area .gc-result-multiple .gc-item .gc-item-image{height:100%;object-fit:cover;width:100%}.DraftDesign .gc-result-area .gc-result-single{border-radius:2.1333vw;height:89.3333vw;overflow:hidden;width:89.3333vw}.DraftDesign .gc-result-area .gc-result-single .gc-item{align-items:center;background-color:#e2e2e2;display:flex;height:89.3333vw;justify-content:center;position:relative;width:89.3333vw}.DraftDesign .gc-result-area .gc-result-single .gc-item .image-result{height:100%;object-fit:cover;width:100%}.DraftDesign .gc-result-area .gc-result-single .gc-item .gc-error{left:50%;position:absolute;text-align:center;top:50%;transform:translateX(-50%) translateY(-50%);width:100%;z-index:999}.DraftDesign .gc-result-area .gc-result-single .gc-item .btn-download{position:absolute;right:1.6vw;top:1.6vw;z-index:99}.DraftDesign .gc-result-area .gc-result-empty{align-items:center;background:#e2e2e2;border:.2667vw solid #d9d9d9;border-radius:2.1333vw;display:flex;height:89.3333vw;justify-content:center;width:89.3333vw}.DraftDesign .gc-result-area .gc-result-empty .file-empty{height:10.6667vw;width:10.6667vw}.DraftDesign .btn-gc{align-items:center;background:#129fb3;border-radius:12.8vw;bottom:10.1333vw;color:#fff;display:flex;font-family:PingFang SC;font-size:4.2667vw;font-style:normal;font-weight:400;height:12.8vw;justify-content:center;left:50%;line-height:normal;position:fixed;transform:translateX(-50%);width:89.3333vw;z-index:222}.DraftDesign .upload-area-new .upload-new-btns{align-items:center;display:flex;gap:3.2vw}.DraftDesign .upload-area-new .title-clear{align-items:center;display:flex;justify-content:space-between;margin-bottom:5.3333vw}.DraftDesign .upload-area-new .title-clear .btn-clear{color:#129fb3;font-weight:700}.DraftDesign .upload-area-new .title{color:#333;font-family:PingFang SC;font-size:4.2667vw;font-style:normal;font-weight:400;line-height:normal}.DraftDesign .upload-area-new .upload-box-wrapper{height:89.3333vw;position:relative;width:89.3333vw}.DraftDesign .upload-area-new .upload-box-wrapper .file-input{left:-999px;position:absolute;top:-999px;z-index:666}.DraftDesign .upload-area-new .upload-box-wrapper .file-list-single{display:flex;height:100%;width:100%}.DraftDesign .upload-area-new .upload-box-wrapper .file-list-single .file-item{align-items:center;border-radius:2.1333vw;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.DraftDesign .upload-area-new .upload-box-wrapper .file-list-single .file-item .file-spin{align-items:center;background-color:#0003;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:99}.DraftDesign .upload-area-new .upload-box-wrapper .file-list-single .file-item .img-thumbnail{height:100%;object-fit:cover;width:100%}.DraftDesign .upload-area-new .upload-box-wrapper .file-list-single .file-item .single-btns{align-items:center;cursor:pointer;display:flex;gap:24px;position:absolute;right:1vw;top:1vw;z-index:99}.DraftDesign .upload-area-new .upload-box-wrapper .upload-box{align-items:center;background:#fafafa;border:.2667vw dashed #129fb3;border-radius:2.1333vw;display:flex;height:100%;justify-content:center;width:100%}.DraftDesign .upload-area-new .upload-box-wrapper .upload-box .upload-tip{align-items:center;display:flex;flex-direction:column;height:28.2667vw;justify-content:center;width:29.8667vw}.DraftDesign .upload-area-new .upload-box-wrapper .upload-box .upload-tip .icon-upload-tip{margin-bottom:4.2667vw}.DraftDesign .upload-area .title-clear{align-items:center;display:flex;justify-content:space-between;margin-bottom:5.3333vw}.DraftDesign .upload-area .title-clear .btn-clear{color:#129fb3;font-weight:700}.DraftDesign .upload-area .title{color:#333;font-family:PingFang SC;font-size:4.2667vw;font-style:normal;font-weight:400;line-height:normal}.DraftDesign .upload-area .upload-box-wrapper{height:89.3333vw;position:relative;width:89.3333vw}.DraftDesign .upload-area .upload-box-wrapper .file-input{left:-999px;position:absolute;top:-999px;z-index:666}.DraftDesign .upload-area .upload-box-wrapper .file-list-single{display:flex;height:100%;width:100%}.DraftDesign .upload-area .upload-box-wrapper .file-list-single .file-item{align-items:center;border-radius:2.1333vw;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.DraftDesign .upload-area .upload-box-wrapper .file-list-single .file-item .file-spin{align-items:center;background-color:#0003;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:99}.DraftDesign .upload-area .upload-box-wrapper .file-list-single .file-item .img-thumbnail{height:100%;object-fit:cover;width:100%}.DraftDesign .upload-area .upload-box-wrapper .file-list-single .file-item .single-btns{align-items:center;cursor:pointer;display:flex;gap:24px;position:absolute;right:1vw;top:1vw;z-index:99}.DraftDesign .upload-area .upload-box-wrapper .upload-box{align-items:center;background:#fafafa;border:.2667vw dashed #129fb3;border-radius:2.1333vw;display:flex;height:100%;justify-content:center;width:100%}.DraftDesign .upload-area .upload-box-wrapper .upload-box .upload-tip{align-items:center;display:flex;flex-direction:column;height:28.2667vw;justify-content:center;width:29.8667vw}.DraftDesign .upload-area .upload-box-wrapper .upload-box .upload-tip .icon-upload-tip{margin-bottom:4.2667vw}.SpinText{align-items:center;background:#00000080;bottom:0;display:flex;height:100%;justify-content:center;left:0;position:absolute;right:0;top:0;width:100%;z-index:99}.SpinText .tip{color:#fff}.MaskPanel{background-color:#fff;display:flex;left:50%;overflow:auto;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);z-index:999}.MaskPanel .btn-shut{cursor:pointer;position:absolute;right:.8333vw;top:.8333vw;transition:.2s ease-in-out;z-index:99}.MaskPanel .btn-shut:hover{transform:scale(1.5)}
/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */.cropper-container{-webkit-touch-callout:none;direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.image-cropper-container{align-items:center;background-color:#f0f0f0;border-radius:8px;display:flex;height:400px;justify-content:center;overflow:hidden;width:100%}.image-cropper-container .cropper-container{font-size:0;line-height:0;position:relative;-webkit-user-select:none;user-select:none;width:100%}.image-cropper-container .cropper-view-box{outline:1px solid #39f;outline-color:#3399ffbf}.image-cropper-container .cropper-face{background-color:#0000}.image-cropper-container .cropper-line,.image-cropper-container .cropper-point{background-color:#39f}.image-cropper-container .cropper-modal{background-color:#00000080}.image-cropper-container .cropper-dashed{border:0 dashed #eee}.image-cropper-container .cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.3333333333%;top:33.3333333333%}.image-cropper-container .cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;left:33.3333333333%;width:33.3333333333%}.image-cropper-container .cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;transform:translate(-50%,-50%);width:0}.image-cropper-container .cropper-center:after,.image-cropper-container .cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.image-cropper-container .cropper-center:before{height:20px;top:-10px;width:1px}.image-cropper-container .cropper-center:after{height:1px;left:-10px;width:20px}.ant-modal .ant-modal-header .ant-modal-title{width:100%}.ant-modal .ant-modal-footer{border-top:1px solid #f0f0f0;display:flex;gap:8px;justify-content:center;padding:12px 16px;text-align:center}.ant-modal .ant-modal-footer .ant-btn{flex-shrink:0;font-size:14px;margin:0;min-width:60px;padding:4px 12px}@media(max-width:576px){.ant-modal .ant-modal-footer .ant-btn{font-size:13px;min-width:auto;padding:4px 8px}.ant-modal .ant-modal-footer{gap:4px;padding:10px 12px}}.DesignHistory{min-height:100vh;padding-bottom:21.3333vw;width:100vw}.DesignHistory .main-content{padding:3.2vw}.DesignHistory .panel-top{margin-bottom:5.3333vw}.DesignHistory .panel-top .view-types{display:flex;gap:3.2vw}.DesignHistory .panel-top .type-item{align-items:center;border-radius:1.6667vw;display:flex;justify-content:center;padding:1.6vw 3.2vw}.DesignHistory .panel-top .type-current{background-color:#129fb3;color:#fff}.DesignHistory .panel-top .title{margin-bottom:3.7333vw}.DesignHistory .image-items{display:flex;flex-wrap:wrap;gap:3.2vw;justify-content:space-between}.DesignHistory .image-items .image-item{border-radius:3.2vw;height:42.6667vw;overflow:hidden;position:relative;width:42.6667vw}.DesignHistory .image-items .image-item .image-origin{border-radius:3.2vw;bottom:0;height:10.6667vw;left:0;position:absolute;width:10.6667vw;z-index:99}.DesignHistory .image-items .image-item .image-img{height:100%;object-fit:cover;width:100%}.GongChun{display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding-bottom:30vw}.GongChun .main-content{padding:5.3333vw}.GongChun .page-my-wrapper{bottom:10vw;position:fixed;right:10vw}.GongChun .page-my-wrapper img{width:14vw}.GongChun .BottomPanel{align-items:center;background-color:#fff;border-top:.3vw solid #dcdcdc;bottom:0;display:flex;font-size:16px;height:20vw;left:0;position:fixed;width:100vw;z-index:99}.GongChun .BottomPanel>div{height:100%}.GongChun .category-items{align-content:flex-start;display:flex;flex-wrap:wrap;gap:3.2vw;justify-content:space-between}.GongChun .category-items .category-item{display:flex;flex-direction:column;position:relative;width:42.6667vw}.GongChun .category-items .category-item .poster{border-radius:2.9333vw;height:36vw;width:42.6667vw}.GongChun .category-items .category-item .desc{color:#616161;font-family:MiSans;font-size:2.6667vw;font-style:normal;font-weight:400;line-height:3.7333vw}.GongChun .category-items .category-item .label{align-items:center;color:#212121;display:flex;font-family:MiSans;font-size:3.7333vw;font-style:normal;font-weight:600;height:6vw;margin-bottom:1.0667vw;margin-top:2.1333vw}.AIParams{min-height:100vh;padding-bottom:26.6667vw;width:100vw}.AIParams .main-content{padding:5.3333vw}.AIParams .models{display:flex;flex-wrap:wrap;gap:2.6667vw}.AIParams .models .model-item{border:.2667vw solid #000;border-radius:4.5333vw;font-size:3.2vw;padding:2.4vw 4.4vw}.AIParams .models .model-item-current{border:.2667vw solid #129fb3;color:#129fb3}.AIParams .slider-wrapper{align-items:center;display:flex;height:4vw}.AIParams .slider-scale{flex:1 1}.AIParams .upload-area{align-items:center;background-color:#20be7c1a;border-radius:3.2vw;display:flex;height:35.2vw;justify-content:center;position:relative;width:35.2vw}.AIParams .upload-area .upload-icons{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.AIParams .upload-area .upload-icons .btn-upload{color:#129fb3;font-family:MiSans;font-size:3.2vw;font-style:normal;font-weight:600;line-height:160%}.AIParams .upload-area .upload-icons img{width:8vw}.AIParams .upload-area .btn-clear-uploadimage{color:#129fb3;font-size:14px;font-weight:700;position:absolute;right:-1.3333vw;top:-1.3333vw;z-index:99}.AIParams .upload-area .uploadImage{border-radius:1.6vw;height:80%;width:80%}.AIParams .upload-area .file-upload{left:-100vw;position:absolute;top:-100vw;z-index:99}.AIParams .qixing-area{min-height:13.3333vw}.AIParams .design-type{align-items:center;background:#fafafa;border-radius:4vw;display:flex;margin-bottom:6.6667vw;padding:1.0667vw}.AIParams .design-type .go-records,.AIParams .design-type .label{align-items:center;color:#666;display:flex;flex:1 1;font-size:3.6vw;height:10.9333vw;justify-content:center}.AIParams .design-type .go-records.active,.AIParams .design-type .label.active{background:#129fb3;border-radius:3.2vw;color:#fff}.AIParams .qixing-items{align-content:flex-start;display:flex;flex-wrap:wrap;gap:2.6667vw;height:53.3333vw;overflow:auto}.AIParams .qixing-items .qixing-item{align-items:center;display:flex;flex-direction:column}.AIParams .qixing-items .qixing-item .label{align-items:center;color:#212121;display:flex;font-family:MiSans;font-size:3.2vw;font-style:normal;font-weight:600;line-height:160%;text-align:center}.AIParams .qixing-items .qixing-item img{border-radius:3.2vw;height:17.0667vw;margin-bottom:1.6vw;width:20vw}.AIParams .qixing-items .currentQixing .label{color:#129fb3;font-weight:700}.AIParams .qixing-items .currentQixing img{border:.2667vw solid #129fb3}.AIParams .btn-go-create{align-items:center;background:#129fb3;border-radius:13.3333vw;color:#fff;display:flex;flex-direction:column;font-family:MiSans;font-size:3.2vw;font-style:normal;font-weight:600;height:12.4vw;justify-content:center;text-align:center}.AIParams .param-item{margin-bottom:10vw}.AIParams .param-item .title{color:#212121;font-family:MiSans;font-size:4.1333vw;font-style:normal;font-weight:600;height:6.8vw;line-height:160%;margin-bottom:4vw}.AIParams .param-item .prompt-textarea{background:#fafafa;border:none;border-radius:2.6667vw;box-sizing:border-box;color:#212121;font-family:MiSans;font-size:3.2vw;font-style:normal;font-weight:400;height:25vw;letter-spacing:.0467vw;outline:none;padding:4.2667vw;width:89.3333vw}.DragUpload{height:53.3333vw;position:relative}.DragUpload .loading-area{align-items:center;display:flex;gap:.4167vw;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);z-index:99}.DragUpload .upload-controls{display:flex;gap:12px;position:absolute;right:12px;top:12px;z-index:99}.DragUpload .upload-controls .btn-clear,.DragUpload .upload-controls .btn-edit{background:#ffffffe6;border-radius:4px;color:#129fb3;cursor:pointer;font-size:14px;padding:4px 8px;transition:all .3s}.DragUpload .upload-controls .btn-clear:hover,.DragUpload .upload-controls .btn-edit:hover{background:#129fb3;color:#fff}.DragUpload .ant-upload-list{display:none!important}.DragUpload .upload-image-wrapper{align-items:center;display:flex;height:120px;left:50%;overflow:hidden;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:120px;z-index:120}.DragUpload .upload-image-wrapper .upload-image{width:120px}.Login{min-height:100vh;width:100vw}.Login .main-content{padding:9.6vw 5.3333vw 0}.Login .title{color:#129fb3;font-weight:700;text-align:center}.Login .form-item{margin-bottom:6.4vw}.Login .form-item .countdown-area{margin-left:3.2vw}.Login .website-info{bottom:0;display:flex;flex-direction:column;font-size:3.7333vw;gap:1.6vw;left:0;padding:3.2vw;position:fixed;width:100%;z-index:99}.Login .website-info .icp{color:#129fb3}.CountDown{background-color:#fff;border-radius:6px;color:orange;font-size:14px;font-weight:700;margin-left:6px;padding:4px 0;width:100px}.LoginnHeader{align-items:center;box-shadow:0 .1389vw .2778vw 0 #0000001a;display:flex;justify-content:space-between;padding:1.6vw 5.3333vw;width:100vw}.LoginnHeader .icon-back{height:8vw;width:8vw}.AICreate{display:flex;flex-direction:column;min-height:100vh;padding-bottom:16vw}.AICreate .main-content{padding:5.3333vw}.AICreate .show-print{color:#129fb3;font-size:2.6667vw}.AICreate .PrintPanel{align-items:center;background-color:#000c;display:flex;height:120vh;justify-content:center;left:0;padding-top:4vw;position:absolute;top:0;width:100vw;z-index:99}.AICreate .PrintPanel .print-info{margin-top:1.6vw}.AICreate .PrintPanel .print-info>div{margin-bottom:3.2vw}.AICreate .PrintPanel .print-shut{color:#fff;font-weight:700;height:4.4vw;position:absolute;right:3.2vw;top:3.2vw;width:4.4vw;z-index:99}.AICreate .PrintPanel .content{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:90%;justify-content:center;position:relative;width:100%}.AICreate .PrintPanel .content .photo{width:100%}.AICreate .PrintPanel .content .print-image{display:flex;flex-direction:column;height:142vw;padding:3.6vw 2.6667vw;position:relative;width:100vw}.AICreate .PrintPanel .content .print-image .bottom-panel{display:flex;justify-content:space-between}.AICreate .PrintPanel .content .print-image .bottom-panel .web-url{color:#000;display:flex;flex-direction:column;font-family:Alibaba PuHuiTi;font-size:1.6vw;font-style:normal;font-weight:700;justify-content:flex-end;letter-spacing:.0465vw;line-height:160%}.AICreate .PrintPanel .content .print-image .bottom-logos{display:flex;gap:3.2vw}.AICreate .PrintPanel .content .print-image .bottom-logos img{width:9.7333vw}.AICreate .PrintPanel .content .print-image .print-top-logo{height:10.6667vw;padding-bottom:2.1333vw;position:relative}.AICreate .PrintPanel .content .print-image .top-left-logo{left:0;position:absolute;top:50%;transform:translateY(-50%);width:20.8vw}.AICreate .PrintPanel .content .print-image .top-right-logo{position:absolute;right:0;top:50%;transform:translateY(-50%);width:9.4667vw}.AICreate .PrintPanel .content .print-image .label{color:#000}.AICreate .PrintPanel .content .print-image .label,.AICreate .PrintPanel .content .print-image .label-value{font-family:Alibaba PuHuiTi;font-size:2.1333vw;font-style:normal;font-weight:700;letter-spacing:.0465vw;line-height:160%}.AICreate .PrintPanel .content .print-image .label-value{color:#168dc8}.AICreate .PrintPanel .content .print-image .print-name{margin-bottom:1.0667vw;margin-top:2.6667vw}.AICreate .PrintPanel .content .print-image img{width:100%}.AICreate .edit-records{display:flex}.AICreate .edit-records .go-records{align-items:center;border:.2667vw solid #129fb3;border-radius:5.3333vw;color:#129fb3;display:flex;flex:1 1;font-family:MiSans;font-size:3.7333vw;font-style:normal;font-weight:600;height:12vw;justify-content:center;line-height:160%;margin-bottom:4vw;text-align:center}.AICreate .save-tip{color:#129fb3;font-size:3.7333vw;font-weight:700;padding:4vw 0}.AICreate .btns{margin-top:8vw}.AICreate .btns .btn-remake{align-items:center;background:#129fb3;border-radius:24vw;color:#fff;display:flex;font-family:MiSans;font-size:3.7333vw;font-style:normal;font-weight:600;height:12.4vw;justify-content:center;line-height:160%;margin-bottom:4vw;text-align:center}.AICreate .loading-items{align-content:flex-start;display:flex;flex-wrap:wrap;gap:3.7333vw;justify-content:space-between}.AICreate .loading-items .loading-item{align-items:center;background-color:#f1f1f1;border-radius:3.2vw;display:flex;height:41.0667vw;justify-content:center;width:41.0667vw}.AICreate .loading-items .loading-item .loading-icon{width:5.3333vw}.AICreate .loading-svg{animation:rotate 1.5s linear infinite;height:100%;transform-origin:50% 50%;width:100%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.AICreate .create-images{align-content:flex-start;display:flex;flex-wrap:wrap;gap:3.7333vw;justify-content:center}.AICreate .create-images .create-image-item{border-radius:3.2vw;position:relative}.AICreate .create-images .create-image-item .icon-scale{height:4.2667vw;position:absolute;right:3.6vw;top:3.6vw;width:4.2667vw;z-index:10}.AICreate .create-images .create-image-item .image-item{border-radius:3.2vw;height:41.0667vw;width:41.0667vw}.PreviewImage{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:99}.PreviewImage img{width:97%}.Entry{min-height:100vh;width:100vw}.Entry .main-content{padding:4vw 5.3333vw 8vw}.Entry .main-content .page-title{color:#333;font-family:PingFang SC;font-size:4.8vw;font-style:normal;font-weight:400;line-height:normal;margin-bottom:4.2667vw}.Entry .main-content .page-items{display:flex;flex-direction:column;gap:5.3333vw}.Entry .main-content .page-items .page-item{height:50.6667vw;position:relative;width:89.3333vw}.Entry .main-content .page-items .page-item .bg{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-2}.Entry .main-content .page-items .page-item .title-desc{display:flex;flex-direction:column;left:3.7333vw;position:absolute;top:25.6vw;z-index:99}.Entry .main-content .page-items .page-item .title-desc .desc{color:#fff;font-family:PingFang SC;font-size:3.2vw;font-style:normal;font-weight:400;line-height:normal}.Entry .main-content .page-items .page-item .title-desc .title{color:#fff;font-family:PingFang SC;font-size:5.3333vw;font-style:normal;font-weight:400;line-height:normal}.Buy{width:100vw}.Buy .page-bg-area,.Buy .page-bg-area .page-bg{width:100%}.Buy .buy-plus-minus{align-items:center;display:flex;gap:2vw;margin-bottom:3vw}.Buy .main-content{padding:5.3333vw 5.3333vw 16vw}.Buy .main-content .sku-area{margin-bottom:18px}.Buy .main-content .sku-area .title{margin-bottom:12px}.Buy .main-content .sku-items{display:flex;gap:12px}.Buy .main-content .sku-items .sku-item{border:.1042vw solid #d1d5db;border-radius:10px;padding:3vw}.Buy .main-content .sku-items .sku-current{background:#e8f6f8;border:.5vw solid #129fb3}.Buy .main-content .intro{border-bottom:.5333vw solid #efefef;padding-bottom:8vw}.Buy .main-content .intro .price-area{align-items:center;color:#fd2a29;display:flex;font-family:DIN;font-size:6.4vw;font-style:normal;font-weight:700;line-height:normal;margin-bottom:4.2667vw;text-align:center}.Buy .main-content .intro .title{color:#333;font-family:PingFang SC;font-size:4.8vw;font-style:normal;font-weight:600;line-height:normal;margin-bottom:1.3333vw}.Buy .main-content .intro .desc{color:#999;font-family:PingFang SC;font-size:3.2vw;font-style:normal;font-weight:400;line-height:normal}.Buy .main-content .buy-area{margin-top:4.2667vw}.Buy .main-content .buy-area .btn-buy{align-items:center;background:#129fb3;border-radius:12.8vw;color:#fff;display:flex;font-family:PingFang SC;font-size:4.8vw;font-style:normal;font-weight:500;height:12.8vw;justify-content:center;line-height:normal;text-align:center;width:89.3333vw}.Buy .main-content .detail{border-bottom:.5333vw solid #efefef;padding-bottom:10.6667vw;padding-top:8vw}.Buy .main-content .detail .title{color:#333;font-family:PingFang SC;font-size:4.8vw;font-style:normal;font-weight:600;line-height:normal;margin-bottom:4.2667vw}.Buy .main-content .detail .desc-bg{width:89.3333vw}.Records{padding-bottom:13.3333vw}.Records .main-content{padding:4.8vw 5.3333vw 0}.Records .btn-more{align-items:center;background:#129fb3;border-radius:13.3333vw;color:#fff;font-family:MiSans;font-size:3.2vw;font-style:normal;font-weight:600;height:12.4vw;justify-content:center;margin-top:4.2667vw;text-align:center}.Records .btn-more,.Records .record-item{display:flex;flex-direction:column}.Records .record-item .record-info{display:flex;justify-content:space-between;padding:4.2667vw 0}.Records .record-item .record-info .time{color:#616161;font-size:3.2vw;text-align:right}.Records .record-item .record-info .prompt,.Records .record-item .record-info .time{align-items:center;display:flex;font-family:MiSans;font-style:normal;font-weight:400;line-height:160%}.Records .record-item .record-info .prompt{color:#212121;font-size:4vw;max-width:46.6667vw}.Records .record-item .record-images{align-content:flex-start;display:flex;flex-wrap:wrap;gap:3.7333vw}.Records .record-item .record-images img{border-radius:3.2vw;height:42.6667vw;width:42.6667vw}.Agents{background-color:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.Agents .loading{align-items:center;color:#666;display:flex;font-size:3vw;height:50vh;justify-content:center}.Agents .agents-container{display:flex;flex-direction:column;padding:5.3333vw}.Agents .agents-header{margin-bottom:8vw;text-align:center}.Agents .agents-header .main-title{color:#333;font-size:5vw;font-weight:700;line-height:1.2;margin:0 0 2vw}.Agents .agents-header .subtitle{color:#666;font-size:2.5vw;line-height:1.5;margin:0}.Agents .agents-list{display:flex;flex:1 1;flex-direction:column;gap:4vw}.Agents .agent-item{align-items:center;background:#fff;border-radius:2vw;box-shadow:0 .5vw 2vw #0000001a;cursor:pointer;display:flex;gap:4vw;padding:3vw;transition:all .3s ease}.Agents .agent-item:hover{background:#f8f9fa;box-shadow:0 1vw 3vw #00000026;transform:translateY(-.5vw)}.Agents .agent-item:active{box-shadow:0 .5vw 1.5vw #0000001a;transform:translateY(0)}.Agents .agent-item .agent-icon{align-items:center;background:#e0e0e0;border-radius:50%;display:flex;flex-shrink:0;height:12vw;justify-content:center;overflow:hidden;width:12vw}.Agents .agent-item .agent-icon img{border-radius:50%;height:100%;object-fit:cover;width:100%}.Agents .agent-item .agent-info{flex:1 1;min-width:0}.Agents .agent-item .agent-info .agent-name{color:#333;font-size:3.5vw;font-weight:600;line-height:1.3;margin:0 0 1vw}.Agents .agent-item .agent-info .agent-description{color:#666;font-size:2.5vw;line-height:1.4;margin:0}.AgentChat{background-color:#f8f9fa;display:flex;flex-direction:column;min-height:100vh}.AgentChat .ant-upload{background:none!important;border:none!important}.AgentChat .no-agent{align-items:center;display:flex;flex-direction:column;gap:4vw;height:100vh;justify-content:center}.AgentChat .no-agent p{color:#666;font-size:4vw}.AgentChat .no-agent button{background:#1c8ea7;border:none;border-radius:1vw;color:#fff;cursor:pointer;font-size:3.5vw;padding:2vw 4vw;transition:background .3s ease}.AgentChat .chat-header{align-items:center;display:flex;justify-content:space-between;padding:3vw 4vw;position:sticky;top:0;z-index:100}.AgentChat .chat-header .back-btn,.AgentChat .chat-header .history-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:9.6vw;justify-content:center;padding:1vw;transition:background .3s ease;width:9.6vw}.AgentChat .chat-header .back-btn:hover,.AgentChat .chat-header .history-btn:hover{background:#f0f0f0}.AgentChat .chat-header .back-btn span,.AgentChat .chat-header .history-btn span{display:block;line-height:1}.AgentChat .chat-header .back-btn img,.AgentChat .chat-header .history-btn img{object-fit:contain}.AgentChat .chat-header .header-actions{align-items:center;display:flex;gap:2vw}.AgentChat .chat-header .header-actions .ant-btn{align-items:center;border-radius:50%;color:#dc3545;display:flex;font-size:5vw;height:8vw;justify-content:center;width:8vw}.AgentChat .chat-header .header-actions .ant-btn:hover{background:#f8d7da!important;color:#dc3545!important}.AgentChat .chat-header .header-actions .ant-btn .anticon{font-size:5vw}.AgentChat .chat-header .ai-name{color:#333;flex:1 1;font-size:4.5vw;font-weight:600;margin:0;text-align:center}.AgentChat .historys{position:fixed;z-index:1000}.AgentChat .historys,.AgentChat .historys:before{bottom:0;left:0;pointer-events:none;right:0;top:0}.AgentChat .historys:before{background:#0006;content:"";opacity:0;position:absolute;transition:opacity .4s ease}.AgentChat .historys.show:before{opacity:1;pointer-events:auto}.AgentChat .historys .history-list{background:#fff;border-radius:3vw 3vw 0 0;bottom:0;box-shadow:0 -4px 20px #00000026;left:0;max-height:80vh;overflow-x:hidden;overflow-y:auto;pointer-events:auto;position:absolute;right:0;transform:translateY(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);width:100%;z-index:1001}.AgentChat .historys .history-list.show{transform:translateY(0)}.AgentChat .historys .history-list h3{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;border-radius:3vw 3vw 0 0;color:#333;display:flex;font-size:4vw;font-weight:600;justify-content:space-between;margin:0;padding:4vw;position:relative}.AgentChat .historys .history-list h3:after{background:#ddd;border-radius:.25vw;bottom:1vw;content:"";height:.5vw;left:50%;position:absolute;transform:translateX(-50%);width:8vw}.AgentChat .historys .history-list h3 .close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:5vw;height:6vw;justify-content:center;padding:1vw;transition:all .2s ease;width:6vw}.AgentChat .historys .history-list h3 .close-btn:hover{background:#f0f0f0;color:#666}.AgentChat .historys .history-list h3 .close-btn span{line-height:1}.AgentChat .historys .history-list p{color:#999;font-size:3.5vw;margin:0;padding:4vw;text-align:center}.AgentChat .historys .history-list .loading-history{padding:4vw;text-align:center}.AgentChat .historys .history-list .loading-history .loading-dots{align-items:center;display:flex;gap:1vw;justify-content:center;margin-bottom:2vw}.AgentChat .historys .history-list .loading-history .loading-dots span{animation:loading-dots 1.4s ease-in-out infinite;background:#1c8ea7;border-radius:50%;height:1.5vw;width:1.5vw}.AgentChat .historys .history-list .loading-history .loading-dots span:first-child{animation-delay:-.32s}.AgentChat .historys .history-list .loading-history .loading-dots span:nth-child(2){animation-delay:-.16s}.AgentChat .historys .history-list .loading-history p{color:#666;margin:0;padding:0}.AgentChat .historys .history-list ul{list-style:none;margin:0;padding:0}.AgentChat .historys .history-list ul li{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:3vw 4vw;position:relative;transition:all .2s ease}.AgentChat .historys .history-list ul li:hover{background:#f8f9fa;transform:translateX(1vw)}.AgentChat .historys .history-list ul li:active{background:#e9ecef;transform:translateX(.5vw)}.AgentChat .historys .history-list ul li:last-child{border-bottom:none}.AgentChat .historys .history-list ul li .conversation-info{align-items:center;display:flex;gap:2vw;justify-content:space-between;width:100%}.AgentChat .historys .history-list ul li .conversation-info .conversation-details{display:flex;flex:1 1;flex-direction:column;gap:1vw;min-width:0;overflow:hidden}.AgentChat .historys .history-list ul li .conversation-info .conversation-details .conversation-title{color:#333;font-size:3.5vw;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.AgentChat .historys .history-list ul li .conversation-info .conversation-details .conversation-time{color:#999;font-size:3vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.AgentChat .historys .history-list ul li .conversation-info .ant-btn{align-items:center;border-radius:50%;color:#dc3545;display:flex;flex-shrink:0;font-size:4vw;height:8vw;justify-content:center;width:8vw}.AgentChat .historys .history-list ul li .conversation-info .ant-btn:hover{background:#f8d7da!important;color:#dc3545!important}.AgentChat .historys .history-list ul li .conversation-info .ant-btn .anticon{font-size:4vw}.AgentChat .chat-messages{display:flex;flex:1 1;flex-direction:column;gap:3vw;overflow-y:auto;padding:3vw}.AgentChat .chat-messages .message{display:flex;margin-bottom:2vw}.AgentChat .chat-messages .message.user-message{justify-content:flex-end}.AgentChat .chat-messages .message.user-message .message-content{border-radius:2vw 2vw 2vw 0;color:#fff;max-width:70%;position:relative}.AgentChat .chat-messages .message.user-message .message-content .message-text{align-items:flex-end;background-color:#1c8ea7;border-radius:3.2vw 3.2vw 0 3.2vw;color:#fff;display:inline-flex;flex-direction:column;justify-content:center;padding:3.2vw}.AgentChat .chat-messages .message.user-message .message-content .user-uploaded-images{display:flex;flex-direction:column;gap:2vw;margin-top:2vw}.AgentChat .chat-messages .message.user-message .message-content .user-uploaded-images .generated-image img{border:1px solid #e9ecef;border-radius:1.5vw;box-shadow:0 2px 8px #0000001a;max-width:38vw}.AgentChat .chat-messages .message.user-message .message-content .message-time{color:#999;font-size:2vw;position:absolute;right:-2vw;top:50%;transform:translateY(-50%)}.AgentChat .chat-messages .message.ai-message{justify-content:flex-start}.AgentChat .chat-messages .message.ai-message .message-content{background:#fff;border-radius:2vw 2vw 2vw .5vw;box-shadow:0 .5vw 1vw #0000001a;color:#333;max-width:80%}.AgentChat .chat-messages .message.ai-message .message-content p{border-radius:1vw;margin:0;padding:2vw}.AgentChat .chat-messages .message .message-content{word-wrap:break-word;font-size:3.5vw;line-height:1.5;padding:2vw}.AgentChat .chat-messages .message .message-content h4{color:#333;font-size:3vw;font-weight:600;margin:0 0 2vw}.AgentChat .chat-messages .message .message-content p{margin:0}.AgentChat .chat-messages .message .message-content .generated-image{margin-top:2vw}.AgentChat .chat-messages .message .message-content .generated-image img{border-radius:1vw;box-shadow:0 .5vw 1vw #0000001a;height:auto;max-width:60vw;width:100%}.AgentChat .chat-messages .message .message-content .ai-generated-images,.AgentChat .chat-messages .message .message-content .user-uploaded-images{display:flex;flex-direction:column;gap:2vw;margin-top:2vw}.AgentChat .chat-messages .message .message-content .ai-generated-images .generated-image,.AgentChat .chat-messages .message .message-content .user-uploaded-images .generated-image{position:relative}.AgentChat .chat-messages .message .message-content .ai-generated-images .generated-image img,.AgentChat .chat-messages .message .message-content .user-uploaded-images .generated-image img{border:1px solid #e9ecef;border-radius:1.5vw;box-shadow:0 2px 8px #0000001a;max-width:38vw;transition:transform .2s ease}.AgentChat .chat-messages .message .message-content .ai-generated-images .generated-image img:hover,.AgentChat .chat-messages .message .message-content .user-uploaded-images .generated-image img:hover{transform:scale(1.02)}.AgentChat .chat-messages .message .message-content .ai-generated-images .generated-image .image-actions,.AgentChat .chat-messages .message .message-content .user-uploaded-images .generated-image .image-actions{display:flex;gap:1vw;margin-top:1.5vw}.AgentChat .chat-messages .message .message-content .ai-generated-images .generated-image .image-actions .quote-btn,.AgentChat .chat-messages .message .message-content .user-uploaded-images .generated-image .image-actions .quote-btn{background:#1c8ea7;border:none;border-radius:1vw;box-shadow:0 .5vw 1vw #0000001a;color:#fff;font-size:2.5vw;padding:1.5vw 3vw;transition:all .2s ease}.AgentChat .chat-messages .message .message-content .ai-generated-images .generated-image .image-actions .quote-btn:hover:not(:disabled),.AgentChat .chat-messages .message .message-content .user-uploaded-images .generated-image .image-actions .quote-btn:hover:not(:disabled){background:#1a7a94;box-shadow:0 1vw 2vw #0003;transform:translateY(-.2vw)}.AgentChat .chat-messages .message .message-content .ai-generated-images .generated-image .image-actions .quote-btn:disabled,.AgentChat .chat-messages .message .message-content .user-uploaded-images .generated-image .image-actions .quote-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.AgentChat .chat-messages .message .message-content .ai-generated-images .generated-image .image-tip,.AgentChat .chat-messages .message .message-content .user-uploaded-images .generated-image .image-tip{color:#999;font-size:2.8vw;margin-top:1vw;text-align:center}.AgentChat .chat-messages .message .message-content .loading-dots{align-items:center;display:flex;gap:1vw;justify-content:center;padding:2vw 0}.AgentChat .chat-messages .message .message-content .loading-dots span{animation:loading-dots 1.4s ease-in-out infinite;background:#4facfe;border-radius:50%;height:1.5vw;width:1.5vw}.AgentChat .chat-messages .message .message-content .loading-dots span:first-child{animation-delay:-.32s}.AgentChat .chat-messages .message .message-content .loading-dots span:nth-child(2){animation-delay:-.16s}.AgentChat .chat-input-bar{align-items:center;background:#fff;border-top:1px solid #e9ecef;bottom:0;display:flex;gap:3vw;padding:3vw 4vw;position:sticky}.AgentChat .chat-input-bar .voice-btn{background:none;border:none;border-radius:50%;color:#666;cursor:pointer;flex-shrink:0;font-size:5vw;padding:1vw;transition:background .3s ease}.AgentChat .chat-input-bar .voice-btn:disabled{cursor:not-allowed;opacity:.5}.AgentChat .chat-input-bar .voice-btn span{display:block;line-height:1}.AgentChat .chat-input-bar .send-btn{background:#1c8ea7;border:none;border-radius:2vw;color:#fff;cursor:pointer;flex-shrink:0;font-size:3.5vw;padding:1.5vw 3vw}.AgentChat .chat-input-bar .send-btn:disabled{background:#ccc;cursor:not-allowed}.AgentChat .chat-input-bar .send-btn span{display:block;line-height:1}.AgentChat .chat-input-bar .message-input{background:#f8f9fa;border:1px solid #e9ecef;border-radius:2vw;flex:1 1;font-size:3.5vw;outline:none;padding:2.5vw 3vw;transition:border-color .3s ease}.AgentChat .chat-input-bar .message-input:focus{background:#fff;border-color:#1c8ea7}.AgentChat .chat-input-bar .message-input::placeholder{color:#999}.AgentChat .chat-input-bar .image-uploader{flex-shrink:0}.AgentChat .chat-input-bar .image-uploader .ant-upload{align-items:center;background:#fafafa;border:1px dashed #d9d9d9;border-radius:1vw;cursor:pointer;display:flex;height:8vw;justify-content:center;transition:border-color .3s ease;width:8vw}.AgentChat .chat-input-bar .image-uploader .ant-upload:hover{border-color:#1c8ea7}.AgentChat .chat-input-bar .image-uploader .ant-upload:disabled{cursor:not-allowed;opacity:.5}.AgentChat .chat-input-bar .image-uploader .upload-button{color:#666;font-size:2.5vw;text-align:center}.AgentChat .chat-input-bar .image-uploader .upload-button .anticon{color:#999;font-size:3.5vw}.AgentChat .images-preview-section{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:2vw 4vw}.AgentChat .images-preview-section .uploaded-images{display:flex;flex-wrap:wrap;gap:2vw;overflow-x:auto}.AgentChat .images-preview-section .uploaded-images .image-preview{background:#fff;border:1px solid #e9ecef;border-radius:1.5vw;flex-shrink:0;height:12vw;overflow:hidden;position:relative;width:12vw}.AgentChat .images-preview-section .uploaded-images .image-preview img{height:100%;object-fit:cover;width:100%}.AgentChat .images-preview-section .uploaded-images .image-preview .remove-image{align-items:center;background:#ff4d4f;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:2.5vw;height:4vw;justify-content:center;line-height:1;position:absolute;right:-.5vw;top:-.5vw;width:4vw}.AgentChat .images-preview-section .uploaded-images .image-preview .remove-image:disabled{cursor:not-allowed;opacity:.5}.image-preview-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.image-preview-modal .image-preview-content{align-items:center;display:flex;justify-content:center;max-height:90vh;max-width:90vw;position:relative}.image-preview-modal .image-preview-content img{border-radius:2vw;box-shadow:0 4vw 8vw #0000004d;max-height:100%;max-width:100%;object-fit:contain}.image-preview-modal .image-preview-content .close-preview-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:5vw;height:8vw;justify-content:center;position:absolute;right:-2vw;top:-2vw;transition:all .3s ease;width:8vw;z-index:10001}.image-preview-modal .image-preview-content .close-preview-btn:hover{background:#fff;transform:scale(1.1)}.image-preview-modal .image-preview-content .next-preview-btn,.image-preview-modal .image-preview-content .prev-preview-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:6vw;height:10vw;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:10vw;z-index:10001}.image-preview-modal .image-preview-content .next-preview-btn:hover,.image-preview-modal .image-preview-content .prev-preview-btn:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.image-preview-modal .image-preview-content .next-preview-btn:disabled,.image-preview-modal .image-preview-content .prev-preview-btn:disabled{cursor:not-allowed;opacity:.3}.image-preview-modal .image-preview-content .prev-preview-btn{left:-15vw}.image-preview-modal .image-preview-content .next-preview-btn{right:-15vw}.image-preview-modal .image-preview-content .image-counter{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border-radius:3vw;bottom:-8vw;color:#333;font-size:3vw;font-weight:500;left:50%;padding:1vw 3vw;position:absolute;transform:translateX(-50%)}@media(max-width:768px){.AgentChat .chat-header{padding:4vw 5vw}.AgentChat .chat-header .back-btn,.AgentChat .chat-header .history-btn{font-size:5vw}.AgentChat .chat-header .ai-name{font-size:4vw}.AgentChat .historys .history-list{border-radius:4vw 4vw 0 0;max-height:85vh}.AgentChat .historys .history-list h3{font-size:3.8vw;padding:5vw 5vw 4vw}.AgentChat .historys .history-list h3:after{height:.6vw;width:10vw}.AgentChat .historys .history-list h3 .close-btn{font-size:5vw;height:8vw;width:8vw}.AgentChat .historys .history-list p{font-size:3.2vw;padding:5vw}.AgentChat .historys .history-list .loading-history{padding:5vw}.AgentChat .historys .history-list .loading-history .loading-dots{margin-bottom:3vw}.AgentChat .historys .history-list .loading-history .loading-dots span{height:2vw;width:2vw}.AgentChat .historys .history-list .loading-history p{font-size:3vw;padding:0}.AgentChat .historys .history-list ul li{padding:4vw 5vw}.AgentChat .historys .history-list ul li .conversation-info .conversation-title{font-size:3.2vw}.AgentChat .historys .history-list ul li .conversation-info .conversation-time{font-size:2.8vw}.AgentChat .chat-messages{padding:4vw}.AgentChat .chat-messages .message .message-content{font-size:3.2vw;padding:2vw}.AgentChat .chat-messages .message .message-content h4{font-size:3.5vw}.AgentChat .chat-messages .message .message-content .generated-image img{max-width:80vw}.AgentChat .chat-input-bar{padding:4vw 5vw}.AgentChat .chat-input-bar .send-btn,.AgentChat .chat-input-bar .voice-btn{font-size:5vw}.AgentChat .chat-input-bar .message-input{font-size:3.2vw;padding:3vw 4vw}}@media(min-width:1200px){.AgentChat .chat-header{padding:2vw 3vw}.AgentChat .chat-header .ai-name,.AgentChat .chat-header .back-btn,.AgentChat .chat-header .history-btn{font-size:2.5vw}.AgentChat .historys .history-list{border-radius:2vw 2vw 0 0;max-height:75vh}.AgentChat .historys .history-list h3{font-size:2vw;padding:2.5vw 3vw 2vw}.AgentChat .historys .history-list h3:after{height:.3vw;width:6vw}.AgentChat .historys .history-list h3 .close-btn{font-size:2.5vw;height:4vw;width:4vw}.AgentChat .historys .history-list p{font-size:1.8vw;padding:3vw}.AgentChat .historys .history-list .loading-history{padding:3vw}.AgentChat .historys .history-list .loading-history .loading-dots{margin-bottom:1.5vw}.AgentChat .historys .history-list .loading-history .loading-dots span{height:1vw;width:1vw}.AgentChat .historys .history-list .loading-history p{font-size:1.6vw;padding:0}.AgentChat .historys .history-list ul li{padding:2vw 3vw}.AgentChat .historys .history-list ul li .conversation-info .conversation-title{font-size:1.6vw}.AgentChat .historys .history-list ul li .conversation-info .conversation-time{font-size:1.4vw}.AgentChat .chat-messages{padding:2vw}.AgentChat .chat-messages .message .message-content{font-size:1.8vw;padding:2vw}.AgentChat .chat-messages .message .message-content h4{font-size:2vw}.AgentChat .chat-messages .message .message-content .generated-image img{max-width:40vw}.AgentChat .chat-input-bar{padding:2vw 3vw}.AgentChat .chat-input-bar .send-btn,.AgentChat .chat-input-bar .voice-btn{font-size:2.5vw}.AgentChat .chat-input-bar .message-input{font-size:1.8vw;padding:1.5vw 2vw}}@keyframes loading-dots{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}