#yunshen-site { color: #f5efdd; width: 100%; position: relative; } #yunshen-site .ys-site { --ys-gold: #dfc185; --ys-cream: #f5efdd; --ys-muted: #c3cbbf; --ys-green: #08281e; font: 14px/1.6 Arial, sans-serif; color: var(--ys-cream); background: var(--ys-green); min-height: 790px; } #yunshen-site .ys-site *, #yunshen-site .ys-site *::before, #yunshen-site .ys-site *::after { box-sizing: border-box; } #yunshen-site .ys-site [hidden] { display: none !important; } #yunshen-site .ys-site button { font: inherit; } #yunshen-site .ys-header { display: flex; align-items: center; gap: 20px; padding: 23px 34px; min-height: 85px; border-bottom: 1px solid #9b95613d; background: #09291f; } #yunshen-site .ys-brand { padding: 0; border: 0; background: transparent; color: var(--ys-gold); text-align: left; flex: 1; } #yunshen-site .ys-brand strong { display: block; font: 25px/1.1 Georgia, serif; letter-spacing: 4px; } #yunshen-site .ys-brand small { display: block; font-size: 8px; letter-spacing: 3px; margin-top: 8px; } #yunshen-site .ys-nav { display: flex; gap: 18px; align-items: center; } #yunshen-site .ys-nav a { border: 0; background: transparent; color: var(--ys-cream); padding: 8px 0; font-size: 12px; } #yunshen-site .ys-nav .ys-shop-nav { border: 1px solid #dfc18599; padding: 8px 14px; color: var(--ys-gold); border-radius: 3px; } #yunshen-site .ys-nav a[aria-current="page"] { color: #f7d591; } #yunshen-site .ys-main { animation: none; } #yunshen-site .ys-hero { position: relative; isolation: isolate; padding: 40px 40px 36px; min-height: 770px; overflow: hidden; background-color: #0a2b20; background-position: 62% 46%; background-size: cover; } #yunshen-site .ys-hero::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,#061f18f5 0%,#08261de8 39%,#08261d45 80%), linear-gradient(0deg,#08281e 0%,#08281e00 40%); } #yunshen-site .ys-hero-copy { position: relative; z-index: 1; max-width: 59%; } #yunshen-site .ys-eyebrow { color: var(--ys-gold); font-size: 10px; letter-spacing: 2.8px; display: block; margin-bottom: 12px; } #yunshen-site .ys-hero h1 { font: 62px/1.02 Georgia, serif; letter-spacing: -1.6px; margin: 0 0 20px; color: #fcf8eb; } #yunshen-site .ys-hero h1 em { display: block; color: var(--ys-gold); font-weight: 400; } #yunshen-site .ys-hero p { font-size: 15px; line-height: 1.65; max-width: 450px; margin: 0 0 12px; color: #e3e7d9; } #yunshen-site .ys-hero .ys-secondary-copy { color: #c1cec1; font-size: 13px; } #yunshen-site .ys-ink { position: absolute; width: 33%; height: 380px; object-fit: contain; right: 5%; top: 42px; filter: url(#yunshen-preview-ink-key); transform: rotate(-3deg); } #yunshen-site .ys-ink-caption { position: absolute; right: 9%; top: 433px; text-align: center; color: var(--ys-gold); } #yunshen-site .ys-ink-caption strong { display: block; font: 28px Georgia, serif; letter-spacing: 8px; } #yunshen-site .ys-ink-caption small { font-size: 9px; letter-spacing: 3px; } #yunshen-site .ys-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 22px; } #yunshen-site .ys-action { border: 1px solid var(--ys-gold); border-radius: 3px; padding: 12px 17px; color: #09271d; background: var(--ys-gold); font-weight: 600 !important; } #yunshen-site .ys-action.ys-secondary { background: #092a22d9; color: var(--ys-gold); } #yunshen-site .ys-actions .ys-action { font-size: 12px; } #yunshen-site .ys-hero-fee { margin-top: 21px; font-size: 13px; color: #e7d6a4; } #yunshen-site .ys-hero-fee strong { font-size: 21px; font-weight: 500; color: var(--ys-gold); margin-right: 7px; } #yunshen-site .ys-hero .ys-contact-note { font-size: 11px; margin: 10px 0 0; color: #d2dbcb; } #yunshen-site .ys-hero-fee + .ys-actions { margin-top: 12px; } #yunshen-site .ys-link { border: 0; padding: 8px 0; background: transparent; color: var(--ys-gold); text-align: left; } #yunshen-site .ys-promo { --ys-thumb-width: var(--ys-desktop-thumb-width,200px); position: relative; z-index: 2; display: flex; align-items: center; gap: 22px; width: min(630px,100%); margin-top: 27px; padding: 19px 22px; border: 1px solid #e4c887; border-radius: 5px; background: #efe5c7; color: #163a2d; text-align: left; box-shadow: 0 8px 32px #011b17a6; } #yunshen-site .ys-promo-copy { flex: 1; min-width: 0; } #yunshen-site .ys-promo-kicker { display: block; color: #54704d; letter-spacing: 2px; font-size: 9px; margin-bottom: 5px; } #yunshen-site .ys-promo-title { display: block; font: 23px/1.12 Georgia,serif; color: #123e2d; max-width: 310px; } #yunshen-site .ys-promo-note { display: block; margin-top: 7px; font-size: 11px; color: #4c654f; } #yunshen-site .ys-promo-cta { display: block; font-size: 12px; font-weight: 600; margin-top: 10px; color: #1b4b34; } #yunshen-site .ys-promo-photos { display: flex; flex: 0 0 var(--ys-thumb-width); gap: 5px; transform: rotate(-2deg); } #yunshen-site .ys-photo { display: block; position: relative; overflow: hidden; background: #b3b59a; } #yunshen-site .ys-photo img { position: absolute; max-width: none; width: 100%; height: auto; left: 0; } #yunshen-site .ys-promo-photos .ys-photo { width: 33.333%; height: 84px; border-radius: 3px; box-shadow: 0 2px 5px #22331f40; } #yunshen-site .ys-promo-photos .ys-photo:nth-child(2) { transform: translateY(-6px); } #yunshen-site .ys-rituals { display: flex; gap: 25px; color: #dcdabe; margin-top: 22px; font-size: 11px; } #yunshen-site .ys-rituals span + span { border-left: 1px solid #d1b57670; padding-left: 22px; } #yunshen-site .ys-simple-shop { display: none; } #yunshen-site .ys-hero .ys-compact-note { color: #d3dccc; font-size: 12px; margin: 15px 0 0; } #yunshen-site .ys-site[data-style="compact"] .ys-home-promo { display: none; } #yunshen-site .ys-site[data-style="compact"] .ys-simple-shop { display: inline-block; } #yunshen-site .ys-site[data-style="compact"] .ys-hero-copy { max-width: 59%; } #yunshen-site .ys-compact-preview { display: none; position: absolute; right: 9%; top: 490px; gap: 5px; width: 230px; } #yunshen-site .ys-site[data-style="compact"] .ys-compact-preview { display: flex; } #yunshen-site .ys-compact-preview .ys-photo { width: 33.333%; height: 74px; border-radius: 3px; } #yunshen-site .ys-home-service { padding: 32px 40px 36px; display: flex; justify-content: space-between; align-items: center; gap: 24px; border-top: 1px solid #d2bb7b25; } #yunshen-site .ys-home-service h2 { font: 24px/1.2 Georgia,serif; margin: 0 0 8px; } #yunshen-site .ys-home-service p { font-size: 12px; color: var(--ys-muted); margin: 0; } #yunshen-site .ys-home-service .ys-link { white-space: nowrap; font-size: 12px; } #yunshen-site .ys-home-service .ys-service-action { flex: 0 0 auto; min-width: 240px; min-height: 58px; padding: 16px 24px; border-radius: 6px; font-size: 16px; text-align: center; } #yunshen-site .ys-service-price { margin: 17px 0 13px; } #yunshen-site .ys-service-price strong { display: block; color: var(--ys-gold); font: 29px/1.15 Georgia,serif; } #yunshen-site .ys-service-price span { display: block; font-size: 11px; color: #d1d8c9; margin-top: 6px; } #yunshen-site .ys-quality { display: grid; grid-template-columns: minmax(0,1fr) 230px; gap: 38px; align-items: center; background: #12362a; padding: 40px; border-top: 1px solid #d7b9763d; } #yunshen-site .ys-quality h2 { font: 33px/1.15 Georgia,serif; margin: 0 0 16px; color: var(--ys-gold); } #yunshen-site .ys-quality p { font-size: 13px; color: #d8dfd0; margin: 0 0 15px; max-width: 600px; } #yunshen-site .ys-quality-points { display: flex; flex-wrap: wrap; gap: 9px 20px; font-size: 11px; color: #ead6a2; } #yunshen-site .ys-quality .ys-photo { width: 100%; aspect-ratio: 1.1; border: 1px solid #d7b9764d; } #yunshen-site .ys-body { padding: 30px 40px 38px; } #yunshen-site .ys-back { font-size: 12px; margin-bottom: 27px; display: inline-block; } #yunshen-site .ys-collection-heading { display: flex; justify-content: space-between; gap: 16px; align-items: flex-end; margin-bottom: 27px; } #yunshen-site .ys-collection-heading h1 { font: 44px/1.07 Georgia,serif; margin: 0 0 14px; } #yunshen-site .ys-collection-heading h1 em { color: var(--ys-gold); font-weight: 400; } #yunshen-site .ys-collection-heading p { margin: 0; color: var(--ys-muted); font-size: 13px; max-width: 560px; } #yunshen-site .ys-count { white-space: nowrap; font-size: 12px; color: var(--ys-gold); padding-bottom: 3px; } #yunshen-site .ys-products { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 26px 22px; } #yunshen-site .ys-product { position: relative; border: 1px solid #a18f594b; background: #103529; display: flex; flex-direction: column; min-width: 0; } #yunshen-site .ys-product .ys-card-open { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; border: 0; padding: 0; background: transparent; color: inherit; } #yunshen-site .ys-product .ys-product-photo { width: 100%; aspect-ratio: 1.45; border-bottom: 1px solid #a18f594b; } #yunshen-site .ys-product-text { padding: 16px 16px 18px; flex: 1; display: flex; flex-direction: column; } #yunshen-site .ys-product h2 { font: 21px/1.2 Georgia,serif; color: var(--ys-cream); margin: 0 0 8px; } #yunshen-site .ys-product p { font-size: 12px; color: var(--ys-muted); margin: 0 0 12px; } #yunshen-site .ys-product-meta { font-size: 9px; letter-spacing: .4px; color: #d3bc86; margin-bottom: 14px; } #yunshen-site .ys-product-price { margin-bottom: 15px; } #yunshen-site .ys-product-price strong { display: block; font: 26px/1.1 Georgia,serif; color: #f0d295; } #yunshen-site .ys-product-price span { display: block; font-size: 11px; color: #d2dcca; margin-top: 6px; } #yunshen-site .ys-detail .ys-product-price { margin: 0 0 24px; } #yunshen-site .ys-detail .ys-product-price strong { font-size: 35px; } #yunshen-site .ys-product .ys-link { border-top: 1px solid #e5d5a33d; width: 100%; margin-top: auto; padding-top: 12px; display: flex; justify-content: space-between; font-size: 12px; } #yunshen-site .ys-consult-layout { display: grid; grid-template-columns: 235px minmax(0,1fr); gap: 29px; align-items: start; } #yunshen-site .ys-consult-visual { margin-top: 42px; background-size: cover; background-position: center; min-height: 233px; position: relative; display: flex; align-items: flex-end; padding: 20px; border: 1px solid #998c584a; } #yunshen-site .ys-consult-visual span { font-size: 10px; letter-spacing: 2px; color: var(--ys-gold); } #yunshen-site .ys-consult-visual em { font: italic 23px/1.12 Georgia,serif; display: block; margin-top: 10px; letter-spacing: 0; } #yunshen-site .ys-consult-copy h1 { font: 31px/1.12 Georgia,serif; margin: 0 0 13px; } #yunshen-site .ys-consult-copy .ys-subtitle { display: block; font: italic 20px/1.35 Georgia,serif; color: var(--ys-gold); margin-bottom: 18px; } #yunshen-site .ys-consult-copy p { font-size: 12px; line-height: 1.75; color: #d2dbcd; margin: 0 0 13px; } #yunshen-site .ys-consult-copy .ys-tagline { font-size: 15px; color: #e6d7ac; } #yunshen-site .ys-consult-promo { margin: 20px 0 19px; width: 100%; gap: 12px; padding: 15px; --ys-thumb-width: 140px; box-shadow: none; } #yunshen-site .ys-consult-promo .ys-promo-title { font-size: 21px; } #yunshen-site .ys-consult-promo .ys-promo-photos .ys-photo { height: 66px; } #yunshen-site .ys-points { display: flex; flex-wrap: wrap; gap: 8px 16px; color: var(--ys-gold); font-size: 10px; margin: 19px 0; } #yunshen-site .ys-note { font-size: 10px; color: #b8c3b3; display: block; margin-top: 12px; } #yunshen-site .ys-preview-message { font-size: 12px; color: #e9d6a5; margin-top: 12px; } #yunshen-site .ys-detail-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; margin-top: 12px; } #yunshen-site .ys-detail-photo { width: 100%; aspect-ratio: 1.12; border: 1px solid #a997624d; } #yunshen-site .ys-detail h1 { font: 38px/1.1 Georgia,serif; margin: 0 0 18px; } #yunshen-site .ys-detail p { color: var(--ys-muted); margin: 0 0 25px; } #yunshen-site .ys-detail h2 { font: 21px Georgia,serif; margin: 0 0 9px; color: var(--ys-gold); } #yunshen-site .ys-detail .ys-product-meta { font-size: 11px; } #yunshen-site .ys-footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 21px 34px; background: #062219; color: #c3c8b1; font-size: 9px; border-top: 1px solid #d2b57322; } #yunshen-site .ys-footer strong { font-weight: 400; letter-spacing: 2px; color: #e3d4a7; } #yunshen-site .ys-stage { min-height: 790px; } @media (hover: hover) { #yunshen-site .ys-promo:hover { background: #f8edcd; } #yunshen-site .ys-shop-nav:hover, #yunshen-site .ys-secondary:hover { background: #315340; } #yunshen-site .ys-product:hover { border-color: #d6b97d; } } @media (max-width: 760px) { #yunshen-site .ys-header { padding: 21px 24px; gap: 12px; } #yunshen-site .ys-brand strong { font-size: 21px; letter-spacing: 3px; } #yunshen-site .ys-nav { gap: 15px; } #yunshen-site .ys-nav a { font-size: 11px; } #yunshen-site .ys-hero { padding: 36px 26px 30px; } #yunshen-site .ys-hero h1 { font-size: 51px; } #yunshen-site .ys-hero-copy, #yunshen-site .ys-site[data-style="compact"] .ys-hero-copy { max-width: 64%; } #yunshen-site .ys-ink { width: 29%; right: 2%; top: 62px; height: 295px; } #yunshen-site .ys-ink-caption { right: 5%; top: 364px; } #yunshen-site .ys-ink-caption strong { font-size: 22px; letter-spacing: 5px; } #yunshen-site .ys-ink-caption small { font-size: 8px; letter-spacing: 1px; } #yunshen-site .ys-compact-preview { right: 4%; top: 438px; width: 190px; } #yunshen-site .ys-promo { --ys-thumb-width: 155px; } #yunshen-site .ys-promo-title { font-size: 22px; } #yunshen-site .ys-promo-photos .ys-photo { height: 72px; } #yunshen-site .ys-body, #yunshen-site .ys-home-service { padding-left: 26px; padding-right: 26px; } #yunshen-site .ys-quality { padding: 32px 26px; gap: 25px; grid-template-columns: minmax(0,1fr) 175px; } #yunshen-site .ys-products { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 16px; } #yunshen-site .ys-consult-layout { grid-template-columns: 170px minmax(0,1fr); gap: 20px; } #yunshen-site .ys-consult-visual { min-height: 210px; padding: 15px; } #yunshen-site .ys-consult-promo { --ys-thumb-width: 110px; padding: 13px; } #yunshen-site .ys-consult-promo .ys-promo-title { font-size: 19px; } #yunshen-site .ys-consult-promo .ys-promo-photos .ys-photo { height: 59px; } #yunshen-site .ys-detail-layout { gap: 22px; } #yunshen-site .ys-detail h1 { font-size: 31px; } } @media (max-width: 540px) { #yunshen-site .ys-site, #yunshen-site .ys-stage { min-height: 820px; } #yunshen-site .ys-header { flex-wrap: wrap; padding: 17px 20px 13px; gap: 15px 14px; } #yunshen-site .ys-brand { flex: 1 0 100%; } #yunshen-site .ys-brand strong { font-size: 24px; } #yunshen-site .ys-nav { justify-content: space-between; width: 100%; gap: 14px; } #yunshen-site .ys-nav a { font-size: 12px; min-height: 44px; } #yunshen-site .ys-nav .ys-shop-nav { padding: 8px 15px; } #yunshen-site .ys-hero, #yunshen-site .ys-site[data-style="compact"] .ys-hero { padding: 29px 20px 25px; min-height: 740px; background-position: 66% center; } #yunshen-site .ys-hero::before { background: linear-gradient(90deg,#061f18e5,#08261d90), linear-gradient(0deg,#08281e 0%,#08281e00 70%); } #yunshen-site .ys-hero-copy, #yunshen-site .ys-site[data-style="compact"] .ys-hero-copy { max-width: 100%; } #yunshen-site .ys-hero h1 { font-size: 46px; line-height: 1.03; letter-spacing: -1px; } #yunshen-site .ys-eyebrow { font-size: 9px; letter-spacing: 2px; } #yunshen-site .ys-hero p { font-size: 13px; max-width: 290px; } #yunshen-site .ys-hero .ys-secondary-copy { font-size: 12px; } #yunshen-site .ys-ink { width: 155px; top: 125px; right: -18px; height: 245px; opacity: .3; z-index: -1; } #yunshen-site .ys-ink-caption { display: none; } #yunshen-site .ys-actions { gap: 10px; margin-top: 20px; } #yunshen-site .ys-action { padding: 12px 15px; min-height: 44px; } #yunshen-site .ys-promo { --ys-thumb-width: 102px; gap: 11px; padding: 15px 12px; margin-top: 25px; border-radius: 4px; } #yunshen-site .ys-promo-title { font-size: 21px; } #yunshen-site .ys-promo-note { font-size: 10px; } #yunshen-site .ys-promo-kicker { font-size: 8px; letter-spacing: 1.4px; } #yunshen-site .ys-promo-cta { font-size: 11px; } #yunshen-site .ys-promo-photos { gap: 3px; } #yunshen-site .ys-promo-photos .ys-photo { height: 60px; } #yunshen-site .ys-rituals { gap: 12px; font-size: 9px; margin-top: 20px; } #yunshen-site .ys-rituals span + span { padding-left: 12px; } #yunshen-site .ys-compact-preview { position: relative; top: auto; right: auto; width: 100%; margin-top: 27px; gap: 7px; } #yunshen-site .ys-compact-preview .ys-photo { height: 98px; } #yunshen-site .ys-home-service { padding: 23px 20px; display: block; } #yunshen-site .ys-home-service h2 { font-size: 23px; } #yunshen-site .ys-home-service .ys-link { margin-top: 12px; } #yunshen-site .ys-home-service .ys-service-action { width: 100%; min-width: 0; margin-top: 22px; min-height: 58px; padding: 16px 18px; } #yunshen-site .ys-hero-fee { font-size: 11px; } #yunshen-site .ys-hero-fee strong { font-size: 23px; } #yunshen-site .ys-quality { display: block; padding: 30px 20px; } #yunshen-site .ys-quality h2 { font-size: 29px; } #yunshen-site .ys-quality .ys-photo { margin-top: 22px; aspect-ratio: 1.75; } #yunshen-site .ys-body { padding: 25px 20px 30px; } #yunshen-site .ys-back { min-height: 44px; margin-bottom: 15px; } #yunshen-site .ys-collection-heading { flex-wrap: wrap; align-items: flex-start; gap: 15px; } #yunshen-site .ys-collection-heading h1 { font-size: 36px; } #yunshen-site .ys-collection-heading p { font-size: 12px; } #yunshen-site .ys-products { grid-template-columns: minmax(0,1fr); gap: 22px; } #yunshen-site .ys-product h2 { font-size: 24px; } #yunshen-site .ys-product .ys-link { min-height: 44px; } #yunshen-site .ys-consult-layout { display: block; } #yunshen-site .ys-consult-visual { display: none; } #yunshen-site .ys-consult-copy h1 { font-size: 28px; } #yunshen-site .ys-consult-copy .ys-subtitle { font-size: 19px; } #yunshen-site .ys-consult-copy p { font-size: 13px; } #yunshen-site .ys-consult-promo { --ys-thumb-width: 102px; } #yunshen-site .ys-consult-promo .ys-promo-title { font-size: 20px; } #yunshen-site .ys-points { font-size: 10px; } #yunshen-site .ys-detail-layout { display: block; } #yunshen-site .ys-detail-photo { margin-bottom: 26px; } #yunshen-site .ys-gallery { margin-bottom: 26px; } #yunshen-site .ys-detail h1 { font-size: 33px; } #yunshen-site .ys-footer { display: block; padding: 19px 20px; line-height: 1.9; } #yunshen-site .ys-footer span { display: block; } } @media (max-width: 350px) { #yunshen-site .ys-hero h1 { font-size: 41px; } #yunshen-site .ys-promo { --ys-thumb-width: 83px; gap: 9px; padding: 13px 10px; } #yunshen-site .ys-promo-title { font-size: 19px; } #yunshen-site .ys-nav { gap: 8px; } #yunshen-site .ys-nav a { font-size: 11px; } #yunshen-site .ys-consult-promo .ys-promo-photos .ys-photo { height: 55px; } } #yunshen-site .ys-brand small { font-size: 11px; letter-spacing: 2px; } #yunshen-site .ys-nav a, #yunshen-site .ys-actions .ys-action, #yunshen-site .ys-link { font-size: 14px; } #yunshen-site .ys-service-label { display: block; color: var(--ys-gold); font-size: 12px; letter-spacing: 1.5px; margin: 17px 0 7px; } #yunshen-site .ys-hero .ys-service-intro { color: #f1ecdb; font-size: 16px; } #yunshen-site .ys-hero-fee { font-size: 14px; margin-top: 18px; } #yunshen-site .ys-hero-fee strong { font-size: 25px; } #yunshen-site .ys-fee-scope { display: block; font-size: 13px; color: #e0e7d9; margin-top: 5px; } #yunshen-site .ys-hero .ys-contact-note, #yunshen-site .ys-note { font-size: 13px; line-height: 1.6; color: #d2dbcb; } #yunshen-site .ys-eyebrow, #yunshen-site .ys-promo-kicker { font-size: 11px; } #yunshen-site .ys-promo-note, #yunshen-site .ys-promo-cta { font-size: 13px; } #yunshen-site .ys-rituals { font-size: 12px; flex-wrap: wrap; } #yunshen-site .ys-home-service p, #yunshen-site .ys-service-price span { font-size: 14px; } #yunshen-site .ys-quality p, #yunshen-site .ys-consult-copy p, #yunshen-site .ys-collection-heading p { font-size: 15px; } #yunshen-site .ys-quality-points, #yunshen-site .ys-points { font-size: 13px; } #yunshen-site .ys-consult-copy .ys-subtitle { margin-bottom: 13px; } #yunshen-site .ys-consult-promo { margin-top: 29px; } #yunshen-site .ys-contact-block { margin: 18px 0 23px; } #yunshen-site .ys-product p { font-size: 14px; line-height: 1.6; } #yunshen-site .ys-product-meta, #yunshen-site .ys-detail .ys-product-meta { font-size: 12px; letter-spacing: 0; } #yunshen-site .ys-product-price span { font-size: 13px; } #yunshen-site .ys-product-focus { color: #edd49e; font-size: 12px; line-height: 1.45; margin-bottom: 9px; } #yunshen-site .ys-pack-description { margin: 0 0 23px; padding: 15px 17px; background: #183d30; border-left: 2px solid #d7b976; } #yunshen-site .ys-pack-description p { margin: 0; font-size: 14px; } #yunshen-site .ys-pack-description h2 { font-size: 19px; } #yunshen-site .ys-traditional-use { margin-top: 31px; border-top: 1px solid #dfc18540; padding-top: 29px; } #yunshen-site .ys-traditional-use p { font-size: 15px; max-width: 770px; } #yunshen-site .ys-traditional-use h2 { font: 27px/1.2 Georgia,serif; } #yunshen-site .ys-original-card { display: block; width: 100%; max-width: 700px; height: auto; margin: 19px auto 0; border: 1px solid #c1ac7399; } #yunshen-site .ys-gallery { min-width: 0; } #yunshen-site .ys-gallery-main { display: block; width: 100%; height: auto; border: 1px solid #a997624d; background: #efe5c7; } #yunshen-site .ys-gallery-count { font-size: 12px; color: var(--ys-gold); margin: 12px 0 14px; } #yunshen-site .ys-gallery-thumbs { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; } #yunshen-site .ys-gallery-thumb { min-width: 0; padding: 4px; border: 1px solid #a997625c; border-radius: 3px; color: #d8dfd0; background: #153a2e; } #yunshen-site .ys-gallery-thumb[aria-pressed="true"] { border-color: var(--ys-gold); background: #2c4f3b; } #yunshen-site .ys-gallery-thumb img { display: block; width: 100%; height: 59px; object-fit: cover; } #yunshen-site .ys-gallery-thumb[data-image-kind="information"] img { object-fit: contain; background: #efe5c7; } #yunshen-site .ys-gallery-thumb small { display: block; font-size: 11px; padding-top: 4px; } #yunshen-site .ys-source-card h2 { margin-top: 29px; } #yunshen-site .ys-source-card { margin-top: 23px; } #yunshen-site .ys-source-card summary { color: var(--ys-gold); padding: 12px 0; font-size: 14px; } #yunshen-site .ys-footer { font-size: 11px; } @media (max-width: 760px) { #yunshen-site .ys-consult-layout { grid-template-columns: minmax(0,1fr); } #yunshen-site .ys-consult-visual { display: none; } #yunshen-site .ys-hero-copy, #yunshen-site .ys-site[data-style="compact"] .ys-hero-copy { max-width: 66%; } } @media (max-width: 540px) { #yunshen-site .ys-hero h1 { font-size: 41px; } #yunshen-site .ys-hero-copy, #yunshen-site .ys-site[data-style="compact"] .ys-hero-copy { max-width: 100%; } #yunshen-site .ys-hero p, #yunshen-site .ys-hero .ys-service-intro { font-size: 14px; max-width: none; } #yunshen-site .ys-hero .ys-contact-note { font-size: 13px; } #yunshen-site .ys-header { gap: 10px; } #yunshen-site .ys-nav a { font-size: 13px; } #yunshen-site .ys-promo { flex-wrap: wrap; padding: 17px 15px; gap: 16px; } #yunshen-site .ys-promo-copy { flex: 1 0 100%; } #yunshen-site .ys-promo-note, #yunshen-site .ys-promo-cta { font-size: 13px; } #yunshen-site .ys-promo-photos { flex: 0 0 100%; gap: 8px; transform: none; } #yunshen-site .ys-promo-photos .ys-photo, #yunshen-site .ys-consult-promo .ys-promo-photos .ys-photo { height: 74px; } #yunshen-site .ys-rituals { gap: 8px 13px; font-size: 11px; } #yunshen-site .ys-rituals span + span { padding-left: 0; border-left: 0; } #yunshen-site .ys-consult-copy h1 { font-size: 27px; } #yunshen-site .ys-consult-copy p { font-size: 14px; } #yunshen-site .ys-service-price span, #yunshen-site .ys-home-service p, #yunshen-site .ys-collection-heading p { font-size: 14px; } #yunshen-site .ys-home-service .ys-link { min-height: 44px; } #yunshen-site .ys-product h2 { font-size: 23px; } #yunshen-site .ys-product-photo { aspect-ratio: 1.6; } #yunshen-site .ys-source-card summary { min-height: 44px; } } @media (max-width: 350px) { #yunshen-site .ys-hero h1 { font-size: 36px; } #yunshen-site .ys-nav { gap: 8px; } #yunshen-site .ys-nav a { font-size: 12px; } #yunshen-site .ys-detail h1 { font-size: 29px; } } html{scroll-behavior:auto}body{margin:0;background:#08281e}#yunshen-site .ys-site a{text-decoration:none}#yunshen-site .ys-action{display:inline-flex;align-items:center;justify-content:center}#yunshen-site .ys-card-open{display:block;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px)}#yunshen-site .ys-gallery-main{position:relative;overflow:hidden}#yunshen-site .ys-gallery-main img{position:absolute;max-width:none;height:auto}#yunshen-site .ys-gallery-main .ys-photo{background:transparent}#yunshen-site .ys-detail .ys-gallery-main img{border:0} #yunshen-site .ys-ink-filter{position:absolute}#yunshen-site .ys-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%)}