.SearchGroup{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.SearchGroup .slogan{color:#181818;margin-bottom:30px;font-family:Alimama ShuHeiTi,sans-serif;font-size:36px}.SearchGroup .slogan span{color:#0000;background:linear-gradient(90deg,#8f06ff 0%,#42baff 100%);-webkit-background-clip:text;background-clip:text}.SearchGroup .searchItems{border:1px solid #e5eef6;border-radius:100px;column-gap:12px;margin-bottom:30px;padding:3px;display:flex}.SearchGroup .searchItems .item{color:#505a71;cursor:pointer;border-radius:100px;place-content:center;place-items:center;gap:10px;width:140px;height:42px;font-size:14px;font-weight:500;transition:all .3s ease-in-out;display:flex}.SearchGroup .searchItems .item:hover,.SearchGroup .searchItems .itemActive{color:#fff;background:linear-gradient(90deg,#6863ff 0%,#42b9ff 100%)}.SearchGroup .inputGroup{z-index:10;background:#fff;border-radius:0 8px 8px;justify-content:space-between;width:63.25rem;height:140px;margin:4px;padding:24px;display:flex;box-shadow:0 4px 12px #0000000f}.SearchGroup .inputMain{align-items:flex-start;width:calc(100% - 52px);min-width:0;display:flex}.SearchGroup .inputGroup .icon{color:#7e8792;cursor:pointer;flex-shrink:0;align-items:flex-start;gap:8px;padding-right:4px;transition:transform .3s ease-in-out;display:flex}.SearchGroup .inputGroup .icon:hover{transform:rotate(13deg)}.SearchGroup .inputGroup .uploadedAiImageWrap{background:#edf9ff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin:4px 12px 0 2px;display:flex;position:relative}.SearchGroup .inputGroup .uploadedAiImage{object-fit:cover;width:30px;height:30px;box-shadow:none;pointer-events:none;border-radius:4px}.SearchGroup .inputGroup .uploadedAiDelete{z-index:2;color:#1b2337;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:14px;line-height:16px;display:flex;position:absolute;top:-8px;left:-8px;box-shadow:0 2px 8px #0000001f}.SearchGroup .inputGroup .uploadedAiPreview{z-index:10000;background:#fff;border-radius:8px;width:108px;height:108px;padding:4px;display:none;position:absolute;bottom:34px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000024}.SearchGroup .inputGroup .uploadedAiImageWrap:hover .uploadedAiPreview{display:block}.SearchGroup .inputGroup .uploadedAiPreviewImage{object-fit:cover;border-radius:6px;width:100px;height:100px}.searchInput{resize:none;border:none;flex:1;width:auto;min-width:0;height:70px}.SearchGroup .inputGroup .searchInput:hover,.SearchGroup .inputGroup .searchInput:focus,.SearchGroup .inputGroup .searchInput:active,.SearchGroup .inputGroup .searchInput:focus-visible{box-shadow:none;border:none;outline:none}.SearchGroup .searchBtn{cursor:pointer;color:#fff;background:linear-gradient(90deg,#0e7aff 0%,#05f 100%);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;bottom:30px;right:20px}.SearchGroup .inputGroup .searchIcon{transition:transform .3s ease-in-out}.SearchGroup .inputGroup .searchIcon:hover{transform:rotate(45deg)scale(1.1)}.searchInputGroup{z-index:100;background:linear-gradient(92.59deg,#d8e5ff96 2.29%,#e6e0ff96 100%);border-radius:16px;height:180px;position:relative}.searchInputGroup .tabGroup{z-index:9;align-items:start;display:flex;position:absolute;top:4px;left:4px}.searchInputGroup .tabItem{cursor:pointer;color:#505a71;border-radius:13px 13px 0 0;align-items:center;padding:4px 24px;font-size:14px;transition:all .3s ease-in-out}.searchInputGroup .tabActive{color:#1b2337;font-weight:600;position:relative}.searchInputGroup .tabActive:after{content:"";z-index:-1;background:url("https://yunhui-asset-cdn.oss-cn-shanghai.aliyuncs.com/file/20260331/Rectangle 3107_1774943490605.png") 0 0/174px;width:174px;height:67px;position:absolute;top:0;left:0}.searchInputGroup .tabItem:last-of-type.tabActive:after{left:-68px;transform:scaleX(-1)}.searchInputGroup .searchBox{z-index:99;background:#fff;border-radius:0 12px 12px;flex-direction:column;gap:24px;width:63.25rem;padding:1rem 1rem 2rem;font-weight:500;display:flex;position:absolute;top:70px;box-shadow:0 4px 12px #0000000f}.searchInputGroup .btnTextSearch{color:#1b2337;cursor:pointer;border:.5px solid #ebeef5;border-radius:4px;justify-content:center;align-items:center;padding:5px 10px;font-size:12px;display:flex}.searchInputGroup .btnAdd{width:40px;height:40px}.searchInputGroup .sizePanel{z-index:9999;background:#fff;border:1px solid #dfe3ec;border-radius:6px;flex-direction:column;width:160px;padding:14px 8px 12px;display:flex;position:absolute;top:calc(100% - 8px);left:128px;box-shadow:0 18px 42px #1b233724}.searchInputGroup .sizePanelTitle{color:#8793aa;padding:0 16px 10px;font-size:13px;line-height:20px}.searchInputGroup .sizeItem{color:#1b2337;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:8px;height:36px;padding:0 16px;font-size:13px;font-weight:400;display:flex}.searchInputGroup .sizeItemActive{background:#eff2fa}.searchInputGroup .sizePreview{border:1px solid #1b2337;border-radius:2px;flex-shrink:0}
.slogan-button{cursor:pointer;transition:all .3s ease-in-out;position:relative}.star-1,.star-2,.star-3,.star-4,.star-5,.star-6{opacity:0}.slogan-button:hover .star-1,.slogan-button:hover .star-2,.slogan-button:hover .star-3,.slogan-button:hover .star-4,.slogan-button:hover .star-5,.slogan-button:hover .star-6{opacity:1}.star-1{filter:drop-shadow(0 0 #b1b9cf);z-index:-5;width:25px;height:auto;transition:all 1s cubic-bezier(.05,.83,.43,.96);position:absolute;top:20%;left:20%}.star-2{filter:drop-shadow(0 0 #fffdef);z-index:-5;width:15px;height:auto;transition:all 1s cubic-bezier(0,.4,0,1.01);position:absolute;top:45%;left:45%}.star-3{filter:drop-shadow(0 0 #fffdef);z-index:-5;width:5px;height:auto;transition:all 1s cubic-bezier(0,.4,0,1.01);position:absolute;top:40%;left:40%}.star-4{filter:drop-shadow(0 0 #fffdef);z-index:-5;width:8px;height:auto;transition:all .8s cubic-bezier(0,.4,0,1.01);position:absolute;top:20%;left:40%}.star-5{filter:drop-shadow(0 0 #fffdef);z-index:-5;width:15px;height:auto;transition:all .6s cubic-bezier(0,.4,0,1.01);position:absolute;top:25%;left:45%}.star-6{filter:drop-shadow(0 0 #fffdef);z-index:-5;width:5px;height:auto;transition:all .8s;position:absolute;top:5%;left:50%}.slogan-button:hover{background:0 0;box-shadow:0 0 25px #9dd8ff}.slogan-button:hover .star-1{filter:drop-shadow(0 0 10px #fffdef);z-index:2;width:25px;height:auto;position:absolute;top:-80%;left:-30%}.slogan-button:hover .star-2{filter:drop-shadow(0 0 10px #fffdef);z-index:2;width:15px;height:auto;position:absolute;top:-25%;left:10%}.star-4:hover .star-3{filter:drop-shadow(0 0 10px #fffdef);z-index:2;width:5px;height:auto;position:absolute;top:55%;left:25%}.slogan-button:hover .star-4{filter:drop-shadow(0 0 10px #fffdef);z-index:2;width:8px;height:auto;position:absolute;top:30%;left:80%}.slogan-button:hover .star-5{filter:drop-shadow(0 0 10px #fffdef);z-index:2;width:15px;height:auto;position:absolute;top:25%;left:115%}.slogan-button:hover .star-6{filter:drop-shadow(0 0 10px #fffdef);z-index:2;width:5px;height:auto;position:absolute;top:5%;left:60%}.fil0{fill:#fffdef}.slogan{color:#181818;margin-bottom:30px;font-family:Alimama ShuHeiTi,sans-serif;font-size:36px}.slogan span{color:#0000;background:linear-gradient(90deg,#8f06ff 0%,#42baff 100%);-webkit-background-clip:text;background-clip:text}.searchItems{border:1px solid #e5eef6;border-radius:100px;column-gap:12px;margin-bottom:30px;padding:3px;display:flex;position:relative;overflow:hidden}.searchItems .indicator{pointer-events:none;z-index:0;background:linear-gradient(90deg,#6863ff 0%,#42b9ff 100%);border-radius:100px;width:140px;height:42px;transition:transform .32s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px}.searchItems .item{cursor:pointer;color:#2c2c2c;z-index:1;border-radius:100px;place-content:center;place-items:center;gap:10px;width:140px;height:42px;font-weight:500;transition:color .3s ease-in-out;display:flex;position:relative}.searchItems .item:hover,.searchItems .itemActive{color:#fff}.SearchGroup .searchItems .item:hover,.SearchGroup .searchItems .itemActive{background:0 0}
