/* * Distance from body padding edge to #homepage border-box top (often ~16px when META/link nodes precede #homepage in ). * Subtract from homepage hero pad so fixed chrome padding aligns with viewport under announcement + header. */ :root { --gp-home-layout-offset: 0px; } #header #topbar .pin-schedule, #header #topbar .pin-find-a-location, #sticky-header #sticky-topbar .pin-schedule, #sticky-header #sticky-topbar .pin-find-a-location { display: none !important; } #header { z-index: 100 !important; } #header, #sticky-header { border-bottom: none !important; } body.has-announcement #header, body.has-announcement #sticky-header, body.has-announcement #header.sticky, body.has-announcement #sticky-header.sticky { top: var(--gp-announcement-bar-height, 3.75rem) !important; } #topbar .container { display: flex; justify-content: flex-end; } @media only screen and (max-width: 1279px) { #header #topbar .topbar-right, #header #topbar .topbar-right[data-v-d82155de], #sticky-header #sticky-topbar .topbar-right, #sticky-topbar .topbar-right { display: flex !important; flex-direction: row !important; align-items: center !important; } } @media (max-width: 1023px) { #header #topbar .topbar-right[data-v-d82155de], #sticky-header #sticky-topbar .topbar-right, #sticky-topbar .topbar-right { width: auto !important; max-width: min(92.5rem, 96vw) !important; min-width: 0 !important; flex-wrap: wrap !important; justify-content: flex-end !important; align-items: center !important; gap: 0.45rem 0.65rem !important; } #header #topbar .topbar-right .form-find-a-location.button, #header #topbar .topbar-right .request, #sticky-header #sticky-topbar .topbar-right .form-find-a-location.button, #sticky-header #sticky-topbar .topbar-right .request, #sticky-topbar .topbar-right .form-find-a-location.button, #sticky-topbar .topbar-right .request { display: inline-flex !important; align-items: center !important; justify-content: center !important; margin-left: 0 !important; margin-top: 0 !important; } } .submenu-wrapper { width: -moz-fit-content; width: fit-content; } @media (min-width: 1024px) { #header .nav-menu li.menu-item.level_0 > .submenu-wrapper { display: none !important; } #header .nav-menu li.menu-item.level_0 > .level_0_button[aria-expanded="true"] ~ .submenu-wrapper { display: block !important; } #header .nav-menu { --nav-dropdown-l2-min: 15.6rem; --nav-dropdown-l3-max: 17.5rem; /* 二级 / 三级下拉行高：垂直 padding + 文案 line-height 略增，便于阅读与点击 */ --nav-dropdown-item-pad-y: 0.72rem; --nav-dropdown-item-pad-x: 1.25rem; --nav-dropdown-panel-pad-y: 0.62rem; --nav-dropdown-bg: var(--gp-tint-lavender, #f1ecfa); --nav-dropdown-border: color-mix(in srgb, var(--gp-primary-active, #5e4ab3) 12%, #e8e4f4); --nav-dropdown-hover: color-mix(in srgb, var(--gp-primary-active, #5e4ab3) 7%, var(--gp-tint-lavender, #f1ecfa)); --nav-dropdown-active: color-mix(in srgb, var(--gp-primary-active, #5e4ab3) 11%, var(--gp-tint-lavender, #f1ecfa)); --nav-dropdown-radius: 6px; --nav-dropdown-shadow: 0 6px 24px rgba(30, 27, 46, 0.1); } /* 二级面板左缘对齐当前一级项（Prelude 式） */ #header .nav-menu li.menu-item.level_0 > .submenu-wrapper { left: 0 !important; right: auto !important; } #header .nav-menu .menu, #header .nav-menu .submenu-wrapper { overflow: visible; } #header .nav-menu .submenu-wrapper { display: block !important; width: max-content; min-width: max(var(--nav-dropdown-l2-min), max-content) !important; max-width: min(100vw - 2rem, 36rem); box-sizing: border-box; background: var(--nav-dropdown-bg) !important; border: 1px solid var(--nav-dropdown-border) !important; border-radius: var(--nav-dropdown-radius) !important; box-shadow: var(--nav-dropdown-shadow); top: calc(100% + var(--nav-submenu-below-row, 0.82rem)) !important; margin-top: 0 !important; transform: none !important; padding: var(--nav-dropdown-panel-pad-y) 0 !important; overflow: hidden; } #header .nav-menu .submenu-wrapper > .submenu { background: transparent !important; padding: 0 !important; } #header .nav-menu .submenu-wrapper[id^="submenu_"] { min-width: max(var(--nav-dropdown-l2-min), max-content) !important; } /* 三级面板挂在对应二级 li 内，避免 flex 兄弟节点被垂直居中 */ #header .nav-menu .submenu-wrapper > .submenu > ul > li.menu-item.level_1.has-subsubmenu { position: relative; } #header .nav-menu .submenu-wrapper > .submenu > ul > li.menu-item.level_1 > .subsubmenu { position: absolute; left: 100%; top: 0; margin: 0; } #header .nav-menu .submenu-wrapper > .submenu { width: 100%; min-width: max(var(--nav-dropdown-l2-min), max-content); box-sizing: border-box; } /* 二级项统一行高：padding 放在 li，悬停背景铺满整行（含有三级菜单的 button 项） */ #header .nav-menu .submenu-wrapper .submenu ul li.menu-item.level_1 { padding: var(--nav-dropdown-item-pad-y) var(--nav-dropdown-item-pad-x) !important; margin: 0; list-style: none; } #header .nav-menu .submenu-wrapper .submenu ul li.menu-item.level_1:active, #header .nav-menu .submenu-wrapper .submenu ul li.menu-item.level_1:focus, #header .nav-menu .submenu-wrapper .submenu ul li.menu-item.level_1:hover { background: var(--nav-dropdown-hover) !important; } #header .nav-menu .submenu-wrapper .submenu { overflow-x: visible; overflow-y: visible; flex-shrink: 0; } #header .nav-menu .submenu-wrapper .submenu ul { max-height: calc(100vh - 10rem); } #header .nav-menu .submenu-wrapper .submenu ul li .level_1_button { display: flex !important; align-items: center; justify-content: space-between !important; width: 100%; min-height: 1.65rem; padding: 0 !important; margin: 0 !important; white-space: nowrap; gap: 0.75rem; background: none !important; box-shadow: none !important; font-size: 0.875rem !important; line-height: 1.5 !important; font-weight: 400 !important; letter-spacing: 0.01em; } #header .nav-menu .submenu-wrapper .submenu ul li .level_1_button .item-text { flex: 1 1 auto; min-width: 0; text-align: left; } #header .nav-menu .submenu-wrapper .submenu ul li .level_1_button .caret { flex: 0 0 auto; margin-left: auto; width: 5px; height: 10px; opacity: 0.8; } #header .nav-menu .submenu-wrapper .submenu ul li.menu-item.level_1.has-subsubmenu:has(.level_1_button[aria-expanded="true"]) { background: var(--nav-dropdown-active) !important; } #header .nav-menu .submenu-wrapper .submenu ul li .level_1_button:hover, #header .nav-menu .submenu-wrapper .submenu ul li .level_1_button:focus, #header .nav-menu .submenu-wrapper .submenu ul li .level_1_button:active { background: none !important; box-shadow: none !important; outline: none; } #header .nav-menu .submenu-wrapper .submenu ul li.menu-item.level_1 > a[data-v-4d58e396] { display: flex !important; align-items: center; width: 100%; min-height: 1.65rem; padding: 0 !important; margin: 0 !important; white-space: nowrap; text-decoration: none; background: none !important; box-shadow: none !important; font-size: 0.875rem !important; line-height: 1.5 !important; font-weight: 400 !important; letter-spacing: 0.01em; } #header .nav-menu .submenu-wrapper .submenu ul li .level_1_button .item-text, #header .nav-menu .submenu-wrapper .submenu ul li.menu-item.level_1 > a .item-text { font-size: inherit !important; line-height: inherit !important; font-weight: inherit !important; } #header .nav-menu .submenu-wrapper .submenu ul li.menu-item.level_1 > a[data-v-4d58e396]:hover, #header .nav-menu .submenu-wrapper .submenu ul li.menu-item.level_1 > a[data-v-4d58e396]:focus, #header .nav-menu .submenu-wrapper .submenu ul li.menu-item.level_1 > a[data-v-4d58e396]:active { background: none !important; box-shadow: none !important; outline: none; } } li.menu-item.level_0 { position: relative; } .nav-menu { position: relative; z-index: 101; } .nav-menu ul { position: relative; z-index: 102; } .nav-menu a, .nav-menu button { position: relative; z-index: 103; } #header .nav-menu .submenu-wrapper[aria-hidden="false"], #header .nav-menu .subsubmenu[aria-hidden="false"] { z-index: 110; } #header .nav-menu .subsubmenu .submenu-title { position: relative; top: auto; left: auto; margin-top: 0; margin-bottom: 0.5rem; } @media (min-width: 1024px) { #header .nav-menu .subsubmenu .submenu-title { display: none; } /* 三级面板：宽度随文案，覆盖 theme 22–28rem 固定 min-width */ #header .nav-menu .subsubmenu, #header .nav-menu .subsubmenu[aria-hidden="false"], #header .nav-menu .subsubmenu[id^="subsubmenu_"] { width: max-content !important; min-width: 0 !important; max-width: min(var(--nav-dropdown-l3-max), calc(100vw - 2rem)) !important; } #header .nav-menu .subsubmenu { box-sizing: border-box; overflow-x: auto; overflow-y: auto; max-height: calc(100vh - 6rem); padding: var(--nav-dropdown-panel-pad-y) 0 !important; margin-top: 0 !important; left: 100% !important; top: 0 !important; background: var(--nav-dropdown-bg) !important; border: 1px solid var(--nav-dropdown-border) !important; border-radius: var(--nav-dropdown-radius) !important; box-shadow: var(--nav-dropdown-shadow); color: var(--gp-text-1, #1f1b33); } #header .nav-menu .subsubmenu ul { display: block; margin: 0; padding: 0 !important; list-style: none; max-height: calc(100vh - 172px - 1rem); overflow-y: auto; } #header .nav-menu .subsubmenu ul li { padding: var(--nav-dropdown-item-pad-y) calc(var(--nav-dropdown-item-pad-x) - 0.15rem) !important; margin: 0; list-style: none; } #header .nav-menu .subsubmenu ul li:active, #header .nav-menu .subsubmenu ul li:focus, #header .nav-menu .subsubmenu ul li:hover { background: var(--nav-dropdown-hover); } #header .nav-menu .subsubmenu ul li.menu-item.level_2 > a { display: block !important; width: 100%; padding: 0 !important; margin: 0 !important; white-space: nowrap; text-decoration: none !important; border-radius: 0; box-sizing: border-box; background: none !important; box-shadow: none !important; font-family: inherit; font-size: 0.875rem; font-weight: 400; letter-spacing: 0.01em; line-height: 1.5; color: var(--gp-text-1, #1f1b33) !important; } #header .nav-menu .subsubmenu ul li.menu-item.level_2 > a:hover, #header .nav-menu .subsubmenu ul li.menu-item.level_2 > a:focus, #header .nav-menu .subsubmenu ul li.menu-item.level_2 > a:focus-visible { color: var(--gp-text-1, #1f1b33) !important; background: none !important; box-shadow: none !important; outline: none; } #header .nav-menu .subsubmenu ul li a .item-text, #header .nav-menu .subsubmenu ul li .item-text { padding: 0 !important; white-space: nowrap; color: inherit !important; font-family: inherit !important; font-size: 0.875rem !important; line-height: 1.5 !important; font-weight: 400 !important; letter-spacing: 0.01em !important; } } #header .nav-menu .submenu-wrapper .subsubmenu[aria-hidden="false"] { margin-top: 0; } body:not(.has-announcement) #header.sticky, body:not(.has-announcement) #sticky-header.sticky { top: 0 !important; } body.has-announcement #header, body.has-announcement #sticky-header, body.has-announcement #header.sticky, body.has-announcement #sticky-header.sticky { transition: top 0.48s cubic-bezier(0.33, 1, 0.68, 1) !important; } #announcements-container { transform: translateY(0); opacity: 1; visibility: visible; transition: transform 0.5s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.4s ease, visibility 0s linear 0s; will-change: transform; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; padding: 0.42rem 0.85rem !important; box-sizing: border-box; } #announcements-container #announcements li, #announcements-container #announcements li.current { height: auto !important; min-height: 0 !important; } #announcements-container #announcements { width: 100%; max-width: 100%; margin: 0; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box; } #announcements-container #announcements ul { width: 100%; margin: 0; padding: 0; list-style: none; display: flex !important; justify-content: center !important; align-items: center !important; } #announcements-container #announcements li.current { width: 100%; display: flex !important; justify-content: center !important; align-items: center !important; } #announcements-container #announcements li.current > p { margin: 0; color: #ffffff; font-size: clamp(0.8rem, 0.95vw, 0.9rem); line-height: 1.32 !important; text-align: center; max-width: 62rem; margin-left: auto; margin-right: auto; } #announcements-container .gp-ann-full { display: inline; } #announcements-container .gp-ann-compact { display: none; } body.hero-passed #announcements-container { transform: translateY(-100%); opacity: 0; visibility: hidden; pointer-events: none; overflow: hidden; padding-top: 0 !important; padding-bottom: 0 !important; margin: 0; border: 0; transition: transform 0.52s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.38s ease 0.04s, visibility 0s linear 0.42s; } body.hero-passed #announcements-container .container1 { opacity: 0; transition: opacity 0.35s ease; } @media (prefers-reduced-motion: reduce) { #announcements-container, body.hero-passed #announcements-container { transition-duration: 0.05s !important; } } @media (max-width: 767px) { #announcements-container { padding-top: max(0.45rem, calc(env(safe-area-inset-top, 0px) + 0.2rem)); padding-bottom: 0.45rem; padding-left: max(0.875rem, env(safe-area-inset-left, 0px)); padding-right: max(0.875rem, env(safe-area-inset-right, 0px)); box-sizing: border-box; overflow: visible; width: 100%; margin-left: 0; margin-right: 0; } #announcements-container .gp-ann-full { display: none !important; } #announcements-container .gp-ann-compact { display: inline !important; } #announcements-container #announcements li.current > p { margin: 0; color: #ffffff; font-size: clamp(0.72rem, 3.15vw, 0.82rem); line-height: 1.33; text-align: center; max-width: 100%; margin-left: auto; margin-right: auto; align-self: center; padding-block: 0; letter-spacing: 0; } #announcements-container #announcements a { color: inherit; font-weight: 600; text-decoration: underline; text-underline-offset: 0.14em; text-decoration-thickness: 0.07em; white-space: nowrap; } } body.has-announcement.hero-passed #header, body.has-announcement.hero-passed #header.sticky, body.has-announcement.hero-passed #sticky-header, body.has-announcement.hero-passed #sticky-header.sticky { top: 0 !important; } #homepage .slider .slider-inner > .hero-slider-overlay { position: absolute !important; inset: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; z-index: 4 !important; display: flex !important; flex-direction: column; align-items: center !important; justify-content: center !important; padding: 0 !important; pointer-events: none; box-sizing: border-box; } #homepage .slider .slider-inner > .hero-slider-overlay::before { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(30, 27, 46, 0.35) 0%, rgba(30, 27, 46, 0.15) 45%, rgba(30, 27, 46, 0.4) 100%); pointer-events: none; z-index: 0; } #homepage .slider .slider-inner .hero-slider-overlay-inner { position: relative; z-index: 1; pointer-events: auto; width: 100%; max-width: 52rem; margin-left: auto; margin-right: auto; padding: 1rem 1.25rem 5rem; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; text-align: center; } #homepage .slider .slider-inner .hero-slider-copy { margin: 0; width: 100%; max-width: 48rem; text-align: center; transform: translateY(clamp(4rem, 16vh, 10rem)); } @media (max-width: 767px) { #homepage .slider[data-v-bfb72eba], #homepage .slider { height: auto !important; max-height: none !important; min-height: 0 !important; } #homepage .slider .slider-inner[data-v-bfb72eba], #homepage .slider .slider-inner { width: 100% !important; height: auto !important; aspect-ratio: 8 / 7; min-height: 0 !important; max-height: none !important; box-sizing: border-box; } #homepage .slider .slider-inner .hero-slider-copy { transform: translateY(clamp(0rem, 2.5vh, 1.25rem)) !important; } #homepage .slider .slider-inner .hero-slider-overlay-inner { padding-top: clamp(0.5rem, 2.5vh, 1.25rem) !important; padding-bottom: clamp(1rem, 4vh, 2rem) !important; padding-left: max(1rem, env(safe-area-inset-left, 0px)) !important; padding-right: max(1rem, env(safe-area-inset-right, 0px)) !important; box-sizing: border-box !important; justify-content: center !important; min-height: 0 !important; } } #homepage .hero-slider-heading { margin: 0 0 1.75rem; font-family: var(--gp-font-serif-display, Georgia, "Times New Roman", serif); font-weight: 600; font-size: var(--gp-h2-display, 56px); line-height: 1.18; letter-spacing: -0.02em; color: #ffffff !important; text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35); text-align: center; } #homepage .hero-slider-heading .hero-slider-line1, #homepage .hero-slider-heading .hero-slider-line2 { display: block; } #homepage .hero-slider-heading .hero-slider-line2 { margin-top: 0.35em; font-size: 0.92em; font-weight: 500; color: rgba(255, 255, 255, 0.85); } #homepage .hero-slider-buttons { display: flex; flex-wrap: wrap; gap: 0.75rem 1rem; justify-content: center; align-items: center; } #homepage .hero-slider-buttons .button { pointer-events: auto; } #homepage .section-intro.home-intro-band, #homepage-content .section-intro.home-intro-band { background: #f1ecfa !important; background-color: #f1ecfa !important; border-top: 1px solid rgba(123, 102, 215, 0.12) !important; border-bottom: 1px solid rgba(123, 102, 215, 0.12) !important; width: 100% !important; } #homepage-content .home-intro-band .group-inner > .container, #homepage .home-intro-band .group-inner > .container { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; max-width: min(92.5rem, 94vw) !important; padding-left: 1.25rem !important; padding-right: 1.25rem !important; box-sizing: border-box !important; } #homepage-content .home-intro-band .group-inner > .container > .block-list, #homepage .home-intro-band .group-inner > .container > .block-list { width: 100% !important; } #homepage-content .home-intro-band h2.home-intro-heading.heading, #homepage .home-intro-band h2.home-intro-heading.heading { color: var(--gp-primary-active, #7b66d7) !important; text-align: center !important; } #homepage-content .home-intro-band .home-intro-body, #homepage .home-intro-band .home-intro-body { color: #5e4ab3 !important; text-align: center !important; font-size: clamp(1.42rem, 2.45vw, 1.95rem) !important; line-height: 1.78 !important; font-weight: 500 !important; } #homepage-content .home-intro-band .group-inner > .container > .block-list, #homepage .home-intro-band .group-inner > .container > .block-list { max-width: min(62%, 60rem) !important; margin-left: auto !important; margin-right: auto !important; } @media (max-width: 900px) { #homepage-content .home-intro-band .group-inner > .container > .block-list, #homepage .home-intro-band .group-inner > .container > .block-list { max-width: min(92%, 42rem) !important; } } #homepage-content .home-intro-band .home-intro-actions.hero-slider-buttons, #homepage .home-intro-band .home-intro-actions.hero-slider-buttons { display: flex !important; flex-wrap: wrap !important; gap: 0.75rem 1rem !important; justify-content: center !important; align-items: center !important; } #homepage #pathways.pathways-section, #homepage-content #pathways.pathways-section { background: #ffffff !important; } #header > .container { gap: 0.75rem 1.25rem !important; align-items: center !important; align-content: center !important; } #header #topbar { pointer-events: none !important; } #header #topbar a, #header #topbar button, #header #topbar input { pointer-events: auto !important; } #header .logo { display: inline-flex !important; align-items: center !important; align-self: center !important; width: auto !important; height: auto !important; max-width: 55vw !important; max-width: min(55vw, 26rem) !important; flex-shrink: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; line-height: 0 !important; position: relative !important; z-index: 8 !important; pointer-events: auto !important; } #header .logo img { position: relative !important; display: block !important; width: auto !important; height: auto !important; flex-shrink: 0 !important; max-height: 18px !important; max-width: 100% !important; object-fit: contain !important; } @media (min-width: 768px) { #header .logo img { max-height: 22px !important; } } @media (min-width: 1200px) { #header .logo img { max-height: 24px !important; } } #header.sticky .logo { width: auto !important; height: auto !important; } #header.sticky .logo img { position: relative !important; max-height: 15px !important; } @media (min-width: 768px) { #header.sticky .logo img { max-height: 19px !important; } } @media (min-width: 1200px) { #header.sticky .logo img { max-height: 20px !important; } } #header .menu[data-v-fb167fda] { flex: 1 1 auto !important; min-width: 0 !important; align-items: center !important; align-self: center !important; } @media (min-width: 768px) { #header #topbar { top: 0 !important; padding: 0 !important; height: 0 !important; min-height: 0 !important; overflow: visible !important; z-index: 6 !important; } #header #topbar .container[data-v-d82155de] { position: relative !important; min-height: 0 !important; height: 0 !important; padding: 0 !important; } #header #topbar .topbar-right[data-v-d82155de] { position: absolute !important; top: 0.25rem !important; right: 0 !important; left: auto !important; width: auto !important; max-width: min(92.5rem, 94vw) !important; margin-left: auto !important; align-items: center !important; gap: 0.4rem 0.75rem !important; transform: none !important; z-index: 10 !important; } #header > .container[data-v-d82155de] { padding-top: 0.4rem !important; padding-bottom: 0.35rem !important; height: auto !important; min-height: 0 !important; box-sizing: border-box !important; align-items: center !important; } #header.sticky > .container[data-v-d82155de] { padding-top: 0.3rem !important; padding-bottom: 0.25rem !important; } #header .logo { margin-top: -0.25rem !important; } #header { height: auto !important; } } @media (min-width: 768px) and (max-width: 1023px) { #header > .container[data-v-d82155de] { padding-right: clamp(3.25rem, 14vw, 7rem) !important; } } @media (min-width: 1024px) { #header #topbar { padding: 0 !important; height: 0 !important; min-height: 0 !important; } #header #topbar .container[data-v-d82155de] { min-height: 0 !important; height: 0 !important; padding: 0 !important; } #header > .container[data-v-d82155de] { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; min-height: 0 !important; } #header.sticky > .container[data-v-d82155de] { padding-top: 0.42rem !important; padding-bottom: 0.42rem !important; } #header .logo { margin-top: 0 !important; } } @media (max-width: 767px) { #header #topbar { display: block !important; pointer-events: none !important; } #header #topbar a, #header #topbar button, #header #topbar input { pointer-events: auto !important; } #header #topbar .container[data-v-d82155de] { position: relative !important; min-height: auto !important; padding-top: 0.35rem !important; padding-bottom: 0.35rem !important; } #header #topbar .topbar-right[data-v-d82155de] { position: relative !important; top: auto !important; right: auto !important; left: auto !important; transform: none !important; display: flex !important; flex-wrap: wrap !important; justify-content: flex-end !important; align-items: center !important; gap: 0.5rem 0.75rem !important; max-width: 100% !important; width: 100% !important; margin-left: 0 !important; } #header #topbar .button.primary.form-find-a-location, #header #topbar .button.primary.request { font-size: 0.8125rem !important; padding: 0.5rem 0.75rem !important; line-height: 1.25 !important; white-space: nowrap; } #header > .container[data-v-d82155de] { padding-top: 0.25rem !important; } } #content-box h2[id], #content-box a[id] { scroll-margin-top: 5.5rem; } #content-box .practices { position: relative; overflow: visible !important; height: auto !important; min-height: 15rem; margin: 1rem 0 2rem; padding: 0 3.25rem 0.5rem; box-sizing: border-box; } #content-box .practices .inner-practices { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; gap: 1.25rem !important; width: 100% !important; overflow-x: auto !important; overflow-y: hidden !important; padding: 0.25rem 0 0.75rem !important; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; scrollbar-width: thin; } #content-box .practices .inner-practices::-webkit-scrollbar { height: 8px; } #content-box .practices .inner-practices::-webkit-scrollbar-track { background: #e8e8e8; border-radius: 4px; } #content-box .practices .inner-practices::-webkit-scrollbar-thumb { background: #b0b0b0; border-radius: 4px; } #content-box .practices .practice { flex: 0 0 auto; scroll-snap-align: start; max-width: 16rem; } #content-box .practices .practice .practice-img { display: flex !important; align-items: center !important; justify-content: center !important; background: #f0f0f0 !important; height: 12rem !important; width: 15rem !important; box-sizing: border-box; } #content-box .practices .practice .practice-img img.practice-logo { height: auto !important; width: auto !important; max-height: 7.5rem !important; max-width: 88% !important; object-fit: contain !important; transition: opacity 0.25s; } #content-box .practices .practice h3 { text-align: center !important; font-size: 1rem !important; line-height: 1.35 !important; margin-top: 0.75rem !important; } #content-box .practices .practices-shade { pointer-events: none; height: 12rem !important; } #content-box .practices .practices-prev, #content-box .practices .practices-next { position: absolute !important; top: calc(0.25rem + 6rem); left: auto; right: auto; margin-top: 0 !important; z-index: 3; display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; padding: 0; background: transparent !important; border: 0; border-radius: 0; line-height: 0; transform: translateY(-50%); box-shadow: none; transition: opacity 0.2s ease, transform 0.2s ease; } #content-box .practices .practices-prev:hover, #content-box .practices .practices-next:hover { opacity: 0.88; } #content-box .practices .practices-prev { left: 0 !important; } #content-box .practices .practices-next { right: 0 !important; } #content-box .practices .practices-prev img, #content-box .practices .practices-next img { width: 2.5rem; height: 2.5rem; max-width: none; display: block; filter: none; flex-shrink: 0; } #content-box .practices .practices-prev img { transform: rotate(180deg); } @media (max-width: 767px) { #content-box .practices { padding: 0 2.75rem 0.5rem; } #content-box .practices .practice .practice-img { width: 12rem !important; height: 10rem !important; } #content-box .practices .practices-prev, #content-box .practices .practices-next { top: calc(0.25rem + 5rem); } } #header #topbar .topbar-right .button.primary.form-find-a-location, #header #topbar .topbar-right .button.primary.request { display: inline-flex !important; visibility: visible !important; opacity: 1 !important; } @media (max-width: 1023px) { #header #topbar { top: 0 !important; width: 100% !important; max-width: min(92.5rem, 98vw) !important; left: 0 !important; right: 0 !important; margin-left: auto !important; margin-right: auto !important; } } #header #topbar.sticky, #sticky-header #sticky-topbar.sticky { top: 0 !important; } @media (max-width: 1023px) { #header #topbar, #sticky-header #sticky-topbar { width: 100% !important; max-width: min(92.5rem, 100vw) !important; box-sizing: border-box !important; } #header #topbar .container[data-v-d82155de] { min-height: 2.75rem !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; } } #homepage.gp-home-hero { margin-top: 0 !important; } #homepage:has(> .block-list:first-child > .slider) { margin-top: 0 !important; } #homepage:has(.slider.lg[data-v-bfb72eba]) { margin-top: 0 !important; } #homepage > .block-list:first-child { padding-top: max( 0px, calc( var(--gp-home-first-block-pad, var(--gp-fixed-chrome-bottom, calc(var(--gp-announcement-bar-height, 3.75rem) + 4.5rem))) - var(--gp-home-layout-offset, 0px) ) ); box-sizing: border-box; } #homepage.gp-home-hero > .block-list:first-child, #homepage > .block-list:first-child:has(> .slider) { background-color: #ffffff; } @media (min-width: 1024px) { #homepage > .block-list:first-child { padding-top: max( 0px, calc( var(--gp-home-first-block-pad, var(--gp-fixed-chrome-bottom, 120px)) - 14px - var(--gp-home-layout-offset, 0px) ) ) !important; } } #homepage > .block-list:first-child > .slider[data-v-bfb72eba], #homepage > .block-list:first-child > .slider.lg[data-v-bfb72eba], #homepage > .block-list:first-child > .slider { margin-top: 0 !important; } body:not(.has-announcement) #homepage > .block-list:first-child { padding-top: max( 0px, calc( var(--gp-home-first-block-pad, var(--gp-fixed-chrome-bottom, 4.75rem)) - var(--gp-home-layout-offset, 0px) ) ); } body:not(.has-announcement) #homepage > .block-list:first-child > .slider[data-v-bfb72eba], body:not(.has-announcement) #homepage > .block-list:first-child > .slider.lg[data-v-bfb72eba], body:not(.has-announcement) #homepage > .block-list:first-child > .slider { margin-top: 0 !important; } #homepage .slider[data-v-bfb72eba], #homepage .slider { position: relative; z-index: 0; } @media (min-width: 1024px) { #header:not(.sticky) { --nav-submenu-below-row: 0.82rem; } #header.sticky { --nav-submenu-below-row: 0.74rem; } #header > .container[data-v-d82155de] { justify-content: flex-start !important; align-items: center !important; --header-nav-dropdown-offset: 0; } #header > .container[data-v-d82155de] > .logo[data-v-d82155de] { align-self: center !important; } #header .menu[data-v-fb167fda] { flex: 1 1 auto !important; min-width: 0 !important; align-self: center !important; align-items: stretch !important; display: flex !important; flex-direction: column !important; min-height: 0 !important; overflow: visible !important; justify-content: flex-start !important; } #header .nav-menu[data-v-fb167fda] { flex: 1 1 auto !important; display: flex !important; flex-direction: column !important; min-height: 0 !important; overflow: visible !important; } #header .nav-menu > ul[data-v-fb167fda] { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; align-content: center !important; justify-content: flex-start !important; flex: 1 1 auto !important; min-height: 0 !important; max-width: 100% !important; gap: clamp(0.28rem, 0.75vw, 0.75rem) clamp(0.32rem, 0.9vw, 1rem) !important; overflow: visible !important; box-sizing: border-box; padding-top: 0.2rem !important; padding-bottom: 0.2rem !important; } #header .nav-menu li.menu-item.level_0 { display: flex !important; flex-direction: column !important; justify-content: center !important; align-self: center !important; flex-shrink: 0 !important; vertical-align: unset !important; } #header .nav-menu li.menu-item.level_0 > .level_0_button[data-v-4d58e396] { display: inline-flex !important; align-items: center !important; justify-content: center !important; align-self: center !important; width: auto !important; max-width: 100% !important; flex: 0 0 auto !important; box-sizing: border-box !important; } #header .nav-menu li.menu-item.level_0 > .level_0_button[data-v-4d58e396]::after { top: 50% !important; transform: translateY(-50%) !important; right: 0.2rem !important; } #header .nav-menu li.menu-item.level_0 > .level_0_button[data-v-4d58e396][aria-expanded="true"]::after { top: 50% !important; transform: translateY(-50%) rotate(180deg) !important; } /* 展开指示：仅 button 一条线；勿在 .item-text 再 underline（会与 :hover 叠成双横线） */ #header .nav-menu li.menu-item.level_0 > .level_0_button[aria-expanded="true"] { text-decoration: underline !important; text-underline-offset: 0.22em; text-decoration-thickness: 1px; } #header .nav-menu li.menu-item.level_0 > .level_0_button[aria-expanded="true"] .item-text { text-decoration: none !important; } #header .nav-menu li.menu-item.level_0 > .level_0_button[data-v-4d58e396] { font-size: clamp(0.78rem, 0.72rem + 0.28vw, 0.9rem) !important; padding-right: clamp(1rem, 1.15vw, 1.45rem) !important; } #header .nav-menu li.menu-item.level_0 > a[data-v-4d58e396] { font-size: clamp(0.78rem, 0.72rem + 0.28vw, 0.9rem) !important; padding-right: 0.65rem !important; } #header .nav-menu li.menu-item.level_0 > a[data-v-4d58e396] .item-text[data-v-4d58e396], #header .nav-menu li.menu-item.level_0 > .level_0_button .item-text[data-v-4d58e396] { padding-top: 0.58rem !important; padding-bottom: 0.58rem !important; } } @media (min-width: 1024px) and (max-height: 720px) { #header > .container[data-v-d82155de] { padding-top: 0.28rem !important; padding-bottom: 0.22rem !important; } #header .logo img { max-height: clamp(1.23rem, 3.92vh, 1.65rem) !important; } #header.sticky .logo img { max-height: clamp(1.08rem, 3.43vh, 1.4rem) !important; } } a#skip-to-content.gp-skip-link.button { position: fixed !important; left: 0 !important; top: 0 !important; z-index: 2147483640 !important; margin: 0 !important; padding: 0.5rem 1rem !important; clip: rect(0, 0, 0, 0) !important; clip-path: inset(50%) !important; height: 1px !important; width: 1px !important; overflow: hidden !important; white-space: nowrap !important; border: 0 !important; } a#skip-to-content.gp-skip-link.button:focus { clip: auto !important; clip-path: none !important; width: auto !important; height: auto !important; overflow: visible !important; left: 0.75rem !important; top: max(0.75rem, env(safe-area-inset-top, 0px)) !important; box-shadow: 0 4px 20px rgba(30, 27, 46, 0.35); } @media (prefers-reduced-motion: reduce) { a#skip-to-content.gp-skip-link.button:focus { transition: none !important; } } #homepage-content { scroll-margin-top: clamp(5rem, var(--gp-fixed-chrome-bottom, 6rem), 8rem); } #content-box h1.heading:first-child, #content-box .block-list > h1:first-child { scroll-margin-top: clamp(5rem, var(--gp-fixed-chrome-bottom, 6rem), 8rem); } html { overflow-x: clip; max-width: 100%; } body { overflow-x: clip; max-width: 100%; } @media (max-width: 1023px) { #header button.menu-trigger[data-v-fb167fda], #header .menu-trigger[data-v-fb167fda], #sticky-header button.menu-trigger, #sticky-header .menu-trigger { min-width: 2.75rem !important; min-height: 2.75rem !important; box-sizing: border-box !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; padding: 0.5rem !important; } }