/*
Theme Name: skyluck
Author: ChatGPT
Version: 1.0
Description: Minimal WordPress business theme.
*/

body{font-family:Arial,sans-serif;margin:0;padding:0}
#main-content{padding: 50px;}
.content-margin-t{
    height: 80px;
    background: linear-gradient(45deg, #130921, #140920);
}
#rq-1,#rq-2{
    
    border: #ff8400;
    background-size: auto 95%;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 0.5rem;
}
#rq-1{background-image: url(./assets/images/rq-1.webp);}
#rq-2{background-image: url(./assets/images/rq-2.webp);}
header{position: fixed; height: 75px; background-color: rgba(0, 0, 0, 0.3);transition:all .3s ease;width: 100%;color: #fff;}
h1 {
    display: block;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}
h3 {
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}
h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}
#header-box-pc{
    display: grid;
  grid-template-columns: 200px auto;
  grid-gap: 10px;
}
#menuToggle{
    font-size: 2.5em;
    padding-left: 1em;
    justify-content: center;
}
#header-box-app{
    display: none;
  grid-template-columns: 150px auto 150px;
  grid-gap: 10px;
}
#menu-main-menu li {
    display: inline; /* 或者使用 inline-block 以保留空白间隙 */
    margin: 10px;
}
#menu-main-menu a {
    height: 50px;
}
#menu{
    text-align: right;
    display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.txt-color2{
    color: #B5B2B8;
}
#logo-wrap{
    display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.footer-box{background: linear-gradient(45deg, #130921, #140920);color: #fff;border-top: #222 solid 1px; padding: 10px 50px;}
main{max-width:1000px;margin:40px auto;padding:0 20px}

.logo{
    background-image: url(./assets/images/luckycloud.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100% auto;
    height: 80px;
    width: 200px;
}
.home-banner{
    min-height: 582px;
    width: 100%;
    background-color: #0A0A11;
    background-image: url(./assets/images/banner.webp);
    background-repeat: no-repeat;
    background-position: top right; 
}
.home-banner>div{
    padding:40px 40px  10px  50px
}
#app-menu-box{
    background: rgba(0, 0, 0, 0.9);
    margin-top: -10px;
}
.mobile-menu{
    display: none;
}
.mobile-menu.show{
    display:flex;
}
#menu-main-menu-1 a{
    display: block;
    padding: 8px 50px;
    justify-content: center;
  align-items: center;
  background: linear-gradient(45deg, #130921, #140920);
  border-bottom: 1px solid #333;
}

#home-banner-desc{
    max-width: 375px;
}
.banner-title{
    color: #fff;
    font-size: 2.4em;
    padding-top: 40px;
}
.banner-title>span{color: #EA4299;}
.btn{
    color: #fff;
    border: solid #fff 1px;
    padding: 6px 20px;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.5);
    margin: 10px 0 ;
}
.btn-act{
    border: solid #F147A0 1px;
     background-color:#F147A0;
    
}
.main-box{
    background-color: #1D142A;
    margin-top: 40px;
    padding: 10px;
    border-radius: 8px;
    color: #fff;
    display:grid;
    gap:20px;

    /* PC默认4列 */
    grid-template-columns:repeat(4,1fr);
}

.main-list{
    
     text-align:center;
     padding: 10px;
}
.main-list>.icon{
    height: 50px;
    background-repeat: no-repeat;
    background-position: center;

}
.iconimg1{
    background-image: url(./assets/images/home-icon-1.jpg);
}
.iconimg2{
    background-image: url(./assets/images/home-icon-2.jpg);
}
.iconimg3{
    background-image: url(./assets/images/home-icon-3.jpg);
}
.iconimg4{
    background-image: url(./assets/images/home-icon-4.jpg);
}
.main-list>.title{
font-size: 1.2em;
    padding: 5px;
}
.main-list>div>.text{
    max-width: 170px;
    margin: auto;
    color: #B5B2B8;
}
.right-boder,.right-boder-2{
    border-right: #333 solid 1px;
}
.main-product{
    display:grid;
    gap:20px;

    margin: 20px 0;
    /* PC默认6列 */
    grid-template-columns:repeat(6,1fr);
}
a.main-product-list{
    border:#E6E6E9 solid 1px;

    border-radius: 8px;
    text-align: center;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); 
}
a.main-product-list:hover{box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); }
.product-menu-lable{
    height: 160px;
    background-color: #FBF9FC;
    border-radius: 8px 8px 0 0;
    background-repeat: no-repeat;
    background-position: center;
}
.product-menu-icon1{background-image: url(./assets/images/home-img-1.webp);}
.product-menu-icon2{background-image: url(./assets/images/home-img-2.webp);}
.product-menu-icon3{background-image: url(./assets/images/home-img-3.webp);}
.product-menu-icon4{background-image: url(./assets/images/home-img-4.webp);}
.product-menu-icon5{background-image: url(./assets/images/home-img-5.webp);}
.product-menu-icon6{background-image: url(./assets/images/home-img-6.webp);}
.product-menu-name{
    padding: 10px;
}
#copyright{
    grid-template-columns: auto auto;
}

