| 1 |
- .other_login{display:flex;justify-content:center;padding-top:40px}.other_login .qq_login{background:#eeeeee;height:56px;width:56px;border-radius:60px;display:flex;justify-content:center;padding:8px}.loginPage{width:100vw;height:100vh;position:fixed;background:rgba(13,12,34,.56);inset:0;z-index:999;display:flex;align-items:center;justify-content:center}.loginPage .loginCard{position:relative;margin:auto;height:550px;border-radius:10px;overflow:hidden;display:flex;transition:all .3s;transform:translateY(60px);animation:loadingLogin .5s forwards}.loginPage .loginCard .leftLogin{flex:1;height:100%}.loginPage .loginCard .leftLogin>img{border-radius:16px;padding:6px;width:550px;height:100%;-o-object-fit:cover;object-fit:cover;aspect-ratio:1 / 1}.loginPage .loginCard .rightLogin{position:relative;background-color:#fff;flex-shrink:0;width:350px;padding:40px 35px}@keyframes loadingLogin{0%{transform:translateY(60px)}to{transform:translateY(0)}}.closeLogin{position:absolute;width:40px;height:40px;right:25px;top:35px;cursor:pointer;z-index:10}.loginFade-enter-active,.loginFade-leave-active{transition:all .5s}.loginFade-enter,.loginFade-leave-to{opacity:0}.loginIco{width:30px;height:30px;border-radius:100%;margin-right:10px}.loginBtn{width:100%;height:38px;color:#fff;border-radius:8px;background:#007AFF;font-size:14px}.hr-login{border-color:#f1f1f1}@media (max-width: 550px){.closeLogin{right:15px;top:45px}.loginCard{box-shadow:none!important;border-radius:0!important;height:100%!important;width:100%!important;transform:translateY(0)!important;animation:none!important}.leftLogin{display:none}.rightLogin{position:relative;padding:50px 15px!important;width:100%!important}}.input_title{font-size:12px;margin-bottom:3px;color:#8c939d}.SmsCodeButton{width:100px;height:45px;background:#F3F3F3;color:#6c6c6c;border-radius:8px;font-size:14px;border:1px solid #f1f1f1;transition:background-color .3s}.SmsCodeButton:active{background-color:#e3e3e3}.inputLogin{border:2px solid transparent;width:100%;height:45px;padding-left:.8em;outline:none;font-size:14px;overflow:hidden;background-color:#f3f3f3;border-radius:8px;transition:all .5s}.inputLogin:hover,.inputLogin:focus{border:2px solid rgba(74,157,236,.76);box-shadow:0 0 0 5px #4a9dec33;background-color:#fff}.bookmarkBox{position:absolute;width:100%;height:100%;background:#fff;display:grid;grid-template-columns:max-content 1fr;grid-template-rows:38px 1fr}.bookmarkBox>.bookmarkHead{background:#ffffff;width:100%;height:38px;grid-column:1 / 3;border-bottom:1px solid #e8e8e8}.bookmarkBox>.leftBookmark{overflow-y:scroll;font-size:14px}.rightBookmarkContent{position:relative;height:465px}.rightBookmarkContent::-webkit-scrollbar{display:none}.bookmarkItem{transition:color .3s}.bookmarkItem>.bookmarkItemController{transition:opacity .3s;opacity:0}.bookmarkItem:hover{color:#04a3ff}.bookmarkItem:hover>.bookmarkItemController{opacity:1}.extDownload>h1{margin-top:150px;font-size:18px;text-align:center;color:#7c7c7c;font-weight:700}.extDownload>.downloadBox{margin-top:30px;display:flex;justify-content:center;gap:30px;width:100%}.extDownload>.downloadBox>a{padding:10px 15px;background:#eeeeee;border-radius:100px;display:flex;align-items:center;gap:15px;font-size:14px}.extDownload>.downloadBox>a>img{width:30px;height:30px}.selectWallpaperItem{background-color:#0080ff!important;color:#fff!important}.background-addBox{height:100%;width:100%;display:flex;background:#FFFFFF}.background-addBox>.bg-left{width:125px;height:100%;transform:translateY(0)}.background-addBox>.bg-left .titleTop{height:80px;color:#000}.background-addBox>.bg-left>.netBG{height:calc(100% - 60px)}.background-addBox>.bg-left>div>div{cursor:pointer;display:flex;align-items:center;border-radius:5px;padding:6px 8px;font-size:13px;width:100%;color:#000;transition:all .3s}.background-addBox>.bg-left>div>div>.iconfont{font-size:18px}.background-addBox>.bg-left>div>div>span:not(.iconfont){margin-left:5px}.background-addBox>.bg-right{width:calc(100% - 125px);padding:15px 0}.background-addBox>.bg-right::-webkit-scrollbar{display:none}.custom{width:101px;border-radius:5px;padding:6px 8px;font-size:13px}.f2x4{padding:8px;width:100%;height:100%;background-color:#fff;display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:20px;grid-row-gap:10px;grid-template-rows:repeat(2,1fr)}.f2x4>.item{width:var(--iconWidth);height:var(--iconWidth)}.f2x4>.item>.itemBox{margin-top:2px;height:calc(var(--iconWidth))}.f2x4>.item>.itemBox>img,.f2x4>.item>.itemBox>.textIconBox{border-radius:var(--iconRadius);width:calc(var(--iconWidth) + 2);aspect-ratio:1 / 1}.f2x4>.item>.itemBox>.GpName{display:none}.f2x4 .miniGrid{margin:4px;aspect-ratio:1 / 1}.iconGroupZZ{position:absolute;top:40px;left:40px;width:calc(100% - 80px);height:calc(100% - 80px);z-index:1;background:transparent}.miniGrid>div>div>img{width:100%;height:100%}.iconGroupzzz{position:absolute;top:18px;left:18px;width:calc(100% - 36px);height:calc(100% - 36px);z-index:1;background:transparent}.iconGpText{font-size:12px}.f2x2{padding:10px;width:100%;height:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:8px;grid-row-gap:8px;grid-template-rows:repeat(3,1fr);align-items:center;justify-content:center}.f2x2>.item>.itemBox{height:min(calc(var(--iconWidth) / 1.5))}.f2x2>.item>.itemBox>img,.f2x2>.item>.itemBox>.textIconBox{border-radius:var(--iconRadius);width:calc(var(--iconWidth) / 1.5);height:calc(var(--iconWidth) / 1.5)!important}.f2x2>.item>.itemBox>.GpName{display:none}.f2x2>.item:nth-child(n+9){display:none!important}.minGp{padding:8px;width:100%;height:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:10px;grid-row-gap:10px;grid-template-rows:repeat(2,1fr);align-items:center;justify-content:center}.minGp>.item>.itemBox{height:min(calc(var(--iconWidth)))}.minGp>.item>.itemBox>img,.minGp>.item>.itemBox>.textIconBox{border-radius:var(--iconRadius);width:calc(var(--iconWidth));height:calc(var(--iconWidth))!important}.minGp>.item>.itemBox>.GpName{display:none}.minGp .miniGrid{aspect-ratio:1 / 1;margin:3px}.f1x1{width:100%;padding:6px;height:var(--iconWidth);display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:6px;grid-row-gap:6px;grid-template-rows:repeat(2,1fr)}.f1x1>.item{align-items:center}.f1x1>.item>.itemBox>img,.f1x1>.item>.itemBox>.textIconBox{border-radius:4px;width:calc(var(--iconWidth) / 2);aspect-ratio:1 / 1}.f1x1>.item>.itemBox>.textIconBox>div{transform:scale(.4)}.f1x1>.item>.itemBox>.GpName{display:none}.f1x1>.item:nth-child(n+5){display:none!important}.iconGP{transform:translateZ(0);background-color:#ffffff4d;border-radius:var(--iconRadius)}.selBoxsss{position:relative;z-index:2}.selBoxsss:before{position:absolute;content:" ";z-index:-1;top:0px;left:0px;width:100%;height:calc(100% - 20px);background-color:#fcfcfc85;border-radius:var(--iconRadius);animation:scaleCss 1s infinite}.selBoxsss:after{position:absolute;content:" ";z-index:-1;top:0px;left:0px;width:100%;height:calc(100% - 20px);background-color:#fcfcfc85;border-radius:var(--iconRadius);animation:scaleCss 1s infinite;animation-delay:.5s}@keyframes scaleCss{0%{transform:scale(1)}70%{opacity:.7;transform:scale(1.1)}to{opacity:0;transform:scale(1.2)}}.selectCom{background-color:#0080ff!important;color:#fff!important}.addIconBottom{position:absolute;width:100%;height:50px;bottom:0;display:grid;background:#fff;grid-template-columns:repeat(3,1fr)}@media (min-width: 500px){.addIconBottom{display:none}}.addIconBottom>div{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#000;height:50px}.addIconBottom>.selectCom{background-color:transparent!important;color:#1664ff!important}.addiconframe{height:100%;width:100%;display:flex;background:#ffffff}@media (max-width: 500px){.addiconframe{display:block}}.addiconframe>.left{width:145px;height:calc(100% + 28px);transform:translateY(0)}@media (max-width: 500px){.addiconframe>.left{display:none}}.addiconframe>.left .titleTop{transform:translateY(15px);display:none;height:80px;color:#000}.addiconframe>.left>.add-body{transform:translateY(40px)}.addiconframe>.left>.add-body>.add-type{cursor:pointer;display:flex;align-items:center;border-radius:5px;padding:6px 10px;font-size:15px;width:100%;color:#000;transition:all .3s}.addiconframe>.left>.add-body>.add-type>.iconfont{font-size:18px}.addiconframe>.left>.add-body>.add-type>span:not(.iconfont){margin-left:5px}.addiconframe>.right{width:calc(100% - 145px);height:calc(100% - 40px);padding:0 15px 0 0;transform:translateY(40px)}@media (max-width: 500px){.addiconframe>.right{position:relative;width:100%;overflow-y:scroll;padding:15px 15px 50px}}.searchEngineUserManager{position:absolute;top:0;left:0;overflow-y:scroll;width:100%;height:calc(100% + -0px);padding:0 0 20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#FFFFFF}.searchEngineUserManager>.myEngine{min-height:80px}.engBox{position:relative;margin:auto;width:50px}.search-add-ico,.search-del-ico{position:absolute;border-radius:30px;right:-8px;top:-8px;width:20px;height:20px;background:#ff5f57;display:flex;justify-content:center;align-items:center;cursor:pointer}.searchEngineTitle{position:relative;top:10px;width:230px;height:20px;left:15px;color:#0d0c22;font-size:15px}.customEngineName{width:115px;border-radius:4px;padding:6px 10px;font-size:12px;outline:none;background:#eaeaea;border:1px solid transparent}.customEngineName:focus{border:1px solid #04a3ff}.customEngineUrl{border-radius:4px;padding:6px 10px;font-size:12px;outline:none;flex:1;background:#eaeaea;border:1px solid transparent}.customEngineUrl:focus{border:1px solid #04a3ff}.addCustom{width:80px;flex-shrink:0;background:#04a3ff;padding:0 10px;outline:none;border:none;color:#fff;font-size:12px}@media (max-width: 500px){.addCustom{width:100%}}.framer{position:fixed;width:100%;height:100%;z-index:500;background-color:#00000080;display:flex;align-items:center;justify-content:center}.framer .component-engine{position:absolute;border-radius:10px;overflow:hidden;opacity:1}.framer .component-engine .componentView{position:relative;width:100%;height:100%;z-index:9}.fadeFrame-enter-active,.fadeFrame-leave-active{transition:opacity .35s ease}.fadeFrame-enter-from,.fadeFrame-leave-to{opacity:0}.closeFrame{width:20px;height:20px;position:absolute;right:10px;top:8px;z-index:100;background:#ff5f57;border-radius:30px;display:flex;justify-content:center;align-items:center}
|
