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} *, *::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; } } .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} .jo-list-block { --jo-list-gap: var(--wp--preset--spacing--30, 1.25rem); --jo-list-border: var(--wp--preset--color--accent-3, #e2e8f0); container-type: inline-size; padding: var(--wp--preset--spacing--0, 0); } .jo-list-block__header { display: flex; justify-content: flex-start; align-items: flex-end; margin-bottom: var(--jo-list-gap); padding-bottom: var(--wp--preset--spacing--20, 10px); border-bottom: 1px solid var(--jo-list-border); } .jo-list-block__header-title { position: relative; margin: 0 !important; padding: 0 0 0 var(--wp--preset--spacing--20, 10px) !important; color: var(--wp--preset--color--contrast, #1e293b); font: var(--wp--preset--font-weight--bold, 600) var(--wp--preset--font-size--large, 1.2rem)/var(--wp--custom--typography--line-height--tiny, 1.1) inherit !important; } .jo-list-block__header-title::before { content: ""; position: absolute; top: 50%; left: 0; width: 3px; height: 18px; background: var(--wp--preset--color--primary, #f39800); border-radius: var(--wp--custom--radius--small, 2px); transform: translateY(-50%); } .jo-list-block__items { display: grid; grid-template-columns: repeat(var(--target-columns, 1), 1fr); gap: var(--jo-list-gap); list-style: none; margin: 0; padding: 0; } .is-layout-text-list .jo-list-block__items { gap: 0; } .jo-list-block__items h4 { margin: 0 !important; padding: 0 !important; } .jo-list-block__item { margin: 0; padding: 0; border-bottom: 1px solid var(--jo-list-border); } .is-layout-image-grid .jo-list-block__item { border-bottom: none; } .jo-list-block__link { display: flex; justify-content: space-between; align-items: center; padding: var(--wp--preset--spacing--20, 10px) 0; text-decoration: none !important; transition: all 0.3s ease; gap: var(--jo-list-gap); } .jo-list-block__link:hover .jo-list-block__title { color: var(--wp--preset--color--primary, #f39800); } .jo-list-block__title { flex: 1; color: var(--wp--preset--color--contrast, #1e293b); font-size: var(--wp--preset--font-size--small, 0.875rem); font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .jo-list-block__date { font-size: var(--wp--preset--font-size--x-small, 0.75rem); color: var(--wp--preset--color--accent-4, #94a3b8); opacity: 0.8; white-space: nowrap; } .jo-list-block__excerpt { margin: 4px 0 var(--wp--preset--spacing--20, 10px); font-size: var(--wp--preset--font-size--small, 0.875rem); color: var(--wp--preset--color--accent-4, #64748b); line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; } .is-layout-text-list.has-excerpt .jo-list-block__link { align-items: flex-start; } .is-layout-text-list.has-excerpt .jo-list-block__title { white-space: normal; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; } .is-layout-image-text .jo-list-block-thumb, .is-layout-image-grid .jo-list-block-thumb { flex-shrink: 0; aspect-ratio: 16/10; border-radius: var(--wp--custom--radius--small, 4px); overflow: hidden; background: var(--wp--preset--color--accent-2, #f1f5f9); } .is-layout-image-text .jo-list-block-thumb img, .is-layout-image-grid .jo-list-block-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; } .jo-list-block__link:hover .jo-list-block-thumb img { transform: scale(1.05); } .is-layout-image-text .jo-list-block__link { align-items: flex-start; padding: var(--wp--preset--spacing--30, 20px) 0; } .is-layout-image-text .jo-list-block-thumb { width: 140px; } .is-layout-image-text .jo-list-block-content, .is-layout-image-grid .jo-list-block-content { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: space-between; } .is-layout-image-text .jo-list-block-content { min-height: 87.5px; } .is-layout-image-grid .jo-list-block__link { flex-direction: column; align-items: flex-start; padding: 0; gap: var(--wp--preset--spacing--20, 10px); } .is-layout-image-grid .jo-list-block-thumb, .is-layout-image-grid .jo-list-block-content { width: 100%; } .is-layout-image-text .jo-list-block__title, .is-layout-image-grid .jo-list-block__title { font-size: var(--wp--preset--font-size--medium, 1rem); font-weight: 500; line-height: var(--wp--custom--typography--line-height--medium, 1.4); color: var(--wp--preset--color--contrast); white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: 3.1rem; margin: 0; } .is-layout-image-text .jo-list-block-meta, .is-layout-image-grid .jo-list-block-meta { display: flex; justify-content: space-between; align-items: center; font-size: var(--wp--preset--font-size--x-small, 0.75rem); color: var(--wp--preset--color--accent-4, #94a3b8); } .is-layout-image-grid .jo-list-block-meta { margin-top: var(--wp--preset--spacing--20, 10px); } .jo-list-block-meta-left { display: flex; align-items: center; gap: var(--wp--preset--spacing--20, 10px); } .jo-author-avatar { width: 20px; height: 20px; border-radius: var(--wp--custom--radius--full, 99px); overflow: hidden; display: flex; } .jo-author-avatar img { width: 100%; height: 100%; object-fit: cover; } .jo-meta-dot { opacity: 0.5; } .jo-list-block-meta-right { display: flex; align-items: center; gap: var(--wp--preset--spacing--20, 10px); } .jo-list-block__pagination { display: flex; justify-content: center; align-items: center; gap: 12px; margin-top: var(--wp--preset--spacing--50, 3rem); flex-wrap: wrap; } .jo-list-block__pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; height: 42px; padding: 0 12px; border-radius: var(--wp--custom--radius--small, 8px); font: 500 var(--wp--preset--font-size--small, 0.875rem) inherit; color: var(--wp--preset--color--contrast, #1e293b); background: var(--wp--preset--color--accent-2, #f8fafc); text-decoration: none; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); user-select: none; } .jo-list-block__pagination a.page-numbers:hover { background: #fff; color: var(--wp--preset--color--primary, #f39800); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); transform: translateY(-2px); } .jo-list-block__pagination .page-numbers.current { background: var(--wp--preset--color--primary, #f39800); color: #fff; box-shadow: 0 4px 15px rgba(243, 152, 0, 0.3); } .jo-list-block__pagination .page-numbers.dots { background: transparent; cursor: default; } .jo-list-block__pagination .page-numbers svg { transition: transform 0.3s ease; } .jo-list-block__pagination a.prev:hover svg { transform: translateX(-3px); } .jo-list-block__pagination a.next:hover svg { transform: translateX(3px); } .jo-pagination-extra { display: flex; align-items: center; gap: 15px; margin-left: 10px; padding-left: 20px; border-left: 1px solid var(--jo-list-border); color: var(--wp--preset--color--accent-4, #94a3b8); font-size: var(--wp--preset--font-size--small, 0.875rem); } .jo-page-info { white-space: nowrap; } .jo-page-jump { display: flex; align-items: center; gap: 8px; } .jo-jump-input { width: 50px !important; height: 32px !important; padding: 0 4px !important; border: 1px solid var(--jo-list-border) !important; border-radius: 4px !important; text-align: center !important; font-size: 13px !important; background: transparent !important; color: var(--wp--preset--color--contrast) !important; outline: none !important; } .jo-jump-input:focus { border-color: var(--wp--preset--color--primary, #f39800) !important; } .jo-jump-input::-webkit-inner-spin-button, .jo-jump-input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .jo-jump-btn { height: 32px; padding: 0 12px; background: var(--wp--preset--color--accent-2, #f1f5f9); border: none; border-radius: 4px; font-size: 12px; color: var(--wp--preset--color--contrast); cursor: pointer; transition: all 0.2s ease; } .jo-jump-btn:hover { background: var(--wp--preset--color--primary, #f39800); color: #fff; } @media (max-width: 768px) { .jo-pagination-extra { border-left: none; padding-left: 0; margin-left: 0; margin-top: 10px; width: 100%; justify-content: center; } } @media (max-width: 600px) { .jo-list-block__link { padding: var(--wp--preset--spacing--20, 10px) 0; } } @container (max-width: 500px) { .jo-list-block__items { grid-template-columns: 1fr !important; } .is-layout-image-text .jo-list-block-thumb { width: 110px; } .is-layout-image-text .jo-list-block-content { min-height: 68px; } .is-layout-image-text .jo-list-block__title, .is-layout-image-grid .jo-list-block__title { font-size: var(--wp--preset--font-size--small, 0.875rem); } .is-layout-image-text .jo-list-block__title { margin-bottom: var(--wp--preset--spacing--20, 10px); } .jo-list-block-meta-left .jo-author-avatar { display: none; } }.wp-block-spacer{clear:both} .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%} 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-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-46ca383b{flex-wrap:nowrap;gap:var(--wp--preset--spacing--50);}.wp-container-core-navigation-is-layout-fe9cc265{flex-direction:column;align-items:flex-start;}.wp-container-core-columns-is-layout-28f84493{flex-wrap:nowrap;}.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} }