.footer-box-2{
    display: grid;
    grid-template-columns: 200px auto;
    grid-gap: 10px;
}
.footer-menu{
   display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 10px; 
}
#menu-bdsm-toys a,#menu-sex-toys a,#menu-sexy-lingerie a,#menu-sexual-wellness a{
    display: block;
    height: 40px;
    align-content: center;
    margin: 0 20px;
    color: #B5B2B8;

}
.menu-lable{
    border-bottom: 1px solid #333;
    margin: 0 20px;
    font-weight: bolder;
    font-size: 1.2em;
}
.ft-txt{
   color: #B5B2B8; 
    font-size: 0.9em;
    padding-bottom: 0.5em;
}
.share-list{
     display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 10px; 
    width: 200px;
}
.share-list a{
    height: 50px;
    background-repeat: no-repeat;
    background-position: center;
    
}
.footer-box-1{
    display: grid;
    grid-template-columns: 320px auto;
    grid-gap: 10px; 
    padding-top: 40px;
}
.fb{
    background-image: url(./assets/images/fb.jpg);
}
.tw{
    background-image: url(./assets/images/tw.jpg);
}

.ins{
    background-image: url(./assets/images/ins.jpg);
}

.yg{
    background-image: url(./assets/images/yg.jpg);
}
.input-bg{
    background-color: #241C2F;
    border: #333 solid 1px;
    border-radius: 5px;
    padding: 5px 20px;
    font-size: 0.9em;
    margin: 10px;
}
.input-bg:focus{
    background-color: #221c2b;
    border: #F147A0 solid 1px;
    outline: none; /* 移除默认的轮廓样式 */
    
}
#inquiry-txt{
    max-width: 600px;
    width: 100%;
    height: 150px;
}
.input-wrap{
    padding: 10px 0;
}
.input-err{
    color: #ff0;
    font-size: 0.8em;
}
.contact-info{
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 0px 10px 10px 45px;
}
.contact-icon-1{
    background-image: url(./assets/images/whatsapp.jpg);
}
.contact-icon-2{
    background-image: url(./assets/images/email.jpg);
}
.contact-icon-3{
    background-image: url(./assets/images/wechat.jpg);
}
.contact-icon-4{
    background-image: url(./assets/images/address.jpg);
}

#banner-box{
    background-repeat: no-repeat;
    background-position: top right;
    background-image: url(./assets/images/why-choose-us-banner.png);
    background-size: auto 100%; 
    height: 400px;

}
#menu-vibrators{
    display:grid;
    gap:20px;

    /* PC默认4列 */
    grid-template-columns:repeat(4,1fr);
}
#menu-vibrators>li>a{
    display:block;
    color: #000;
    background: #FBF9FC;
    border: #ddd solid 1px  ;
    border-radius: 5px;
    text-align: center;
    padding: 5px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);


}
.list-img{border-radius: 5px 5px 0 0 ;}
.cat-price{background-color: #FBF9FC;border-radius: 0 0 5px 5px;}
span.current{color: #F147A0;}

/************************************三网合一处理********************8*/

/*平板显示*/
@media (max-width:1024px){
    /*隐藏pc菜单*/
    #header-box-pc{
        display: none;
    }
    /*隐藏移动端菜单*/
    #header-box-app{
    display: grid;
    }

    .main-box{
        grid-template-columns:repeat(2,1fr);
    }
    .main-product{
        /* PC默认3列 */
        grid-template-columns:repeat(3,1fr);
    }
    .right-boder-2{
        border-right: none;
    }
     #copyright{
        grid-template-columns: auto;
    }
    
    
    
    .footer-menu{
    display: grid;
        grid-template-columns: auto auto  ;
        grid-gap: 10px; 
    }
    .footer-box-1{
        grid-template-columns: auto;
    }
    #menu-vibrators{
     grid-template-columns:repeat(3,1fr);
    }
    
}
/*手机显示*/
@media (max-width:768px){
    /*隐藏pc菜单*/
    #header-box-pc{
        display: none;
    }
     /*隐藏移动端菜单*/
    #header-box-app{
    display: grid;
    }

    .main-box{
        grid-template-columns:1fr;
    }

    .home-banner{
        background-position: top left; 
    }

    .main-product{
        /* PC默认3列 */
        grid-template-columns:repeat(2,1fr);
    }
    .right-boder,.right-boder-2{
        border-right: none;
    }
    #copyright{
        grid-template-columns: auto;
    }
    #copyright>div{
        padding:  20px 0 ;
    }
    .footer-box-2{
        display: grid;
        grid-template-columns:  auto;
        grid-gap: 10px;
    }
    .footer-menu{
    display: grid;
        grid-template-columns: auto   ;
        grid-gap: 10px; 
    }
     #menu-vibrators{
     grid-template-columns:repeat(2,1fr);
    }

}