img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} .wp-block-site-title{box-sizing:border-box}.wp-block-site-title :where(a){color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-decoration:inherit} .wp-block-group{box-sizing:border-box}:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative} .wp-block-navigation .wp-block-page-list{align-items:var(--navigation-layout-align,initial);background-color:inherit;display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial)}.wp-block-navigation .wp-block-navigation-item{background-color:inherit}.wp-block-page-list{box-sizing:border-box} .wp-block-navigation{position:relative}.wp-block-navigation ul{margin-bottom:0;margin-left:0;margin-top:0;padding-left:0}.wp-block-navigation ul,.wp-block-navigation ul li{list-style:none;padding:0}.wp-block-navigation .wp-block-navigation-item{align-items:center;background-color:inherit;display:flex;position:relative}.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty{display:none}.wp-block-navigation .wp-block-navigation-item__content{display:block;z-index:1}.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{color:inherit}.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus{text-decoration:underline}.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus{text-decoration:line-through}.wp-block-navigation :where(a),.wp-block-navigation :where(a:active),.wp-block-navigation :where(a:focus){text-decoration:none}.wp-block-navigation .wp-block-navigation__submenu-icon{align-self:center;background-color:inherit;border:none;color:currentColor;display:inline-block;font-size:inherit;height:.6em;line-height:0;margin-left:.25em;padding:0;width:.6em}.wp-block-navigation .wp-block-navigation__submenu-icon svg{display:inline-block;stroke:currentColor;height:inherit;margin-top:.075em;width:inherit}.wp-block-navigation{--navigation-layout-justification-setting:flex-start;--navigation-layout-direction:row;--navigation-layout-wrap:wrap;--navigation-layout-justify:flex-start;--navigation-layout-align:center}.wp-block-navigation.is-vertical{--navigation-layout-direction:column;--navigation-layout-justify:initial;--navigation-layout-align:flex-start}.wp-block-navigation.no-wrap{--navigation-layout-wrap:nowrap}.wp-block-navigation.items-justified-center{--navigation-layout-justification-setting:center;--navigation-layout-justify:center}.wp-block-navigation.items-justified-center.is-vertical{--navigation-layout-align:center}.wp-block-navigation.items-justified-right{--navigation-layout-justification-setting:flex-end;--navigation-layout-justify:flex-end}.wp-block-navigation.items-justified-right.is-vertical{--navigation-layout-align:flex-end}.wp-block-navigation.items-justified-space-between{--navigation-layout-justification-setting:space-between;--navigation-layout-justify:space-between}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{align-items:normal;background-color:inherit;color:inherit;display:flex;flex-direction:column;opacity:0;position:absolute;z-index:2}@media not (prefers-reduced-motion){.wp-block-navigation .has-child .wp-block-navigation__submenu-container{transition:opacity .1s linear}}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{height:0;overflow:hidden;visibility:hidden;width:0}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{display:flex;flex-grow:1;padding:.5em 1em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content .wp-block-navigation__submenu-icon{margin-left:auto;margin-right:0}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{margin:0}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{left:-1px;top:100%}@media (min-width:782px){.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;top:-1px}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{background:#0000;content:"";display:block;height:100%;position:absolute;right:100%;width:.5em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon{margin-right:.25em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg{transform:rotate(-90deg)}}.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container,.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container,.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container{left:0;top:100%}@media (min-width:782px){.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;top:0}}.wp-block-navigation-submenu{display:flex;position:relative}.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{stroke:currentColor}button.wp-block-navigation-item__content{background-color:initial;border:none;color:currentColor;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-align:left;text-transform:inherit}.wp-block-navigation-submenu__toggle{cursor:pointer}.wp-block-navigation-submenu__toggle[aria-expanded=true]+.wp-block-navigation__submenu-icon>svg,.wp-block-navigation-submenu__toggle[aria-expanded=true]>svg{transform:rotate(180deg)}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle{padding-left:0;padding-right:.85em}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon{margin-left:-.6em;pointer-events:none}.wp-block-navigation-item.open-on-click button.wp-block-navigation-item__content:not(.wp-block-navigation-submenu__toggle){padding:0}.wp-block-navigation .wp-block-page-list,.wp-block-navigation__container,.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container,.wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-dialog{gap:inherit}:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)){padding:.5em 1em}:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content){padding:.5em 1em}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container{left:auto;right:0}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:-1px;right:-1px}@media (min-width:782px){.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:auto;right:100%}}.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{background-color:#fff;border:1px solid #00000026}.wp-block-navigation.has-background .wp-block-navigation__submenu-container{background-color:inherit}.wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container{color:#000}.wp-block-navigation__container{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial);list-style:none;margin:0;padding-left:0}.wp-block-navigation__container .is-responsive{display:none}.wp-block-navigation__container:only-child,.wp-block-page-list:only-child{flex-grow:1}@keyframes overlay-menu__fade-in-animation{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}.wp-block-navigation__responsive-container{bottom:0;display:none;left:0;position:fixed;right:0;top:0}.wp-block-navigation__responsive-container :where(.wp-block-navigation-item a){color:inherit}.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial)}.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open){background-color:inherit!important;color:inherit!important}.wp-block-navigation__responsive-container.is-menu-open{background-color:inherit;display:flex;flex-direction:column}@media not (prefers-reduced-motion){.wp-block-navigation__responsive-container.is-menu-open{animation:overlay-menu__fade-in-animation .1s ease-out;animation-fill-mode:forwards}}.wp-block-navigation__responsive-container.is-menu-open{overflow:auto;padding:clamp(1rem,var(--wp--style--root--padding-top),20rem) clamp(1rem,var(--wp--style--root--padding-right),20rem) clamp(1rem,var(--wp--style--root--padding-bottom),20rem) clamp(1rem,var(--wp--style--root--padding-left),20rem);z-index:100000}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-justification-setting,inherit);display:flex;flex-direction:column;flex-wrap:nowrap;overflow:visible;padding-top:calc(2rem + 24px)}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{justify-content:flex-start}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon{display:none}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{border:none;height:auto;min-width:200px;opacity:1;overflow:initial;padding-left:2rem;padding-right:2rem;position:static;visibility:visible;width:auto}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{gap:inherit}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{padding-top:var(--wp--style--block-gap,2em)}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content{padding:0}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{align-items:var(--navigation-layout-justification-setting,initial);display:flex;flex-direction:column}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list{background:#0000!important;color:inherit!important}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{left:auto;right:auto}@media (min-width:600px){.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){background-color:inherit;display:block;position:relative;width:100%;z-index:auto}.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close{display:none}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{left:0}}.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{background-color:#fff}.wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open{color:#000}.wp-block-navigation__toggle_button_label{font-size:1rem;font-weight:700}.wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open{background:#0000;border:none;color:currentColor;cursor:pointer;margin:0;padding:0;text-transform:inherit;vertical-align:middle}.wp-block-navigation__responsive-container-close svg,.wp-block-navigation__responsive-container-open svg{fill:currentColor;display:block;height:24px;pointer-events:none;width:24px}.wp-block-navigation__responsive-container-open{display:flex}.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{font-family:inherit;font-size:inherit;font-weight:inherit}@media (min-width:600px){.wp-block-navigation__responsive-container-open:not(.always-shown){display:none}}.wp-block-navigation__responsive-container-close{position:absolute;right:0;top:0;z-index:2}.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close{font-family:inherit;font-size:inherit;font-weight:inherit}.wp-block-navigation__responsive-close{width:100%}.has-modal-open .wp-block-navigation__responsive-close{margin-left:auto;margin-right:auto;max-width:var(--wp--style--global--wide-size,100%)}.wp-block-navigation__responsive-close:focus{outline:none}.is-menu-open .wp-block-navigation__responsive-close,.is-menu-open .wp-block-navigation__responsive-container-content,.is-menu-open .wp-block-navigation__responsive-dialog{box-sizing:border-box}.wp-block-navigation__responsive-dialog{position:relative}.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{margin-top:46px}@media (min-width:782px){.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{margin-top:32px}}html.has-modal-open{overflow:hidden}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg} .wp-block-social-links{background:none;box-sizing:border-box;margin-left:0;padding-left:0;padding-right:0;text-indent:0}.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover{border-bottom:0;box-shadow:none;text-decoration:none}.wp-block-social-links .wp-social-link svg{height:1em;width:1em}.wp-block-social-links .wp-social-link span:not(.screen-reader-text){font-size:.65em;margin-left:.5em;margin-right:.5em}.wp-block-social-links.has-small-icon-size{font-size:16px}.wp-block-social-links,.wp-block-social-links.has-normal-icon-size{font-size:24px}.wp-block-social-links.has-large-icon-size{font-size:36px}.wp-block-social-links.has-huge-icon-size{font-size:48px}.wp-block-social-links.aligncenter{display:flex;justify-content:center}.wp-block-social-links.alignright{justify-content:flex-end}.wp-block-social-link{border-radius:9999px;display:block}@media not (prefers-reduced-motion){.wp-block-social-link{transition:transform .1s ease}}.wp-block-social-link{height:auto}.wp-block-social-link a{align-items:center;display:flex;line-height:0}.wp-block-social-link:hover{transform:scale(1.1)}.wp-block-social-links .wp-block-social-link.wp-social-link{display:inline-block;margin:0;padding:0}.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited{color:currentColor;fill:currentColor}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link{background-color:#f0f0f0;color:#444}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-amazon{background-color:#f90;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bandcamp{background-color:#1ea0c3;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-behance{background-color:#0757fe;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bluesky{background-color:#0a7aff;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-codepen{background-color:#1e1f26;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-deviantart{background-color:#02e49b;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-discord{background-color:#5865f2;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dribbble{background-color:#e94c89;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dropbox{background-color:#4280ff;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-etsy{background-color:#f45800;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-facebook{background-color:#0866ff;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-fivehundredpx{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-flickr{background-color:#0461dd;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-foursquare{background-color:#e65678;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-github{background-color:#24292d;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-goodreads{background-color:#eceadd;color:#382110}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-google{background-color:#ea4434;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-gravatar{background-color:#1d4fc4;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-instagram{background-color:#f00075;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-lastfm{background-color:#e21b24;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-linkedin{background-color:#0d66c2;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-mastodon{background-color:#3288d4;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-medium{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-meetup{background-color:#f6405f;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-patreon{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pinterest{background-color:#e60122;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pocket{background-color:#ef4155;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-reddit{background-color:#ff4500;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-skype{background-color:#0478d7;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-snapchat{background-color:#fefc00;color:#fff;stroke:#000}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-soundcloud{background-color:#ff5600;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-spotify{background-color:#1bd760;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-telegram{background-color:#2aabee;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-threads{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tiktok{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tumblr{background-color:#011835;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitch{background-color:#6440a4;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitter{background-color:#1da1f2;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vimeo{background-color:#1eb7ea;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vk{background-color:#4680c2;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-wordpress{background-color:#3499cd;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-whatsapp{background-color:#25d366;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-x{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-yelp{background-color:#d32422;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-youtube{background-color:red;color:#fff}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link{background:none}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link svg{height:1.25em;width:1.25em}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-amazon{color:#f90}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bandcamp{color:#1ea0c3}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-behance{color:#0757fe}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bluesky{color:#0a7aff}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-codepen{color:#1e1f26}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-deviantart{color:#02e49b}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-discord{color:#5865f2}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dribbble{color:#e94c89}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dropbox{color:#4280ff}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-etsy{color:#f45800}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-facebook{color:#0866ff}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-fivehundredpx{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-flickr{color:#0461dd}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-foursquare{color:#e65678}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-github{color:#24292d}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-goodreads{color:#382110}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-google{color:#ea4434}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-gravatar{color:#1d4fc4}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-instagram{color:#f00075}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-lastfm{color:#e21b24}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-linkedin{color:#0d66c2}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-mastodon{color:#3288d4}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-medium{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-meetup{color:#f6405f}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-patreon{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pinterest{color:#e60122}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pocket{color:#ef4155}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-reddit{color:#ff4500}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-skype{color:#0478d7}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-snapchat{color:#fff;stroke:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-soundcloud{color:#ff5600}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-spotify{color:#1bd760}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-telegram{color:#2aabee}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-threads{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tiktok{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tumblr{color:#011835}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitch{color:#6440a4}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitter{color:#1da1f2}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vimeo{color:#1eb7ea}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vk{color:#4680c2}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-whatsapp{color:#25d366}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-wordpress{color:#3499cd}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-x{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-yelp{color:#d32422}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-youtube{color:red}.wp-block-social-links.is-style-pill-shape .wp-social-link{width:auto}:root :where(.wp-block-social-links .wp-social-link a){padding:.25em}:root :where(.wp-block-social-links.is-style-logos-only .wp-social-link a){padding:0}:root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link a){padding-left:.6666666667em;padding-right:.6666666667em}.wp-block-social-links:not(.has-icon-color):not(.has-icon-background-color) .wp-social-link-snapchat .wp-block-social-link-label{color:#000} *, *::before, *::after { box-sizing: border-box; } body { margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-osx-font-smoothing: grayscale; } body { --wp--custom--spacing--page-gutter: 20px; } @media (max-width: 1240px) { body { --wp--custom--spacing--page-gutter: clamp(10px, calc((100% - 1200px) / 2), 20px); } } @media (max-width: 1220px) { body { --wp--custom--spacing--page-gutter: 10px; } } @media (max-width: 600px) { body { --wp--custom--spacing--page-gutter: 5px; } } img, svg { max-width: 100%; height: auto; display: block; } .jo-archive-container { margin-bottom: var(--wp--preset--spacing--60); } .jo-sticky-sidebar, .jo-sticky-social { position: sticky; top: var(--wp--preset--spacing--80); height: fit-content; } .jo-sidebar-inner { padding-left: var(--wp--preset--spacing--40); } @media (max-width: 600px) { .jo-sticky-sidebar, .jo-sticky-social { position: static; } .jo-sidebar-inner { padding-left: 0; margin-top: var(--wp--preset--spacing--60); } } .jo-breadcrumbs { margin-bottom: var(--wp--preset--spacing--40, 1.5rem); } .jo-breadcrumbs__list { display: flex; align-items: center; list-style: none; margin: 0; padding: 0; font-size: 13px; color: var(--wp--preset--color--contrast, #64748b); overflow: hidden; } .jo-breadcrumbs__item { display: flex; align-items: center; flex-shrink: 0; } .jo-breadcrumbs__item:last-child { flex-shrink: 1; overflow: hidden; } .jo-breadcrumbs__link { color: var(--wp--preset--color--contrast, #64748b); text-decoration: none; transition: all 0.2s ease; opacity: 0.7; white-space: nowrap; display: flex; align-items: center; gap: 4px; } .jo-breadcrumbs__link:hover { color: var(--wp--preset--color--primary, #f39800); opacity: 1; } .jo-breadcrumbs__separator { margin: 0 8px; font-size: 12px; opacity: 0.4; user-select: none; } .jo-breadcrumbs__current { font-weight: 600; color: var(--wp--preset--color--contrast, #1e293b); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 400px; display: inline-block; vertical-align: bottom; } @media (max-width: 782px) { .jo-breadcrumbs__current { max-width: 150px; } } .wp-block-post-title{box-sizing:border-box;word-break:break-word}.wp-block-post-title :where(a){display:inline-block;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-decoration:inherit} .wp-block-post-date{box-sizing:border-box} .wp-block-post-terms{box-sizing:border-box}.wp-block-post-terms .wp-block-post-terms__separator{white-space:pre-wrap} .wp-block-post-content{display:flow-root} @charset "UTF-8";.wp-block-separator{border:none;border-top:2px solid}:root :where(.wp-block-separator.is-style-dots){height:auto;line-height:1;text-align:center}:root :where(.wp-block-separator.is-style-dots):before{color:currentColor;content:"···";font-family:serif;font-size:1.5em;letter-spacing:2em;padding-left:2em}.wp-block-separator.is-style-dots{background:none!important;border:none!important} .wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous{display:inline-block;margin-right:1ch}.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next{display:inline-block;margin-left:1ch}.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-post-navigation-link.has-text-align-left[style*="writing-mode: vertical-lr"],.wp-block-post-navigation-link.has-text-align-right[style*="writing-mode: vertical-rl"]{rotate:180deg} .jo-post-comments { margin-top: var(--wp--preset--spacing--70, 60px); padding-top: var(--wp--preset--spacing--50, 40px); border-top: 1px solid var(--wp--preset--color--accent-3, #eee); } .wp-block-comment-list { list-style: none !important; margin: 0 !important; padding: 0 !important; } .wp-block-comment-list li { list-style: none !important; } .wp-block-comment-list .children { margin-left: var(--wp--preset--spacing--40, 30px); list-style: none !important; } .jo-comment-item { display: flex; gap: var(--wp--preset--spacing--20, 10px); margin-top: var(--wp--preset--spacing--40, 30px); } .jo-comment-avatar { flex-shrink: 0; } .jo-comment-avatar img { border-radius: var(--wp--custom--radius--full, 50%); width: 40px; height: 40px; background: var(--wp--preset--color--accent-2); } .jo-comment-body { flex: 1; min-width: 0; } .jo-post-like-wrapper { margin-bottom: 20px; display: flex; justify-content: center; } .jo-post-like-wrapper .jo-comment-like { flex-direction: column; gap: 2px; font-size: 11px; } .jo-post-like-wrapper .jo-like-icon svg { width: 22px; height: 22px; } .jo-comment-meta { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 2px; } .jo-comment-meta-left { display: flex; align-items: baseline; gap: 12px; } .jo-comment-like { display: flex; align-items: center; gap: 5px; font-size: var(--wp--preset--font-size--x-small, 12px); color: var(--wp--preset--color--accent-4, #999); cursor: pointer; transition: all 0.2s ease; user-select: none; } .jo-comment-like:hover { color: var(--wp--preset--color--primary, #f39800); } .jo-comment-like.is-liked { color: var(--wp--preset--color--primary, #f39800); } .jo-like-icon { display: flex; align-items: center; } .jo-meta-like { display: flex; align-items: center; gap: 6px; } .jo-like-icon svg { display: block; width: 14px; height: 14px; } .jo-comment-meta .wp-block-comment-author-name { font-weight: 700; font-size: var(--wp--preset--font-size--medium, 1rem); color: var(--wp--preset--color--contrast); text-decoration: none; } .jo-comment-meta .wp-block-comment-date { font-size: var(--wp--preset--font-size--x-small, 12px); color: var(--wp--preset--color--accent-4, #999); text-decoration: none; } .jo-comment-content { font-size: var(--wp--preset--font-size--medium, 1rem); line-height: 1.6; color: var(--wp--preset--color--contrast); opacity: 0.9; } .jo-comment-content p { margin: 0 calc(var(--wp--preset--spacing--20, 10px) - 5px); } .jo-comment-actions { margin-top: 0; } .jo-comment-actions a { font-size: var(--wp--preset--font-size--x-small, 12px); font-weight: 600; color: var(--wp--preset--color--primary, #f39800); text-decoration: none; text-transform: uppercase; letter-spacing: 0.05em; transition: opacity 0.2s ease; } .jo-comment-actions a:hover { opacity: 0.7; } .children { list-style: none; margin-left: var(--wp--preset--spacing--50, 40px); padding-left: 0; } .children .jo-comment-item { margin-top: var(--wp--preset--spacing--20, 10px); padding-left: var(--wp--preset--spacing--20, 10px); margin-bottom: var(--wp--preset--spacing--20, 10px); } .jo-comment-form-section { display: flex; gap: 10px; margin-top: var(--wp--preset--spacing--20, 10px); align-items: flex-start; } .jo-comment-form-avatar { flex-shrink: 0; } .jo-comment-form-avatar img { border-radius: 50%; width: 42px; height: 42px; background: #f0f0f0; } .jo-comment-form-wrapper { flex: 1; } .jo-comment-form-wrapper .comment-respond { margin: 0; } .jo-comment-form-wrapper .comment-reply-title, .jo-comment-form-wrapper .logged-in-as, .jo-comment-form-wrapper .comment-notes, .jo-comment-form-wrapper .comment-form-cookies-consent { display: none !important; } .jo-comment-input-container { background: var(--wp--preset--color--accent-2, #f4f4f4); border-radius: 10px; padding: 12px 18px 8px; border: 1px solid transparent; } .jo-must-log-in-box { height: 80px; display: flex; align-items: center; justify-content: center; font-size: 14px; color: var(--wp--preset--color--accent-4, #999); } .jo-must-log-in-box a { color: #ff4d4f; margin: 0 4px; text-decoration: none; font-weight: 500; } .jo-must-log-in-box a:hover { text-decoration: underline; } .jo-comment-input-container textarea { width: 100% !important; height: 40px !important; background: transparent !important; border: none !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important; resize: none !important; font-size: 15px; color: var(--wp--preset--color--contrast, #333); outline: none !important; } .jo-comment-input-container textarea::placeholder { color: var(--wp--preset--color--accent-4, #b0b0b0); } .jo-comment-form-footer { display: flex; justify-content: space-between; align-items: center; margin-top: 5px; padding-top: 5px; border-top: 1px solid rgba(0, 0, 0, 0.02); } .jo-comment-form-extra { position: relative; } .jo-emoji-btn { font-size: 20px; color: var(--wp--preset--color--contrast, #666); cursor: pointer; line-height: 1; display: inline-block; } .jo-emoji-picker { position: absolute; bottom: 35px; left: 0; width: 280px; background: #fff; border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); padding: 12px; z-index: 100; border: 1px solid rgba(0, 0, 0, 0.05); } .jo-emoji-list { display: grid; grid-template-columns: repeat(8, 1fr); gap: 5px; max-height: 200px; overflow-y: auto; font-size: 20px; } .jo-emoji-list span { display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 5px; border-radius: 6px; transition: background 0.2s; } .jo-emoji-list span:hover { background: #f0f0f0; } .jo-emoji-list::-webkit-scrollbar { width: 4px; } .jo-emoji-list::-webkit-scrollbar-thumb { background: #eee; border-radius: 10px; } .jo-submit-btn { background: var(--wp--preset--color--accent-3, #cccccc) !important; color: var(--wp--preset--color--base, #fff) !important; border: none !important; padding: 2px 18px !important; border-radius: 4px !important; font-size: 14px !important; font-weight: 500 !important; cursor: pointer !important; transition: all 0.3s; } .form-submit { margin: 0 !important; padding: 0 !important; } .jo-comment-input-container textarea:focus+.jo-comment-form-footer .jo-submit-btn, .jo-comment-input-container textarea:not(:placeholder-shown)+.jo-comment-form-footer .jo-submit-btn { background: var(--wp--preset--color--accent-4, #b0b0b0) !important; } .jo-comments-loading { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: var(--wp--preset--spacing--50, 40px); color: var(--wp--preset--color--accent-4, #999); font-size: var(--wp--preset--font-size--small, 14px); gap: 15px; } .jo-spinner { width: 30px; height: 30px; border: 3px solid var(--wp--preset--color--accent-2, #eee); border-top: 3px solid var(--wp--preset--color--primary, #f39800); border-radius: 50%; animation: jo-spin 0.8s linear infinite; } @keyframes jo-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @media (max-width: 600px) { .jo-comment-item { gap: 12px; } .jo-comment-avatar img { width: 32px; height: 32px; } .children { margin-left: 15px; } }h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg} .wp-block-columns{box-sizing:border-box;display:flex;flex-wrap:wrap!important}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap!important}}.wp-block-columns{align-items:normal!important}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}@media (max-width:781px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important}}@media (min-width:782px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{flex-grow:0}}.wp-block-columns.is-not-stacked-on-mobile{flex-wrap:nowrap!important}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{flex-grow:0}:where(.wp-block-columns){margin-bottom:1.75em}:where(.wp-block-columns.has-background){padding:1.25em 2.375em}.wp-block-column{flex-grow:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-stretch{align-self:stretch}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{width:100%} .wp-block-image>a,.wp-block-image>figure>a{display:inline-block}.wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}@media not (prefers-reduced-motion){.wp-block-image img.hide{visibility:hidden}.wp-block-image img.show{animation:show-content-image .4s}}.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{border-radius:inherit}.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull>a,.wp-block-image.alignwide>a{width:100%}.wp-block-image.alignfull img,.wp-block-image.alignwide img{height:auto;width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{caption-side:bottom;display:table-caption}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image :where(figcaption){margin-bottom:1em;margin-top:.5em}.wp-block-image.is-style-circle-mask img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{border-radius:0;-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-mode:alpha;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}}:root :where(.wp-block-image.is-style-rounded img,.wp-block-image .is-style-rounded img){border-radius:9999px}.wp-block-image figure{margin:0}.wp-lightbox-container{display:flex;flex-direction:column;position:relative}.wp-lightbox-container img{cursor:zoom-in}.wp-lightbox-container img:hover+button{opacity:1}.wp-lightbox-container button{align-items:center;backdrop-filter:blur(16px) saturate(180%);background-color:#5a5a5a40;border:none;border-radius:4px;cursor:zoom-in;display:flex;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:16px;text-align:center;top:16px;width:20px;z-index:100}@media not (prefers-reduced-motion){.wp-lightbox-container button{transition:opacity .2s ease}}.wp-lightbox-container button:focus-visible{outline:3px auto #5a5a5a40;outline:3px auto -webkit-focus-ring-color;outline-offset:3px}.wp-lightbox-container button:hover{cursor:pointer;opacity:1}.wp-lightbox-container button:focus{opacity:1}.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){background-color:#5a5a5a40;border:none}.wp-lightbox-overlay{box-sizing:border-box;cursor:zoom-out;height:100vh;left:0;overflow:hidden;position:fixed;top:0;visibility:hidden;width:100%;z-index:100000}.wp-lightbox-overlay .close-button{align-items:center;cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:0;position:absolute;right:calc(env(safe-area-inset-right) + 16px);top:calc(env(safe-area-inset-top) + 16px);z-index:5000000}.wp-lightbox-overlay .close-button:focus,.wp-lightbox-overlay .close-button:hover,.wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background){background:none;border:none}.wp-lightbox-overlay .lightbox-image-container{height:var(--wp--lightbox-container-height);left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:top left;width:var(--wp--lightbox-container-width);z-index:9999999999}.wp-lightbox-overlay .wp-block-image{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin:0;position:relative;transform-origin:0 0;width:100%;z-index:3000000}.wp-lightbox-overlay .wp-block-image img{height:var(--wp--lightbox-image-height);min-height:var(--wp--lightbox-image-height);min-width:var(--wp--lightbox-image-width);width:var(--wp--lightbox-image-width)}.wp-lightbox-overlay .wp-block-image figcaption{display:none}.wp-lightbox-overlay button{background:none;border:none}.wp-lightbox-overlay .scrim{background-color:#fff;height:100%;opacity:.9;position:absolute;width:100%;z-index:2000000}.wp-lightbox-overlay.active{visibility:visible}@media not (prefers-reduced-motion){.wp-lightbox-overlay.active{animation:turn-on-visibility .25s both}.wp-lightbox-overlay.active img{animation:turn-on-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active){animation:turn-off-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active) img{animation:turn-off-visibility .25s both}.wp-lightbox-overlay.zoom.active{animation:none;opacity:1;visibility:visible}.wp-lightbox-overlay.zoom.active .lightbox-image-container{animation:lightbox-zoom-in .4s}.wp-lightbox-overlay.zoom.active .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.active .scrim{animation:turn-on-visibility .4s forwards}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active){animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container{animation:lightbox-zoom-out .4s}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim{animation:turn-off-visibility .4s forwards}}@keyframes show-content-image{0%{visibility:hidden}99%{visibility:hidden}to{visibility:visible}}@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes lightbox-zoom-in{0%{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(-50%,-50%) scale(1)}}@keyframes lightbox-zoom-out{0%{transform:translate(-50%,-50%) scale(1);visibility:visible}99%{visibility:visible}to{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}} :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--base: #ffffff;--wp--preset--color--contrast: #1e293b;--wp--preset--color--primary: #f39800;--wp--preset--color--accent-1: #f39800;--wp--preset--color--accent-2: #f1f5f9;--wp--preset--color--accent-3: #e2e8f0;--wp--preset--color--accent-4: #94a3b8;--wp--preset--color--accent-5: #64748b;--wp--preset--color--accent-6: color-mix(in srgb, currentColor 20%, transparent);--wp--preset--font-size--small: 0.875rem;--wp--preset--font-size--medium: clamp(1rem, 1rem + ((1vw - 0.2rem) * 0.179), 1.125rem);--wp--preset--font-size--large: clamp(1.125rem, 1.125rem + ((1vw - 0.2rem) * 0.357), 1.375rem);--wp--preset--font-size--x-large: clamp(1.75rem, 1.75rem + ((1vw - 0.2rem) * 0.357), 2rem);--wp--preset--font-size--x-small: 0.75rem;--wp--preset--font-size--xx-large: clamp(2.15rem, 2.15rem + ((1vw - 0.2rem) * 1.214), 3rem);--wp--preset--font-size--hero: clamp(2.5rem, 2.5rem + ((1vw - 0.2rem) * 2.857), 4.5rem);--wp--preset--font-size--card-title: clamp(1.25rem, 1.25rem + ((1vw - 0.2rem) * 0.357), 1.5rem);--wp--preset--font-family--system: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", sans-serif;--wp--preset--spacing--20: 10px;--wp--preset--spacing--30: 20px;--wp--preset--spacing--40: 30px;--wp--preset--spacing--50: clamp(30px, 5vw, 50px);--wp--preset--spacing--60: clamp(30px, 7vw, 70px);--wp--preset--spacing--70: clamp(50px, 7vw, 90px);--wp--preset--spacing--80: clamp(70px, 10vw, 140px);--wp--preset--spacing--0: 0;--wp--preset--spacing--card-padding: 30px;--wp--preset--shadow--natural: 0 4px 20px rgba(0,0,0,0.03);--wp--preset--shadow--deep: 0 10px 30px rgba(0,0,0,0.08);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 0 6px 15px rgba(0,0,0,0.1);--wp--custom--spacing--page-gutter: 20px;--wp--custom--typography--line-height--tiny: 1.15;--wp--custom--typography--line-height--small: 1.25;--wp--custom--typography--line-height--normal: 1.5;--wp--custom--typography--line-height--medium: 1.4;--wp--custom--radius--none: 0;--wp--custom--radius--small: 4px;--wp--custom--radius--medium: 8px;--wp--custom--radius--large: 12px;--wp--custom--radius--full: 99px;}:root { --wp--style--global--content-size: 1200px;--wp--style--global--wide-size: 1440px; }:where(body) { margin: 0; }.wp-site-blocks { padding-top: var(--wp--style--root--padding-top); padding-bottom: var(--wp--style--root--padding-bottom); }.has-global-padding { padding-right: var(--wp--style--root--padding-right); padding-left: var(--wp--style--root--padding-left); }.has-global-padding > .alignfull { margin-right: calc(var(--wp--style--root--padding-right) * -1); margin-left: calc(var(--wp--style--root--padding-left) * -1); }.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) { padding-right: 0; padding-left: 0; }.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) > .alignfull { margin-left: 0; margin-right: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 1.2rem; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 1.2rem; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 1.2rem;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 1.2rem;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 1.2rem;}:root :where(.is-layout-grid){gap: 1.2rem;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{background-color: var(--wp--preset--color--base);color: var(--wp--preset--color--contrast);font-family: var(--wp--preset--font-family--system);font-weight: var(--wp--preset--font-weight--regular);letter-spacing: -0.01em;line-height: var(--wp--custom--typography--line-height--normal);--wp--style--root--padding-top: 0;--wp--style--root--padding-right: var(--wp--custom--spacing--page-gutter);--wp--style--root--padding-bottom: 0;--wp--style--root--padding-left: var(--wp--custom--spacing--page-gutter);}a:where(:not(.wp-element-button)){color: currentColor;text-decoration: none;}:root :where(a:where(:not(.wp-element-button)):hover){text-decoration: underline;}h1, h2, h3, h4, h5, h6{font-weight: 900;letter-spacing: -0.02em;line-height: var(--wp--custom--typography--line-height--tiny);}h1{font-size: var(--wp--preset--font-size--xx-large);}h2{font-size: var(--wp--preset--font-size--x-large);}h3{font-size: var(--wp--preset--font-size--large);}h4{font-size: var(--wp--preset--font-size--medium);}h5{font-size: var(--wp--preset--font-size--small);}h6{font-size: var(--wp--preset--font-size--x-small);}:root :where(.wp-element-button, .wp-block-button__link){background-color: var(--wp--preset--color--contrast);border-radius: var(--wp--custom--radius--none);border-width: 0;color: var(--wp--preset--color--base);font-family: inherit;font-size: var(--wp--preset--font-size--medium);font-style: inherit;font-weight: var(--wp--preset--font-weight--bold);letter-spacing: inherit;line-height: inherit;padding-top: 0.6rem;padding-right: 1.5rem;padding-bottom: 0.6rem;padding-left: 1.5rem;text-decoration: none;text-transform: inherit;}:root :where(.wp-element-button, .wp-block-button__link){transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}:root :where(.wp-element-button:hover, .wp-block-button__link:hover){background-color: color-mix(in srgb, var(--wp--preset--color--contrast) 85%, transparent);}:root :where(.wp-element-button:hover, .wp-block-button__link:hover){transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}:root :where(.wp-element-button:focus, .wp-block-button__link:focus){background-color: var(--wp--preset--color--contrast);border-color: var(--wp--preset--color--primary);border-width: 2px;border-style: solid;}:root :where(.wp-element-button:focus, .wp-block-button__link:focus){transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}:root :where(.wp-element-button:active, .wp-block-button__link:active){background-color: var(--wp--preset--color--primary);font-weight: 900;}:root :where(.wp-element-button:active, .wp-block-button__link:active){transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.has-base-color{color: var(--wp--preset--color--base) !important;}.has-contrast-color{color: var(--wp--preset--color--contrast) !important;}.has-primary-color{color: var(--wp--preset--color--primary) !important;}.has-accent-1-color{color: var(--wp--preset--color--accent-1) !important;}.has-accent-2-color{color: var(--wp--preset--color--accent-2) !important;}.has-accent-3-color{color: var(--wp--preset--color--accent-3) !important;}.has-accent-4-color{color: var(--wp--preset--color--accent-4) !important;}.has-accent-5-color{color: var(--wp--preset--color--accent-5) !important;}.has-accent-6-color{color: var(--wp--preset--color--accent-6) !important;}.has-base-background-color{background-color: var(--wp--preset--color--base) !important;}.has-contrast-background-color{background-color: var(--wp--preset--color--contrast) !important;}.has-primary-background-color{background-color: var(--wp--preset--color--primary) !important;}.has-accent-1-background-color{background-color: var(--wp--preset--color--accent-1) !important;}.has-accent-2-background-color{background-color: var(--wp--preset--color--accent-2) !important;}.has-accent-3-background-color{background-color: var(--wp--preset--color--accent-3) !important;}.has-accent-4-background-color{background-color: var(--wp--preset--color--accent-4) !important;}.has-accent-5-background-color{background-color: var(--wp--preset--color--accent-5) !important;}.has-accent-6-background-color{background-color: var(--wp--preset--color--accent-6) !important;}.has-base-border-color{border-color: var(--wp--preset--color--base) !important;}.has-contrast-border-color{border-color: var(--wp--preset--color--contrast) !important;}.has-primary-border-color{border-color: var(--wp--preset--color--primary) !important;}.has-accent-1-border-color{border-color: var(--wp--preset--color--accent-1) !important;}.has-accent-2-border-color{border-color: var(--wp--preset--color--accent-2) !important;}.has-accent-3-border-color{border-color: var(--wp--preset--color--accent-3) !important;}.has-accent-4-border-color{border-color: var(--wp--preset--color--accent-4) !important;}.has-accent-5-border-color{border-color: var(--wp--preset--color--accent-5) !important;}.has-accent-6-border-color{border-color: var(--wp--preset--color--accent-6) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-x-small-font-size{font-size: var(--wp--preset--font-size--x-small) !important;}.has-xx-large-font-size{font-size: var(--wp--preset--font-size--xx-large) !important;}.has-hero-font-size{font-size: var(--wp--preset--font-size--hero) !important;}.has-card-title-font-size{font-size: var(--wp--preset--font-size--card-title) !important;}.has-system-font-family{font-family: var(--wp--preset--font-family--system) !important;} :root :where(.wp-block-columns-is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.wp-block-columns-is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.wp-block-columns-is-layout-flow) > *{margin-block-start: var(--wp--preset--spacing--50);margin-block-end: 0;}:root :where(.wp-block-columns-is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.wp-block-columns-is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.wp-block-columns-is-layout-constrained) > *{margin-block-start: var(--wp--preset--spacing--50);margin-block-end: 0;}:root :where(.wp-block-columns-is-layout-flex){gap: var(--wp--preset--spacing--50);}:root :where(.wp-block-columns-is-layout-grid){gap: var(--wp--preset--spacing--50);} .wp-container-core-group-is-layout-47344bd8{gap:0.2rem;flex-direction:column;align-items:center;}.wp-container-core-group-is-layout-6c531013{flex-wrap:nowrap;}.wp-container-core-navigation-is-layout-d445cf74{justify-content:flex-end;}.wp-container-core-group-is-layout-cb46ffcb{flex-wrap:nowrap;justify-content:space-between;}.wp-container-core-columns-is-layout-28f84493{flex-wrap:nowrap;}.wp-container-core-navigation-is-layout-fe9cc265{flex-direction:column;align-items:flex-start;}.wp-container-core-group-is-layout-127ff5b7{justify-content:center;}.wp-container-core-group-is-layout-4c473324{flex-wrap:nowrap;}.wp-container-core-group-is-layout-c124d1c4{justify-content:center;}.wp-container-core-group-is-layout-ce155fab{flex-direction:column;align-items:center;} .skip-link.screen-reader-text { border: 0; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .skip-link.screen-reader-text:focus { background-color: #eee; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } :root { --jo-chat-primary: var(--wp--preset--color--primary, #f39800); --jo-chat-contrast: var(--wp--preset--color--contrast, #1e293b); --jo-chat-base: var(--wp--preset--color--base, #ffffff); --jo-chat-size: 56px; --jo-chat-gap: 16px; --jo-chat-radius: 24px; --jo-chat-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); --jo-chat-shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.15); } #joceo-chat-container { position: fixed; bottom: 30px; z-index: 99999; display: flex; flex-direction: column; gap: var(--jo-chat-gap); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); pointer-events: none; } .joceo-chat-active { pointer-events: auto !important; } .joceo-chat-pos-right { right: 30px; align-items: flex-end; } .joceo-chat-pos-left { left: 30px; align-items: flex-start; } .joceo-chat-trigger { width: var(--jo-chat-size); height: var(--jo-chat-size); background: var(--jo-chat-primary); color: var(--jo-chat-base); border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: var(--jo-chat-shadow-hover); position: relative; transition: transform 0.3s ease; pointer-events: auto; } .joceo-chat-trigger:hover { transform: scale(1.05); } .jo-main-img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; } .joceo-chat-trigger svg { width: 28px; height: 28px; } .joceo-chat-type-always_hidden .joceo-chat-trigger { display: none; } .joceo-chat-type-always_hidden .joceo-chat-channels { opacity: 1; visibility: visible; transform: translateY(0); } .joceo-chat-channels { display: flex; flex-direction: column; gap: 12px; opacity: 0; visibility: hidden; transform: translateY(20px); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .joceo-chat-pos-right .joceo-chat-channels { align-items: flex-end; } .joceo-chat-pos-left .joceo-chat-channels { align-items: flex-start; } .joceo-chat-active .joceo-chat-channels { opacity: 1; visibility: visible; transform: translateY(0); } .joceo-chat-channel { width: auto; height: 48px; padding: 0 16px; background: var(--jo-chat-base); color: var(--jo-chat-contrast); border-radius: var(--jo-chat-radius); display: flex; align-items: center; justify-content: center; gap: 12px; box-shadow: var(--jo-chat-shadow); text-decoration: none; position: relative; transition: all 0.2s ease; cursor: pointer; pointer-events: auto; } .jo-tool-icon { width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--jo-chat-primary); } .jo-tool-icon svg { width: 22px; height: 22px; display: block; fill: currentColor; } .jo-tool-icon img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; } .jo-tool-title-wrap { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; min-width: 60px; } .jo-tool-title { font-size: 14px; font-weight: 600; line-height: 1.2; white-space: nowrap; color: var(--jo-chat-primary); } .jo-chat-sub-hint { font-size: 10px; color: #999; line-height: 1.2; margin-top: 2px; white-space: nowrap; } .jo-chat-sub-info { display: flex; align-items: center; justify-content: center; } .jo-chat-sub-main { font-size: 14px; font-weight: 600; color: var(--jo-chat-contrast); } .jo-chat-toast { position: fixed; top: 30px; left: 50%; transform: translateX(-50%) translateY(-20px); background: var(--jo-chat-contrast); color: var(--jo-chat-base); padding: 10px 24px; border-radius: 30px; font-size: 14px; font-weight: 500; z-index: 999999; opacity: 0; visibility: hidden; transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); backdrop-filter: blur(5px); box-shadow: 0 10px 30px rgba(0,0,0,0.2); white-space: nowrap; } .jo-chat-toast.active { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); } .joceo-chat-tooltip { display: none !important; } .jo-sub-full .jo-type-qr, .jo-sub-full .jo-type-image { height: auto !important; padding: 6px !important; } .jo-chat-sub-qr-wrap { display: flex; flex-direction: column; align-items: center; padding: 6px !important; } .jo-chat-sub-qr-img { width: 120px; height: 120px; border-radius: 8px; display: block; box-shadow: 0 4px 20px rgba(0,0,0,0.15); background: var(--jo-chat-base); margin-bottom: 6px; object-fit: contain; } .jo-chat-sub-wechat-id { font-size: 11px; color: #666; font-weight: 600; background: #f0f2f5; padding: 2px 8px; border-radius: 10px; } .joceo-chat-pos-right .jo-sub-full .joceo-chat-channel { flex-direction: row; } .joceo-chat-pos-left .jo-sub-full .joceo-chat-channel { flex-direction: row-reverse; } .joceo-chat-channel:hover { transform: translateY(-2px); background: var(--jo-chat-primary); color: var(--jo-chat-base) !important; } .joceo-chat-channel:hover .jo-chat-sub-main, .joceo-chat-channel:hover .jo-chat-sub-hint, .joceo-chat-channel:hover .jo-tool-title, .joceo-chat-channel:hover .jo-tool-icon { color: var(--jo-chat-base) !important; } @media (max-width: 768px) { #joceo-chat-container { bottom: 20px; } .joceo-chat-pos-right { right: 20px; } .joceo-chat-pos-left { left: 20px; } } .site-header .wp-block-navigation :is(.wp-block-navigation-submenu-container, .wp-block-navigation__submenu-container) { min-width: 220px !important; padding: var(--wp--preset--spacing--20) !important; background: color-mix(in srgb, var(--wp--preset--color--base) 95%, transparent) !important; backdrop-filter: blur(var(--wp--preset--spacing--40)); -webkit-backdrop-filter: blur(var(--wp--preset--spacing--40)); border: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 10%, transparent) !important; border-radius: var(--wp--custom--radius--medium) !important; box-shadow: var(--wp--preset--shadow--deep) !important } .site-header :is(.wp-block-navigation-submenu-container, .wp-block-navigation__submenu-container) .wp-block-navigation-item { margin: 0 !important } .site-header :is(.wp-block-navigation-submenu-container, .wp-block-navigation__submenu-container) .wp-block-navigation-item__content { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--40) !important; color: var(--wp--preset--color--contrast) !important; font-size: var(--wp--preset--font-size--small) !important; text-decoration: none !important; background: transparent !important; border-radius: var(--wp--custom--radius--small) !important; transition: all .25s cubic-bezier(.4, 0, .2, 1) !important } .site-header :is(.wp-block-navigation-submenu-container, .wp-block-navigation__submenu-container) .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--primary) !important; background: color-mix(in srgb, var(--wp--preset--color--primary) 8%, transparent) !important; transform: translateX(var(--wp--preset--spacing--20)) } .site-header .wp-block-navigation-submenu-indicator { opacity: .7 } .site-header .wp-block-navigation-item.has-child:hover>.wp-block-navigation-item__content .wp-block-navigation-submenu-indicator { color: var(--wp--preset--color--primary); opacity: 1 } .joceo-mobile-menu-header, .joceo-mobile-menu-actions { display: none } .site-header { padding: var(--wp--preset--spacing--30) var(--wp--custom--spacing--page-gutter) !important; position: relative; z-index: 1000; } .site-header>.wp-block-group { max-width: var(--wp--style--global--wide-size, 1440px) !important; margin-left: auto !important; margin-right: auto !important; width: 100% !important; } .site-header .wp-block-site-title { font-size: var(--wp--preset--font-size--large) !important } .site-header .site-tagline { font-size: calc(var(--wp--preset--font-size--small) * .9) !important; color: var(--wp--preset--color--primary) !important } .header-brand { gap: var(--wp--preset--spacing--20) !important } .site-header .wp-block-navigation .wp-block-navigation-item__content { font-size: calc(var(--wp--preset--font-size--medium) * .95) !important; font-weight: 600 !important } .site-header .wp-block-navigation .wp-block-navigation__container { gap: var(--wp--preset--spacing--30) !important } .site-header .wp-block-navigation { margin-left: auto !important } .jo-icon-actions { display: flex; gap: var(--wp--preset--spacing--20); align-items: center; margin-left: var(--wp--preset--spacing--30) !important } .icon-btn { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; color: var(--wp--preset--color--contrast); cursor: pointer; transition: all .3s cubic-bezier(.4, 0, .2, 1); border-radius: 50% } .icon-btn svg { width: 20px; height: 20px } .icon-btn:hover { background: color-mix(in srgb, var(--wp--preset--color--primary) 10%, transparent); color: var(--wp--preset--color--primary); transform: translateY(-2px) } .jo-icon-actions-editor-preview { padding: 10px; background: color-mix(in srgb, var(--wp--preset--color--contrast) 5%, transparent); border: 1px dashed color-mix(in srgb, var(--wp--preset--color--contrast) 20%, transparent); text-align: center; font-size: 12px; border-radius: var(--wp--custom--radius--small) } @media (max-width:600px) { .site-header { padding: var(--wp--preset--spacing--30) var(--wp--custom--spacing--page-gutter) !important } .site-header .wp-block-navigation__responsive-container-close { position: absolute !important; inset: var(--wp--preset--spacing--40) var(--wp--preset--spacing--40) auto auto !important; z-index: 100 !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: var(--wp--preset--spacing--30) !important; color: var(--wp--preset--color--contrast) !important; background: color-mix(in srgb, var(--wp--preset--color--contrast) 5%, transparent) !important; border-radius: 50% !important; transition: all .3s cubic-bezier(.4, 0, .2, 1) !important } .site-header .wp-block-navigation__responsive-container-close:is(:hover, :focus) { background: color-mix(in srgb, var(--wp--preset--color--contrast) 10%, transparent) !important; transform: rotate(90deg) scale(1.1) } .wp-block-navigation__responsive-container-close svg { width: var(--wp--preset--spacing--50) !important; height: var(--wp--preset--spacing--50) !important } .site-header .wp-block-navigation__responsive-container.is-menu-open { position: fixed !important; inset: 0 !important; z-index: 99999 !important; width: 100vw !important; height: 100vh !important; background: var(--wp--preset--color--base) !important; display: flex !important; flex-direction: column !important } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { flex: 1; padding: var(--wp--preset--spacing--50) !important } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { align-items: flex-start !important; justify-content: flex-start !important; width: 100% !important } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { width: 100% !important } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { justify-content: flex-start !important; text-align: left !important; width: 100% !important; color: var(--wp--preset--color--contrast) !important } .wp-block-navigation__responsive-container.is-menu-open::after { display: none !important } .joceo-mobile-menu-header { display: flex; align-items: center; gap: var(--wp--preset--spacing--30); padding: var(--wp--preset--spacing--50); border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 5%, transparent) } .joceo-mobile-menu-header .wp-block-site-logo img { max-width: calc(var(--wp--preset--spacing--30) * 2); height: auto; border-radius: var(--wp--custom--radius--small) } .joceo-mobile-menu-header .wp-block-site-title { margin: 0 !important; font-weight: 800; font-size: calc(var(--wp--preset--font-size--medium) * 1.1) !important; color: var(--wp--preset--color--primary) !important; text-decoration: none !important } .site-header .wp-block-navigation :is(.wp-block-navigation-submenu-container, .wp-block-navigation__submenu-container) { min-width: calc(100% - var(--wp--preset--spacing--40)) !important; margin: var(--wp--preset--spacing--20) 0 var(--wp--preset--spacing--20) var(--wp--preset--spacing--40) !important; padding: var(--wp--preset--spacing--10) !important; background: color-mix(in srgb, var(--wp--preset--color--contrast) 5%, transparent) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border: none !important; border-left: 2px solid var(--wp--preset--color--primary) !important; border-radius: 0 var(--wp--custom--radius--small) var(--wp--custom--radius--small) 0 !important; box-shadow: none !important } .site-header .jo-icon-actions { display: none !important } .joceo-mobile-menu-actions { display: flex !important; justify-content: center !important; gap: var(--wp--preset--spacing--40) !important; padding: var(--wp--preset--spacing--50) !important; margin-top: auto !important; border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 5%, transparent) !important } .joceo-mobile-menu-actions .icon-btn { transform: scale(1.1) !important } } footer.wp-block-group{margin-top:var(--wp--preset--spacing--30)} footer.wp-block-group .wp-block-site-title,footer.wp-block-group h4.wp-block-heading{margin-bottom:var(--wp--preset--spacing--20) !important} .footer-badges-row,.footer-copyright-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center} .footer-copyright-row{margin-top:calc(var(--wp--preset--spacing--20) / 2)} .footer-police-icon{display:inline-block;width:var(--wp--preset--spacing--30);height:var(--wp--preset--spacing--30);margin:0 calc(var(--wp--preset--spacing--20) / 5) 0 calc(var(--wp--preset--spacing--20) / 2);vertical-align:middle} .footer-badges-row{gap:var(--wp--preset--spacing--40) !important;margin-top:var(--wp--preset--spacing--20) !important} .footer-badge-item{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--wp--preset--spacing--20) !important} .footer-badge-item p{margin:0;line-height:var(--wp--custom--typography--line-height--tiny,1.2)} .footer-badge-image{margin:0 !important} .footer-badge-image img{display:block;width:calc(var(--wp--preset--spacing--30) * 2);height:calc(var(--wp--preset--spacing--30) * 2)} .joceo-rich-footer { width: 100% !important; padding-top: var(--wp--preset--spacing--50) !important; padding-bottom: var(--wp--preset--spacing--50) !important; } .footer-inner-container, .footer-bottom-group { max-width: var(--wp--style--global--wide-size, 1440px) !important; margin-left: auto !important; margin-right: auto !important; width: 100% !important; padding-left: var(--wp--custom--spacing--page-gutter) !important; padding-right: var(--wp--custom--spacing--page-gutter) !important; } .footer-col-about { flex-basis: 40%; } .footer-col-nav { flex-basis: 20%; } .footer-bottom-group { margin-top: var(--wp--preset--spacing--30) !important; } @media (max-width:600px){ .joceo-rich-footer{padding-left:var(--wp--custom--spacing--page-gutter) !important;padding-right:var(--wp--custom--spacing--page-gutter) !important} .footer-badges-row{gap:var(--wp--preset--spacing--30) !important} } .JoPostHeader { margin-bottom: 20px; } .JoPostHeader__title { margin: 0 0 20px !important; font-size: 28px; font-weight: 600; color: var(--wp--preset--color--accent) !important; line-height: 1.4; } .JoPostHeader__meta { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; gap: 25px; padding-bottom: 15px; border-bottom: 1px solid #eee; font-size: 14px; color: #999; } .JoPostHeader__meta p, .JoPostHeader__meta div, .JoPostHeader__meta span, .JoPostHeader__meta a { display: inline-flex !important; align-items: center; gap: 8px; margin: 0 !important; color: inherit; } .JoPostHeader__views::before { content: ""; display: inline-block; width: 16px; height: 16px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") no-repeat center/contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") no-repeat center/contain; } .JoPostHeader__comments::before { content: ""; display: inline-block; width: 14px; height: 14px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.395-3.72a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z'/%3E%3C/svg%3E") no-repeat center/contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.395-3.72a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z'/%3E%3C/svg%3E") no-repeat center/contain; } .JoPostHeader__image { margin-top: 25px; } .JoSocialShare { display: flex; flex-direction: column; align-items: center; } .JoSocialShare__label { font-size: 12px; color: #999; margin: 0 0 15px !important; font-weight: 500; letter-spacing: 1px; } .JoSocialShare .wp-block-social-links { flex-direction: column !important; gap: 20px !important; } .JoSocialShare__divider-text { font-size: 11px !important; color: var(--wp--preset--color--accent-4) !important; text-align: center; position: relative; } .JoSocialShare__list .wp-social-link { background-color: transparent !important; box-shadow: none !important; margin: 0 !important; padding: 0 !important; transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; } .JoSocialShare__list .wp-social-link:hover { transform: scale(1.25); } .JoSocialShare__list .wp-social-link svg { display: none !important; } .JoSocialShare__list .wp-social-link a { padding: 0 !important; width: 32px !important; height: 32px !important; display: flex !important; align-items: center; justify-content: center; position: relative; font-size: 0 !important; color: transparent !important; border-radius: var(--wp--custom--radius--full); background-color: var(--wp--preset--color--accent-2); transition: all 0.3s ease; } .JoSocialShare__list .wp-social-link a::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; } .JoSocialShare__list .wp-social-link:hover a { background-color: var(--wp--preset--color--primary); transform: translateY(-2px); } .JoSocialShare__list .wp-social-link:hover a::before { filter: brightness(0) invert(1); } .is-social-wechat a::before { background-image: url("https://www.joceo.cn/wp-content/themes/joceo/assets/icons/wechat.svg"); } .is-social-weibo a::before { background-image: url("https://www.joceo.cn/wp-content/themes/joceo/assets/icons/weibo.svg"); } .is-social-qq a::before { background-image: url("https://www.joceo.cn/wp-content/themes/joceo/assets/icons/qq.svg"); } .is-social-link a::before { background-image: url("https://www.joceo.cn/wp-content/themes/joceo/assets/icons/copy.svg"); filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(190deg) brightness(100%) contrast(100%); } #jo-share-qr-modal { display: none; position: fixed; z-index: 10000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); backdrop-filter: blur(5px); align-items: center; justify-content: center; } .jo-share-modal-content { background-color: #fff; padding: 30px; border-radius: 12px; text-align: center; position: relative; max-width: 320px; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2); } .jo-share-modal-content h3 { margin: 0 0 15px; font-size: 18px; color: #333; } #jo-share-qrcode img { width: 180px; height: 180px; margin: 10px auto; } .jo-share-modal-content p { font-size: 12px; color: #999; margin-top: 15px; line-height: 1.6; } .jo-share-modal-content .close-modal { position: absolute; right: 15px; top: 10px; font-size: 24px; cursor: pointer; color: #ccc; } #jo-share-toast { visibility: hidden; min-width: 250px; background-color: #333; color: #fff; text-align: center; border-radius: 6px; padding: 12px 20px; position: fixed; z-index: 10001; left: 50%; bottom: 50px; transform: translateX(-50%); font-size: 14px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3); } #jo-share-toast.show { visibility: visible; animation: fadein 0.5s, fadeout 0.5s 2s; } @keyframes fadein { from { bottom: 0; opacity: 0; } to { bottom: 50px; opacity: 1; } } @keyframes fadeout { from { bottom: 50px; opacity: 1; } to { bottom: 0; opacity: 0; } } .JoPostLayout { max-width: 1320px; margin: 0 auto; padding: 40px 20px; } .JoPostLayout__grid { display: flex !important; gap: 40px !important; align-items: flex-start !important; } .JoPostLayout__left-social { flex: 0 0 80px !important; position: sticky; top: 100px; } .JoPostLayout__main { flex: 0 0 720px !important; } .JoPostLayout__aside-right { flex-grow: 1 !important; } .JoPostLayout__sticky-box { position: sticky; top: 100px; } .JoPostSidebar__section { margin-bottom: 40px; } .JoPostSidebar__title { font-size: 16px; font-weight: 600; margin-bottom: 20px !important; padding-bottom: 10px; border-bottom: 1px solid var(--wp--preset--color--accent-3); color: var(--wp--preset--color--contrast); } .JoPostSidebar__tags a { display: inline-block; padding: 5px 15px; background: var(--wp--preset--color--accent-2); border-radius: 20px; font-size: 13px; color: var(--wp--preset--color--accent-5); text-decoration: none; transition: all 0.3s; } .JoPostSidebar__tags a:hover { background: var(--wp--preset--color--primary); color: var(--wp--preset--color--base); } .JoPostSidebar__list { margin: 0; padding: 0; list-style: none; } .JoPostSidebar__list li { margin-bottom: 15px; font-size: 14px; display: flex; justify-content: space-between; align-items: center; gap: 10px; } .JoPostSidebar__list a { display: block; font-weight: 500; color: var(--wp--preset--color--contrast); text-decoration: none; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; min-width: 0; } .JoPostSidebar__list a:hover { color: var(--wp--preset--color--primary); } .JoPostSidebar__list .wp-block-latest-posts__post-date { font-size: 12px; color: var(--wp--preset--color--accent-4); white-space: nowrap; flex-shrink: 0; } .JoPostFooter { margin-top: var(--wp--preset--spacing--80); } .JoPostFooter__meta-row { padding: var(--wp--preset--spacing--50) 0; border-top: 1px solid var(--wp--preset--color--accent-3, rgba(0, 0, 0, 0.05)); border-bottom: 1px solid var(--wp--preset--color--accent-3, rgba(0, 0, 0, 0.05)); margin-bottom: var(--wp--preset--spacing--80); display: flex; justify-content: space-between; align-items: center; gap: var(--wp--preset--spacing--40, 2rem); } .JoPostFooter__label { font-size: var(--wp--preset--font-size--x-small, 10px); font-weight: 900; color: var(--wp--preset--color--accent-5); letter-spacing: 0.2em; margin: var(--wp--preset--spacing--0, 0) !important; text-transform: uppercase; } .JoPostFooter__tags a { font-size: var(--wp--preset--font-size--small, 12px); font-weight: 700; color: var(--wp--preset--color--accent-5); background: var(--wp--preset--color--accent-3); padding: var(--wp--preset--spacing--20, 6px) var(--wp--preset--spacing--30, 14px); border-radius: var(--wp--custom--radius--small, 6px); text-decoration: none; transition: all 0.3s ease; } .JoPostFooter__tags a:hover { background: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base, #fff); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); } .JoPostFooter__related { padding-top: var(--wp--preset--spacing--30, 20px); } .JoPostFooter__nav { display: flex; flex-direction: column; gap: var(--wp--preset--spacing--20, 10px); margin: var(--wp--preset--spacing--20, 10px) 0; } .JoPostFooter__nav .wp-block-post-navigation-link { transition: all 0.3s ease; display: flex; flex-direction: row; align-items: baseline; gap: var(--wp--preset--spacing--20, 12px); margin: var(--wp--preset--spacing--0, 0) !important; } .JoPostFooter__nav a { display: block; text-decoration: none; color: var(--wp--preset--color--contrast); } .JoPostFooter__nav .post-navigation-link-label { flex-shrink: 0; font-size: var(--wp--preset--font-size--x-small, 12px); color: var(--wp--preset--color--accent-4, #94a3b8); font-weight: 500; margin: var(--wp--preset--spacing--0, 0) !important; } .JoPostFooter__nav .wp-block-post-navigation-link a:not(.post-navigation-link-label) { font-weight: 500; font-size: var(--wp--preset--font-size--medium, 1rem); line-height: var(--wp--custom--typography--line-height--medium, 1.6); color: var(--wp--preset--color--contrast); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .JoPostFooter__nav .wp-block-post-navigation-link:hover a:not(.post-navigation-link-label) { color: var(--wp--preset--color--primary); transform: translateX(var(--wp--preset--spacing--20, 6px)); } .JoPostFooter__nav .post-navigation-link-next { text-align: left; } @media (max-width: 768px) { .JoPostFooter__nav { gap: var(--wp--preset--spacing--20, 15px); } } @media (max-width: 992px) { .JoPostFooter__related-query .wp-block-post-template { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .JoPostFooter__related-query .wp-block-post-template { grid-template-columns: 1fr; } .JoPostFooter__meta-row { flex-direction: column; align-items: flex-start; } }