/* 关于我们历程 */
.yt-history { --yt-paper: #f5f4f0; --yt-ink: #444; width: 100%; padding: 80px 5% 90px; background: var(--yt-paper); color: var(--yt-ink); }
.yt-history__inner { max-width: 1100px; margin: 0 auto; }
.yt-history .yt-history__title { margin: 0 0 16px; color: var(--yt-heading-color); }
.yt-history .yt-history__intro { margin: 0; max-width: 700px; color: var(--yt-body-color); font-size: var(--yt-intro-size); line-height: 1.9; }
.yt-history__timeline { position: relative; list-style: none!important; padding: 0!important; margin: 72px 0 0!important; }
.yt-history__timeline::before { content: ""; position: absolute; top: 0; bottom: 15px; left: 50%; width: 3px; transform: translateX(-50%); background: #444; }
.yt-history__item { position: relative; display: grid; grid-template-columns: 1fr 1fr; min-height: 165px; margin: 0!important; padding: 18px 0 30px!important; list-style: none!important; }
.yt-history__item::before { content: ""; position: absolute; top: 27px; left: 50%; width: 17px; height: 17px; transform: translateX(-50%); background: var(--yt-paper); border: 3px solid #444; border-radius: 50%; z-index: 2; }
.yt-history__item::after { content: ""; position: absolute; top: 35px; right: 50%; width: 62px; height: 1px; background: #777; }
.yt-history__item:nth-child(even)::after { right: auto; left: 50%; }
.yt-history__text { grid-column: 1; padding: 0 95px 0 35px; text-align: left; }
.yt-history__item:nth-child(even) .yt-history__text { grid-column: 2; padding: 0 35px 0 95px; }
.yt-history .yt-history__year { display: block; color: #333; font-size: 22px; font-weight: 700; line-height: 1.5; margin: 0 0 6px; }
.yt-history .yt-history__name { color: var(--yt-heading-color); font-size: 19px; line-height: 1.6; margin: 0 0 8px; font-weight: 600; }
.yt-history .yt-history__description { color: var(--yt-body-color); font-size: var(--yt-intro-size); line-height: 1.85; margin: 0; }
.yt-history__art { position: absolute; left: calc(50% + 62px); top: 40px; width: 72px; height: 72px; fill: none; stroke: #383833; stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round; }
.yt-history__item:nth-child(even) .yt-history__art { left: auto; right: calc(50% + 62px); }
@media(max-width:1024px) {
.yt-history__text { padding-left: 0; padding-right: 80px; }
.yt-history__item:nth-child(even) .yt-history__text { padding-left: 80px; padding-right: 0; }
.yt-history__art { width: 62px; height: 62px; }
}
@media(max-width:767px) {
.yt-history { padding: 48px 6% 50px; }
.yt-history .yt-history__intro { font-size: var(--yt-intro-size); }
.yt-history__timeline { margin-top: 40px!important; }
.yt-history__timeline::before { left: 9px; }
.yt-history__item { display: block; min-height: 0; padding: 0 0 38px 46px!important; }
.yt-history__item::before { left: 9px; top: 8px; }
.yt-history__item::after,.yt-history__item:nth-child(even)::after { left: 17px; right: auto; top: 16px; width: 19px; }
.yt-history__text,.yt-history__item:nth-child(even) .yt-history__text { padding: 0; }
.yt-history .yt-history__year { font-size: 21px; }
.yt-history .yt-history__name { font-size: 18px; }
.yt-history .yt-history__description { font-size: var(--yt-intro-size); }
.yt-history__art { position: static; display: block; width: 48px; height: 48px; margin-top: 16px; }
.yt-history__item:last-child { padding-bottom: 0!important; }
}

/* 关于我们图片介绍 */
.yt-parallax { --yt-panel-color: #008c95; width: 100%; padding: 85px 5%; background: #fff; }
.yt-parallax__inner { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: center; gap: 50px; width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 5.5%; }
.yt-parallax__inner::before { content: ''; position: absolute; z-index: -1; inset: 44px 0; background: var(--yt-panel-color); }
.yt-parallax__content { min-width: 0; padding: 50px 0; }
.yt-parallax .yt-parallax__title { margin: 0; color: #fff; overflow-wrap: break-word; }
.yt-parallax__line { display: block; width: 80px; height: 1px; margin-top: 36px; background: #fff; opacity: .75; }
.yt-parallax__media { width: 100%; min-width: 0; margin: 0; aspect-ratio: 1 / 1; }
.yt-parallax__moving { width: 100%; height: 100%; transform: translate3d(0, var(--yt-shift, 0px), 0); }
.yt-parallax.is-moving .yt-parallax__moving { will-change: transform; }
.yt-parallax__moving img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
@media (max-width: 1024px) {
.yt-parallax { padding: 70px 5%; }
.yt-parallax__inner { gap: 30px; padding: 0 5%; }
.yt-parallax__inner::before { inset: 30px 0; }
.yt-parallax__line { margin-top: 26px; width: 65px; }
}
@media (max-width: 767px) {
.yt-parallax { padding: 40px 6%; }
.yt-parallax__inner { grid-template-columns: minmax(0, 1fr); gap: 0; padding: 0 7% 28px; }
.yt-parallax__inner::before { inset: 0; }
.yt-parallax__content { padding: 35px 0 28px; }
.yt-parallax__line { margin-top: 22px; }
}
@media (prefers-reduced-motion: reduce) {
.yt-parallax__moving { transform: none !important; }
}

/* 关于我们文字介绍 */
.yt-company { width: 100%; padding: 65px 5% 70px; background: #fff; }
.yt-company .yt-company__inner { width: 100%; max-width: 1200px; margin: 0 auto; }
.yt-company .yt-company__copy { width: 100%; max-width: none; }
.yt-company .yt-company__title { margin: 0 0 26px; color: var(--yt-heading-color); }
.yt-company .yt-company__lead { margin: 0 0 28px; color: var(--yt-heading-color); font-size: 24px; line-height: 1.7; font-weight: 400; }
.yt-company .yt-company__description { margin: 0; color: var(--yt-body-color); font-size: var(--yt-intro-size); line-height: 1.9; }
.yt-company .yt-company__stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 35px; width: 100%; max-width: none; margin: 48px 0 0; padding: 0; }
.yt-company .yt-company__stat { min-width: 0; text-align: center; display: flex; flex-direction: column; }
.yt-company .yt-company__number { order: -1; margin: 0 0 14px; color: #00a844; font-family: Georgia, 'Times New Roman', serif; font-size: 48px; font-weight: 400; line-height: 1.2; }
.yt-company .yt-company__label { margin: 0; color: var(--yt-body-color); font-size: 18px; font-weight: 400; line-height: 1.7; }
@media (max-width: 1024px) {
.yt-company { padding: 55px 5% 60px; }
.yt-company .yt-company__lead { font-size: 22px; }
.yt-company .yt-company__description { font-size: var(--yt-intro-size); }
.yt-company .yt-company__number { font-size: 42px; }
}
@media (max-width: 767px) {
.yt-company { padding: 42px 6% 48px; }
.yt-company .yt-company__title { margin-bottom: 20px; }
.yt-company .yt-company__lead { font-size: 20px; margin-bottom: 22px; }
.yt-company .yt-company__description { font-size: var(--yt-intro-size); line-height: 1.85; }
.yt-company .yt-company__stats { gap: 12px; margin-top: 34px; }
.yt-company .yt-company__number { font-size: 34px; margin-bottom: 10px; }
.yt-company .yt-company__label { font-size: 14px; }
}
@media (max-width: 360px) {
.yt-company .yt-company__stats { gap: 8px; }
.yt-company .yt-company__number { font-size: 29px; }
}

/* 关于我们职位 */
.yt-join { width: 100%; padding: 70px 5%; background: #fff; }
.yt-join .yt-join__inner { width: 100%; max-width: 1000px; margin: 0 auto; }
.yt-join .yt-join__title { margin: 0 0 42px; color: var(--yt-heading-color); text-align: center; }
.yt-join .yt-join__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.yt-join .yt-join__card { position: relative; isolation: isolate; display: flex; flex-direction: column; min-width: 0; min-height: 420px; padding: 42px; overflow: hidden; background: #65736d; color: #fff; text-decoration: none; border: 0; border-radius: 0; box-shadow: none; }
.yt-join .yt-join__image { position: absolute; inset: 0; z-index: -2; background-image: var(--yt-join-image, none); background-position: center; background-size: cover; background-repeat: no-repeat; transition: transform .5s ease; }
.yt-join .yt-join__card::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(
        180deg,
        rgba(0, 0, 0, .48) %,
        rgba(0, 0, 0, .30) 50%,
        rgba(0, 0, 0, .56) 100%
    ); }
.yt-join .yt-join__card:hover .yt-join__image, .yt-join .yt-join__card:focus-visible .yt-join__image { transform: scale(1.05); }
.yt-join .yt-join__card:focus-visible { outline: 3px solid #00a844; outline-offset: 5px; }
.yt-join .yt-join__heading { margin: 0 0 16px; color: #fff; font-size: 30px; font-weight: 700; line-height: 1.4; }
.yt-join .yt-join__description { max-width: 390px; margin: 0; color: #fff; font-size: var(--yt-intro-size); line-height: 1.8; }
.yt-join .yt-join__action { display: flex; align-items: center; gap: 14px; margin-top: auto; padding-top: 40px; color: #fff; font-size: 16px; font-weight: 700; line-height: 1.5; }
.yt-join .yt-join__arrow { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 30px; width: 30px; height: 30px; border: 1px solid rgba(255, 255, 255, .75); border-radius: 50%; }
.yt-join .yt-join__arrow::before { content: ""; width: 7px; height: 7px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: translateX(-2px) rotate(45deg); }
@media (max-width: 1024px) {
.yt-join { padding: 55px 5%; }
.yt-join .yt-join__title { margin-bottom: 34px; }
.yt-join .yt-join__card { min-height: 380px; padding: 32px; }
.yt-join .yt-join__heading { font-size: 27px; }
.yt-join .yt-join__description { font-size: var(--yt-intro-size); }
}
@media (max-width: 767px) {
.yt-join { padding: 45px 6%; }
.yt-join .yt-join__title { margin-bottom: 28px; }
.yt-join .yt-join__grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
.yt-join .yt-join__card { min-height: 350px; padding: 30px 26px; }
.yt-join .yt-join__heading { font-size: 26px; }
.yt-join .yt-join__description { font-size: var(--yt-intro-size); }
}
@media (prefers-reduced-motion: reduce) {
.yt-join .yt-join__image { transition: none; }
.yt-join .yt-join__card:hover .yt-join__image, .yt-join .yt-join__card:focus-visible .yt-join__image { transform: none; }
}
.yt-join .yt-join__image-1 { --yt-join-image: url('http://www.yite.cn/wp-content/uploads/2026/10/e31.png'); }
.yt-join .yt-join__image-2 { --yt-join-image: url('http://www.yite.cn/wp-content/uploads/2026/10/e32.png'); }

/* 工业香精分类 */
.yt-functions { width: 100%; padding: 65px 5% 75px; background: #fff; }
.yt-functions__inner { width: 100%; max-width: 1280px; margin: 0 auto; }
.yt-functions .yt-functions__title { margin: 0 0 28px; color: var(--yt-heading-color); }
.yt-functions__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.yt-functions__card { min-width: 0; display: flex; flex-direction: column; background: #e1eff8; }
.yt-functions__card:nth-child(2) { background: #f0f6e2; }
.yt-functions__card:nth-child(3) { background: #fff0e8; }
.yt-functions__media { margin: 0; width: 100%; aspect-ratio: 4/3; overflow: hidden; }
.yt-functions__media img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0; transition: transform .5s ease; }
.yt-functions__card:hover .yt-functions__media img { transform: scale(1.035); }
.yt-functions__placeholder { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: #e7ecee; color: #62717a; font-size: 18px; }
.yt-functions__body { display: flex; flex-direction: column; flex: 1; padding: 24px 22px 25px; }
.yt-functions .yt-functions__heading { margin: 0 0 12px; color: var(--yt-heading-color); font-size: 24px; font-weight: 700; line-height: 1.4; }
.yt-functions .yt-functions__highlight { margin: 0 0 16px; color: #007d33; font-size: 27px; font-weight: 700; line-height: 1.4; }
.yt-functions__highlight strong { font-size: 40px; }
.yt-functions__highlight small { font-size: 15px; font-weight: 400; color: var(--yt-body-color); }
.yt-functions .yt-functions__text { margin: 0 0 24px; color: var(--yt-body-color); font-size: var(--yt-body-size); line-height: 1.85; }
.yt-functions .yt-functions__link { display: inline-flex; align-items: center; align-self: flex-start; gap: 10px; margin-top: auto; color: #007d33; font-size: 16px; font-weight: 600; line-height: 1.6; text-decoration: none; }
.yt-functions__link svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.yt-functions .yt-functions__link:hover { text-decoration: underline; text-underline-offset: 4px; }
.yt-functions__link:focus-visible { outline: 2px solid #007d33; outline-offset: 5px; }
.yt-functions .yt-functions__note { margin: 20px 0 0; color: #666; font-size: 13px; line-height: 1.8; }
@media(max-width:1024px) {
.yt-functions { padding: 55px 5% 60px; }
.yt-functions__grid { gap: 18px; }
.yt-functions__body { padding: 20px 18px; }
.yt-functions .yt-functions__heading { font-size: 22px; }
.yt-functions .yt-functions__highlight { font-size: 23px; }
}
@media(max-width:767px) {
.yt-functions { padding: 42px 6% 48px; }
.yt-functions__grid { grid-template-columns: minmax(0,1fr); gap: 28px; }
.yt-functions .yt-functions__title { margin-bottom: 24px; }
.yt-functions__body { padding: 24px; }
}
@media(prefers-reduced-motion:reduce) {
.yt-functions__media img { transition: none; }
.yt-functions__card:hover .yt-functions__media img { transform: none; }
}

/* 工业香精特点 */
.yt-about { width: 100%; padding: 65px 5% 70px; background: #fff; }
.yt-about .yt-about__inner { width: 100%; max-width: 1200px; margin: 0 auto; }
.yt-about .yt-about__copy { width: 100%; max-width: none; }
.yt-about .yt-about__title { margin: 0 0 22px; color: var(--yt-heading-color); }
.yt-about .yt-about__lead { margin: 0 0 28px; color: var(--yt-heading-color); font-size: 35px; line-height: 1.7; font-weight: 400; }
.yt-about .yt-about__description { margin: 0; color: var(--yt-body-color); font-size: var(--yt-intro-size); line-height: 1.9; }
.yt-about .yt-about__stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 35px; width: 100%; max-width: none; margin: 48px 0 0; padding: 0; }
.yt-about .yt-about__stat { min-width: 0; text-align: center; display: flex; flex-direction: column; }
.yt-about .yt-about__number { order: -1; margin: 0 0 14px; color: #00a844; font-family: Georgia, 'Times New Roman', serif; font-size: 48px; font-weight: 400; line-height: 1.2; }
.yt-about .yt-about__label { margin: 0; color: var(--yt-body-color); font-size: 18px; font-weight: 400; line-height: 1.7; }
@media (max-width: 1024px) {
.yt-about { padding: 55px 5% 60px; }
.yt-about .yt-about__lead { font-size: 22px; }
.yt-about .yt-about__description { font-size: var(--yt-intro-size); }
.yt-about .yt-about__number { font-size: 42px; }
}
@media (max-width: 767px) {
.yt-about { padding: 42px 6% 48px; }
.yt-about .yt-about__title { margin-bottom: 20px; }
.yt-about .yt-about__lead { font-size: 20px; margin-bottom: 22px; }
.yt-about .yt-about__description { font-size: var(--yt-intro-size); line-height: 1.85; }
.yt-about .yt-about__stats { gap: 12px; margin-top: 34px; }
.yt-about .yt-about__number { font-size: 34px; margin-bottom: 10px; }
.yt-about .yt-about__label { font-size: 14px; }
}
@media (max-width: 360px) {
.yt-about .yt-about__stats { gap: 8px; }
.yt-about .yt-about__number { font-size: 29px; }
}

/* 工业香精问答 */
.yt-fragrance-faq { --yt-heading: #444; --yt-accent: #007d33; --yt-text: #555; --yt-line: rgba(68, 68, 68, 0.18); --yt-white: #ffffff; width: 100%; padding: 90px 24px; background: var(--yt-white); }
.yt-fragrance-faq .yt-fragrance-faq__inner { width: 100%; max-width: 1000px; margin: 0 auto; }
.yt-fragrance-faq .yt-fragrance-faq__title { margin: 0 0 55px; color: var(--yt-heading); letter-spacing: -0.02em; text-align: center; }
.yt-fragrance-faq .yt-fragrance-faq__list { width: 100%; border-top: 1px solid var(--yt-line); }
.yt-fragrance-faq .yt-fragrance-faq__item { width: 100%; margin: 0; padding: 0; border: 0; border-bottom: 1px solid var(--yt-line); background: transparent; }
.yt-fragrance-faq .yt-fragrance-faq__question { position: relative; display: flex; align-items: center; min-height: 96px; margin: 0; padding: 25px 70px 25px 20px; color: var(--yt-heading); background: transparent; font-size: 20px; font-weight: 500; line-height: 1.5; text-align: left; list-style: none; cursor: pointer; transition: color 0.3s ease; }
.yt-fragrance-faq .yt-fragrance-faq__question::-webkit-details-marker { display: none; }
.yt-fragrance-faq .yt-fragrance-faq__question::marker { content: ""; }
.yt-fragrance-faq .yt-fragrance-faq__question:hover, .yt-fragrance-faq .yt-fragrance-faq__item[open] .yt-fragrance-faq__question { color: var(--yt-accent); }
.yt-fragrance-faq .yt-fragrance-faq__question:focus-visible { outline: 2px solid var(--yt-heading); outline-offset: -3px; }
.yt-fragrance-faq .yt-fragrance-faq__icon { position: absolute; top: 50%; right: 18px; width: 38px; height: 38px; border: 1px solid rgba(0, 168, 68, 0.5); border-radius: 50%; transform: translateY(-50%); pointer-events: none; transition: background-color 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease; }
.yt-fragrance-faq .yt-fragrance-faq__icon::before, .yt-fragrance-faq .yt-fragrance-faq__icon::after { content: ""; position: absolute; top: 50%; left: 50%; width: 13px; height: 1px; background: var(--yt-accent); transform: translate(-50%, -50%); transition: background-color 0.3s ease,
        transform 0.3s ease; }
.yt-fragrance-faq .yt-fragrance-faq__icon::after { transform: translate(-50%, -50%) rotate(90deg); }
.yt-fragrance-faq .yt-fragrance-faq__item[open] .yt-fragrance-faq__icon { background: var(--yt-accent); border-color: var(--yt-accent); transform: translateY(-50%) rotate(180deg); }
.yt-fragrance-faq .yt-fragrance-faq__item[open] .yt-fragrance-faq__icon::before, .yt-fragrance-faq .yt-fragrance-faq__item[open] .yt-fragrance-faq__icon::after { background: var(--yt-white); }
.yt-fragrance-faq .yt-fragrance-faq__item[open] .yt-fragrance-faq__icon::after { transform: translate(-50%, -50%) rotate(0deg); }
.yt-fragrance-faq .yt-fragrance-faq__answer { overflow: hidden; }
.yt-fragrance-faq .yt-fragrance-faq__item[open] .yt-fragrance-faq__answer { animation: ytFragranceFaqOpen 0.35s ease; }
.yt-fragrance-faq .yt-fragrance-faq__answer-inner { max-width: 850px; padding: 0 70px 34px 20px; color: var(--yt-text); font-size: var(--yt-body-size); font-weight: 400; line-height: 1.9; text-align: left; }
.yt-fragrance-faq .yt-fragrance-faq__answer-inner p { margin: 0; color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; }
@keyframes ytFragranceFaqOpen {
from { opacity: 0; transform: translateY(-8px); }
to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 767px) {
.yt-fragrance-faq { padding: 60px 20px; }
.yt-fragrance-faq .yt-fragrance-faq__title { margin-bottom: 38px; }
.yt-fragrance-faq .yt-fragrance-faq__question { min-height: 82px; padding: 20px 55px 20px 5px; font-size: 17px; line-height: 1.55; }
.yt-fragrance-faq .yt-fragrance-faq__icon { right: 2px; width: 34px; height: 34px; }
.yt-fragrance-faq .yt-fragrance-faq__answer-inner { padding: 0 45px 28px 5px; font-size: var(--yt-body-size); line-height: 1.8; }
}
@media (prefers-reduced-motion: reduce) {
.yt-fragrance-faq .yt-fragrance-faq__item[open] .yt-fragrance-faq__answer { animation: none; }
.yt-fragrance-faq .yt-fragrance-faq__question, .yt-fragrance-faq .yt-fragrance-faq__icon, .yt-fragrance-faq .yt-fragrance-faq__icon::before, .yt-fragrance-faq .yt-fragrance-faq__icon::after { transition: none; }
}

/* 汽车头部简介 */
.yt-auto { width: 100%; padding: 80px 5%; background: #fff; }
.yt-auto__inner { width: 100%; max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 50px; align-items: center; }
.yt-auto__content { min-width: 0; }
.yt-auto .yt-auto__title { margin: 0 0 26px; color: var(--yt-heading-color); }
.yt-auto .yt-auto__content p { margin: 0 0 24px; color: var(--yt-body-color); font-size: var(--yt-body-size); line-height: 1.8; }
.yt-auto__media { margin: 0; min-width: 0; }
.yt-auto__media img { display: block; width: 400px; max-width: 100%; height: 500px; aspect-ratio: 3 / 5; object-fit: cover; border-radius: 0; margin: 0 auto; }
.yt-auto .yt-auto__link { display: inline-block; margin-top: 2px; color: #00a844; font-size: 18px; font-weight: 700; line-height: 1.7; text-decoration: none; transition: color .2s ease; }
.yt-auto .yt-auto__link:hover { color: #007d33; text-decoration: underline; text-underline-offset: 4px; }
.yt-auto .yt-auto__link:focus-visible { outline: 2px solid #007d33; outline-offset: 5px; }
@media (max-width: 1024px) {
.yt-auto { padding: 60px 5%; }
.yt-auto__inner { gap: 32px; }
.yt-auto .yt-auto__content p { font-size: var(--yt-body-size); }
}
@media (max-width: 767px) {
.yt-auto { padding: 45px 6%; }
.yt-auto__inner { grid-template-columns: minmax(0, 1fr); gap: 30px; }
.yt-auto__media { grid-row: 1; }
.yt-auto .yt-auto__title { margin-bottom: 18px; }
.yt-auto .yt-auto__content p { margin-bottom: 20px; font-size: var(--yt-body-size); }
.yt-auto .yt-auto__link { font-size: 16px; }
}
.yt-auto__media img { transition: transform 0.6s ease; }
@media (hover: hover) {
.yt-auto__media img:hover { transform: scale(1.04); }
}
@media (prefers-reduced-motion: reduce) {
.yt-auto__media img { transition: none; }
.yt-auto__media img:hover { transform: none; }
}

/* 汽车异味介绍 */
.yt-materials { width: 100%; padding: 70px 5%; background: #fff; }
.yt-materials__inner { width: 100%; max-width: 1180px; margin: 0 auto; }
.yt-materials .yt-materials__title { margin: 0 0 18px; color: var(--yt-heading-color); }
.yt-materials .yt-materials__intro { margin: 0 0 45px; color: var(--yt-body-color); font-size: var(--yt-intro-size); line-height: 1.8; }
.yt-materials__row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 36px; align-items: start; margin: 0 0 48px; }
.yt-materials__row:last-child { margin-bottom: 0; }
.yt-materials__media { grid-column: 1; grid-row: 1; min-width: 0; margin: 0; }
.yt-materials__content { grid-column: 2; grid-row: 1; min-width: 0; }
.yt-materials__row:nth-child(even) .yt-materials__media { grid-column: 2; }
.yt-materials__row:nth-child(even) .yt-materials__content { grid-column: 1; }
.yt-materials__media img { display: block; width: 100%; max-width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 0; }
.yt-materials__placeholder { width: 100%; aspect-ratio: 4 / 3; display: flex; align-items: center; justify-content: center; padding: 24px; background: #f3f5f4; color: #66736b; border: 1px solid #e3e8e5; font-size: 18px; text-align: center; }
.yt-materials .yt-materials__content h3 { margin: 0 0 16px; color: var(--yt-heading-color); font-size: 25px; line-height: 1.4; font-weight: 700; }
.yt-materials .yt-materials__content h3::before { content: ''; display: inline-block; width: 3px; height: .9em; margin-right: 12px; background: #00a844; vertical-align: -.02em; }
.yt-materials .yt-materials__content p { margin: 0 0 18px; color: var(--yt-body-color); font-size: var(--yt-body-size); line-height: 1.8; }
.yt-materials .yt-materials__content p:last-child { margin-bottom: 0; }
@media (max-width: 1024px) {
.yt-materials { padding: 60px 5%; }
.yt-materials__row { gap: 28px; margin-bottom: 40px; }
.yt-materials .yt-materials__content h3 { font-size: 23px; }
.yt-materials .yt-materials__intro, .yt-materials .yt-materials__content p { font-size: var(--yt-intro-size); }
}
@media (max-width: 767px) {
.yt-materials { padding: 45px 6%; }
.yt-materials .yt-materials__intro { margin-bottom: 30px; }
.yt-materials__row { grid-template-columns: minmax(0, 1fr); gap: 22px; margin-bottom: 38px; }
.yt-materials .yt-materials__row .yt-materials__media { grid-column: 1; grid-row: 1; }
.yt-materials .yt-materials__row .yt-materials__content { grid-column: 1; grid-row: 2; }
.yt-materials .yt-materials__content h3 { font-size: 22px; margin-bottom: 12px; }
.yt-materials .yt-materials__intro, .yt-materials .yt-materials__content p { font-size: var(--yt-intro-size); }
}
.yt-materials__row { align-items: center; }
.yt-materials .yt-materials__content h3::before { display: none; }
.yt-materials__media { overflow: hidden; }
.yt-materials__media img { transition: transform 0.6s ease; }
@media (hover: hover) {
.yt-materials__media:hover img { transform: scale(1.04); }
}
@media (prefers-reduced-motion: reduce) {
.yt-materials__media img { transition: none; }
.yt-materials__media:hover img { transform: none; }
}

/* 环境产品检测 */
.yt-reports { --yt-navy: #064466; --yt-gold: #f0d65a; width: 100%; padding: 75px 5%; background: var(--yt-navy); color: #fff; }
.yt-reports__inner { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .85fr); gap: 70px; align-items: start; }
.yt-reports .yt-reports__title { margin: 0 0 20px; color: #fff; }
.yt-reports .yt-reports__intro { margin: 0 0 34px; color: #e3edf3; font-size: var(--yt-intro-size); line-height: 1.85; }
.yt-reports__item { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 16px; margin-top: 28px; }
.yt-reports__icon { width: 28px; height: 28px; color: var(--yt-gold); fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.yt-reports .yt-reports__item h3 { margin: 0 0 10px; color: #fff; font-size: 22px; line-height: 1.5; font-weight: 700; }
.yt-reports .yt-reports__item p { margin: 0; color: #e3edf3; font-size: var(--yt-body-size); line-height: 1.85; }
.yt-reports__stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 17px 0 12px; }
.yt-reports__stats div { padding: 0 10px 0 0; border-right: 1px solid #ffffff30; }
.yt-reports__stats div:last-child { border: 0; }
.yt-reports__stats dt { margin: 0 0 5px; color: #e3edf3; font-size: 15px; }
.yt-reports__stats dd { margin: 0; color: var(--yt-gold); font-size: clamp(26px, 3vw, 38px); line-height: 1.3; font-weight: 700; white-space: nowrap; }
.yt-reports__stats small { font-size: 13px; font-weight: 400; }
.yt-reports .yt-reports__note { margin-top: 12px; font-size: 13px; color: #bdcfdb; line-height: 1.8; }
.yt-reports__media { margin: 0; min-width: 0; }
.yt-reports__placeholder { aspect-ratio: 2 / 3; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; padding: 32px; border: 1px solid #ffffff40; background: #ffffff08; color: #e3edf3; text-align: center; }
.yt-reports__placeholder svg { width: 64px; height: 64px; }
.yt-reports__placeholder strong { font-size: 22px; font-weight: 500; }
.yt-reports__placeholder span { font-size: 14px; line-height: 1.8; color: #bdcfdb; }
.yt-reports__media img { display: block; width: 100%; height: auto; }
.yt-reports__media a { display: block; }
.yt-reports__media a:focus-visible { outline: 2px solid var(--yt-gold); outline-offset: 6px; }
.yt-reports figcaption { margin-top: 14px; color: #bdcfdb; font-size: 13px; line-height: 1.8; text-align: center; }
@media (max-width: 1024px) {
.yt-reports { padding: 60px 5%; }
.yt-reports__inner { gap: 36px; }
}
@media (max-width: 767px) {
.yt-reports { padding: 45px 6%; }
.yt-reports__inner { grid-template-columns: minmax(0, 1fr); gap: 36px; }
.yt-reports .yt-reports__intro { font-size: var(--yt-intro-size); }
.yt-reports .yt-reports__item h3 { font-size: 20px; }
.yt-reports__item { gap: 12px; }
.yt-reports__stats { gap: 6px; }
.yt-reports__stats dd { font-size: 27px; }
.yt-reports__media { width: 100%; max-width: 440px; margin: 0 auto; }
}

/* 环境头部简介 */
.yt-natural { width: 100%; padding: 80px 5%; background: #fff; }
.yt-natural__inner { width: 100%; max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 50px; align-items: center; }
.yt-natural__media { margin: 0; min-width: 0; }
.yt-natural__media img { display: block; width: 400px; max-width: 100%; height: 500px; aspect-ratio: 3 / 5; object-fit: cover; border-radius: 0; margin: 0 auto; }
.yt-natural__content { min-width: 0; }
.yt-natural .yt-natural__title { margin: 0 0 26px; color: var(--yt-heading-color); }
.yt-natural .yt-natural__content p { margin: 0 0 24px; color: var(--yt-body-color); font-size: var(--yt-body-size); line-height: 1.8; }
.yt-natural .yt-natural__content strong { color: var(--yt-heading-color); font-weight: 700; }
.yt-natural .yt-natural__link { display: inline-block; margin-top: 2px; color: #00a844; font-size: 18px; font-weight: 700; line-height: 1.7; text-decoration: none; transition: color .2s ease; }
.yt-natural .yt-natural__link:hover { color: #007d33; text-decoration: underline; text-underline-offset: 4px; }
.yt-natural .yt-natural__link:focus-visible { outline: 2px solid #007d33; outline-offset: 5px; }
@media (max-width: 1024px) {
.yt-natural { padding: 60px 5%; }
.yt-natural__inner { gap: 32px; }
.yt-natural .yt-natural__content p { font-size: var(--yt-body-size); }
}
@media (max-width: 767px) {
.yt-natural { padding: 45px 6%; }
.yt-natural__inner { grid-template-columns: minmax(0, 1fr); gap: 30px; }
.yt-natural .yt-natural__title { margin-bottom: 18px; }
.yt-natural .yt-natural__content p { margin-bottom: 20px; font-size: var(--yt-body-size); }
.yt-natural .yt-natural__link { font-size: 16px; }
}
.yt-natural__media img { transition: transform 0.6s ease; }
@media (hover: hover) {
.yt-natural__media img:hover { transform: scale(1.04); }
}
@media (prefers-reduced-motion: reduce) {
.yt-natural__media img { transition: none; }
.yt-natural__media img:hover { transform: none; }
}

/* 环境尾部简介 */
.yt-industrial-support { width: 100%; padding: 90px 5% 95px; overflow: hidden; background: #fff; }
.yt-industrial-support__inner { width: 100%; max-width: 1100px; margin: 0 auto; text-align: center; }
.yt-industrial-support .yt-industrial-support__title { margin: 0 0 20px; color: var(--yt-heading-color); letter-spacing: 0.025em; }
.yt-industrial-support .yt-industrial-support__lead { margin: 0 0 20px; color: var(--yt-body-color); font-size: var(--yt-intro-size); line-height: 1.8; }
.yt-industrial-support__list { display: inline-block; max-width: 100%; margin: 0 auto 22px; padding-left: 24px; color: var(--yt-body-color); text-align: left; }
.yt-industrial-support .yt-industrial-support__list li { margin-bottom: 10px; padding-left: 2px; font-size: var(--yt-intro-size); line-height: 1.8; }
.yt-industrial-support__list li:last-child { margin-bottom: 0; }
.yt-industrial-support__list li::marker { color: #777; font-size: 0.7em; }
.yt-industrial-support .yt-industrial-support__footer { max-width: 800px; margin: 0 auto; color: var(--yt-body-color); font-size: var(--yt-intro-size); line-height: 1.8; }
.yt-industrial-support.is-animated .yt-industrial-support__reveal { opacity: 0; transform: translateY(45px); transition: opacity 0.8s ease,
        transform 0.8s cubic-bezier(.22, 1, .36, 1); }
.yt-industrial-support.is-animated .yt-industrial-support__reveal.is-visible { opacity: 1; transform: translateY(0); }
@media (max-width: 1024px) {
.yt-industrial-support { padding: 75px 6% 80px; }
.yt-industrial-support .yt-industrial-support__lead, .yt-industrial-support .yt-industrial-support__footer, .yt-industrial-support .yt-industrial-support__list li { font-size: var(--yt-intro-size); }
}
@media (max-width: 767px) {
.yt-industrial-support { padding: 55px 6% 60px; }
.yt-industrial-support .yt-industrial-support__title { margin-bottom: 18px; }
.yt-industrial-support .yt-industrial-support__lead { margin-bottom: 18px; }
.yt-industrial-support__list { display: block; width: fit-content; margin: 0 auto 20px; padding-left: 22px; }
.yt-industrial-support .yt-industrial-support__lead, .yt-industrial-support .yt-industrial-support__footer, .yt-industrial-support .yt-industrial-support__list li { font-size: var(--yt-intro-size); line-height: 1.8; }
}
@media (prefers-reduced-motion: reduce) {
.yt-industrial-support.is-animated .yt-industrial-support__reveal { opacity: 1; transform: none; transition: none; }
}

/* 环境除臭方案 */
.yt-air { --yt-green: #247452; --yt-ink: #252d29; --yt-muted: #626d66; width: 100%; padding: 80px 5%; background: #fff; color: var(--yt-ink); }
.yt-air__inner { width: 100%; max-width: 1200px; margin: 0 auto; }
.yt-air .yt-air__title { margin: 0 0 64px; text-align: center; color: var(--yt-ink); }
.yt-air__row { display: grid; grid-template-columns: minmax(0, 1fr) 340px; align-items: center; gap: 72px; }
.yt-air__row + .yt-air__row { margin-top: 80px; }
.yt-air__row--reverse { grid-template-columns: 340px minmax(0, 1fr); }
.yt-air__row--reverse .yt-air__visual { grid-column: 1; grid-row: 1; }
.yt-air__row--reverse .yt-air__copy { grid-column: 2; grid-row: 1; }
.yt-air .yt-air__eyebrow { display: block; margin: 0 0 10px; color: var(--yt-green); font-size: 15px; font-weight: 600; letter-spacing: 1px; }
.yt-air .yt-air__heading { margin: 0 0 18px; color: var(--yt-ink); font-size: clamp(23px, 2.2vw, 29px); font-weight: 700; line-height: 1.45; }
.yt-air .yt-air__copy p { margin: 0 0 18px; color: var(--yt-muted); font-size: var(--yt-body-size); line-height: 1.9; }
.yt-air .yt-air__list { margin: 0; padding: 0; list-style: none; }
.yt-air .yt-air__list li { position: relative; margin: 8px 0; padding-left: 25px; color: var(--yt-muted); font-size: 16px; line-height: 1.75; }
.yt-air__list li::before { content: "✓"; position: absolute; left: 0; color: var(--yt-green); font-weight: 700; }
.yt-air__tags { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.yt-air__tags span { padding: 7px 14px; border-radius: 4px; background: #edf4ef; color: var(--yt-green); font-size: 14px; line-height: 1.5; }
.yt-air__visual { width: 100%; max-width: 340px; aspect-ratio: 1; margin: 0; justify-self: center; overflow: hidden; border-radius: 50%; background: #edf4ef; }
.yt-air__visual > svg, .yt-air__visual > img { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 1024px) {
.yt-air__row { grid-template-columns: minmax(0, 1fr) 280px; gap: 40px; }
.yt-air__row--reverse { grid-template-columns: 280px minmax(0, 1fr); }
.yt-air__visual { max-width: 280px; }
}
@media (max-width: 767px) {
.yt-air { padding: 52px 6%; }
.yt-air .yt-air__title { margin-bottom: 40px; }
.yt-air__row, .yt-air__row--reverse { grid-template-columns: minmax(0, 1fr); gap: 26px; }
.yt-air__row + .yt-air__row { margin-top: 54px; }
.yt-air__row .yt-air__visual { grid-column: 1; grid-row: 1; max-width: 260px; }
.yt-air__row .yt-air__copy { grid-column: 1; grid-row: 2; }
.yt-air .yt-air__copy p { font-size: var(--yt-body-size); }
}

/* 首页定制流程 */
.yt-custom { width: 100%; padding: 90px 5%; background: #f5f4f0; color: var(--yt-heading-color); }
.yt-custom .yt-custom__inner { width: 100%; max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 80px; align-items: center; }
.yt-custom .yt-custom__title { margin: 0 0 24px; color: var(--yt-heading-color); }
.yt-custom .yt-custom__text { margin: 0; color: var(--yt-body-color); font-size: var(--yt-body-size); line-height: 1.9; }
.yt-custom .yt-custom__panel { min-width: 0; padding: 34px 36px; border: 1px solid #00a844; border-radius: 6px; }
.yt-custom .yt-custom__heading { margin: 0 0 22px; color: var(--yt-heading-color); font-size: 26px; font-weight: 700; line-height: 1.4; }
.yt-custom .yt-custom__steps { display: block; margin: 0; padding: 0 0 0 24px; list-style: decimal outside; }
.yt-custom .yt-custom__step { display: list-item; margin: 0 0 8px; padding: 0 0 0 4px; color: var(--yt-body-color); font-size: var(--yt-body-size); line-height: 1.7; }
.yt-custom .yt-custom__step:last-child { margin-bottom: 0; }
.yt-custom .yt-custom__step::marker { color: #00a844; }
.yt-custom .yt-custom__step::before { content: none; }
@media (max-width: 1024px) {
.yt-custom { padding: 65px 5%; }
.yt-custom .yt-custom__inner { gap: 40px; }
.yt-custom .yt-custom__panel { padding: 30px; }
}
@media (max-width: 767px) {
.yt-custom { padding: 45px 6%; }
.yt-custom .yt-custom__inner { grid-template-columns: minmax(0, 1fr); gap: 28px; }
.yt-custom .yt-custom__title { margin-bottom: 18px; }
.yt-custom .yt-custom__text, .yt-custom .yt-custom__step { font-size: var(--yt-body-size); }
.yt-custom .yt-custom__panel { padding: 26px; }
.yt-custom .yt-custom__heading { font-size: 24px; margin-bottom: 18px; }
}
.yt-custom .yt-custom__steps { list-style-type: disc; }
.yt-custom .yt-custom__step::marker { color: #000; font-size: 12px; }
.yt-custom { background: #064466; color: #fff; }
.yt-custom .yt-custom__title, .yt-custom .yt-custom__text, .yt-custom .yt-custom__heading, .yt-custom .yt-custom__step { color: #fff; }
.yt-custom .yt-custom__panel { border-color: #f0d65a; }
.yt-custom .yt-custom__step::marker { color: #f0d65a; }

/* 首页服务行业 */
.yt-industries { width: 100%; padding: 65px 5% 70px; background: #fff; }
.yt-industries__inner { width: 100%; max-width: 1280px; margin: 0 auto; }
.yt-industries .yt-industries__title { margin: 0 0 34px; color: var(--yt-heading-color); text-align: center; }
.yt-industries__grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 14px; }
.yt-industries__card { position: relative; isolation: isolate; display: grid; place-items: center; min-width: 0; aspect-ratio: 1.08/1; overflow: hidden; background: #40515a; margin: 0; padding: 20px; }
.yt-industries__card img { position: absolute; inset: 0; z-index: -2; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; transition: transform .65s cubic-bezier(.22,1,.36,1); }
.yt-industries__card::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(0,0,0,.48); pointer-events: none; }
.yt-industries .yt-industries__name { margin: 0; color: #fff; font-size: 20px; font-weight: 700; line-height: 1.5; text-align: center; text-shadow: 0 1px 5px rgba(0,0,0,.25); overflow-wrap: anywhere; }
@media(hover:hover) {
.yt-industries__card:hover img { transform: scale(1.07); }
}
@media(max-width:1024px) {
.yt-industries { padding: 55px 5%; }
.yt-industries__grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.yt-industries .yt-industries__name { font-size: 19px; }
}
@media(max-width:767px) {
.yt-industries { padding: 42px 6% 48px; }
.yt-industries__grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.yt-industries .yt-industries__title { margin-bottom: 25px; }
.yt-industries__card { padding: 12px; }
.yt-industries .yt-industries__name { font-size: 17px; }
}
@media(prefers-reduced-motion:reduce) {
.yt-industries__card img { transition: none; }
.yt-industries__card:hover img { transform: none; }
}

/* 首页气味管理 */
.yt-business { width: 100%; padding: 0 0 80px; background: #fff; }
.yt-business__inner { width: 88%; max-width: 1000px; margin: 0 auto; }
.yt-business__banner { width: 100%; margin: 0; background: #e9ede7; overflow: hidden; }
.yt-business__banner img { display: block; width: 100%; height: clamp(220px,24vw,420px); object-fit: cover; object-position: center; }
.yt-business__header { position: relative; max-width: 760px; margin: -50px 0 48px; padding: 32px 34px 0; background: #fff; }
.yt-business .yt-business__title { margin: 0 0 22px; color: var(--yt-heading-color); }
.yt-business .yt-business__intro { margin: 0; color: var(--yt-body-color); font-size: var(--yt-intro-size); line-height: 1.9; }
.yt-business__statement { position: relative; margin: 0 0 50px; padding: 28px 30px; background: #f6f7f4; }
.yt-business .yt-business__statement p { position: relative; margin: 0; color: var(--yt-heading-color); font-size: 21px; line-height: 1.8; }
.yt-business .yt-business__heading { margin: 0 0 32px; color: var(--yt-heading-color); font-size: 26px; line-height: 1.5; font-weight: 600; }
.yt-business__list { display: grid; gap: 44px; }
.yt-business__row { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 38px; align-items: center; }
.yt-business__media { margin: 0; min-width: 0; overflow: hidden; background: #f4f3ef; }
.yt-business__media img { display: block; width: 100%; max-width: 100%; height: auto; aspect-ratio: 16/10; object-fit: cover; border-radius: 0; transition: transform .6s ease; }
.yt-business__content { min-width: 0; }
.yt-business__row:nth-child(even) .yt-business__media { grid-column: 2; grid-row: 1; }
.yt-business__row:nth-child(even) .yt-business__content { grid-column: 1; grid-row: 1; }
.yt-business .yt-business__name { margin: 0 0 14px; color: var(--yt-heading-color); font-size: 24px; font-weight: 700; line-height: 1.5; }
.yt-business .yt-business__text { margin: 0 0 14px; color: var(--yt-body-color); font-size: var(--yt-body-size); line-height: 1.85; }
.yt-business .yt-business__applications { margin: 0; color: #666; font-size: 14px; line-height: 1.8; }
.yt-business .yt-business__applications strong { color: #008d3a; font-weight: 600; }
@media(hover:hover) {
.yt-business__media:hover img { transform: scale(1.035); }
}
@media(max-width:1024px) {
.yt-business { padding: 0 0 60px; }
.yt-business__row { gap: 28px; }
.yt-business .yt-business__name { font-size: 22px; }
}
@media(max-width:767px) {
.yt-business { padding: 0 0 50px; }
.yt-business__banner img { height: 220px; }
.yt-business__header { margin: -28px 0 28px; padding: 24px 20px 0; }
.yt-business .yt-business__title { margin-bottom: 18px; }
.yt-business .yt-business__intro { font-size: var(--yt-intro-size); }
.yt-business__statement { padding: 22px; margin-bottom: 32px; }
.yt-business .yt-business__statement p { font-size: var(--yt-body-size); }
.yt-business .yt-business__heading { font-size: 23px; margin-bottom: 25px; }
.yt-business__list { gap: 36px; }
.yt-business__row { grid-template-columns: minmax(0,1fr); gap: 20px; }
.yt-business__row:nth-child(even) .yt-business__media,.yt-business__row:nth-child(even) .yt-business__content { grid-column: auto; grid-row: auto; }
.yt-business .yt-business__name { font-size: 22px; margin-bottom: 12px; }
.yt-business .yt-business__text { font-size: var(--yt-body-size); }
}
@media(prefers-reduced-motion:reduce) {
.yt-business__media img { transition: none; }
.yt-business__media:hover img { transform: none; }
}