CorePressWPTheme/static/css/main.css

9 lines
21 KiB
CSS
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

/*
Theme Name: CorePress
Theme URI: https://www.lovestu.com/CorePress.html
Version: 2.x
Author: applek
Author URI: https://www.lovestu.com
Description: 极客个人主题多功能CMS主题
Tags:CorePress
*/*{margin:0;padding:0;box-sizing:border-box}img{vertical-align:middle}.sticky{position:sticky;top:0;left:0;bottom:0;right:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px #fff;background-color:#fff;border-radius:3px}::-webkit-scrollbar-thumb{border-radius:4px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#C0C4CC}:root{--Maincolor:#409EFF;--MaincolorHover:#66b1ff;--bagcolor:#f7f9fa;--swiper-navigation-size:30px!important}a{text-decoration:none;color:var(--Maincolor)}a:visited{color:var(--Maincolor)}html{font-family:PingFang\ SC,Hiragino\ Sans\ GB,Microsoft\ YaHei,STHeiti,WenQuanYi\ Micro\ Hei,Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility;font-size:16px;margin-top:0!important}textarea{font-family:PingFang\ SC,Hiragino\ Sans\ GB,Microsoft\ YaHei,STHeiti,WenQuanYi\ Micro\ Hei,Helvetica,Arial,sans-serif}html,body,#app{height:100%;background:var(--bagcolor)}body{overflow-x:hidden}#app{display:flex;flex-direction:column}.container{max-width:1200px;margin-left:auto;margin-right:auto}main{flex:1;width:100%}.html-main{justify-content:space-between;display:flex;position:relative;z-index:1}header{width:100%;box-shadow:0 2px 4px 0 rgba(114,144,179,.06);align-items:center;background:#fff;position:fixed;z-index:99;cursor:default}.header-logo-plane{height:50px;display:flex;align-items:center}.header-logo img{height:50px;width:auto}.header-logo a{color:var(--Maincolor)}.header-main-plane{padding:0 20px}.header-main{width:100%;display:flex;justify-content:space-between;align-items:center;height:100%;position:relative;max-width:1300px;margin-left:auto;margin-right:auto}.header-menu{display:flex}.menu-header-plane{position:relative;height:100%}.menu-header-plane ul{display:flex}.menu-header-plane>ul{height:100%;background:#fff}.menu-header-plane a,.user-menu-plane a{height:100%;width:100%}.menu-header-list>.menu-item>a{position:relative;transition:all .3s}.menu-header-list>.menu-item>a:hover{color:var(--MaincolorHover)}.menu-header-list>.menu-item>a:before{content:"";position:absolute;bottom:0;left:40%;width:0;height:3px;background:var(--Maincolor);transition:all .3s;display:flex;justify-content:center;visibility:hidden}header .current-menu-item:before{content:"";position:absolute;bottom:0;left:10%;width:80%;height:3px;background:var(--Maincolor);transition:all .3s;display:flex;justify-content:center}.menu-header-list>.menu-item>a:hover:before{visibility:visible;width:80%;left:10%}.menu-item-has-children>a:before{display:none!important}.menu-header-list>li>a{line-height:62px;padding:0 14px}.menu-header-list>.menu-item-has-children a,.user-menu a{padding-right:20px}.menu-header-list>.menu-item-has-children:after,.user-menu:after{position:absolute;right:0;top:0;font-family:"Font Awesome 5 Pro";content:"\f107";font-size:14px;line-height:62px;transition:transform .3s}.menu-header-list>.menu-item-has-children:hover:after{transform:rotate(-90deg)}.user-menu-main{font-size:14px}.user-menu-plane{display:flex;align-items:center}.user-menu{flex:1}.user-menu-pc-search{cursor:pointer;padding:0 6px}.user-avatar{border-radius:50%;display:inline-block;margin-right:6px}.user-menu:hover:after{transform:rotate(-90deg)}.menu-header-plane li{list-style:none;position:relative;height:100%}.menu-header-plane li>a{display:inline-block!important;color:#4e5358}.menu-item-has-children>ul{display:block}.menu-item-has-children:hover>.sub-menu{visibility:visible;display:block;z-index:1;opacity:1;top:50px;min-width:118px}.sub-menu{position:absolute;visibility:hidden;background:#fff;box-shadow:0 1px 3px rgba(26,26,26,.1);top:60px;white-space:nowrap;border-radius:4px;transition-duration:.3s;opacity:0}.sub-menu li a,.user-sub-menu li a{padding:10px 20px;transition-duration:.3s}.sub-menu li a:hover,.user-sub-menu li a:hover{color:var(--MaincolorHover)}.sub-menu .sub-menu{left:100%;top:0!important}.user-menu-plane li{list-style:none}.login-btn-header:active{box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.login-btn-header{border:1px solid var(--Maincolor);color:var(--Maincolor);border-radius:4px;background:#fff;outline:0;cursor:pointer;padding:5px 13px}.user-menu-main{line-height:62px;padding:0 14px;display:inline-block!important;color:#4e5358}.user-menu>li{position:relative}.user-menu>li:hover .user-sub-menu{visibility:visible;opacity:1;top:50px}.user-sub-menu{position:absolute;visibility:hidden;display:block;background:#fff;opacity:0;box-shadow:0 1px 3px rgba(26,26,26,.1);top:100px;white-space:nowrap;z-index:99;left:20px;border-radius:4px;transition-duration:.3s}.user-sub-menu a{padding:10px 20px;display:inline-block!important;color:#4e5358}.swiper-slide{position:relative}.swiper-slide img{height:auto;width:100%;max-height:300px;border-radius:4px}.slide-title{position:absolute;z-index:2;width:100%;bottom:0;left:0;padding:3px 15px 0;margin:0;font-size:16px;line-height:48px;font-weight:400;color:#fff;box-sizing:border-box}.swiper-pagination{display:inline-block!important}.carousel{margin-bottom:20px;overflow:hidden;position:relative}.carousel:hover .swiper-button-prev,.carousel:hover .swiper-button-next{visibility:visible;opacity:1}.corepress-swiper-button{position:absolute;top:50%;z-index:10;font-size:20px;color:#fff;background:#0a0a0a;padding:6px;cursor:pointer;border-radius:3px;margin-top:calc(-1 * var(--swiper-navigation-size) / 2);opacity:.7}.swiper-pagination{text-align:right!important;padding-right:10px}.carousel:hover .corepress-swiper-button-next{right:10px!important}.carousel:hover .corepress-swiper-button-prev{left:10px!important}.corepress-swiper-button-prev,.corepress-swiper-button-next{transition:.2s;outline:0}.corepress-swiper-button-prev{left:-100px!important}.corepress-swiper-button-next{right:-100px!important}.list-plane-title{background:#fff;padding:19px 8px;border-bottom:1px solid #f5f6f7}.list-plane-title>p{padding-left:20px;font-weight:500;font-size:18px}.post-main{flex-basis:74%;margin-bottom:10px;margin-left:10px;margin-right:10px;width:0;min-width:0}.post-main-full{flex-basis:100%!important}.sidebar{flex-basis:26%;margin:0 10px;width:0;min-width:0}.sidebar-box-list{position:sticky;top:0;left:0;bottom:0;right:0}.post-main img{max-width:100%;height:auto}.post-list-page-plane{box-shadow:0 0 2px 0 rgba(98,124,153,.1);border-radius:4px;overflow:hidden}.post-list,.sidebar li{list-style:none!important}.post-item-sticky{display:inline-block;padding:0 5px;margin-top:2px;font-size:12px;font-weight:400;line-height:18px;color:#fff;background:var(--Maincolor);border-radius:3px;vertical-align:top}.post-item{overflow:hidden;background:#fff;border-bottom:1px solid #f5f6f7;position:relative}.post-item a{color:#999;transition:all .3s ease-out 0s}.post-item a:hover{color:var(--MaincolorHover)}.post-item:hover{background:#fcfcfc}.post-item-bg img{filter:blur(10px) brightness(0.8);transform:scale(1.2);position:absolute}.post-item-container{display:flex;align-items:stretch;padding:20px 24px;margin:5px}.post-item h2{color:#333;line-height:1.2;font-size:20px;font-weight:500}.post-item h2 a{color:#333;transition:all .3s ease-out 0s}.post-item h2 a:hover{color:var(--MaincolorHover)}.post-item-thumbnail{flex:30%;flex-shrink:0;overflow:hidden}.post-item-thumbnail img{object-fit:cover;max-width:240px;width:100%;border-radius:4px;transition:all .3s ease-out 0s;max-height:150px}.post-item-thumbnail img:hover{transform:scale(1.03)}.post-item-main{margin-left:20px;font-weight:500;display:flex;justify-content:space-between;flex-direction:column;flex:70%}.post-item-meta{display:flex;justify-content:space-between;color:#b1b1b1;font-size:15px;margin-top:6px}.post-item-type1{padding:20px 30px}.post-item-type1{padding:0 30px}.post-item-type1 h2{padding:10px 0}.post-item-info-type1{margin:20px 0}.post-item-thumbnail-type1{margin-bottom:10px;overflow:hidden}.post-item-thumbnail-type1 img{width:100%;max-height:300px;border-radius:4px;transition:all .3s ease-out 0s}.post-item-thumbnail-type1 img:hover{transform:scale(1.03)}.cat-item-mark{position:relative;width:11px;height:11px;display:inline-block;content:'';border-radius:50%;background:#1985ff;margin-right:5px}.post-item-tags>.cat-item-mark:nth-child(3){background:#f35}.post-item-tags>.cat-item-mark:nth-child(5){background:#ffa41b!important}.post-item-content{flex:1;font-size:14px;line-height:20px;margin-top:10px;color:#797c80;max-height:40px;overflow:hidden}.post-item-info{font-size:15px}.item-post-meta-other{display:flex;align-items:stretch}.post-item-time{color:#adb5bd}.item-post-meta-other span{margin-left:6px}.item-post-meta-other i{margin-right:6px}.post-item-author{margin-top:30px;font-size:14px}.pages{text-align:center;background:#fff;padding:20px}.fenye a,.pagedbox,.page-numbers{display:inline-block;padding:7px 8px;margin-left:5px;margin-bottom:5px;color:#999;line-height:1;background-color:#f2f2f2;border-radius:4px;transition:all .3s ease-out 0s;font-size:14px}.fenye a:hover,.page-numbers:hover{background:var(--MaincolorHover)!important;color:#fff!important}.current{background:var(--Maincolor)!important;color:#fff!important}.page-count{display:inline-block;margin-left:10px}.aside-box{background:#fff;padding:10px;box-shadow:0 0 2px 0 rgba(98,124,153,.1);border-radius:4px;margin-bottom:20px}.aside-box li{margin-bottom:10px}.aside-box a{color:#999;transition:all .3s ease-out 0s;font-size:14px}.aside-box a:hover{color:var(--MaincolorHover)}.widget-title{position:relative;padding-left:20px;margin-bottom:6px;padding-bottom:16px;padding-top:4px;border-bottom:1px solid #f5f6f7;font-size:16px;font-weight:600;color:#18191a;line-height:22px}.widget-title:before,.widget-title:after{position:absolute;transform:skewX(-15deg);content:'';width:2px;height:15px;background:var(--Maincolor);top:8px;left:4px;bottom:10%;transition:.4s}.widget-title:after{left:10px}.footer-plane{background:#22292d;color:#5f676f;padding:30px;font-size:15px}.menu-footer-plane{margin-bottom:10px}.footer-plane a{color:#b3c0ce}.footer-container{max-width:1300px;margin:auto;display:flex;justify-content:space-between}.footer-container>div{flex:33.3%}.footer-container>div:nth-child(1){padding-right:20px}.footer-logo img{height:50px}.footer-details{text-align:right}.footer-aside-box li{list-style:none}.footer-aside-box a{color:#f2f2f2!important}.footer-widget-title{font-size:18px}.menu-footer-plane,.footer-info{font-size:14px}.menu-footer-plane li{list-style:none}.menu-footer-list{display:flex}.menu-footer-list .menu-item{margin-right:10px}.footer-details{display:flex;justify-content:flex-end}.footer-details img{height:90px}.footer-details>div{text-align:center;margin-right:10px}::selection{background:var(--fontSelectedColor);color:#fff}.post-content{background:#fff;padding:30px;box-shadow:0 0 2px 0 rgba(98,124,153,.1);margin-bottom:10px;line-height:1.6;border-radius:4px;color:#4e5358}.post-content li{list-style-position:inside}.post-content p{margin-bottom:10px;line-height:1.8;word-wrap:break-word}.post-title{font-size:22px;color:#333;font-weight:500;padding-bottom:10px;text-align:center;margin-bottom:20px}.post-info{margin-bottom:20px;padding-bottom:10px;font-size:14px;color:#999;border-bottom:1px solid #f5f6f7}.post-info .fa{margin:0 6px}.dot{margin-right:6px}.post-info a{color:#999;transition:all .3s ease-out 0s}.post-content h2,h3{position:relative}.post-content h2:before,h3:before{box-shadow:0 1px 3px rgba(26,26,26,.1)}.post-content h3{padding-bottom:10px;margin:12px 0}.post-content h3:hover:before{width:50px}.post-content h3:before{width:40px;height:3px;top:auto;left:0;bottom:3px;transition:.4s;position:absolute;content:'';background:var(--Maincolor);border-radius:5px}.post-content h2{padding-left:16px;margin:12px 0;border:0;font-weight:700;color:var(--Maincolor);font-size:20px}.post-content h2:before{position:absolute;content:'';width:4px;background:var(--Maincolor);top:10%;left:2px;bottom:10%;border-radius:5px;transition:.4s}.post-content blockquote{position:relative;padding:30px 30px 30px 75px;background:#f3f3f3;border-left:0;font-size:16px;border-radius:4px}.post-content blockquote:before{position:absolute;content:"\f10d";font-family:"Font Awesome 5 Pro";font-weight:900;font-size:32px;color:#ccc;left:30px;top:22px;line-height:1}.post-content ul,ol{margin-bottom:20px;list-style-position:outside}.post-content li{margin-bottom:10px}pre{margin:10px 0;padding:10px;max-height:500px;overflow:auto;background-color:#f8f8f8;border-radius:4px;font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace,sans-serif}pre code{color:unset;background-color:unset}code{font-family:Menlo,Monaco,Consolas,"Courier New",monospace;display:inline-block;padding:0 4px;margin-left:2px;font-size:90%;margin-bottom:2px;color:#c7254e;background-color:#f9f2f4;border-radius:4px}table{width:100%;margin:10px 0;border-collapse:collapse}tr:nth-child(2n+1) td{background:#fafafa}tr:hover td{background-color:#f5f7fa}td{transition:background-color .25s ease;padding:8px;min-width:0;box-sizing:border-box;text-overflow:ellipsis;vertical-align:middle;position:relative;text-align:left;border-bottom:1px solid #ebeef5}.post-copyright{margin-top:30px;font-size:14px;line-height:1.6;border-radius:4px;background:#f7f9fa;padding:8px 20px;color:#999}.post-end-dividing{text-align:center;color:#b1b1b8;margin:20px 0;font-size:14px;user-select:none}.post-end-dividing:before,.post-end-dividing:after{content:"";background:#f3f3f3;width:20%;vertical-align:middle;height:1px;display:inline-block;margin:0 16px}.post-tag{margin-left:10px}.post-tags{font-size:14px;margin-bottom:10px}.post-tags-icon{margin-right:20px;color:#fff;padding:4px;border-radius:50%;background:var(--Maincolor)}.post-tags a{font-size:12px;margin-right:20px;padding:3px 10px;border-radius:6px;opacity:.8;margin-bottom:10px;display:inline-block;color:#888;background:#f3f3f3}.post-share-btn,.post-qrcode-btn{display:inline-block;font-size:14px;text-align:center}.post-end-tool-btns{text-align:center;position:relative;display:flex;justify-content:space-between;width:100%}.post-share-btn svg,.post-qrcode-btn svg{width:30px;height:30px;display:block;fill:currentColor;color:#83878a;cursor:pointer;margin:0 auto;transition:.3s}.post-share-btn svg:hover,.post-qrcode-btn svg:hover{color:var(--MaincolorHover)}.post-share img{width:36px;height:36px;box-shadow:none!important;background:#f3f3f3;padding:6px;border-radius:50%;margin-right:10px}.post-share-list img,.post-share-list svg{width:30px;height:30px}.post-share-list{box-shadow:0 0 10px rgba(0,0,0,.2);border:1px solid rgba(0,0,0,.2);border-radius:3px;padding:20px;display:inline-block;background:#fff}.qrcode-plane-show,.share-plane-show{visibility:visible!important;opacity:1!important}#qrcode-plane{transition:.5s;visibility:hidden;opacity:0;position:absolute;width:200px;padding:20px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.2);border:1px solid rgba(0,0,0,.2);z-index:999;top:-200px;left:-20px;border-radius:4px}#share-plane{transition:.5s;top:-80px;right:-20px;z-index:99;display:block;text-align:center;position:absolute;min-width:200px;visibility:hidden;opacity:0}.post-share img:last-child{margin-right:0}.qrcode-img img,canvas{width:100%}.login-btn{padding:6px 10px!important;margin-left:10px!important}.login-btn:hover{color:#409eff;border-color:#c6e2ff;background-color:#ecf5ff;outline:0}.button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;color:#606266;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;transition:.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:4px}.primary-btn{color:#fff;background-color:var(--Maincolor);border-color:var(--Maincolor)}.primary-btn:hover{background:var(--MaincolorHover);border-color:var(--MaincolorHover);color:#fff}#comments{background:#fff;box-shadow:0 0 2px 0 rgba(98,124,153,.1);border-radius:4px}#comments a{color:#000}#comments li{list-style:none}.comment .children .avatar-img{width:30px;height:30px}#reply-title{margin-bottom:10px;margin-top:10px}.comment_form_textarea_box{margin-bottom:10px;position:relative;flex-grow:1}#comment{width:100%}.logged-in-as{text-align:center;max-width:100px;margin-right:10px;z-index:10;display:flex;flex-direction:column;margin-top:10px;padding:10px}.logged-in-as>a{color:#999!important}#respond{padding:20px;padding-top:0;position:relative}.comment_form_textarea{outline:0;border:1px solid #f7f9fa;resize:none;min-height:100px;padding:6px;transition:.15s;border-radius:4px;background:var(--bagcolor)}.comment_form_textarea:hover{border:1px solid var(--Maincolor)}.comment_form_textarea:focus{border:1px solid var(--Maincolor)}.comment_userinput{display:flex;justify-content:space-between}.comment_userinput input{height:34px;font-size:14px;background:#f5f6f7;border-radius:4px;outline:0;padding-left:6px;border:1px solid #f7f9fa}.comment-set-submit-plane{display:flex;justify-content:space-between;align-items:center}.comment-form-author,.comment-form-email,.comment-form-url{flex:20%;margin:10px}.comment-form-author{margin-left:0!important}.comment-form-url{margin-right:0!important}.comment-form-author input,.comment-form-email input,.comment-form-url input{width:100%;line-height:30px;outline:0;background:#fff}.comment a{color:#000}.comment-pub-time,.comment-btn-reply{font-size:14px;color:#999}.comment-text{color:#777;margin:6px 0;line-height:1.5;font-size:15px}.comment-text>p{margin-top:10px}.comment-navigation{border-radius:4px}.comments-title{margin-bottom:10px;margin-top:10px;padding-top:10px;padding-left:20px;padding-bottom:20px;border-bottom:1px solid #f5f6f7;font-size:18px;font-weight:500}.reply-title,.plane-title{padding:20px 20px;color:#18191a;border-bottom:1px solid #f5f6f7;font-size:18px;font-weight:500}.comment-metadata{margin-left:20px}.comment-item{display:flex;border-bottom:#f2f2f2 1px solid;padding:10px 0 5px}.comment-media{flex-shrink:0}.avatar-img{flex:1}.avatar-img img{border-radius:50%}.author_name{font-size:14px}.comment-from{background:var(--Maincolor);color:#fff;padding:2px 3px;margin-left:5px;border-radius:3px;display:inline-block}.comment-from a{color:#fff!important}.user-identity{display:inline-block;margin:0 3px}.user-identity svg{vertical-align:middle;width:20px;height:auto;fill:var(--Maincolor)}.commentlist{padding:0 30px}.commentlist>.comment>.children{padding-left:60px}.commentlist>.comment>.children>.comment{background:#f7f7f7;padding:0 20px;margin:10px;border-radius:4px;position:relative}.commentlist>.comment>.children>.comment:before{position:absolute;left:15px;top:-17px;border:9px solid transparent;border-bottom:10px solid #f8f8f8;content:""}#reply-title{font-size:16px;font-weight:500}.dots:hover{background-color:#f2f2f2!important;color:#999!important}.comment-sofa{padding:0 30px;font-size:30px;text-align:center;color:#E4E7ED;padding-top:20px;user-select:none}.comment_userinput,.comment-form-cookies-consent{padding-left:80px}.comment-user-plane{display:flex;justify-content:space-between}.comment-user-avatar{border-radius:50%}.comment_form_must_login{height:150px;background:#7474740e;border-radius:4px;text-align:center;color:#b1b1b1;display:flex;justify-content:center;align-items:center;flex-direction:column}.comment_form_must_login{text-align:center}.comment_form_must_login button{margin-top:20px}.textwidget{line-height:1.8}.search-form{display:flex;justify-content:space-between;width:100%}.search-form-input-plane{flex-grow:1;margin-right:20px}.search-keyword{height:34px;font-size:14px;background:#f5f6f7;border-radius:4px;border:0;outline:0;padding-left:6px;width:100%}.search-submit{background-color:var(--Maincolor);color:#fff;height:32px;border:0;border-radius:4px;display:inline-block;cursor:pointer;font-size:13px;font-weight:500;transition-duration:.4s;width:68px}.search-submit:hover{background:var(--MaincolorHover)}.widger-comment-name,.widger-comment-time{margin-left:10px;line-height:30px}.widger-comment-info{display:flex;justify-content:space-between;align-items:flex-start}.widger-comment-user{display:flex}.widger-avatar img{border-radius:4px}.widger-comment-excerpt{position:relative;padding:10px;margin-bottom:10px;margin-top:10px;background:#f7f7f7;border-radius:1px;color:#666}.widger-comment-excerpt:before{position:absolute;left:10px;top:-10px;content:"";width:0;height:0;line-height:0;border:5px solid transparent;border-bottom-color:#f7f7f7}.widger-comment-excerpt p{line-height:1.5;overflow:hidden;text-overflow:ellipsis}.widger-comment-plane{font-size:14px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #f5f6f7;color:#999}.tag-cloud-link{background:#409EFF;color:#fff!important;font-size:14px!important;border-radius:3px;padding:2px 4px;margin-bottom:4px;display:inline-block}.tag-cloud-link:nth-child(2n+1){background:#409EFF}.tag-cloud-link:nth-child(2n+2){background:#67C23A}.tag-cloud-link:nth-child(2n+3){background:#F56C6C}.tag-cloud-link:nth-child(2n+4){background:#909399}.frinds-links{position:relative;background:#fff;border-radius:4px;margin:10px;margin-bottom:20px}.frinds-links-list a{color:#999!important;transition:all .3s ease-out 0s}.frinds-links-list a:hover{color:var(--MaincolorHover)!important}.frinds-links li{font-size:15px;list-style:none;margin-right:20px;margin-bottom:6px}.frinds-links-list{padding:20px;margin:0 10px;display:flex;flex-wrap:wrap}.frinds-links-apply{position:absolute;right:20px;top:20px;color:#999!important}.go-top-plane{cursor:pointer;background:#e8eaeb;position:fixed;bottom:80px;right:20px;border-radius:8px;padding:10px;visibility:hidden;opacity:0;transition:.30s;color:#999;z-index:99}.go-top-plane:hover{color:var(--MaincolorHover)}.go-top-plane-show{opacity:1;visibility:visible;bottom:200px}