img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} /*# sourceURL=wp-img-auto-sizes-contain-inline-css */ img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } /*# sourceURL=wp-emoji-styles-inline-css */ .wp-block-rank-math-related-posts{--rm-related-gap: 1rem;--rm-related-border-radius: 6px;--rm-related-card-padding: 16px;--rm-related-hover-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);--rm-related-transition: 0.2s ease}.wp-block-rank-math-related-posts.rank-math-related-posts{display:block}.wp-block-rank-math-related-posts.rank-math-related-posts .rank-math-related-wrap{display:grid;gap:var(--rm-related-gap)}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-grid-vertical .rank-math-related-wrap,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-grid-vertical .rank-math-related-wrap{grid-template-columns:repeat(auto-fill, minmax(220px, 1fr))}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-grid-horizontal .rank-math-related-wrap,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-grid-horizontal .rank-math-related-wrap{grid-template-columns:repeat(auto-fill, minmax(400px, 1fr))}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-grid-horizontal .rank-math-related-item,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-grid-horizontal .rank-math-related-item{display:flex;gap:16px;align-items:flex-start}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-grid-horizontal .rank-math-related-thumb,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-grid-horizontal .rank-math-related-thumb{flex:0 0 140px;overflow:hidden}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-grid-horizontal .rank-math-related-thumb img,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-grid-horizontal .rank-math-related-thumb img{width:140px;height:140px;-o-object-fit:cover;object-fit:cover}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-grid-horizontal .rank-math-related-content,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-grid-horizontal .rank-math-related-content{flex:1;min-width:0;display:flex;flex-direction:column}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-grid-horizontal .rank-math-related-title,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-grid-horizontal .rank-math-related-title{margin-top:0}@media (max-width: 640px){.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-grid-horizontal .rank-math-related-wrap,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-grid-horizontal .rank-math-related-wrap{grid-template-columns:1fr}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-grid-horizontal .rank-math-related-thumb,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-grid-horizontal .rank-math-related-thumb{flex:0 0 100px}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-grid-horizontal .rank-math-related-thumb img,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-grid-horizontal .rank-math-related-thumb img{width:100px;height:100px}}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-list-vertical .rank-math-related-wrap,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-list-vertical .rank-math-related-wrap{grid-template-columns:1fr}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-list-horizontal .rank-math-related-wrap,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-list-horizontal .rank-math-related-wrap{grid-template-columns:1fr}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-list-horizontal .rank-math-related-item,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-list-horizontal .rank-math-related-item{display:flex;gap:20px;align-items:flex-start}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-list-horizontal .rank-math-related-thumb,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-list-horizontal .rank-math-related-thumb{flex:0 0 180px;overflow:hidden}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-list-horizontal .rank-math-related-thumb img,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-list-horizontal .rank-math-related-thumb img{width:180px;height:180px;-o-object-fit:cover;object-fit:cover}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-list-horizontal .rank-math-related-content,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-list-horizontal .rank-math-related-content{flex:1;min-width:0;display:flex;flex-direction:column}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-list-horizontal .rank-math-related-title,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-list-horizontal .rank-math-related-title{margin-top:0}@media (max-width: 640px){.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-list-horizontal .rank-math-related-item,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-list-horizontal .rank-math-related-item{gap:16px}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-list-horizontal .rank-math-related-thumb,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-list-horizontal .rank-math-related-thumb{flex:0 0 120px}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-list-horizontal .rank-math-related-thumb img,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-list-horizontal .rank-math-related-thumb img{width:120px;height:120px}}@media (max-width: 480px){.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-list-horizontal .rank-math-related-item,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-list-horizontal .rank-math-related-item{flex-direction:column}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-list-horizontal .rank-math-related-thumb,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-list-horizontal .rank-math-related-thumb{flex:0 0 auto;width:100%}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-list-horizontal .rank-math-related-thumb img,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-list-horizontal .rank-math-related-thumb img{width:100%;height:auto;max-height:200px}}.wp-block-rank-math-related-posts.rank-math-related-posts .rank-math-related-item{border-radius:var(--rm-related-border-radius);padding:var(--rm-related-card-padding);background:inherit;transition:transform var(--rm-related-transition),box-shadow var(--rm-related-transition)}.wp-block-rank-math-related-posts.rank-math-related-posts .rank-math-related-item:hover{transform:translateY(-2px);box-shadow:var(--rm-related-hover-shadow)}.wp-block-rank-math-related-posts.rank-math-related-posts .rank-math-related-title{margin:0.5rem 0;font-size:inherit;line-height:inherit}.wp-block-rank-math-related-posts.rank-math-related-posts .rank-math-related-title a{color:inherit;text-decoration:none;transition:color 0.2s ease}.wp-block-rank-math-related-posts.rank-math-related-posts .rank-math-related-title a:hover{color:#2563eb;text-decoration:underline}.wp-block-rank-math-related-posts.rank-math-related-posts .rank-math-related-title:not(:has(a)){cursor:default}.wp-block-rank-math-related-posts.rank-math-related-posts .rank-math-related-thumb{position:relative;overflow:hidden;border-radius:4px;display:block}.wp-block-rank-math-related-posts.rank-math-related-posts .rank-math-related-thumb img{display:block;width:100%;height:auto;border-radius:4px;transition:transform 0.3s ease}.wp-block-rank-math-related-posts.rank-math-related-posts .rank-math-related-thumb:hover img{transform:scale(1.05)}.wp-block-rank-math-related-posts.rank-math-related-posts .rank-math-related-thumb:not(a){cursor:default}.wp-block-rank-math-related-posts.rank-math-related-posts .rank-math-related-thumb:not(a):hover img{transform:none}.wp-block-rank-math-related-posts.rank-math-related-posts .rank-math-related-date{margin-top:0.25rem;font-size:0.85em;opacity:0.7}.wp-block-rank-math-related-posts.rank-math-related-posts .rank-math-related-terms{margin-top:0.5rem}.wp-block-rank-math-related-posts.rank-math-related-posts .rank-math-related-chip{display:inline-block;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;padding:0.15rem 0.5rem;margin-right:0.35rem;font-size:0.8em}.wp-block-rank-math-related-posts.rank-math-related-posts .rank-math-related-excerpt{margin-top:0.5rem;color:inherit;opacity:0.8;font-size:0.9em;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.wp-block-rank-math-related-posts.rank-math-related-posts .rank-math-related-more{margin-top:1rem}.wp-block-rank-math-related-posts.rank-math-related-posts .rank-math-related-button{display:inline-block;background:#111827;color:#fff;border-radius:6px;padding:0.625rem 1.25rem;text-decoration:none;font-weight:500;transition:background 0.2s ease, transform 0.2s ease}.wp-block-rank-math-related-posts.rank-math-related-posts .rank-math-related-button:hover{background:#1f2937;transform:translateY(-1px)}.wp-block-rank-math-related-posts.has-border-color .rank-math-related-item{border-color:inherit}.wp-block-rank-math-related-posts.has-border-width .rank-math-related-item{border-width:inherit}.wp-block-rank-math-related-posts.has-border-style .rank-math-related-item{border-style:inherit}.wp-block-rank-math-related-posts.has-border-radius .rank-math-related-item{border-radius:inherit}.wp-block-rank-math-related-posts:not(.has-border-color):not(.has-border-width):not(.has-border-style) .rank-math-related-item{border:1px solid #e5e7eb} /*# sourceURL=https://tudous.cn/wp-content/plugins/seo-by-rank-math-pro/includes/modules/link-genius/blocks/related/assets/css/styles.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--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: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 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);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:root { --wp--style--global--content-size: 800px;--wp--style--global--wide-size: 1200px; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 24px; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 24px;}:root :where(.is-layout-grid){gap: 24px;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.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;} :root :where(.wp-block-icon svg){width: 24px;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} /*# sourceURL=global-styles-inline-css */ .woocommerce form .form-row .required { visibility: visible; } /*# sourceURL=woocommerce-inline-inline-css */ .woocommerce-product-gallery{ opacity: 1 !important; } .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } @media screen and (max-height: 1024px) { .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } @media screen and (max-height: 640px) { .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } /* tudous.cn 全站辅助配色：亮绿食品风，尽量不影响原文字效果 */ :root { --td-green-deep: #064b25; --td-green-dark: #075f2a; --td-green-main: #009b29; --td-green-soft: #00a332; --td-green-bg: #009b29; --td-orange: #e87518; --td-yellow: #f3c431; --td-cream: #fff8e8; --td-white: #ffffff; } /* 只改页面背景，不强制改文字 */ body { background: var(--td-green-bg) !important; } /* Elementor 常见浅色区块背景 */ .elementor-section, .elementor-container, .elementor-widget-wrap { background-color: transparent; } /* 页面大面积背景换成图二亮绿色 */ .elementor-top-section { background-color: var(--td-green-bg); } /* 白色/浅色卡片保留，不影响文字 */ .elementor-widget-container, .wp-block-group, .entry-content, .site-main, .ast-container { border-color: rgba(0, 155, 41, 0.22); } /* 按钮改成图二亮绿色 */ button, input[type="submit"], .elementor-button, .wp-block-button__link, .elementor-widget-button .elementor-button { background: var(--td-green-main) !important; color: #ffffff !important; border: 1px solid var(--td-green-main) !important; border-radius: 4px; font-weight: 700; transition: all 0.25s ease; } button:hover, input[type="submit"]:hover, .elementor-button:hover, .wp-block-button__link:hover, .elementor-widget-button .elementor-button:hover { background: var(--td-yellow) !important; color: var(--td-green-deep) !important; border-color: var(--td-yellow) !important; } /* 导航区域：深绿背景 */ .site-header, .elementor-location-header, .main-navigation, .elementor-nav-menu--main { background: var(--td-green-deep) !important; } .site-header a, .main-navigation a, .elementor-nav-menu a { color: #ffffff !important; } .site-header a:hover, .main-navigation a:hover, .elementor-nav-menu a:hover, .elementor-item-active { color: var(--td-yellow) !important; } /* 表单边框改成绿色体系 */ input, textarea, select { border-color: rgba(0, 155, 41, 0.34) !important; } input:focus, textarea:focus, select:focus { border-color: var(--td-green-main) !important; box-shadow: 0 0 0 3px rgba(0, 155, 41, 0.16) !important; outline: none !important; } /* 页脚深绿色 */ .site-footer, .elementor-location-footer { background: var(--td-green-deep) !important; } /* 你之前 HTML 模块的颜色变量覆盖：保留文字层次，只换底色和强调色 */ .js-potato-article, .js-quality-article, .js-snack-article, .js-prepared-food-article, .js-catering-article, .js-source-factory-article, .js-potato-cta { --dark: #064b25 !important; --dark-2: #075f2a !important; --gold: #f3c431 !important; --gold-soft: #fff4c2 !important; --cream: #009b29 !important; --paper: #fffaf0 !important; --line: rgba(0, 155, 41, 0.32) !important; } /* HTML 模块 Hero 背景：图二亮绿色 + 深绿层次 */ .js-potato-article .hero, .js-quality-article .hero, .js-snack-article .hero, .js-prepared-food-article .hero, .js-catering-article .hero, .js-source-factory-article .hero, .js-potato-cta { background: linear-gradient(90deg, rgba(6, 75, 37, .98), rgba(0, 155, 41, .92), rgba(0, 163, 50, .76)), radial-gradient(circle at 72% 34%, rgba(243, 196, 49, .22), transparent 34%), repeating-linear-gradient(135deg, rgba(255,255,255,.04) 0 1px, transparent 1px 18px), #009b29 !important; } /* HTML 模块深色卡片改成深绿，不改文字 CSS */ .js-potato-article .compare-card, .js-quality-article .compare-card, .js-snack-article .compare-card, .js-prepared-food-article .compare-card, .js-catering-article .compare-card, .js-source-factory-article .compare-card, .js-potato-article .conclusion, .js-quality-article .conclusion, .js-snack-article .conclusion, .js-prepared-food-article .conclusion, .js-catering-article .conclusion, .js-source-factory-article .conclusion, .js-snack-article .article-image, .js-prepared-food-article .article-image, .js-catering-article .article-image, .js-source-factory-article .article-image, .js-snack-article .image-card, .js-prepared-food-article .image-card, .js-catering-article .image-card { background: #064b25 !important; border-color: rgba(243, 196, 49, 0.36) !important; } /* 浅色正文区域背景换成图二亮绿色 */ .js-potato-article, .js-quality-article, .js-snack-article, .js-prepared-food-article, .js-catering-article, .js-source-factory-article { background: #009b29 !important; } /* 正文卡片保持清爽，不影响文字 */ .js-potato-article .article-box, .js-quality-article .article-box, .js-snack-article .article-box, .js-prepared-food-article .article-box, .js-catering-article .article-box, .js-source-factory-article .article-box, .js-potato-article .side-box, .js-quality-article .side-box, .js-snack-article .side-box, .js-prepared-food-article .side-box, .js-catering-article .side-box, .js-source-factory-article .side-box { background: #fffaf0 !important; border-color: rgba(0, 155, 41, 0.22) !important; } /* 手机端背景保持一致 */ @media (max-width: 768px) { body { background: #009b29 !important; } } /* 导航 / 页眉背景改成透明，露出底下图片 */ .site-header, .elementor-location-header, .main-navigation, .elementor-nav-menu--main, .elementor-widget-nav-menu, .elementor-widget-nav-menu .elementor-widget-container, .elementor-nav-menu--main .elementor-nav-menu, .elementor-nav-menu--main .elementor-nav-menu > li, .elementor-nav-menu--main .elementor-item { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* 防止伪元素还有绿色背景 */ .site-header::before, .site-header::after, .elementor-location-header::before, .elementor-location-header::after, .main-navigation::before, .main-navigation::after, .elementor-nav-menu--main::before, .elementor-nav-menu--main::after { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* 导航文字：白色 + 深绿描边阴影，更适合图片背景 */ #nav-transparent a, #nav-transparent a:link, #nav-transparent a:visited, #nav-transparent .elementor-item, #nav-transparent .elementor-item:link, #nav-transparent .elementor-item:visited, #nav-transparent .menu-link, #nav-transparent span { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; -webkit-text-stroke: 0.4px #064b25; text-shadow: 0 1px 1px rgba(6, 75, 37, 1), 0 2px 3px rgba(6, 75, 37, 0.95), 0 0 6px rgba(6, 75, 37, 0.85); font-weight: 800 !important; } /* 鼠标经过：金黄色 */ #nav-transparent a:hover, #nav-transparent a:hover span, #nav-transparent .elementor-item:hover, #nav-transparent .elementor-item:hover span, #nav-transparent .menu-link:hover { color: #f3c431 !important; -webkit-text-fill-color: #f3c431 !important; -webkit-text-stroke: 0.4px #064b25; text-shadow: 0 1px 1px rgba(6, 75, 37, 1), 0 2px 4px rgba(6, 75, 37, 0.95), 0 0 8px rgba(6, 75, 37, 0.9); } /* 当前页面菜单：金黄色 */ #nav-transparent .current-menu-item > a, #nav-transparent .current_page_item > a, #nav-transparent .elementor-item-active, #nav-transparent .elementor-item-active span { color: #f3c431 !important; -webkit-text-fill-color: #f3c431 !important; -webkit-text-stroke: 0.4px #064b25; } /* 修正外层亮绿色背景：改成深橄榄绿 + 橙棕渐变 */ :root { --td-green-deep: #355f25; --td-green-dark: #4c6f27; --td-green-main: #355f25; --td-green-soft: #4c6f27; --td-green-bg: #fff8df; --td-brown: #8f3714; --td-orange: #c75b1b; --td-yellow: #f1d765; --td-cream: #fff8df; --td-paper: #fff3cf; } /* 页面整体不要再用亮绿铺满 */ body { background: linear-gradient(180deg, #fff8df 0%, #fff3cf 100%) !important; } /* Elementor 外层大区块：不要纯亮绿 */ .elementor-top-section { background: linear-gradient(135deg, rgba(53,95,37,0.96) 0%, rgba(76,111,39,0.92) 46%, rgba(143,55,20,0.9) 100%) !important; } /* 如果是正文/列表区域，强制改成奶白，避免出现整屏绿 */ .site-main, .ast-container, .entry-content, .elementor-section .elementor-container, .elementor-widget-wrap { background-color: transparent !important; } /* 文章模块外层：不要再用 #009b29 */ .js-potato-article, .js-quality-article, .js-snack-article, .js-prepared-food-article, .js-catering-article, .js-source-factory-article { background: linear-gradient(180deg, #fff8df 0%, #fff3cf 100%) !important; } /* HTML 模块 Hero 用深橄榄绿 + 橙棕渐变 */ .js-potato-article .hero, .js-quality-article .hero, .js-snack-article .hero, .js-prepared-food-article .hero, .js-catering-article .hero, .js-source-factory-article .hero, .js-potato-cta { background: linear-gradient(135deg, rgba(53,95,37,.98) 0%, rgba(76,111,39,.94) 46%, rgba(143,55,20,.92) 100%), radial-gradient(circle at 72% 34%, rgba(241,215,101,.18), transparent 34%) !important; } /* 手机端也不要亮绿 */ @media (max-width: 768px) { body { background: linear-gradient(180deg, #fff8df 0%, #fff3cf 100%) !important; } .elementor-top-section { background: linear-gradient(135deg, #355f25 0%, #4c6f27 46%, #8f3714 100%) !important; } } #tds-header{--tds-forest:#153e2b;--tds-green:#255b3e;--tds-copper:#a94c24;--tds-wheat:#efc777;--tds-paper:#faf8f1;--tds-ink:#1d3025;--tds-muted:#556257;--tds-line:#dedfd3;position:relative;z-index:100;width:100%;min-width:0;margin:0;padding:0;border:0;border-bottom:1px solid #45614d;background:var(--tds-forest);color:var(--tds-paper);font:400 15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;text-align:left;isolation:isolate} #tds-header,#tds-header *,#tds-header *::before,#tds-header *::after{box-sizing:border-box} #tds-header [hidden]{display:none!important} #tds-header :where(a,button,summary,input){font-family:inherit;letter-spacing:normal;text-transform:none;text-shadow:none;box-shadow:none;-webkit-tap-highlight-color:transparent} #tds-header a{color:inherit;-webkit-text-fill-color:currentColor;text-decoration:none} #tds-header button,#tds-header summary{cursor:pointer} #tds-header :where(a,button,summary,input):focus-visible{outline:3px solid var(--tds-wheat);outline-offset:4px} #tds-header .tds-bar{width:min(1240px,calc(100% - 72px));min-height:86px;margin:0 auto;display:flex;align-items:center;gap:24px;padding:10px 0} #tds-header .tds-logo{position:relative;display:flex;align-items:center;justify-content:flex-start;flex:0 0 144px;width:144px;min-height:53px;line-height:1} #tds-header .tds-logo img{display:block;width:144px!important;max-width:100%!important;height:auto!important;aspect-ratio:208/76;object-fit:contain;object-position:left center;border:0;border-radius:0;margin:0;padding:0} #tds-header .tds-logo-fallback{font-size:24px;font-weight:700;color:var(--tds-paper);white-space:nowrap;letter-spacing:.04em} #tds-header .tds-nav{flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:clamp(6px,1vw,14px);margin:0;padding:0} #tds-header .tds-nav a{display:flex;align-items:center;justify-content:center;flex:none;min-height:44px;padding:10px 3px 8px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--tds-paper);font-size:15px;font-weight:600;line-height:1.5;white-space:nowrap} #tds-header .tds-nav a:hover,#tds-header .tds-nav a[aria-current="page"]{color:var(--tds-wheat);border-bottom-color:var(--tds-wheat)} #tds-header .tds-actions{display:flex;align-items:center;gap:12px;margin-left:auto;flex:none} #tds-header .tds-search{display:block;margin:0;padding:0;border:0} #tds-header .tds-search-toggle,#tds-header .tds-menu-toggle{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0;border:1px solid #708778;border-radius:5px;background:transparent;color:var(--tds-paper);font-size:14px;font-weight:600;line-height:1;list-style:none} #tds-header .tds-search-toggle{width:44px;height:44px} #tds-header .tds-search-toggle::marker{content:""} #tds-header .tds-search-toggle::-webkit-details-marker{display:none} #tds-header .tds-search-toggle::before,#tds-header .tds-search-toggle::after{content:none} #tds-header .tds-search-toggle:hover,#tds-header .tds-search[open]>.tds-search-toggle,#tds-header .tds-menu-toggle:hover,#tds-header .tds-menu-toggle[aria-expanded="true"]{background:var(--tds-green);border-color:var(--tds-wheat)} #tds-header .tds-icon{display:block;flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #tds-header a.tds-quote,#tds-header a.tds-mobile-quote{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 18px;border:1px solid #bc7858;border-radius:5px;background:var(--tds-copper);color:#fff;font-size:14px;font-weight:700;line-height:1.5;white-space:nowrap} #tds-header a.tds-quote:hover,#tds-header a.tds-mobile-quote:hover{background:#8c3d1e;color:#fff;border-color:#bc7858} #tds-header .tds-menu-toggle,#tds-header a.tds-mobile-quote{display:none} #tds-header .tds-search-panel{position:absolute;z-index:2;top:calc(100% + 8px);right:max(36px,calc((100% - 1240px)/2));width:min(510px,calc(100% - 72px));max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px);overflow:auto;overscroll-behavior:contain;margin:0;padding:24px;border:1px solid var(--tds-line);border-top:3px solid var(--tds-copper);border-radius:6px;background:var(--tds-paper);color:var(--tds-ink);box-shadow:0 8px 20px #1025191a} #tds-header .tds-search-title{display:block;margin:0 0 14px;font-size:17px;font-weight:700;color:var(--tds-ink)} #tds-header .tds-search-form{display:flex;align-items:stretch;gap:8px;margin:0;padding:0} #tds-header .tds-search-input{flex:1;min-width:0;width:100%;height:46px;margin:0;padding:10px 12px;border:1px solid #879789;border-radius:4px;background:#fff;color:var(--tds-ink);font-size:16px;line-height:1.5;-webkit-text-fill-color:currentColor} #tds-header .tds-search-input::placeholder{color:var(--tds-muted);opacity:1} #tds-header .tds-search-submit{flex:none;min-height:46px;margin:0;padding:10px 17px;border:1px solid var(--tds-forest);border-radius:4px;background:var(--tds-forest);color:#fff;font-size:15px;font-weight:700;line-height:1.5} #tds-header .tds-search-submit:hover{background:var(--tds-green)} #tds-header .tds-caption{margin:19px 0 10px;color:var(--tds-muted);font-size:13px;font-weight:600;line-height:1.5} #tds-header .tds-keywords{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0} #tds-header .tds-keyword{display:inline-flex;align-items:center;min-height:38px;padding:8px 10px;border:1px solid var(--tds-line);border-radius:4px;background:#fff;color:var(--tds-ink);font-size:13px;line-height:1.5} #tds-header .tds-keyword:hover{border-color:var(--tds-green);color:var(--tds-green);background:#edf2e8} #tds-header .tds-search-panel :where(a,button,input):focus-visible{outline-color:var(--tds-copper);outline-offset:2px} @media(max-width:1100px){ #tds-header .tds-bar{min-height:76px;flex-wrap:wrap;gap:12px 20px} #tds-header .tds-logo{flex-basis:132px;width:132px;min-height:49px} #tds-header .tds-logo img{width:132px!important} #tds-header .tds-actions{gap:10px} #tds-header.tds-ready .tds-menu-toggle{display:flex;width:74px} #tds-header .tds-nav{order:3;flex:1 0 100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:4px 16px;width:100%;padding:8px 0 12px} #tds-header.tds-ready .tds-nav{display:none;position:absolute;z-index:1;top:100%;left:0;right:0;width:auto;max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px);overflow:auto;overscroll-behavior:contain;padding:16px 36px 22px;border-top:1px solid #45614d;border-bottom:1px solid #45614d;background:var(--tds-forest)} #tds-header.tds-ready .tds-nav.is-open{display:grid} #tds-header .tds-nav a{justify-content:flex-start;min-width:0;min-height:46px;padding:11px 10px;border-bottom:1px solid #45614d;font-size:15px} #tds-header .tds-nav a:hover,#tds-header .tds-nav a[aria-current="page"]{background:var(--tds-green)} #tds-header a.tds-mobile-quote{display:flex;grid-column:1/-1;justify-content:center;margin-top:10px;border:1px solid #bc7858} } @media(max-width:900px){ #tds-header .tds-bar{width:calc(100% - 48px)} #tds-header.tds-ready .tds-nav{padding-inline:24px} #tds-header .tds-search-panel{right:24px;width:calc(100% - 48px);max-width:510px} } @media(max-width:600px){ #tds-header .tds-bar{width:calc(100% - 36px);min-height:72px;padding-block:10px;gap:10px} #tds-header .tds-logo{flex-basis:120px;width:120px;min-height:44px} #tds-header .tds-logo img{width:120px!important} #tds-header .tds-logo-fallback{font-size:22px} #tds-header .tds-actions{gap:8px} #tds-header .tds-actions>.tds-quote{display:none} #tds-header.tds-ready .tds-menu-toggle{width:68px} #tds-header.tds-ready .tds-nav{padding:12px 18px 18px;gap:4px 12px} #tds-header .tds-search-panel{right:18px;width:calc(100% - 36px);padding:20px 16px;max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px)} #tds-header .tds-search-input{padding-inline:10px} #tds-header .tds-search-submit{padding-inline:13px} #tds-header .tds-keyword{font-size:13px} } @media(forced-colors:active){#tds-header :where(a,button,summary,input){forced-color-adjust:auto}#tds-header .tds-nav a[aria-current="page"]{outline:2px solid LinkText}} 600;700;900&family=Noto+Sans+SC:wght@300;400;500;700&display=swap'); :root { --earth: #24180F; --soil: #8F3714; --wheat: #D6A51F; --wheat-light: #F1D765; --wheat-pale: #FFF3CF; --cream: #FFF8DF; --mist: #E7F3D2; --sage: #355F25; --sage-mid: #4C6F27; --white: #FFFFFF; --text-dark: #24170D; --text-mid: #5F4127; --text-light: #8A6B43; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } body { font-family: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif; background: var(--cream); color: var(--text-dark); overflow-x: hidden; } /* ─── HERO (优化过渡与全屏气场) ─── */ .hero { position: relative; width: 100%; height: 75vh; min-height: 600px; overflow: hidden; display: flex; align-items: center; } .hero-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 30%; } .hero-mask { position: absolute; inset: 0; background: linear-gradient(to top, rgba(36,24,15,0.95) 0%, rgba(53,95,37,0.66) 34%, rgba(143,55,20,0.22) 100%), linear-gradient(to right, rgba(36,24,15,0.78) 0%, rgba(53,95,37,0.34) 48%, transparent 68%); } .hero-content { position: relative; z-index: 2; padding: 0 60px; max-width: 800px; margin-top: -40px; /* 让内容在视觉上稍微往上提，给底部的悬浮卡片留空间 */ } .hero-eyebrow { display: inline-flex; align-items: center; gap: 10px; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.25em; text-transform: uppercase; color: var(--wheat); margin-bottom: 20px; } .hero-eyebrow::before { content: ''; width: 32px; height: 2px; background: var(--wheat); } .hero-title { font-family: 'Noto Serif SC', serif; font-size: clamp(2.2rem, 4vw, 3.4rem); font-weight: 900; line-height: 1.25; color: var(--white); margin-bottom: 20px; } .hero-title em { font-style: normal; color: var(--wheat-light); } .hero-desc { font-size: 0.95rem; line-height: 2; color: rgba(255,248,223,0.82); max-width: 580px; margin-bottom: 40px; } .hero-cta-row { display: flex; gap: 16px; align-items: center; } .btn-gold { display: inline-block; font-size: 0.85rem; font-weight: 700; letter-spacing: 0.1em; color: var(--earth); background: var(--wheat-light); padding: 15px 36px; border-radius: 4px; text-decoration: none; transition: background 0.2s; } .btn-gold:hover { background: var(--wheat-light); } .btn-ghost { display: inline-block; font-size: 0.85rem; font-weight: 500; letter-spacing: 0.08em; color: var(--cream); border: 1px solid rgba(255,248,223,0.42); padding: 15px 36px; border-radius: 4px; text-decoration: none; transition: border-color 0.2s, color 0.2s; } .btn-ghost:hover { border-color: var(--wheat); color: var(--wheat); } /* ─── SHARED ─── */ .sec-label { font-size: 0.68rem; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; margin-bottom: 12px; display: block; } .sec-title { font-family: 'Noto Serif SC', serif; font-size: clamp(1.6rem, 2.5vw, 2.2rem); font-weight: 700; line-height: 1.3; margin-bottom: 20px; } /* ─── PHILOSOPHY STRIP (悬浮设计：平滑过渡的核心) ─── */ .philosophy-wrapper { position: relative; z-index: 10; padding: 0 60px; margin-top: -60px; /* 向上浮动，压住首屏背景 */ } .philosophy { background: linear-gradient(135deg, #355F25 0%, #4C6F27 46%, #8F3714 100%); border-radius: 16px; /* 圆角增加现代感 */ box-shadow: 0 24px 50px rgba(36,24,15,0.28); /* 强阴影凸显悬浮感 */ padding: 56px 64px; display: grid; grid-template-columns: 1fr 3px 1fr; gap: 64px; align-items: center; } .philosophy-divider { background: rgba(241,215,101,0.28); height: 100%; min-height: 90px; } .philosophy-quote { font-family: 'Noto Serif SC', serif; font-size: 1.25rem; font-weight: 700; line-height: 1.8; color: var(--cream); } .philosophy-quote span { color: var(--wheat); } .philosophy-body { font-size: 0.9rem; line-height: 2.1; color: rgba(255,248,223,0.78); } /* ─── MODULE 2: BENEFITS (文案拔高) ─── */ .benefits-section { background: #FFF3CF; padding: 112px 60px 96px; margin-top: -60px; /* 把悬浮卡片留出的空白补回来 */ padding-top: 156px; } .benefits-header { text-align: center; max-width: 680px; margin: 0 auto 68px; } .benefits-header .sec-label { color: var(--sage-mid); } .benefits-header .sec-title { color: var(--earth); } .benefits-inner { display: grid; grid-template-columns: 460px 1fr; gap: 48px; max-width: 1300px; margin: 0 auto; align-items: stretch; } .benefits-img-col { position: relative; overflow: hidden; min-height: 520px; border-radius: 16px; box-shadow: 0 16px 40px rgba(143,55,20,0.12); } .benefits-img-col img { width: 100%; height: 100%; object-fit: cover; display: block; } .benefits-badge { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(36,24,15,0.9); backdrop-filter: blur(10px); padding: 24px 28px; border-top: 3px solid var(--wheat-light); } .benefits-badge-title { font-family: 'Noto Serif SC', serif; font-size: 0.95rem; font-weight: 700; color: var(--wheat); margin-bottom: 6px; } .benefits-badge-sub { font-size: 0.78rem; color: rgba(255,248,223,0.76); line-height: 1.7; } .benefit-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .benefit-card { background: var(--cream); padding: 36px 32px; border-radius: 12px; transition: transform 0.25s, box-shadow 0.25s; border: 1px solid rgba(234,213,157,0.76); } .benefit-card:hover { transform: translateY(-4px); box-shadow: 0 16px 32px rgba(143,55,20,0.12); border-color: rgba(214,165,31,0.42); } .benefit-card-icon { font-size: 2rem; margin-bottom: 16px; } .benefit-card-tag { font-size: 0.65rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--wheat); margin-bottom: 10px; } .benefit-card-name { font-family: 'Noto Serif SC', serif; font-size: 1.05rem; font-weight: 700; color: var(--earth); margin-bottom: 10px; } .benefit-card-desc { font-size: 0.85rem; line-height: 1.85; color: var(--text-mid); } /* ─── DUAL TRACK ─── */ .track-section { background: linear-gradient(135deg, #355F25 0%, #4C6F27 46%, #8F3714 100%); padding: 112px 60px; } .track-header { text-align: center; margin-bottom: 64px; } .track-header .sec-label { color: rgba(241,215,101,0.86); } .track-header .sec-title { color: var(--white); } .track-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; max-width: 1200px; margin: 0 auto; } .track-card { padding: 56px 48px; background: rgba(36,24,15,0.42); border: 1px solid rgba(241,215,101,0.16); border-radius: 16px; border-top: 4px solid transparent; transition: border-color 0.3s, background 0.3s; position: relative; overflow: hidden; } .track-card:hover { border-color: var(--wheat-light); background: rgba(36,24,15,0.52); } .track-card-letter { position: absolute; top: 10px; right: 20px; font-family: 'Noto Serif SC', serif; font-size: 8rem; font-weight: 900; line-height: 1; color: rgba(241,215,101,0.08); } .track-card-tag { position: relative; z-index: 2; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--wheat); margin-bottom: 12px; } .track-card-name { position: relative; z-index: 2; font-family: 'Noto Serif SC', serif; font-size: 1.3rem; font-weight: 700; color: var(--cream); margin-bottom: 16px; } .track-card-desc { position: relative; z-index: 2; font-size: 0.9rem; line-height: 2; color: rgba(255,248,223,0.76); margin-bottom: 32px; min-height: 80px; } .track-levels { position: relative; z-index: 2; display: flex; gap: 10px; flex-wrap: wrap; } .track-level { font-size: 0.72rem; color: rgba(241,215,101,0.9); border: 1px solid rgba(241,215,101,0.34); padding: 6px 14px; border-radius: 4px; background: rgba(36,24,15,0.28); } /* ─── JOBS SECTION ─── */ .jobs-section { background: var(--cream); padding: 112px 60px; } .jobs-header { display: flex; align-items: flex-end; justify-content: space-between; max-width: 1200px; margin: 0 auto 56px; } .jobs-header-left .sec-label { color: var(--sage-mid); } .jobs-header-left .sec-title { color: var(--earth); margin-bottom: 0; } .jobs-updated { font-size: 0.75rem; color: var(--text-mid); letter-spacing: 0.08em; display: flex; align-items: center; gap: 8px; background: var(--mist); padding: 8px 16px; border-radius: 20px; } .jobs-updated::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--sage-mid); animation: pulse 2s infinite; } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } } .jobs-filter { display: flex; gap: 0; max-width: 1200px; margin: 0 auto 40px; border-bottom: 1px solid rgba(143,55,20,0.16); overflow-x: auto; scrollbar-width: none; } .jobs-filter::-webkit-scrollbar { display: none; } .filter-tab { font-size: 0.85rem; font-weight: 600; letter-spacing: 0.06em; color: var(--text-light); padding: 14px 28px; cursor: pointer; border-bottom: 3px solid transparent; transition: color 0.2s, border-color 0.2s; background: none; border-top: none; border-left: none; border-right: none; font-family: 'Noto Sans SC', sans-serif; white-space: nowrap; } .filter-tab.active, .filter-tab:hover { color: var(--earth); border-bottom-color: var(--wheat); } .jobs-list { max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; gap: 8px; } .job-card { background: var(--mist); border-left: 4px solid transparent; border-radius: 8px; transition: all 0.3s ease; cursor: pointer; overflow: hidden; } .job-card:hover { border-left-color: var(--wheat); background: #FFF3CF; transform: translateX(4px); box-shadow: 0 8px 24px rgba(143,55,20,0.08); } .job-card.open { background: var(--white); border-left-color: var(--sage-mid); box-shadow: 0 12px 40px rgba(143,55,20,0.1); } .job-card.open .job-detail { max-height: 800px; padding-bottom: 32px; opacity: 1; } .job-card.open .job-arrow { transform: rotate(90deg); color: var(--sage-mid); } .job-card-header { display: grid; grid-template-columns: 1fr auto auto auto; gap: 24px; align-items: center; padding: 28px 32px; } .job-dept { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--sage-mid); margin-bottom: 6px; } .job-title { font-family: 'Noto Serif SC', serif; font-size: 1.15rem; font-weight: 700; color: var(--earth); } .job-tag { font-size: 0.7rem; font-weight: 600; letter-spacing: 0.08em; padding: 4px 14px; border-radius: 4px; white-space: nowrap; } .job-tag.urgent { background: rgba(143,55,20,0.1); color: #8F3714; border: 1px solid rgba(143,55,20,0.2); } .job-tag.key { background: rgba(241,215,101,0.24); color: #8A6A10; border: 1px solid rgba(214,165,31,0.36); } .job-tag.intl { background: rgba(53,95,37,0.1); color: var(--sage); border: 1px solid rgba(53,95,37,0.2); } .job-location { font-size: 0.8rem; color: var(--text-mid); display: flex; align-items: center; gap: 6px; white-space: nowrap; font-weight: 500; } .job-arrow { font-size: 1.2rem; color: var(--text-light); transition: transform 0.3s; flex-shrink: 0; font-family: monospace; } .job-detail { max-height: 0; overflow: hidden; opacity: 0; transition: all 0.4s ease; padding: 0 32px; } .job-detail-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; border-top: 1px dashed rgba(143,55,20,0.16); padding-top: 32px; } .jd-section-title { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--sage-mid); margin-bottom: 16px; } .jd-list { list-style: none; font-size: 0.85rem; line-height: 1.8; color: var(--text-mid); } .jd-list li { padding: 6px 0; display: flex; gap: 10px; align-items: flex-start; } .jd-list li::before { content: '•'; color: var(--wheat); flex-shrink: 0; font-size: 1.2rem; line-height: 1; } .job-apply-btn { display: inline-block; margin-top: 24px; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.1em; color: var(--white); background: var(--sage); padding: 12px 32px; border-radius: 4px; text-decoration: none; transition: background 0.2s, transform 0.2s; box-shadow: 0 8px 20px rgba(53,95,37,0.24); } .job-apply-btn:hover { background: var(--sage-mid); transform: translateY(-2px); } /* ─── LIFE AT JUNSHENG ─── */ .life-section { background: #FFF3CF; padding: 112px 60px; } .life-header { text-align: center; margin-bottom: 64px; } .life-header .sec-label { color: var(--sage-mid); } .life-header .sec-title { color: var(--earth); } .life-mosaic { display: grid; grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 280px 220px; gap: 8px; max-width: 1300px; margin: 0 auto 56px; border-radius: 16px; overflow: hidden; } .life-photo { overflow: hidden; position: relative; background: var(--soil); } .life-photo.span-col { grid-row: span 2; } .life-photo img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s ease; filter: brightness(0.9) saturate(0.85); } .life-photo:hover img { transform: scale(1.05); filter: brightness(1) saturate(1.1); } .life-photo-label { position: absolute; bottom: 0; left: 0; right: 0; padding: 24px 20px 16px; background: linear-gradient(to top, rgba(36,24,15,0.86), transparent); font-size: 0.8rem; color: var(--white); font-weight: 600; letter-spacing: 0.05em; } .life-points { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; max-width: 1300px; margin: 0 auto; } .life-point { background: var(--cream); padding: 36px 28px; text-align: center; border-radius: 12px; box-shadow: 0 10px 30px rgba(143,55,20,0.08); border: 1px solid rgba(234,213,157,0.76); } .life-point-icon { font-size: 2rem; margin-bottom: 16px; } .life-point-name { font-family: 'Noto Serif SC', serif; font-size: 1rem; font-weight: 700; color: var(--earth); margin-bottom: 8px; } .life-point-desc { font-size: 0.8rem; line-height: 1.8; color: var(--text-mid); } /* ─── RESPONSIVE ─── */ @media (max-width: 1060px) { .benefits-inner { grid-template-columns: 1fr; } .benefits-img-col { height: 360px; min-height: unset; } .apply-section { grid-template-columns: 1fr; gap: 56px; } } @media (max-width: 960px) { .hero-content { padding: 0 32px; } .philosophy-wrapper { padding: 0 24px; } .philosophy { grid-template-columns: 1fr; gap: 32px; padding: 48px 32px; } .philosophy-divider { display: none; } .track-grid { grid-template-columns: 1fr; } .life-mosaic { grid-template-columns: 1fr 1fr; grid-template-rows: auto; border-radius: 8px; } .life-photo.span-col { grid-row: span 1; height: 260px; } .life-points { grid-template-columns: 1fr 1fr; } .jobs-header { flex-direction: column; align-items: flex-start; gap: 16px; } .job-card-header { grid-template-columns: 1fr auto; padding: 20px 24px; } .job-tag.urgent, .job-tag.intl, .job-tag.key { display: none; } .job-detail-inner { grid-template-columns: 1fr; gap: 32px; } .benefits-section, .track-section, .jobs-section, .life-section, .apply-section { padding-left: 24px; padding-right: 24px; } } @media (max-width: 600px) { .benefit-cards { grid-template-columns: 1fr; } .life-points { grid-template-columns: 1fr; } .life-mosaic { grid-template-columns: 1fr; } .hero-cta-row { flex-direction: column; align-items: stretch; } .btn-gold, .btn-ghost { text-align: center; } } #td-contact{--tc-forest:#153e2b;--tc-green:#255b3e;--tc-copper:#a94c24;--tc-paper:#faf8f1;--tc-ink:#1d3025;--tc-muted:#556257;--tc-line:#dce1d6;position:fixed;right:18px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:10020;width:368px;max-width:calc(100vw - 28px);color:var(--tc-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:14px;line-height:1.65;text-align:left} #td-contact,#td-contact *,#td-contact *::before,#td-contact *::after{box-sizing:border-box} #td-contact :where(p,h2,figure){margin:0} #td-contact :where(button,input,select,textarea){font-family:inherit;font-size:14px;letter-spacing:normal;text-transform:none} #td-contact :where(button,a){-webkit-tap-highlight-color:transparent} #td-contact button{cursor:pointer} #td-contact [hidden]{display:none!important} #td-contact :where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--tc-copper);outline-offset:3px} #td-contact a{color:var(--tc-green);text-decoration:none;text-underline-offset:3px} #td-contact a:hover{text-decoration:underline} #td-contact .tc-dock{display:flex;gap:8px;justify-content:flex-end} #td-contact .tc-entry{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 15px;border:1px solid #315c41;border-radius:7px;background:var(--tc-forest);color:#fff;font-size:14px;font-weight:700;line-height:1.4;box-shadow:0 3px 12px #153e2b26;text-decoration:none} #td-contact .tc-entry:first-child{background:var(--tc-green)} #td-contact .tc-entry[aria-expanded="true"]{border-color:#efc777;box-shadow:0 0 0 2px #efc777} #td-contact .tc-entry:hover{background:#1d4b33;text-decoration:none} #td-contact svg{display:block;width:22px;height:22px;flex:none} #td-contact .tc-panel{background:#fff;border:1px solid var(--tc-line);border-top:4px solid var(--tc-forest);border-radius:9px;box-shadow:0 8px 28px #153e2b26;margin-bottom:10px;overflow:hidden;max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px - env(safe-area-inset-bottom,0px));display:flex;flex-direction:column} #td-contact .tc-heading{display:flex;align-items:flex-start;gap:14px;padding:15px 17px 12px;background:var(--tc-paper);border-bottom:1px solid var(--tc-line);flex:none} #td-contact .tc-heading>div{min-width:0;flex:1} #td-contact .tc-heading h2{font-size:18px;font-weight:700;line-height:1.4;color:var(--tc-forest);margin-bottom:4px} #td-contact .tc-heading p{font-size:12px;color:var(--tc-muted)} #td-contact .tc-close{display:grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid #ced8ca;background:#fff;color:var(--tc-forest);border-radius:5px;font-size:24px;line-height:1;padding:0} #td-contact .tc-body{padding:15px 17px 17px;overflow:auto;overscroll-behavior:contain;min-height:0} #td-contact .tc-channels{display:flex;gap:8px;margin-bottom:13px} #td-contact .tc-channel{flex:1;min-height:40px;border:1px solid var(--tc-line);border-radius:5px;background:#fff;color:var(--tc-muted);font-weight:700;padding:7px 9px} #td-contact .tc-channel[aria-pressed="true"]{background:var(--tc-forest);border-color:var(--tc-forest);color:#fff} #td-contact .tc-inquiry{margin-top:14px;border-block:1px solid var(--tc-line);padding-block:10px} #td-contact .tc-inquiry>summary{font-size:13px;font-weight:700;color:var(--tc-forest);cursor:pointer;min-height:30px;line-height:30px} #td-contact .tc-inquiry[open]{padding-bottom:14px} #td-contact .tc-field{margin-top:10px} #td-contact label{display:block;font-weight:600;font-size:12px;margin-bottom:5px;color:var(--tc-ink)} #td-contact :where(select,input,textarea){display:block;width:100%;max-width:100%;min-width:0;border:1px solid #cdd7c9;border-radius:5px;background:#fff;color:var(--tc-ink);line-height:1.45;padding:9px 10px;box-shadow:none} #td-contact :where(select,input){min-height:42px} #td-contact input::placeholder{font-size:12px;color:#63715f;opacity:1} #td-contact .tc-wechat{margin-top:15px;padding-top:14px;border-top:1px solid var(--tc-line)} #td-contact .tc-qr{margin:12px auto;text-align:center;max-width:216px} #td-contact .tc-qr img{display:block;width:100%;height:auto;max-height:290px;object-fit:contain;border:1px solid var(--tc-line);background:#fff;padding:6px;border-radius:4px} #td-contact .tc-qr figcaption{font-size:11px;color:var(--tc-muted);margin-top:6px;line-height:1.65} #td-contact .tc-id-row{display:flex;gap:8px;align-items:center;margin-bottom:12px;min-width:0} #td-contact .tc-id-row input{flex:1;width:0;min-width:0;font-size:13px} #td-contact .tc-copy-id{flex:none;min-height:42px;border:1px solid #cdd7c9;border-radius:5px;background:var(--tc-paper);color:var(--tc-forest);padding:7px 11px;font-size:12px} #td-contact .tc-action{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:44px;border:1px solid var(--tc-forest);border-radius:5px;background:var(--tc-forest);color:#fff;padding:10px 12px;font-size:14px;font-weight:700;line-height:1.5;text-decoration:none} #td-contact .tc-action:hover{color:#fff;background:var(--tc-green);text-decoration:none} #td-contact .tc-secondary{background:var(--tc-paper);border-color:#cbd6c5;color:var(--tc-forest);margin-top:9px} #td-contact .tc-secondary:hover{background:#edf2e8;color:var(--tc-forest)} #td-contact .tc-tip{font-size:12px;color:var(--tc-muted);line-height:1.8;margin-top:9px} #td-contact .tc-fallback{font-size:13px;padding:11px 12px;margin-bottom:11px;background:var(--tc-paper);border-left:3px solid var(--tc-copper);color:var(--tc-muted)} #td-contact .tc-whatsapp{margin-top:15px;padding-top:14px;border-top:1px solid var(--tc-line)} #td-contact .tc-support{display:flex;gap:10px 18px;flex-wrap:wrap;font-size:12px;margin-top:14px;padding-top:11px;border-top:1px solid var(--tc-line)} #td-contact .tc-status{font-size:12px;color:var(--tc-green);padding:9px 0 0;overflow-wrap:anywhere} #td-contact .tc-status:empty{display:none} #td-contact .tc-manual{margin-top:12px} #td-contact .tc-manual textarea{min-height:150px;font-size:13px;resize:vertical;white-space:pre-wrap} #td-contact .tc-privacy{font-size:11px;color:var(--tc-muted);margin-top:10px;line-height:1.75} @media(max-width:600px){#td-contact{right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:360px;max-width:calc(100vw - 24px)}#td-contact .tc-entry{min-height:44px;padding:9px 13px;font-size:13px}#td-contact .tc-entry svg{width:20px;height:20px}#td-contact :where(input,select,textarea){font-size:16px}#td-contact .tc-id-row input{font-size:16px}#td-contact .tc-panel{max-height:calc(100vh - 90px);max-height:calc(100dvh - 90px - env(safe-area-inset-bottom,0px))}#td-contact .tc-heading{padding:12px 14px}#td-contact .tc-body{padding:13px 14px 15px}} @media(prefers-reduced-motion:reduce){#td-contact *,#td-contact *::before,#td-contact *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}