/* Footer enhancement: animal wall and showcase footer. */
#footer-animal.zcp-footer-animal{position:relative;width:100%;max-width:none;min-width:0;margin:0 auto;overflow:hidden;isolation:isolate;z-index:1;line-height:0;font-size:0}
#footer-animal.zcp-footer-animal .animal-wall{position:absolute;z-index:0;left:0;right:0;bottom:0;width:100%;height:var(--zcp-footer-animal-wall-max-height,36px);max-width:none;background-color:#bcb0a4;background-repeat:repeat-x;background-position:center bottom;background-size:auto 100%;box-shadow:0 4px 7px rgba(0,0,0,.15);pointer-events:none}
#footer-animal.zcp-footer-animal img.animal{position:relative;z-index:1;display:block;width:100%!important;max-width:var(--zcp-footer-animal-max-width,974px)!important;max-height:none!important;min-height:1px;height:auto!important;margin:0 auto!important;vertical-align:bottom;padding-bottom:0!important;transform:none!important;-webkit-transform:none!important}

/* Reference-style top banner. All selectors are isolated to the Pidan footer mode. */
.pidan-footer-showcase{position:relative;z-index:1;overflow:visible;width:100%;padding:0;background-color:#fff;background-image:linear-gradient(to top,#00ffbb36,transparent);box-sizing:border-box}.pidan-footer-showcase::before{display:none}
.pidan-footer-showcase__inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;min-height:201px;max-width:calc(var(--mian-max-width,1400px) + 120px);margin:0 auto;padding:36px 20px;box-sizing:border-box}
.pidan-footer-showcase__site-info{width:auto;max-width:520px;min-width:0}.pidan-footer-showcase__site-info h2{margin:0 0 10px!important;color:#000!important;font-size:26px!important;font-weight:700!important;line-height:1.4!important;text-transform:uppercase}.pidan-footer-showcase__site-p{max-width:500px}.pidan-footer-showcase__site-p p{margin:0!important;color:#797979!important;font-size:14px!important;line-height:1.8!important}
.pidan-footer-showcase__favorite{padding-top:24px;margin:0;align-self:center}.pidan-footer-showcase__favorite-button{display:inline-flex;align-items:center;gap:7px;padding:0 28px;border-radius:8px;background:#556af1!important;color:#fff!important;font-size:14px;line-height:49px;text-decoration:none!important;box-shadow:none;transition:transform .25s ease,background-color .25s ease}.pidan-footer-showcase__favorite-button:hover{color:#fff!important;background:#4659da!important;box-shadow:none;transform:translateY(-1px)}
.pidan-footer-showcase__girl{position:absolute;z-index:2;bottom:0;left:calc(50% - 50px);width:180px;height:201px;transform:none}.pidan-footer-showcase__girl-image{position:absolute;bottom:-7px;left:0;width:180px;transition:left .3s ease}.pidan-footer-showcase__girl-image img{display:block;width:100%;height:auto;max-height:none}.pidan-footer-showcase__girl-image::after{position:absolute;top:40%;left:calc(100% + 10px);display:block;visibility:hidden;color:#a7a7a7;content:"Hi~";font-size:20px;opacity:0;transition:visibility .3s ease,opacity .3s ease}.pidan-footer-showcase__girl:hover .pidan-footer-showcase__girl-image{left:-30px}.pidan-footer-showcase__girl:hover .pidan-footer-showcase__girl-image::after{visibility:visible;opacity:1}
.pidan-footer-showcase__admin{position:absolute;bottom:55px;left:200px;display:flex;flex-direction:column;gap:3px;width:220px;min-width:160px}.pidan-footer-showcase__admin strong,.pidan-footer-showcase__admin span{color:#797979!important;font-size:14px!important;font-weight:400!important;line-height:1.8!important;white-space:normal}.pidan-footer-showcase__admin strong{color:#797979!important}

/* Keep all native Zibll footer widgets and simply arrange/style them like the reference footer. */
.pidan-footer-showcase + footer.footer{position:relative;display:flex;flex-wrap:wrap;padding:0!important;background-color:#333!important;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px),radial-gradient(rgba(64,224,193,.1) 1px,transparent 1px)!important;background-position:0 0,14px 14px!important;background-size:18px 18px!important;color:rgba(255,255,255,.7)!important}.pidan-footer-showcase + footer.footer::before{position:absolute;inset:0;background:url("../images/community/footer-showcase-pattern.png") center/cover no-repeat;content:"";filter:grayscale(1) invert(1);mix-blend-mode:screen;opacity:.035;pointer-events:none}.pidan-footer-showcase + footer.footer>*{position:relative;z-index:1}
.pidan-footer-showcase + footer.footer>.zib-widget{flex:1 1 15%;min-width:175px;margin:0!important;padding:30px 26px 28px!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}.pidan-footer-showcase + footer.footer>.zib-widget:first-of-type{flex-basis:27%;min-width:230px}.pidan-footer-showcase + footer.footer>.zib-widget h3{position:relative;margin:0 0 16px!important;padding:0 0 9px!important;color:#f4fffd!important;font-size:17px!important;font-weight:700!important;line-height:1.25!important}.pidan-footer-showcase + footer.footer>.zib-widget h3::before{position:absolute!important;right:auto!important;bottom:0!important;left:0!important;width:38px!important;height:2px!important;border-radius:99px!important;background:#55d8c5!important;box-shadow:none!important;content:""!important;transform:none!important}.pidan-footer-showcase + footer.footer>.zib-widget p{margin:0!important;color:rgba(237,255,251,.62)!important;line-height:1.9!important}.pidan-footer-showcase + footer.footer>.zib-widget ul{margin:0!important;padding:0!important;list-style:none!important}.pidan-footer-showcase + footer.footer>.zib-widget li{position:relative;margin:0!important;padding:5px 0 5px 14px!important;line-height:1.45!important}.pidan-footer-showcase + footer.footer>.zib-widget li::before{position:absolute;top:10px;left:1px;width:4px;height:4px;border-radius:50%;background:#55d8c5;content:""}.pidan-footer-showcase + footer.footer a{color:rgba(237,255,251,.8)!important}.pidan-footer-showcase + footer.footer a:hover{color:#62ddca!important}
.pidan-footer-showcase + footer.footer>.container-footer{flex:0 0 100%;max-width:none!important;margin:0!important;padding:15px max(22px,calc((100% - var(--mian-max-width,1200px))/2))!important;border-top:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.18)}.pidan-footer-showcase + footer.footer>.container-footer .footer-bottom{margin:0 -22px!important;padding:15px 22px!important;border-top-color:rgba(255,255,255,.12)!important;background:rgba(0,0,0,.18)!important}.pidan-footer-showcase + footer.footer>.container-footer .list-inline{margin:0!important}

@media (max-width:1080px){.pidan-footer-showcase__inner{min-height:185px}.pidan-footer-showcase__site-info{width:38%}.pidan-footer-showcase__favorite{margin-right:0}.pidan-footer-showcase__girl{left:calc(54% - 50px)}.pidan-footer-showcase + footer.footer>.zib-widget,.pidan-footer-showcase + footer.footer>.zib-widget:first-of-type{flex-basis:33.333%;min-width:0}}
@media (max-width:767px){#footer-animal.zcp-footer-animal{margin-top:0;overflow:hidden}#footer-animal.zcp-footer-animal img.animal{width:150vw!important;max-width:var(--zcp-footer-animal-max-width,974px)!important;margin-left:50%!important;margin-right:0!important;transform:translateX(-50%)!important;-webkit-transform:translateX(-50%)!important}.pidan-footer-showcase{overflow:hidden}.pidan-footer-showcase__inner{display:block;min-height:0;padding:27px 22px 0}.pidan-footer-showcase__site-info{width:58%;min-height:132px}.pidan-footer-showcase__site-info h2{font-size:20px!important}.pidan-footer-showcase__site-p p{font-size:12px!important;line-height:1.7!important}.pidan-footer-showcase__favorite{display:none}.pidan-footer-showcase__girl{right:14px;bottom:0;left:auto;width:126px;height:155px;transform:none}.pidan-footer-showcase__girl-image{bottom:0;left:0;width:126px}.pidan-footer-showcase__girl-image::after,.pidan-footer-showcase__admin{display:none}.pidan-footer-showcase + footer.footer>.zib-widget,.pidan-footer-showcase + footer.footer>.zib-widget:first-of-type{flex:0 0 100%;padding:22px 24px!important}.pidan-footer-showcase + footer.footer>.container-footer{padding-right:18px!important;padding-left:18px!important}.pidan-footer-showcase + footer.footer>.container-footer .footer-bottom{margin-right:-18px!important;margin-left:-18px!important;padding-right:18px!important;padding-left:18px!important}}

.pidan-footer-blue-wave{position:relative;z-index:2;height:48px;margin-bottom:-1px;overflow:hidden;background:linear-gradient(180deg,transparent,#e9f5ff)}.pidan-footer-blue-wave i{position:absolute;bottom:-22px;left:-10%;width:120%;height:54px;border-radius:48% 52% 0 0;background:rgba(74,170,255,.28);animation:pidan-footer-wave 8s linear infinite}.pidan-footer-blue-wave i+ i{bottom:-30px;left:-5%;background:rgba(67,126,240,.32);animation-duration:12s;animation-direction:reverse}@keyframes pidan-footer-wave{50%{transform:translateX(5%) scaleY(.78)}}
.pidan-footer-dandelion{position:fixed;right:38px;bottom:0;z-index:9999;width:92px;height:118px;pointer-events:none}.pidan-footer-dandelion i{position:absolute;bottom:-4px;width:2px;height:86px;border-radius:100%;background:linear-gradient(#6f9d6e,#3f7147);transform-origin:bottom center;animation:pidan-dandelion-sway 3s ease-in-out infinite}.pidan-footer-dandelion i:before{position:absolute;top:-15px;left:-14px;width:30px;height:30px;border:2px dotted rgba(255,255,255,.95);border-radius:50%;box-shadow:0 0 10px rgba(80,100,120,.22);content:""}.pidan-footer-dandelion i:first-child{right:14px}.pidan-footer-dandelion i:last-child{right:52px;height:58px;animation-delay:-1.3s}@keyframes pidan-dandelion-sway{50%{transform:rotate(5deg)}}
.pidan-footer-myssl{position:fixed;right:18px;bottom:18px;z-index:9998;display:flex;align-items:center;gap:5px;padding:7px 10px;border-radius:8px;background:rgba(255,255,255,.9);box-shadow:0 5px 20px rgba(0,0,0,.12);color:#2e9b65!important;font-size:12px;backdrop-filter:blur(8px)}.pidan-footer-myssl img{display:block;max-width:100px;max-height:36px}.pidan-footer-dandelion~.pidan-footer-myssl{right:135px}@media(max-width:600px){.pidan-footer-dandelion{display:none}.pidan-footer-myssl{right:12px;bottom:72px}}