img:is([sizes=auto i], [sizes^="auto,"i]) { contain-intrinsic-size: 3000px 1500px } /*# sourceURL=wp-img-auto-sizes-contain-inline-css */
:root { --wp-block-synced-color: #7a00df; --wp-block-synced-color--rgb: 122, 0, 223; --wp-bound-block-color: var(--wp-block-synced-color); --wp-editor-canvas-background: #ddd; --wp-admin-theme-color: #007cba; --wp-admin-theme-color--rgb: 0, 124, 186; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5; --wp-admin-theme-color-darker-20: #005a87; --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; --wp-admin-border-width-focus: 2px } @media (min-resolution:192dpi) { :root { --wp-admin-border-width-focus: 1.5px } } .wp-element-button { cursor: pointer } :root .has-very-light-gray-background-color { background-color: #eee } :root .has-very-dark-gray-background-color { background-color: #313131 } :root .has-very-light-gray-color { color: #eee } :root .has-very-dark-gray-color { color: #313131 } :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { background: linear-gradient(135deg, #00d084, #0693e3) } :root .has-purple-crush-gradient-background { background: linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe) } :root .has-hazy-dawn-gradient-background { background: linear-gradient(135deg, #faaca8, #dad0ec) } :root .has-subdued-olive-gradient-background { background: linear-gradient(135deg, #fafae1, #67a671) } :root .has-atomic-cream-gradient-background { background: linear-gradient(135deg, #fdd79a, #004a59) } :root .has-nightshade-gradient-background { background: linear-gradient(135deg, #330968, #31cdcf) } :root .has-midnight-gradient-background { background: linear-gradient(135deg, #020381, #2874fc) } :root { --wp--preset--font-size--normal: 16px; --wp--preset--font-size--huge: 42px } .has-regular-font-size { font-size: 1em } .has-larger-font-size { font-size: 2.625em } .has-normal-font-size { font-size: var(--wp--preset--font-size--normal) } .has-huge-font-size { font-size: var(--wp--preset--font-size--huge) } .has-text-align-center { text-align: center } .has-text-align-left { text-align: left } .has-text-align-right { text-align: right } .has-fit-text { white-space: nowrap !important } #end-resizable-editor-section { display: none } .aligncenter { clear: both } .items-justified-left { justify-content: flex-start } .items-justified-center { justify-content: center } .items-justified-right { justify-content: flex-end } .items-justified-space-between { justify-content: space-between } .screen-reader-text { border: 0; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important } .screen-reader-text:focus { background-color: #ddd; 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 } html :where(.has-border-color) { border-style: solid } html :where([style*=border-top-color]) { border-top-style: solid } html :where([style*=border-right-color]) { border-right-style: solid } html :where([style*=border-bottom-color]) { border-bottom-style: solid } html :where([style*=border-left-color]) { border-left-style: solid } html :where([style*=border-width]) { border-style: solid } html :where([style*=border-top-width]) { border-top-style: solid } html :where([style*=border-right-width]) { border-right-style: solid } html :where([style*=border-bottom-width]) { border-bottom-style: solid } html :where([style*=border-left-width]) { border-left-style: solid } html :where(img[class*=wp-image-]) { height: auto; max-width: 100% } :where(figure) { margin: 0 0 1em } html :where(.is-position-sticky) { --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px) } @media screen and (max-width:600px) { html :where(.is-position-sticky) { --wp-admin--admin-bar--position-offset: 0px } } /*# sourceURL=wp-block-library-inline-css */
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 } /*# sourceURL=/wp-includes/blocks/heading/style.min.css */
.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,'); mask-image: url('data:image/svg+xml;utf8,'); 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 } } /*# sourceURL=/wp-includes/blocks/image/style.min.css */
.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% } /*# sourceURL=/wp-includes/blocks/columns/style.min.css */
.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 } /*# sourceURL=/wp-includes/blocks/paragraph/style.min.css */
.wp-block-spacer { clear: both } /*# sourceURL=/wp-includes/blocks/spacer/style.min.css */
/*! This file is auto-generated */ .wp-block-button__link { color: #fff; background-color: #32373c; border-radius: 9999px; box-shadow: none; text-decoration: none; padding: calc(.667em + 2px) calc(1.333em + 2px); font-size: 1.125em } .wp-block-file__button { background: #32373c; color: #fff; text-decoration: none } /*# sourceURL=/wp-includes/css/classic-themes.min.css */
: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--black: #000000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #ffffff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--color--themecolor-1: #d53c35; --wp--preset--color--themecolor-2: #d53c35; --wp--preset--color--monte-blue: #406186; --wp--preset--color--monte-pink: #df7c88; --wp--preset--color--monte-yellow: #ffc372; --wp--preset--color--monte-purple: #b5aebe; --wp--preset--color--monte-light-yellow: #ffd49c; --wp--preset--color--monte-light-pink: #e8a3ab; --wp--preset--color--monte-grey: #393939; --wp--preset--color--monte-white: #ffffff; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgb(6, 147, 227) 0%, rgb(155, 81, 224) 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgb(252, 185, 0) 0%, rgb(255, 105, 0) 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgb(255, 105, 0) 0%, rgb(207, 46, 46) 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%); --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%); --wp--preset--font-size--small: 14px; --wp--preset--font-size--medium: 24px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--font-size--normal: 16px; --wp--preset--font-size--bonkers: 42px; --wp--preset--spacing--20: 0.44rem; --wp--preset--spacing--30: 0.67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4); --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: 6px 6px 0px rgb(0, 0, 0); } :where(.is-layout-flex) { gap: 0.5em; } :where(.is-layout-grid) { gap: 0.5em; } 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; } :where(.wp-block-columns.is-layout-flex) { gap: 2em; } :where(.wp-block-columns.is-layout-grid) { gap: 2em; } :where(.wp-block-post-template.is-layout-flex) { gap: 1.25em; } :where(.wp-block-post-template.is-layout-grid) { gap: 1.25em; } .has-black-color { color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-color { color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-color { color: var(--wp--preset--color--white) !important; } .has-pale-pink-color { color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-color { color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-color { color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-color { color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-color { color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-color { color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-color { color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-color { color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-color { color: var(--wp--preset--color--vivid-purple) !important; } .has-black-background-color { background-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-background-color { background-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-background-color { background-color: var(--wp--preset--color--white) !important; } .has-pale-pink-background-color { background-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-background-color { background-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-background-color { background-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-background-color { background-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-background-color { background-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-background-color { background-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-background-color { background-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-background-color { background-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-background-color { background-color: var(--wp--preset--color--vivid-purple) !important; } .has-black-border-color { border-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-border-color { border-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-border-color { border-color: var(--wp--preset--color--white) !important; } .has-pale-pink-border-color { border-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-border-color { border-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-border-color { border-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-border-color { border-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-border-color { border-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-border-color { border-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-border-color { border-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-border-color { border-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-border-color { border-color: var(--wp--preset--color--vivid-purple) !important; } .has-vivid-cyan-blue-to-vivid-purple-gradient-background { background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important; } .has-light-green-cyan-to-vivid-green-cyan-gradient-background { background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important; } .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important; } .has-luminous-vivid-orange-to-vivid-red-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important; } .has-very-light-gray-to-cyan-bluish-gray-gradient-background { background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important; } .has-cool-to-warm-spectrum-gradient-background { background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important; } .has-blush-light-purple-gradient-background { background: var(--wp--preset--gradient--blush-light-purple) !important; } .has-blush-bordeaux-gradient-background { background: var(--wp--preset--gradient--blush-bordeaux) !important; } .has-luminous-dusk-gradient-background { background: var(--wp--preset--gradient--luminous-dusk) !important; } .has-pale-ocean-gradient-background { background: var(--wp--preset--gradient--pale-ocean) !important; } .has-electric-grass-gradient-background { background: var(--wp--preset--gradient--electric-grass) !important; } .has-midnight-gradient-background { background: var(--wp--preset--gradient--midnight) !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; } :where(.wp-block-columns.is-layout-flex) { gap: 2em; } :where(.wp-block-columns.is-layout-grid) { gap: 2em; } /*# sourceURL=global-styles-inline-css */
.a-stats { --akismet-color-mid-green: #357b49; --akismet-color-white: #fff; --akismet-color-light-grey: #f6f7f7; max-width: 350px; width: auto; } .a-stats * { all: unset; box-sizing: border-box; } .a-stats strong { font-weight: 600; } .a-stats a.a-stats__link, .a-stats a.a-stats__link:visited, .a-stats a.a-stats__link:active { background: var(--akismet-color-mid-green); border: none; box-shadow: none; border-radius: 8px; color: var(--akismet-color-white); cursor: pointer; display: block; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif; font-weight: 500; padding: 12px; text-align: center; text-decoration: none; transition: all 0.2s ease; } /* Extra specificity to deal with TwentyTwentyOne focus style */ .widget .a-stats a.a-stats__link:focus { background: var(--akismet-color-mid-green); color: var(--akismet-color-white); text-decoration: none; } .a-stats a.a-stats__link:hover { filter: brightness(110%); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.16); } .a-stats .count { color: var(--akismet-color-white); display: block; font-size: 1.5em; line-height: 1.4; padding: 0 13px; white-space: nowrap; } /*# sourceURL=akismet-widget-style-inline-css */
.post_title_head.pp .description time, .post_title_head.pp .description span, .post_title_head.pp .description a { color: #dd3333; } .search_boxs { border: 2px solid #ffffff; } .search_box_in p span.sel, .search_box_ins p span.sel, #newseach .search_boxs input[type="text"]+input { background: #ffffff; color: #fff; } .search_boxs input[type="text"]+input { color: #ffffff; } @media screen and (min-width:1371px) and (max-width:200000px) { .menu_header li.menu-item { padding: 0 30px; margin-right: 0; } } #pageLoad, #pageLoad samp { background: #0f1923 } #pageLoad span, #pageLoad p { color: #ffffff } .toolbar_btn i { color: #81d742 } .toolbar_btn span { color: #210101 } .toolbar_btn { background: #ffffff } .new_footer_bottm { background-color: #ffffff } .new_footer_bottm p, .new_footer_bottm p a, .yl_menu a { color: #0a0a0a } .content_tab_title .btn.themecolor1 span, .post_content .has-themecolor-1-color { color: #d53c35; } .content_tab_title .btn.themecolor2 span, .post_content .has-themecolor-2-color { color: #d53c35; } .content_tab_title .btn.bthemecolor1.active, .content_tab_title .btn.tabcolor1.swiper-pagination-bullet-active, .has-themecolor-1-background-color { background-color: #d53c35 !important; } .content_tab_title .btn.bthemecolor2.active, .content_tab_title .btn.tabcolor1.swiper-pagination-bullet-active, .has-themecolor-2-background-color { background-color: #d53c35 !important; } .twentytwenty-container.themecolorhover .twentytwenty-before-label::before, .twentytwenty-container.themecolorhover .twentytwenty-after-label::before, .twentytwenty-container.themecolorhover .twentytwenty-horizontal .twentytwenty-handle::before, .twentytwenty-container.themecolorhover .twentytwenty-handle::before, .twentytwenty-container.themecolorhover .twentytwenty-handle::after, .twentytwenty-container.wihitehover.themecolorhover .twentytwenty-handle { background: #d53c35; } .twentytwenty-container.themecolorhover .twentytwenty-handle { background: #0e65f3; border: 3px solid #d53c35; } .twentytwenty-container.themecolorhover .twentytwenty-left-arrow { border-right: 6px solid #fff; } .twentytwenty-container.themecolorhover .twentytwenty-right-arrow { border-left: 6px solid #fff; } .list_nav_ts font, .cat_loop li .case_text span, .cat_loop li .case_text span time, .case_loop li .case_text span, .case_loop li .case_text span time, .post_in_list_head .main-title, .post_content a.btn_url, .themepark_listbox .themepark_listbox_list li i, .cat_loop li .case_text .vedio_url, .case_title_lists h1.mantitle, .list_nav_title .fas.fa-align-left, .cat_page .cat-text li .case_text span, .cat_page .cat-text li .case_text span time, .index_nav_ul li.current-menu-item span, .tagbox a, #relevant li .case_text span, #relevant li .case_text span time, .toolbar_pc ul li i.out, .toolbar_move ul li i.out, .aside .more_m, .blog_loop article .describe time i, .blog_loop article span i, .themepark-comment .active, .close_bar, .toolbar_pc ul .sub-menu a i { color: #d53c35 } .toolbar_pc ul li:hover .sub-menu a i, .product_loop.mian_loop.swiper-container.swiperb .swiper-next, .product_loop.mian_loop.swiper-container.swiperb .swiper-prev, .wiget-colm_in .index_nav_ul li a:hover span, .product_loop .date-title time span:first-child { color: #d53c35 !important; } .post_content h2::before, .content .description, .case_title_lists a.active, .content_tab_title a.active, .pager a.current, .pager span.current, .pager a:hover, .xian_o .xo, .cat_page .cat-text li .case_text .vedio_url, .cat_page .cat-text li .case_time time:first-child, .thenepark-slide .pagination span.swiper-pagination-bullet-active, .tagbox a:hover, .list_ul_box_out .pagination span.swiper-pagination-bullet-active, #nomo2 .themepark_icon_box_i::before, .list_swiper_tap .pagination span.swiper-pagination-bullet-active, .toolbar_pc ul li:hover, .toolbar_pc ul li:hover a, .index_tag_nav_ul li:hover, .swiper-pagination-bullet-active, .mapinfo a, .fristcatlist li.chosed, .content_tab_title .btn.active, .product_loop.mian_loop.radius .probtn, .post_content thead, .post_content tfoot, .tab_pic.shu .post_gallery_out .swiper-next, .tab_pic.shu .post_gallery_out .swiper-prev, .post_content .probtn { background: #d53c35; } .post_content a.btn_url, .cat_loop li .case_text .vedio_url, .tagbox a, .aside .more_m, .themepark-comment_form_box lable.rideo.ac { border: solid 1px #d53c35; } .post_gallery .swiper-slide a.active img, .post_content ul.csbox_pt li span a.product_cs_img.active { border: solid 2px #d53c35; } .themepark-iconslide-t.zs .iconslide-box { border-left: 1px solid #d53c35; } .themepark-iconslide-t.zs .pagination span, .wiget-colm_in .index_nav_ul li:hover::before, .index_nav_ul li.current-menu-item::before, .post_gallery_out2.btnb .post_gallery_nomral_pagination span.swiper-pagination-bullet-active { background: #d53c35; } .themepark-iconslide-t.zs .btn_bottom_slide .swiper-next, .themepark-iconslide-t.zs .btn_bottom_slide .swiper-prev { color: #d53c35; border: 1px solid #d53c35; } .post_content a.btn_url:hover, .cat_loop li .case_text .vedio_url:hover, .index_tagcloud a:hover, .cat_page .cat-text li .case_text .vedio_url:hover, .aside .more_m:hover, .product_info_btn a:hover, .post_content .product_info_btn a:hover, .woocommerce button.single_add_to_cart_button:hover, .External_button:hover, .proinquirybtn:hover, .bottom_pro_meta_in a:hover, .post_content .probtn:hover { background: #d53c35 !important; color: #fff !important; } .post_content a.bttombtn:hover, .product_loop.mian_loop.radius .probtn:hover { background: #d53c35 !important; color: #fff !important; padding-left: 8px !important; padding-right: 8px !important; border: none !important; } .post_content a.btn_url:hover, .cat_loop li .case_text .vedio_url:hover, .product_info_btn a:hover, .post_content .product_info_btn a:hover, .proinquirybtn:hover { border: solid 1px #d53c35; } .boton_duibi a.goto_duibi:hover, .thenepark-slide-out .thenepark-slide .pcimg_text .pcimg_btn:hover, .videoboxbtn span:hover span, .product_loop.swiperb .product_post.swiper-slide-active, .product_loop.swiperb .product_post:hover { background: #d53c35 !important; } .product_loop .date-title time span { color: #d53c35 } #screening .widget ul li.current-cat-parent, #screening .widget ul li.current-cat, #screening .widget ul li.current-menu-item, #screening .widget ul li.chosen, #nav_product_mue #choose, .select, .nav_product_mu li .sub-menu li a:hover, #nav_product_mue #choose, #screening .price_slider_wrapper .button, .screening_close i, .nav_product_close i, .themepark-screening-ul-cat li:hover, .themepark-screening-ul-cat li.active, .screeningtitleresultbox .resultbox span.active { background: #d53c35 } .breadcrumbs { background: #ffffff } .breadcrumbs nav a, .breadcrumbs nav span, .breadcrumbs nav { color: #d53c35 } @media screen and (min-width:1025px) and (max-width:200000px) { .toolbar_pc ul li:hover, .toolbar_pc ul li:hover a { background: #dd3333 } .header.header_drop .haeader_bac_clor { background: #ffffff } .header_drop .menu_header li.menu-item a.mu_a span.obk, .header_drop .menu_header li.menu-item a.mu_a, .header_drop .menu_header li.menu-item-has-children::after, .header_drop .menu_header li.xiala::after, .header_drop .menu_header li.menu-item ul.sub-menu li:hover ul.sub-menu li span.obk, .header_drop .menu_header li::before, .header_drop .listlet li.search_box_btn i.search_iocn, .header_drop .woo_head_btnbox li i, .header_drop .listlet li.text_ul_btn span, .header_drop .listlet li.text_ul_btn i, .woo_head_btnbox li i { color: #666666 } .woo_head_btnbox li i, li.text_ul_btn span, li.text_ul_btn i, .menu_header li.text_ul_btn:hover i, li.search_box_btn i.search_iocn, .listlet li.search_box_btn i.search_iocn { color: #ffffff } .noposition2 .sub-menu, .noposition .nav_block_contents_out { height: 550px; max-height: 550px; } .header_top_ba { background-color: #2ba8db } .header_top_in a { font-size: 12px } .header_top_in a { color: #ffffff } .woo_head_btnbox li i, .listlet li i, .listlet li.search_box_btn i.search_iocn, .listlet li.text_ul_btn { font-size: 15px; } .menu_header li.menu-item, .listlet li.search_box_btn, .header .nav, .newhead.header .nav .listlet li.search_box_btn, .newhead.header .nav .listlet li, .listlet li.text_ul_btn, .woo_head_btnbox li, .menu_header li.menu-item a.mu_a { height: 75px; } .menu_header li.menu-item a.mu_a, .menu_header li.menu-item::before, .menu_header li.menu-item.menu-item-has-children::after, .listlet li.search_box_btn, .newhead.header .nav .listlet li.search_box_btn, .woo_head_btnbox li, .newhead.header .nav .listlet li, .listlet li.text_ul_btn { line-height: 75px; } .header .nav .logo img { height: 75px; } .admin-bar .content, .content { padding-top: 75px; } .lang_nav, .menu_header li.menu-item .sub-menu { top: 75px; } .admin-bar .content.cat_content, .content.cat_content, .notoptempbreadcrumb { padding-top: 75px; } .notxf3 .content, .blockbody.notxf3 .content, .notxf3 .content.cat_content, .admin-bar.notxf3 .content.cat_content, .notoptempbreadcrumb { padding-top: 111px; } .admin-bar .xf_div2, .admin-bar .fixded .fidex_m, .admin-bar .fixded .themepark-i-btn-out_ins.fidex_m { top: 106px; } .xf_div2, .fixded .fidex_m, .themepark_imgtext.parallax .themepark_imgtext_img, .fixded .themepark-i-btn-out_ins.fidex_m { top: 75px; } .admin-bar .twotab aside, .twotab aside, .fixded .fidex_m { top: 75px; } .menu_header li.menu-item .sub-menu, .header .menu_header li.noposition2 .sub-menu li.menu-item, .header .menu_header li.noposition2 .sub-menu::after { width: 209px; } .menu_header li.menu-item .sub-menu .sub-menu { left: 210px; } .header .header_pic_nav li.noposition2 .sub-menu.nav_block_contents_out { padding-left: 209px } .header .header_pic_nav li.noposition2:first-child { min-width: 209px; } .header .header_pic_nav li.noposition2:first-child a { float: none; } .mu_move_container_bac_clor { background-color: #fbfbfb } .menu_header li.menu-item a.mu_a span.obk, .menu_header li.menu-item a.mu_a, .menu_header li.menu-item-has-children::after, .menu_header li.xiala::after, .menu_header li.menu-item ul.sub-menu li:hover ul.sub-menu li a.mu_a span.obk, .menu_header li::before, .menu_header li.menu-item a.mu_a { color: #666666; font-size: 15px; } .menu_header li span.obk, .menu_header li.menu-item a.mu_a { font-weight: normal; } .menu_header li:hover::before, .menu_header li:hover::after, .menu_header li.current-menu-item::before, .menu_header li.menu-item:hover a.mu_a span.obk, .menu_header li:hover ul.sub-menu li:hover span.obk, .menu_header li ul.sub-menu li ul.sub-menu li:hover a.mu_a span, .menu_header li.current-menu-item a.mu_a span.obk, .menu_header li .sub-menu li.current-menu-item a.mu_a span.obk, .menu_header li:hover i, .menu_header li.current-menu-item.menu-item-has-children:after, .header .header_pic_nav.showfristmu li.noposition2 a.mu_a>span.obk, .newhead2.header .showfristmu li.noposition2.menu-item-has-children::after, .menu_header li:hover { color: #a42116 } .header_pic_nav li.xiala:hover i, .menu_header li.current-product-ancestor a.mu_a span.obk, .menu_header li.current-product-ancestor::after { color: #a42116 } .header_drop .menu_header li:hover::before, .header_drop .menu_header li:hover::after, .header_drop .menu_header li.current-menu-item::before, .header_drop .menu_header li:hover a.mu_a span.obk, .header_drop .menu_header li:hover ul.sub-menu li:hover span.obk, .header_drop .menu_header li ul.sub-menu li ul.sub-menu li:hover a.mu_a span, .header_drop .menu_header li.current-menu-item a.mu_a span.obk, .header_drop .menu_header li .sub-menu li.current-menu-item a.mu_a span.obk, .header_drop .menu_header li:hover i.header_drop .header .header_pic_nav.showfristmu li.noposition2 a.mu_a>span.obk, .newhead2.header .showfristmu li.noposition2.menu-item-has-children::after { color: #a42116 } .header_drop .header_pic_nav li.xiala:hover i, .header_drop .menu_header li:hover a.mu_a span.obk { color: #a42116 } .header_pic_nav li.menu-item .mu_a::after { content: ""; width: 0; display: block; height: 2px; position: absolute; bottom: 1px; left: 0; background: #a42116; } .header_pic_nav li.menu-item:hover .mu_a::after, .header_pic_nav li.current-menu-item .mu_a::after { width: 100%; } .header_drop .header_pic_nav li.menu-item .mu_a::after { content: ""; width: 0; display: block; height: 2px; position: absolute; bottom: 1px; left: 0; background: #a41116; } .header_drop .header_pic_nav li.menu-item:hover .mu_a::after, .header_drop .header_pic_nav li.current-menu-item .mu_a::after { width: 100%; } .header .haeader_bac_clor { background: #ffffff } .blockbody .header .haeader_bac_clor, .swiperbody .header .haeader_bac_clor { opacity: 1 } .blockbody .header.header_drop .haeader_bac_clor, .swiperbody .header.header_drop .haeader_bac_clor, .nomorebody .header .haeader_bac_clor, .archive .header .haeader_bac_clor { opacity: 1 } .listlet li.text_ul_btn span, .listlet li.text_ul_btn i { color: #ffa800; } } @media screen and (min-width:1px) and (max-width:1024px) { .move_bac { background: #ffffff; } .search_box_move_btn i.search_iocn, .langnavbtn i { color: #ffffff; } .mu_move_container { background: #ffffff; } .header_pic_nav li.menu-item a.mu_a span, .menu_header li.menu-item::before { color: #262626; } .header_pic_nav li.menu-item.current-menu-item a.mu_a span, .header_pic_nav li.menu-item.current-category-parent a.mu_a span, .menu_header li.current-category-parent::before, .menu_header li.current-menu-item::before, .header_pic_nav li.menu-item.current-post-ancestor a.mu_a span, .header_pic_nav li.menu-item.current-post-ancestor::before { color: #a42116; } .header_pic_nav li.menu-item.current-menu-item::after, .header_pic_nav li.menu-item.current-category-parent::after, .header_pic_nav li.menu-item.current-post-ancestor::after { background: #a42116 } .header_nav_move_btn { background: #ffffff; } .header_nav_move_btn i { color: #8c8c8c; } } body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff; color: #333333; line-height: 1.6; } .container { margin: 0 auto; padding: 0 20px; position: relative; overflow: hidden; } /* 背景装饰元素 */ .bg-decoration { position: absolute; width: 400px; height: 400px; background: linear-gradient(135deg, rgba(234, 54, 55, 0.05) 0%, rgba(255, 182, 193, 0.1) 100%); border-radius: 50%; filter: blur(80px); z-index: 0; } .bg-decoration-1 { top: -200px; right: -200px; } .bg-decoration-2 { bottom: -200px; left: -200px; } .bg-decoration-3 { top: 50%; right: 10%; width: 300px; height: 300px; } /* 主标题样式 */ .main-title { font-size: 36px; font-weight: 600; color: #333333; margin-bottom: 50px; position: relative; z-index: 1; } /* 副标题样式 */ .subtitle { font-size: 17px; color: #333333; font-weight: 500; margin-bottom: 30px; position: relative; z-index: 1; } /* 内容模块主标题 */ .module-title { font-size: 17px; color: #333333; font-weight: 600; margin-bottom: 15px; } /* 文案样式 */ .content-text { font-size: 15px; color: #666666; line-height: 1.8; } /* 高亮文字 */ .highlight { color: #ea3637; } /* 章节容器 */ .section { position: relative; z-index: 1; } .section:last-child { margin-bottom: 0; } /* 两列布局 */ .two-column { display: flex; justify-content: space-between; gap: 40px; align-items: center; } /* 左侧列表 */ .left-column { flex: 0 0 340px; text-align: left; } .left-column .main-title { text-align: left; } .left-column .list-item { justify-content: flex-start; text-align: left; font-weight: 600; } /* 营销部分左侧列左对齐 */ .marketing-left-column { display: flex; flex-direction: column; text-align: left; } .marketing-left-column .main-title { margin-bottom: 30px; text-align: left; } .marketing-left-column .list-item { justify-content: flex-start; padding-left: 30px; text-align: left; } .marketing-left-column .list-item::before { position: absolute; left: 0; margin-right: 0; } .right-column { flex: 1; } /* 右侧列最大宽度限制 */ .right-column-max-840 { max-width: 840px; } .right-column-max-720 { max-width: 720px; } .right-column-max-780 { max-width: 780px; } .right-column-max-820 { max-width: 820px; } /* 营销区域特殊padding */ .marketing-content-bg { padding: 100px 30px !important; } /* 营销区域card的上下padding */ .marketing-content-bg .card { padding: 60px 30px; } /* 网格布局：2x2 */ .grid-2x2 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 20px; } /* 标题分行显示 */ .module-title-line1 { font-size: 17px; color: #ea3637; font-weight: 600; margin-bottom: 8px; } .module-title-line2 { font-size: 16px; color: #333333; font-weight: 600; margin-bottom: 15px; } /* 合并卡片内的项目样式 */ .marketing-item { margin-bottom: 20px; } .marketing-item:last-child { margin-bottom: 0; } .marketing-item .module-title { margin-bottom: 0; line-height: 1.6; font-weight: normal; /* 重置字体粗细，由子元素控制 */ } /* 营销项目标题（加粗） */ .marketing-title { font-size: 17px; font-weight: 600; display: inline; } /* 营销项目正文（不加粗） */ .marketing-description { font-size: 17px; font-weight: 400; color: #333333; display: inline; } /* 列表项 */ .list-item { font-size: 17px; color: #333333; margin-bottom: 20px; display: flex; align-items: center; position: relative; padding-left: 30px; } .list-item::before { content: ''; width: 20px; height: 20px; background-image: url('https://cdn.xuansiwei.com/liyan13254/wp-content/uploads/2025/12/y-icon.png'); background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; left: 0; } /* 卡片样式 */ .card { background: #ffffff; border-radius: 12px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); padding: 30px; margin-bottom: 20px; transition: transform 0.3s ease, box-shadow 0.3s ease; } /* 网格布局中的卡片不需要底部边距 */ .grid-2x2 .card { margin-bottom: 0; } .card:hover { transform: translateY(-2px); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12); } .card-icon { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .card-icon img { width: 100%; height: 100%; object-fit: contain; } /* 图标和标题合并容器 */ .card-header { display: flex; align-items: center; gap: 12px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e0e0e0; } .card-header .module-title { margin-bottom: 0; flex: 1; } /* 特殊布局：AI落地咨询部分 */ .consulting-section .two-column { flex-direction: row-reverse; } /* 内容模块背景 */ .content-bg { background-image: url('https://cdn.xuansiwei.com/liyan13254/wp-content/uploads/2025/12/bgimg.png'); background-size: contain; background-position: center; background-repeat: no-repeat; padding: 70px 30px; border-radius: 12px; position: relative; } .content-bg>* { position: relative; z-index: 1; } /* 旋转背景图片的容器 */ .content-bg-rotated { position: relative; padding: 90px 30px; border-radius: 12px; overflow: hidden; } .content-bg-rotated::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url('https://cdn.xuansiwei.com/liyan13254/wp-content/uploads/2025/12/bgimg.png'); background-size: contain; background-position: center; background-repeat: no-repeat; transform: rotate(135deg); z-index: 0; } .content-bg-rotated>* { position: relative; z-index: 2; } /* 响应式设计 */ @media (max-width: 768px) { .container { padding: 0 15px; } .main-title { font-size: 28px; margin-bottom: 30px; } .two-column { flex-direction: column; gap: 30px; } .left-column, .right-column { flex: 1; width: 100%; } .consulting-section .two-column { flex-direction: column; } .card { padding: 20px; } /* 移动端网格布局改为单列 */ .grid-2x2 { grid-template-columns: 1fr; grid-template-rows: auto; } /* 移动端背景区域padding适配 */ .content-bg { padding: 40px 20px; } .content-bg-rotated { padding: 20px 20px; } .marketing-content-bg { padding: 20px 20px !important; } .marketing-content-bg .card { padding: 20px 20px; } } /*openclaw*/ .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } /* Banner */ .banner { background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%); color: #fff; padding: 100px 20px 200px; text-align: center; } .banner-tag { display: inline-block; background: rgba(255, 255, 255, 0.2); padding: 6px 16px; border-radius: 20px; font-size: 14px; margin-bottom: 20px; } .banner h1 { font-size: 42px; font-weight: 700; margin-bottom: 15px; } .banner-subtitle { font-size: 20px; opacity: 0.9; margin-bottom: 30px; } .banner-desc { font-size: 18px; opacity: 0.85; margin-bottom: 40px; } .banner-btns { margin-top: 30px; display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; } .banner-btns .btn-primary { background: #fff; color: #2563eb; padding: 16px 36px; border-radius: 8px; font-size: 16px; font-weight: 600; text-decoration: none; transition: all 0.3s; } .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); } .banner-btns .btn-secondary { background: transparent; color: #fff; padding: 14px 36px; border-radius: 8px; font-size: 16px; font-weight: 600; text-decoration: none; border: 2px solid rgba(255, 255, 255, 0.5); transition: all 0.3s; } .btn-secondary:hover { background: rgba(255, 255, 255, 0.1); border-color: #fff; } /* Banner 与核心价值之间的主视觉图：固定 900px 宽、居中，略向上叠在蓝色 Banner 上 */ .banner-illustration { text-align: center; padding: 0 20px; margin-top: -240px; margin-bottom: 0; position: relative; z-index: 2; overflow: hidden; } /* 用伪元素实现上半白、下半灰的双色背景（避免渐变色与 Banner 不搭） */ .banner-illustration::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 50%; background: #ffffff00; z-index: -1; } .banner-illustration::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 50%; background: #f0f5fa; z-index: -1; } .banner-illustration img { width: 900px; max-width: 100%; height: auto; display: block; margin: 0 auto; } /* Section */ /* .section { padding: 170px 20px; } */ .container { padding-bottom: 50px; } .container .section-title { text-align: center; font-size: 32px; font-weight: 700; margin-bottom: 15px; color: #1e293b; } .container .section-subtitle { text-align: center; font-size: 16px; color: #64748b; margin-bottom: 35px; } /* Core Values */ .core-values { background: #f0f5fa; } .value-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; max-width: 1100px; margin: 0 auto; } .value-card { background: #fff; padding: 35px 25px; border-radius: 12px; text-align: center; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); transition: all 0.3s; } .value-card:hover { transform: translateY(-5px); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12); } .value-icon { width: 60px; height: 60px; background: linear-gradient(135deg, #3b82f6, #1d4ed8); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; font-size: 28px; } .value-card h3 { font-size: 20px; margin-bottom: 15px; color: #1e293b; } .value-card p { color: #64748b; font-size: 14px; line-height: 1.7; } /* Services */ .services-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; max-width: 1000px; margin: 0 auto; } .service-item { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 35px; transition: all 0.3s; } .service-item:hover { border-color: #3b82f6; box-shadow: 0 4px 20px rgba(59, 130, 246, 0.15); } .service-item h3 { font-size: 18px; color: #1e293b; margin-bottom: 12px; display: flex; align-items: center; gap: 10px; } .service-item h3::before { content: ''; width: 4px; height: 20px; background: #3b82f6; border-radius: 2px; } .service-item p { color: #64748b; font-size: 15px; line-height: 1.7; } /* Security */ .security-section { background: #f0f5fa; } .security-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; max-width: 1100px; margin: 0 auto; } .security-card { background: #fff; border-radius: 12px; padding: 30px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); } .security-card h3 { font-size: 17px; color: #1e293b; margin-bottom: 18px; display: flex; align-items: center; gap: 8px; } .security-card ul { list-style: none; } .security-card li { color: #64748b; font-size: 13px; padding: 6px 0; padding-left: 18px; position: relative; border-bottom: 1px solid #f1f5f9; } .security-card li:last-child { border-bottom: none; } .security-card li::before { content: '✓'; color: #22c55e; position: absolute; left: 0; font-weight: bold; font-size: 12px; } .security-commitment { display: flex; justify-content: center; gap: 40px; margin-top: 35px; flex-wrap: wrap; } .commitment-item { display: flex; align-items: center; gap: 10px; color: #475569; font-size: 14px; } .commitment-item .icon { width: 36px; height: 36px; background: linear-gradient(135deg, #3b82f6, #1d4ed8); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 16px; } /* Tech Capabilities */ .tech-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; } .tech-item { text-align: center; padding: 25px 15px; background: #f0f5fa; border-radius: 10px; transition: all 0.3s; } .tech-item:hover { background: #dbeafe; } .tech-item h4 { font-size: 15px; color: #1e293b; margin-bottom: 8px; } .tech-item p { font-size: 13px; color: #64748b; } /* Process */ .process { background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%); color: #fff; } .process .section-title, .process .section-subtitle { color: #fff; } .process .section-subtitle { opacity: 0.85; } .process-steps { display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; max-width: 1100px; margin: 0 auto; } .process-step { background: rgba(255, 255, 255, 0.15); padding: 5px 30px; border-radius: 10px; text-align: center; min-width: 140px; } .process-step h4 { font-size: 16px; margin-bottom: 5px; } .process-step span { font-size: 13px; opacity: 0.8; } .process-arrow { display: flex; align-items: center; font-size: 20px; opacity: 0.5; } /* Scenarios */ .scenarios { background: #f0f5fa; } .scenario-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; } .scenario-card { background: #fff; border-radius: 12px; padding: 30px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); transition: all 0.3s; } .scenario-card:hover { transform: translateY(-3px); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1); } .scenario-card h3 { font-size: 18px; color: #1e293b; margin-bottom: 15px; display: flex; align-items: center; gap: 8px; } .scenario-card h3 img, .security-card h3 img { width: 24px; height: 24px; vertical-align: middle; } .scenario-card ul { list-style: none; } .scenario-card li { color: #64748b; font-size: 14px; padding: 6px 0; padding-left: 18px; position: relative; } .scenario-card li::before { content: '•'; color: #3b82f6; position: absolute; left: 0; font-weight: bold; } /* Why Us */ .why-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; max-width: 1100px; margin: 0 auto; } .why-card { text-align: center; padding: 30px 20px; } .why-card h3 { font-size: 18px; color: #1e293b; margin-bottom: 12px; } .why-card p { color: #64748b; font-size: 14px; line-height: 1.6; } /* CTA */ .cta { background: #1e293b; color: #fff; text-align: center; padding: 50px 20px; } .cta h2 { font-size: 28px; margin-bottom: 15px; } .cta p { font-size: 16px; opacity: 0.85; margin-bottom: 30px; } .cta-btns { display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; margin-bottom: 30px; } .cta .btn-primary { background: #3b82f6; color: #fff; padding: 16px 36px; border-radius: 8px; font-size: 16px; font-weight: 600; text-decoration: none; transition: all 0.3s; } .cta .btn-primary:hover { background: #2563eb; } .cta .btn-secondary { border-color: rgba(255, 255, 255, 0.3); background: transparent; color: #fff; padding: 14px 36px; border-radius: 8px; font-size: 16px; font-weight: 600; text-decoration: none; border: 2px solid rgba(255, 255, 255, 0.5); transition: all 0.3s; } .cta-contact { font-size: 14px; opacity: 0.7; } /* Responsive */ @media (max-width: 900px) { .value-cards { grid-template-columns: repeat(2, 1fr); } .scenario-cards, .why-cards { grid-template-columns: repeat(2, 1fr); } .tech-grid { grid-template-columns: repeat(3, 1fr); } .services-grid, .security-grid { grid-template-columns: 1fr; } .banner h1 { font-size: 32px; } } @media (max-width: 600px) { .value-cards, .scenario-cards, .why-cards, .tech-grid { grid-template-columns: 1fr; } .process-steps { flex-direction: column; align-items: center; } .process-arrow { transform: rotate(90deg); } .banner { padding-bottom: 50px; } .banner-illustration { display: none; } .banner h1 { font-size: 26px; } .banner-subtitle { font-size: 16px; } .section { padding: 35px 20px; } .section-title { font-size: 24px; } .security-commitment { flex-direction: column; align-items: center; gap: 20px; } } .post_content ul li { list-style: none; } .tadnf { display: none } .custom-bg-paragraph { background-color: #fad3d4; /* 背景色（可替换为其他颜色代码） */ padding: 10px 13px; /* 内边距：上下15px，左右20px（控制背景大小） */ margin: 10px 0; /* 外边距：可选，控制段落与其他内容的间距 */
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff; color: #333333; line-height: 1.6; } .container { margin: 0 auto; padding: 0 20px; position: relative; overflow: hidden; } /* 背景装饰元素 */ .bg-decoration { position: absolute; width: 400px; height: 400px; background: linear-gradient(135deg, rgba(234, 54, 55, 0.05) 0%, rgba(255, 182, 193, 0.1) 100%); border-radius: 50%; filter: blur(80px); z-index: 0; } .bg-decoration-1 { top: -200px; right: -200px; } .bg-decoration-2 { bottom: -200px; left: -200px; } .bg-decoration-3 { top: 50%; right: 10%; width: 300px; height: 300px; } /* 主标题样式 */ .main-title { font-size: 36px; font-weight: 600; color: #333333; margin-bottom: 50px; position: relative; z-index: 1; } /* 副标题样式 */ .subtitle { font-size: 17px; color: #333333; font-weight: 500; margin-bottom: 30px; position: relative; z-index: 1; } /* 内容模块主标题 */ .module-title { font-size: 17px; color: #333333; font-weight: 600; margin-bottom: 15px; } /* 文案样式 */ .content-text { font-size: 15px; color: #666666; line-height: 1.8; } /* 高亮文字 */ .highlight { color: #ea3637; } /* 章节容器 */ .section { position: relative; z-index: 1; } .section:last-child { margin-bottom: 0; } /* 两列布局 */ .two-column { display: flex; justify-content: space-between; gap: 40px; align-items: center; } /* 左侧列表 */ .left-column { flex: 0 0 340px; text-align: left; } .left-column .main-title { text-align: left; } .left-column .list-item { justify-content: flex-start; text-align: left; font-weight: 600; } /* 营销部分左侧列左对齐 */ .marketing-left-column { display: flex; flex-direction: column; text-align: left; } .marketing-left-column .main-title { margin-bottom: 30px; text-align: left; } .marketing-left-column .list-item { justify-content: flex-start; padding-left: 30px; text-align: left; } .marketing-left-column .list-item::before { position: absolute; left: 0; margin-right: 0; } .right-column { flex: 1; } /* 右侧列最大宽度限制 */ .right-column-max-840 { max-width: 840px; } .right-column-max-720 { max-width: 720px; } .right-column-max-780 { max-width: 780px; } .right-column-max-820 { max-width: 820px; } /* 营销区域特殊padding */ .marketing-content-bg { padding: 100px 30px !important; } /* 营销区域card的上下padding */ .marketing-content-bg .card { padding: 60px 30px; } /* 网格布局：2x2 */ .grid-2x2 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 20px; } /* 标题分行显示 */ .module-title-line1 { font-size: 17px; color: #ea3637; font-weight: 600; margin-bottom: 8px; } .module-title-line2 { font-size: 16px; color: #333333; font-weight: 600; margin-bottom: 15px; } /* 合并卡片内的项目样式 */ .marketing-item { margin-bottom: 20px; } .marketing-item:last-child { margin-bottom: 0; } .marketing-item .module-title { margin-bottom: 0; line-height: 1.6; font-weight: normal; /* 重置字体粗细，由子元素控制 */ } /* 营销项目标题（加粗） */ .marketing-title { font-size: 17px; font-weight: 600; display: inline; } /* 营销项目正文（不加粗） */ .marketing-description { font-size: 17px; font-weight: 400; color: #333333; display: inline; } /* 列表项 */ .list-item { font-size: 17px; color: #333333; margin-bottom: 20px; display: flex; align-items: center; position: relative; padding-left: 30px; } .list-item::before { content: ''; width: 20px; height: 20px; background-image: url('https://cdn.xuansiwei.com/liyan13254/wp-content/uploads/2025/12/y-icon.png'); background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; left: 0; } /* 卡片样式 */ .card { background: #ffffff; border-radius: 12px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); padding: 30px; margin-bottom: 20px; transition: transform 0.3s ease, box-shadow 0.3s ease; } /* 网格布局中的卡片不需要底部边距 */ .grid-2x2 .card { margin-bottom: 0; } .card:hover { transform: translateY(-2px); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12); } .card-icon { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .card-icon img { width: 100%; height: 100%; object-fit: contain; } /* 图标和标题合并容器 */ .card-header { display: flex; align-items: center; gap: 12px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e0e0e0; } .card-header .module-title { margin-bottom: 0; flex: 1; } /* 特殊布局：AI落地咨询部分 */ .consulting-section .two-column { flex-direction: row-reverse; } /* 内容模块背景 */ .content-bg { background-image: url('https://cdn.xuansiwei.com/liyan13254/wp-content/uploads/2025/12/bgimg.png'); background-size: contain; background-position: center; background-repeat: no-repeat; padding: 70px 30px; border-radius: 12px; position: relative; } .content-bg>* { position: relative; z-index: 1; } /* 旋转背景图片的容器 */ .content-bg-rotated { position: relative; padding: 90px 30px; border-radius: 12px; overflow: hidden; } .content-bg-rotated::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url('https://cdn.xuansiwei.com/liyan13254/wp-content/uploads/2025/12/bgimg.png'); background-size: contain; background-position: center; background-repeat: no-repeat; transform: rotate(135deg); z-index: 0; } .content-bg-rotated>* { position: relative; z-index: 2; } /* 响应式设计 */ @media (max-width: 768px) { .container { padding: 0 15px; } .main-title { font-size: 28px; margin-bottom: 30px; } .two-column { flex-direction: column; gap: 30px; } .left-column, .right-column { flex: 1; width: 100%; } .consulting-section .two-column { flex-direction: column; } .card { padding: 20px; } /* 移动端网格布局改为单列 */ .grid-2x2 { grid-template-columns: 1fr; grid-template-rows: auto; } /* 移动端背景区域padding适配 */ .content-bg { padding: 40px 20px; } .content-bg-rotated { padding: 20px 20px; } .marketing-content-bg { padding: 20px 20px !important; } .marketing-content-bg .card { padding: 20px 20px; } } /*openclaw*/ .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } /* Banner */ .banner { background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%); color: #fff; padding: 100px 20px 200px; text-align: center; } .banner-tag { display: inline-block; background: rgba(255, 255, 255, 0.2); padding: 6px 16px; border-radius: 20px; font-size: 14px; margin-bottom: 20px; } .banner h1 { font-size: 42px; font-weight: 700; margin-bottom: 15px; } .banner-subtitle { font-size: 20px; opacity: 0.9; margin-bottom: 30px; } .banner-desc { font-size: 18px; opacity: 0.85; margin-bottom: 40px; } .banner-btns { margin-top: 30px; display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; } .banner-btns .btn-primary { background: #fff; color: #2563eb; padding: 16px 36px; border-radius: 8px; font-size: 16px; font-weight: 600; text-decoration: none; transition: all 0.3s; } .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); } .banner-btns .btn-secondary { background: transparent; color: #fff; padding: 14px 36px; border-radius: 8px; font-size: 16px; font-weight: 600; text-decoration: none; border: 2px solid rgba(255, 255, 255, 0.5); transition: all 0.3s; } .btn-secondary:hover { background: rgba(255, 255, 255, 0.1); border-color: #fff; } /* Banner 与核心价值之间的主视觉图：固定 900px 宽、居中，略向上叠在蓝色 Banner 上 */ .banner-illustration { text-align: center; padding: 0 20px; margin-top: -240px; margin-bottom: 0; position: relative; z-index: 2; overflow: hidden; } /* 用伪元素实现上半白、下半灰的双色背景（避免渐变色与 Banner 不搭） */ .banner-illustration::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 50%; background: #ffffff00; z-index: -1; } .banner-illustration::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 50%; background: #f0f5fa; z-index: -1; } .banner-illustration img { width: 900px; max-width: 100%; height: auto; display: block; margin: 0 auto; } /* Section */ /* .section { padding: 170px 20px; } */ .container { padding-bottom: 50px; } .container .section-title { text-align: center; font-size: 32px; font-weight: 700; margin-bottom: 15px; color: #1e293b; } .container .section-subtitle { text-align: center; font-size: 16px; color: #64748b; margin-bottom: 35px; } /* Core Values */ .core-values { background: #f0f5fa; } .value-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; max-width: 1100px; margin: 0 auto; } .value-card { background: #fff; padding: 35px 25px; border-radius: 12px; text-align: center; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); transition: all 0.3s; } .value-card:hover { transform: translateY(-5px); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12); } .value-icon { width: 60px; height: 60px; background: linear-gradient(135deg, #3b82f6, #1d4ed8); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; font-size: 28px; } .value-card h3 { font-size: 20px; margin-bottom: 15px; color: #1e293b; } .value-card p { color: #64748b; font-size: 14px; line-height: 1.7; } /* Services */ .services-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; max-width: 1000px; margin: 0 auto; } .service-item { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 35px; transition: all 0.3s; } .service-item:hover { border-color: #3b82f6; box-shadow: 0 4px 20px rgba(59, 130, 246, 0.15); } .service-item h3 { font-size: 18px; color: #1e293b; margin-bottom: 12px; display: flex; align-items: center; gap: 10px; } .service-item h3::before { content: ''; width: 4px; height: 20px; background: #3b82f6; border-radius: 2px; } .service-item p { color: #64748b; font-size: 15px; line-height: 1.7; } /* Security */ .security-section { background: #f0f5fa; } .security-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; max-width: 1100px; margin: 0 auto; } .security-card { background: #fff; border-radius: 12px; padding: 30px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); } .security-card h3 { font-size: 17px; color: #1e293b; margin-bottom: 18px; display: flex; align-items: center; gap: 8px; } .security-card ul { list-style: none; } .security-card li { color: #64748b; font-size: 13px; padding: 6px 0; padding-left: 18px; position: relative; border-bottom: 1px solid #f1f5f9; } .security-card li:last-child { border-bottom: none; } .security-card li::before { content: '✓'; color: #22c55e; position: absolute; left: 0; font-weight: bold; font-size: 12px; } .security-commitment { display: flex; justify-content: center; gap: 40px; margin-top: 35px; flex-wrap: wrap; } .commitment-item { display: flex; align-items: center; gap: 10px; color: #475569; font-size: 14px; } .commitment-item .icon { width: 36px; height: 36px; background: linear-gradient(135deg, #3b82f6, #1d4ed8); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 16px; } /* Tech Capabilities */ .tech-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; } .tech-item { text-align: center; padding: 25px 15px; background: #f0f5fa; border-radius: 10px; transition: all 0.3s; } .tech-item:hover { background: #dbeafe; } .tech-item h4 { font-size: 15px; color: #1e293b; margin-bottom: 8px; } .tech-item p { font-size: 13px; color: #64748b; } /* Process */ .process { background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%); color: #fff; } .process .section-title, .process .section-subtitle { color: #fff; } .process .section-subtitle { opacity: 0.85; } .process-steps { display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; max-width: 1100px; margin: 0 auto; } .process-step { background: rgba(255, 255, 255, 0.15); padding: 5px 30px; border-radius: 10px; text-align: center; min-width: 140px; } .process-step h4 { font-size: 16px; margin-bottom: 5px; } .process-step span { font-size: 13px; opacity: 0.8; } .process-arrow { display: flex; align-items: center; font-size: 20px; opacity: 0.5; } /* Scenarios */ .scenarios { background: #f0f5fa; } .scenario-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; } .scenario-card { background: #fff; border-radius: 12px; padding: 30px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); transition: all 0.3s; } .scenario-card:hover { transform: translateY(-3px); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1); } .scenario-card h3 { font-size: 18px; color: #1e293b; margin-bottom: 15px; display: flex; align-items: center; gap: 8px; } .scenario-card h3 img, .security-card h3 img { width: 24px; height: 24px; vertical-align: middle; } .scenario-card ul { list-style: none; } .scenario-card li { color: #64748b; font-size: 14px; padding: 6px 0; padding-left: 18px; position: relative; } .scenario-card li::before { content: '•'; color: #3b82f6; position: absolute; left: 0; font-weight: bold; } /* Why Us */ .why-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; max-width: 1100px; margin: 0 auto; } .why-card { text-align: center; padding: 30px 20px; } .why-card h3 { font-size: 18px; color: #1e293b; margin-bottom: 12px; } .why-card p { color: #64748b; font-size: 14px; line-height: 1.6; } /* CTA */ .cta { background: #1e293b; color: #fff; text-align: center; padding: 50px 20px; } .cta h2 { font-size: 28px; margin-bottom: 15px; } .cta p { font-size: 16px; opacity: 0.85; margin-bottom: 30px; } .cta-btns { display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; margin-bottom: 30px; } .cta .btn-primary { background: #3b82f6; color: #fff; padding: 16px 36px; border-radius: 8px; font-size: 16px; font-weight: 600; text-decoration: none; transition: all 0.3s; } .cta .btn-primary:hover { background: #2563eb; } .cta .btn-secondary { border-color: rgba(255, 255, 255, 0.3); background: transparent; color: #fff; padding: 14px 36px; border-radius: 8px; font-size: 16px; font-weight: 600; text-decoration: none; border: 2px solid rgba(255, 255, 255, 0.5); transition: all 0.3s; } .cta-contact { font-size: 14px; opacity: 0.7; } /* Responsive */ @media (max-width: 900px) { .value-cards { grid-template-columns: repeat(2, 1fr); } .scenario-cards, .why-cards { grid-template-columns: repeat(2, 1fr); } .tech-grid { grid-template-columns: repeat(3, 1fr); } .services-grid, .security-grid { grid-template-columns: 1fr; } .banner h1 { font-size: 32px; } } @media (max-width: 600px) { .value-cards, .scenario-cards, .why-cards, .tech-grid { grid-template-columns: 1fr; } .process-steps { flex-direction: column; align-items: center; } .process-arrow { transform: rotate(90deg); } .banner { padding-bottom: 50px; } .banner-illustration { display: none; } .banner h1 { font-size: 26px; } .banner-subtitle { font-size: 16px; } .section { padding: 35px 20px; } .section-title { font-size: 24px; } .security-commitment { flex-direction: column; align-items: center; gap: 20px; } } .post_content ul li { list-style: none; } .tadnf { display: none } .custom-bg-paragraph { background-color: #fad3d4; /* 背景色（可替换为其他颜色代码） */ padding: 10px 13px; /* 内边距：上下15px，左右20px（控制背景大小） */ margin: 10px 0; /* 外边距：可选，控制段落与其他内容的间距 */
.wp-container-core-columns-is-layout-9d6595d7 { flex-wrap: nowrap; } /*# sourceURL=core-block-supports-inline-css */
[x-cloak] { display: none !important; } .size-full { width: 100%; height: auto !important; } #jiaogeiwo_analysis { display: none !important; }
:root { --color-primary: #e72529; --color-primary-rgb: 231 37 41; --color-primary-rgb-50: 244 152 154; --color-primary-rgb-100: 241 129 131; --color-primary-rgb-200: 239 106 109; --color-primary-rgb-300: 236 83 86; --color-primary-rgb-400: 234 60 64; --color-primary-rgb-500: 231 37 41; --color-primary-rgb-600: 218 24 28; --color-primary-rgb-700: 195 22 25; --color-primary-rgb-800: 172 19 22; --color-primary-rgb-900: 149 16 19; } .en {display: none!important;} /* 解决当preflight设置为false的时候，一些通用模块出现了兼容性问题 */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } button { background-color: transparent; border: 0; }
.swal2-popup {font-size: 16px;} div:where(.swal2-container) {z-index: 106000;}