/* antiaging_07_01.css → zh-CN (sys.php 변환본) */ /* ============================================================================ antiaging_07_01 — 영문판 전용 조판 보정 (2026-09-22) · 생성: gen.py render.php 가 이 파일을 맨 마지막에 싣는다(공통 → fontfix → 쪽 인라인 → intl → img → 여기). 선택자는 전부 html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] 아래라, 같은 조각(data-tc)을 쓰는 다른 영문 쪽에는 영향이 없다. 왜 필요한가 — 한국어/영문 1920px 실측 대조 · 한국어는 js/site.js 가 글꼴을 갈아 끼우지만 번역 페이지에서는 돌지 않고, css/fontfix/antiaging_07_01.css 가 !important 로 박아 둔 한글 글꼴(NanumBG·scd1·gmsb)만 남는다. · 크기도 조각별 실측이라 같은 등급 제목이 조각마다 다르고, 거기에 fit.js 가 넘치는 것만 골라 줄여 한 쪽 안에서 12px~24px 로 갈렸다. 고치는 법 — 등급별 공통 변수로 크기를 한 벌로 정하고, fit.js 의 크기 조정은 `--tgi-fs:on` 로 잠근다 (넓히기·자리 옮기기·줄바꿈은 그대로 돈다). ========================================================================== */ /* ── 0. 이 파일이 하는 일 ───────────────────────────────────────────── "어느 요소가 어느 등급인가" 만 잇는다. 크기·굵기·행간·자간은 한 줄도 여기서 정하지 않고 전부 _i18n/en-system.css 의 공통 변수를 가리킨다 → 같은 등급이면 어느 쪽·어느 구역이든 computed style 이 완전히 같다. 쪽별 px·소수점 크기는 이 파일에 쓰지 않는다. 예외는 '장식'뿐이다(아래 1절). 장식 영문·숫자·로고형 문구는 한국어 원본 디자인의 일부라 일반 제목 등급으로 통일하면 디자인이 바뀐다 — 원본 크기를 정수 px 로 지킨다. */ html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"]{--tgi-fs:on} /* 글자 크기·자간·행간은 CSS 가 정한다 — fit.js 의 JS 강제 변경을 이 쪽에서 끈다 */ /* ── 1. 글꼴 ───────────────────────────────────────────────────────── 제목·본문은 --en-sans 한 벌. 장식·브랜드 글꼴만 원래 글꼴을 지킨다. */ /* SVG `` 는 뺀다 — `` 로 그린 로고(FDA 워드마크 등)를 갈아엎는다 */ html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] .tg-fr *:not(text){font-family:var(--en-sans)!important;-webkit-text-stroke:0!important} /* 장식 글꼴은 폭과 무관하게, **크기는 PC 에서만** 고정한다 — 폰에서는 조각 자체의 clamp() 가 정본이라 PC 크기를 그대로 두면 장식이 화면을 덮는다 (한국어 css/fontfix/*.css 도 같은 이유로 @media (min-width:1025px) 안에만 둔다). 히어로 조각(260829ut5vl)은 `--k:min(1cqw,19.2px)` — 1px 이 아니다. 실측 px 에 --k 를 곱하면 19.2 배가 되어(112→2150px · 42→806px) 히어로가 글자 하나로 뒤덮인다. 그래서 이 조각의 장식 **크기** 규칙은 두지 않는다 — 조각 자신의 --fs-script/--fs-logo 가 이미 자리를 잡는다 (영문 119.0/46.2px · 한국어 112/42.3px). 글꼴 규칙만 남긴다. */ html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829ut5vl"],.tg-fr [data-tc="260829ut5vl"]) .hero__script > span{font-family:"Italiana",Georgia,"Times New Roman",serif!important;font-weight:400!important;--tgi-fit:on} html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817s3xpe"],.tg-fr [data-tc="260817s3xpe"]) .s00-num{font-family:var(--en-oswald-regular)!important;font-weight:400!important;--tgi-fit:on} html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s02-num > span.cond, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s03-num > span.cond, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s04-num > span.cond, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s05-num > span.cond{font-family:var(--en-oswald-regular)!important;font-weight:400!important;--tgi-fit:on} html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829ut5vl"],.tg-fr [data-tc="260829ut5vl"]) .hero__brand{font-family:"GloberThinFree","Roboto Condensed",var(--en-sans)!important;font-weight:400!important;--tgi-fit:on} html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .cond.s07-vs{font-family:var(--en-oswald-regular)!important;font-weight:400!important;--tgi-fit:on} html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) :is(.eyebrow > b,.eyebrow > span){font-family:var(--en-oswald-regular)!important;font-weight:400!important;--tgi-fit:on} html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s10-badge > span.cond{font-family:var(--en-oswald-regular)!important;font-weight:400!important;--tgi-fit:on} html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817s3xpe"],.tg-fr [data-tc="260817s3xpe"]) .s00-eb, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817s3xpe"],.tg-fr [data-tc="260817s3xpe"]) .s00-eb > b, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817s3xpe"],.tg-fr [data-tc="260817s3xpe"]) .s01-eb, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817s3xpe"],.tg-fr [data-tc="260817s3xpe"]) .s01-eb > b{font-family:var(--en-oswald-regular)!important;font-weight:400!important;--tgi-fit:on} html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817q6iks"],.tg-fr [data-tc="260817q6iks"]) .s00-kicker-t{font-family:var(--en-oswald-regular)!important;font-weight:400!important;--tgi-fit:on} @media (min-width:1025px){ html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817s3xpe"],.tg-fr [data-tc="260817s3xpe"]) .s00-num{font-size:calc(70 * var(--k,1px))!important;line-height:calc(70 * var(--k,1px))!important;letter-spacing:calc(0 * var(--k,1px))!important} html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s02-num > span.cond, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s03-num > span.cond, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s04-num > span.cond, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s05-num > span.cond{font-size:calc(62 * var(--k,1px))!important;line-height:calc(70 * var(--k,1px))!important;letter-spacing:calc(0 * var(--k,1px))!important} html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .cond.s07-vs{font-size:calc(42 * var(--k,1px))!important;line-height:calc(49 * var(--k,1px))!important;letter-spacing:calc(4 * var(--k,1px))!important} html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) :is(.eyebrow > b,.eyebrow > span){font-size:calc(31 * var(--k,1px))!important;line-height:calc(42 * var(--k,1px))!important;letter-spacing:calc(-1.25 * var(--k,1px))!important} html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s10-badge > span.cond{font-size:calc(31 * var(--k,1px))!important;line-height:calc(31 * var(--k,1px))!important;letter-spacing:calc(0 * var(--k,1px))!important} html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817s3xpe"],.tg-fr [data-tc="260817s3xpe"]) .s00-eb, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817s3xpe"],.tg-fr [data-tc="260817s3xpe"]) .s00-eb > b, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817s3xpe"],.tg-fr [data-tc="260817s3xpe"]) .s01-eb, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817s3xpe"],.tg-fr [data-tc="260817s3xpe"]) .s01-eb > b{font-size:calc(31 * var(--k,1px))!important;line-height:calc(31 * var(--k,1px))!important;letter-spacing:calc(-1.5 * var(--k,1px))!important} html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817q6iks"],.tg-fr [data-tc="260817q6iks"]) .s00-kicker-t{font-size:calc(30 * var(--k,1px))!important;line-height:calc(34 * var(--k,1px))!important;letter-spacing:calc(-1.46 * var(--k,1px))!important} } /* ── 2. 줄바꿈 ─────────────────────────────────────────────────────── 한국어 길이에 맞춘 nowrap/pre 를 풀되, 설계된 줄바꿈(한국어가 pre 인 곳)은 지킨다. 낱말 중간을 자르지 않고, 글자를 줄여 한 줄에 우겨넣지 않는다. */ html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829ut5vl"],.tg-fr [data-tc="260829ut5vl"]) .hero__title, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817q6iks"],.tg-fr [data-tc="260817q6iks"]) .s00-title, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829ut5vl"],.tg-fr [data-tc="260829ut5vl"]) .hero__lead, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817q6iks"],.tg-fr [data-tc="260817q6iks"]) .s00-body, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .eyebrow > span, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s00-copy, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s02-copy, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s02-cert.s02-cert-a, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s03-copy, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s04-copy, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s05-copy, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .lead.s06-lead, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s09-lead, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817s3xpe"],.tg-fr [data-tc="260817s3xpe"]) .s00-s, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829ut5vl"],.tg-fr [data-tc="260829ut5vl"]) .spec__txt > dt, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829ut5vl"],.tg-fr [data-tc="260829ut5vl"]) .spec__txt > dd, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s10-c, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829ut5vl"],.tg-fr [data-tc="260829ut5vl"]) .hero__note, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817q6iks"],.tg-fr [data-tc="260817q6iks"]) .s00-lead, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s02-cert.s02-cert-b, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s07-a, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s07-lb, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s07-b, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s08-n, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s08-t, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s10-t, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .h2.s00-title, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .accent, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .h2.s01-h2, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .h2.s06-h2, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .h2.s08-h2, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .h2.s09-h2, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .h2.s10-h2, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .h2.s11-h2, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817s3xpe"],.tg-fr [data-tc="260817s3xpe"]) .s00-h, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817s3xpe"],.tg-fr [data-tc="260817s3xpe"]) .s01-h, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s02-h3, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s03-h3, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s04-h3, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s05-h3, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s08-title > p.h2sub, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .h2sub.s09-h2sub, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s10-title > p.h2sub, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .h2sub.s11-sub, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s07-hd, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817s3xpe"],.tg-fr [data-tc="260817s3xpe"]) .s00-t, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817s3xpe"],.tg-fr [data-tc="260817s3xpe"]) .s01-pat > p, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s09-label{white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;hyphens:none!important;text-wrap:pretty} /* 장식 영문·숫자는 짧다 — 원본처럼 한 줄로 둔다 */ html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829ut5vl"],.tg-fr [data-tc="260829ut5vl"]) .hero__script > span, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829ut5vl"],.tg-fr [data-tc="260829ut5vl"]) .hero__brand, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817q6iks"],.tg-fr [data-tc="260817q6iks"]) .s00-kicker-t, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) :is(.eyebrow > b,.eyebrow > span), html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s02-num > span.cond, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s03-num > span.cond, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s04-num > span.cond, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s05-num > span.cond, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .cond.s07-vs, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s10-badge > span.cond, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817s3xpe"],.tg-fr [data-tc="260817s3xpe"]) .s00-eb, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817s3xpe"],.tg-fr [data-tc="260817s3xpe"]) .s00-eb > b, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817s3xpe"],.tg-fr [data-tc="260817s3xpe"]) .s00-num, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817s3xpe"],.tg-fr [data-tc="260817s3xpe"]) .s01-eb, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817s3xpe"],.tg-fr [data-tc="260817s3xpe"]) .s01-eb > b{white-space:nowrap!important} /* ── 3. 등급 연결 ───────────────────────────────────────────────────── 여기서 값을 정하지 않는다. en-system.css 의 등급 변수를 가리키기만 한다. (변수는 ≤1024 에서 스스로 바뀌므로 화면 크기별 규칙을 따로 두지 않는다) */ html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] .tg-fr *:where(:not(text):not(.cond):not(.hero__brand):not(.s00-eb):not(.s00-kicker-t):not(.s00-num):not(.s01-eb):not(.s07-vs)){letter-spacing:normal!important} /* 한국어 낱말 길이에 맞춘 자간(509곳 !important) 초기화 */ /* display: hero__title, s00-title */ html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817q6iks"],.tg-fr [data-tc="260817q6iks"]) .s00-title{font-size:var(--en-display-size)!important;line-height:var(--en-display-lh)!important;letter-spacing:var(--en-display-ls)!important;font-weight:400!important} html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829ut5vl"],.tg-fr [data-tc="260829ut5vl"]) .hero__title{font-size:var(--en-display-size)!important;line-height:var(--en-display-lh)!important;letter-spacing:var(--en-display-ls)!important;font-weight:var(--en-w-display)!important} /* h1: accent, h2.s00-title, h2.s01-h2, h2.s06-h2, h2.s08-h2, h2.s09-h2, h2.s10-h2, h2.s11-h2, s00-h, s01-h */ html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817s3xpe"],.tg-fr [data-tc="260817s3xpe"]) .s00-h{font-size:var(--en-h1-size)!important;line-height:calc(50 * var(--k,1px))!important;letter-spacing:var(--en-h1-ls)!important;font-weight:400!important} html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .accent, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817s3xpe"],.tg-fr [data-tc="260817s3xpe"]) .s01-h, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .h2.s00-title, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .h2.s01-h2, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .h2.s06-h2, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .h2.s08-h2, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .h2.s09-h2, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .h2.s10-h2, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .h2.s11-h2{font-size:var(--en-h1-size)!important;line-height:var(--en-h1-lh)!important;letter-spacing:var(--en-h1-ls)!important;font-weight:400!important} /* kicker: h2sub, h2sub.s09-h2sub, h2sub.s11-sub, s02-h3, s03-h3, s04-h3, s05-h3 */ html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s08-title > p.h2sub, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s10-title > p.h2sub, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .h2sub.s09-h2sub, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .h2sub.s11-sub{font-size:var(--en-kicker-size)!important;line-height:var(--en-kicker-lh)!important;letter-spacing:var(--en-kicker-ls)!important;font-weight:400!important} html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s02-h3, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s03-h3, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s04-h3, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s05-h3{font-size:var(--en-kicker-size)!important;line-height:var(--en-kicker-lh)!important;letter-spacing:var(--en-kicker-ls)!important;font-weight:var(--en-w-kicker)!important} /* h3: p, s00-t, s07-hd */ html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817s3xpe"],.tg-fr [data-tc="260817s3xpe"]) .s01-pat > p:where(:not(.cond):not(.hero__brand):not(.s00-eb):not(.s00-kicker-t):not(.s00-num):not(.s01-eb):not(.s07-vs)){font-size:var(--en-h3-size)!important;line-height:var(--en-h3-lh)!important;letter-spacing:var(--en-h3-ls)!important;font-weight:400!important} html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817s3xpe"],.tg-fr [data-tc="260817s3xpe"]) .s00-t{font-size:var(--en-h3-size)!important;line-height:calc(25 * var(--k,1px))!important;letter-spacing:var(--en-h3-ls)!important;font-weight:var(--en-w-h3)!important} html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s07-hd{font-size:var(--en-h3-size)!important;line-height:var(--en-h3-lh)!important;letter-spacing:var(--en-h3-ls)!important;font-weight:var(--en-w-h3)!important} /* h4: s00-lead, s02-cert.s02-cert-b, s07-a, s07-b, s07-lb, s08-n, s08-t, s10-t */ html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817q6iks"],.tg-fr [data-tc="260817q6iks"]) .s00-lead, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s07-a, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s07-lb, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s07-b, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s08-t, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s10-t{font-size:var(--en-h4-size)!important;line-height:var(--en-h4-lh)!important;letter-spacing:var(--en-h4-ls)!important;font-weight:400!important} html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s08-n{font-size:var(--en-h4-size)!important;line-height:calc(20 * var(--k,1px))!important;letter-spacing:var(--en-h4-ls)!important;font-weight:var(--en-w-h4)!important} html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s02-cert.s02-cert-b{font-size:var(--en-h4-size)!important;line-height:calc(22 * var(--k,1px))!important;letter-spacing:var(--en-h4-ls)!important;font-weight:var(--en-w-h4)!important} /* lead: hero__lead, lead.s06-lead, s00-body, s00-copy, s00-s, s02-cert.s02-cert-a, s02-copy, s03-copy, s04-copy, s05-c */ html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817s3xpe"],.tg-fr [data-tc="260817s3xpe"]) .s00-s, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s02-cert.s02-cert-a{font-size:var(--en-lead-size)!important;line-height:calc(18 * var(--k,1px))!important;letter-spacing:var(--en-lead-ls)!important;font-weight:var(--en-w-lead)!important} html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .eyebrow > span:where(:not(.cond):not(.hero__brand):not(.s00-eb):not(.s00-kicker-t):not(.s00-num):not(.s01-eb):not(.s07-vs)), html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829ut5vl"],.tg-fr [data-tc="260829ut5vl"]) .hero__lead, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817q6iks"],.tg-fr [data-tc="260817q6iks"]) .s00-body, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s00-copy, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s02-copy, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s03-copy, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s04-copy, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s05-copy, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s09-lead, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .lead.s06-lead{font-size:var(--en-lead-size)!important;line-height:var(--en-lead-lh)!important;letter-spacing:var(--en-lead-ls)!important;font-weight:var(--en-w-lead)!important} /* body: dd, dt, s10-c */ html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829ut5vl"],.tg-fr [data-tc="260829ut5vl"]) .spec__txt > dt:where(:not(.cond):not(.hero__brand):not(.s00-eb):not(.s00-kicker-t):not(.s00-num):not(.s01-eb):not(.s07-vs)), html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829ut5vl"],.tg-fr [data-tc="260829ut5vl"]) .spec__txt > dd:where(:not(.cond):not(.hero__brand):not(.s00-eb):not(.s00-kicker-t):not(.s00-num):not(.s01-eb):not(.s07-vs)), html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s10-c{font-size:var(--en-body-size)!important;line-height:var(--en-body-lh)!important;letter-spacing:var(--en-body-ls)!important;font-weight:var(--en-w-body)!important} /* caption: hero__note */ html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829ut5vl"],.tg-fr [data-tc="260829ut5vl"]) .hero__note{font-size:var(--en-caption-size)!important;line-height:var(--en-caption-lh)!important;letter-spacing:var(--en-caption-ls)!important;font-weight:var(--en-w-caption)!important} /* circ: s09-label */ html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s09-label{font-size:var(--en-circ-size)!important;line-height:var(--en-circ-lh)!important;letter-spacing:var(--en-circ-ls)!important;font-weight:var(--en-w-circ)!important} /* 한국어가 **고정 높이 칸을 행간으로 세로 가운데 맞춘** 자리. 등급 행간(배수)을 그대로 쓰면 글이 칸 위쪽에 붙는다 → PC 에서만 원본 행간(px)을 지킨다. (폰에서는 칸이 흐름 배치로 풀리므로 등급 행간을 쓴다) */ @media (min-width:1025px){ html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .eyebrow > span{line-height:calc(35 * var(--k,1px))!important} html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s08-t{line-height:calc(41 * var(--k,1px))!important} html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817s3xpe"],.tg-fr [data-tc="260817s3xpe"]) .s01-pat > p{line-height:calc(44 * var(--k,1px))!important} } /* ── 4. 고정 높이 풀기 ─────────────────────────────────────────────── 영문은 길어 줄이 늘어난다. 한국어 길이에 맞춘 고정 height 를 min-height 로 바꿔 글을 줄이거나 잘라내지 않고 **칸이 자연스럽게 늘어나게** 한다. `.s09-b` 는 뺀다 — 글칸이 아니라 지름 var(--bub) 짜리 동그라미 li 라(글은 자식 span.s09-label 에 있어 생성기의 가로=세로 판정에 걸리지 않는다) 높이를 풀면 글 높이만큼 납작해진다(1920 실측 180x21~112 / 한국어 180x180). */ html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] .tg-fr :is(h1,h2,h3,h4,h5,h6,p,li,dt,dd,figcaption):where(:not(.ab):not(.tag):not([class*="circ"]):not([class*="circle"]):not([class*="badge"]):not([class*="disc"]):not([class*="ring"]):not([class*="round"]):not([class*="dot"]):not([class*="circ"] *):not([class*="circle"] *):not(.e-circ *):not([class*="ring"] *):not([class*="disc"] *):not(.mod-album *):not(.mod-tv *):not(.mod-bna *):not(.mod-selfie *):not(.cond):not(.s07-c):not(.s07-h):not(.s09-b)){height:auto!important} /* ── 5. 공통 잔손질 ── */ @media (min-width:1025px){ /* 수술정보표: 글 칸이 '이름' 길이로만 줄어들어 그보다 긴 값이 칸 안에서 접히거나 넘쳤다. (한국어는 값이 짧아 드러나지 않는다) 칸에 남은 자리를 다 쓰게 한다. */ html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] .tg-fr :is(.spec,.s00-spec,[class*="spec"]) :is([class*="__txt"],[class*="__def"],[class*="-txt"],[class*="-def"],[class*="__body"]){flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:45%;margin-left:0!important;padding-left:0!important} /* 값이 칸보다 1~3px 길어 두 줄이 되는 자리가 많다 — 자간을 아주 조금만 좁혀 한 줄에 넣는다 */ html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] .tg-fr :is(.spec,.s00-spec,[class*="spec"]) :is(dt,dd,[class*="lbl"],[class*="val"],[class*="key"],[class*="term"]){letter-spacing:-.012em!important} /* 한국어 낱말 길이에 맞춘 둘째 칸 앞 여백은 영문에서 글 칸을 더 좁힌다 → 이 표에서만 0 으로 */ html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] .tg-fr :is(.spec,.s00-spec,[class*="spec"]) > * > * + *, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] .tg-fr :is(.spec,.s00-spec,[class*="spec"]) > * + *{padding-left:0!important} /* 정보표 이름·값: 번역팩에 들어 있는 줄바꿈이 pre-line 으로 살아나 "Not required" 같은 짧은 값까지 두 줄이 되어 행 안의 좌우 칸 높이가 어긋났다 → 자연 줄바꿈으로. */ html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] .tg-fr :is(.spec,.s00-spec,[class*="spec"]) :is(dt,dd,[class*="lbl"],[class*="val"],[class*="key"],[class*="term"]){white-space:normal!important} } /* 히어로 — 한국어 원본 크기·행간 그대로(사다리 적용 안 함). 영문이 길어 줄이 늘어나는 것은 다음 단계에서 크기를 더 줄여 흡수한다. */ html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] #hero .hero__brand{font-size:42px; line-height:44px} html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] #hero .hero__lead{font-size:17px; line-height:26px} html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] #hero .hero__note{font-size:12px; line-height:16px} html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] #hero .hero__title{font-size:53px; line-height:60px} html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] #hero .nb{font-size:16px; line-height:20px} html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] #hero .tx{font-size:16px; line-height:20px} /* ── 5-2. 히어로: 한국어 길이에 맞춘 고정 높이 풀기 ── */ /* css/fontfix/antiaging_07_01.css 가 PC 에서 `.hero{height:1028px!important;overflow:hidden}` 을 박아 둔다(레이아웃 규칙이라 모든 언어에 적용된다). 한국어 패널은 1029px 라 딱 맞지만 영문은 제목 3줄·본문 3줄로 1154px 이라 아래 126px 이 잘려 **주의 문구가 통째로 사라졌다** (1920 실측 .hero__note 1287~1329 vs #hero 바닥 1203). 글을 줄이지 않고 구역을 늘린다 — 사진이 aspect-ratio 960/1028 이라 height:auto 만으로도 원본 높이 아래로는 내려가지 않는다. (폰에서는 fontfix 가 이 높이를 걸지 않으므로 PC 에만 둔다) */ @media (min-width:1025px){ html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829ut5vl"],.tg-fr [data-tc="260829ut5vl"]) .hero{height:auto!important} } /* ── 5-3. 사진 위 인증 라벨(영문 이름이 길다) ── */ /* `.s02-cert-a/-b` 는 사진 속 두 인장 아래에 붙는 절대배치 라벨이다. 한국어는 8~10글자(128px·100px)라 두 인장 아래에 나란히 들어가지만, 영문 부처 이름은 283px·290px 이라 PC 에서 79px 겹치고(1920/1440/1366 사진 747x402 동일) 폰에서는 인장 간격이 73px 뿐이라 156px 겹친다. 글자를 줄이지 않고 자리를 넓힌다. */ @media (min-width:1025px){ /* 첫 라벨이 둘째 자리를 넘지 못하게 막고(291px), 둘째를 그만큼 오른쪽으로 옮긴다. 실측: a 66-349 → 66-357 이내 · b 270-560 → 374-664 · 사진 폭 747 */ html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s02-cert.s02-cert-a{max-width:39%} html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s02-cert.s02-cert-b{left:50%;max-width:49%} } @media (max-width:1024px){ /* 폰은 나란히 놓을 자리가 아예 없다 — 같은 왼쪽 선에 맞춰 위아래로 놓는다. 사진이 overflow:hidden 이라 두 줄이 다 들어가도록 위쪽 라벨도 함께 올린다. 실측(위 라벨 / 아래 라벨 / 사진 높이) 430 145-163 · 174-196 /210 390 130-148 · 156-178 /188 375 124-142 · 150-172 /180 360 119-137 · 143-165 /172 */ html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s02-cert.s02-cert-a{top:69%} html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s02-cert.s02-cert-b{left:8.82%;top:83%} } /* ── 시술 과정 4칸(.s10-step) — 제목·설명 높이를 칸끼리 맞춘다 (2026-09-24, 사용자 "제목과 설명 높이가 정확하게 분리") ───────── 한국어는 제목이 모두 한 줄이라 설명이 같은 높이(428)에서 시작하고, 칸 사이 세로선(.s10-txt::before, 높이 116 고정)이 제목 위부터 가장 긴 설명 끝까지를 덮는다. 영문은 4번 제목만 두 줄이라 그 칸 설명만 30px 아래에서 시작했고, 4번 설명(6줄)이 세로선보다 100px 길게 내려가 틀이 어긋났다. → ① 제목 칸을 두 줄 높이로 잡고 그 안 가운데에 둔다 — 설명은 네 칸 모두 같은 높이에서 시작한다. ② 글 묶음(.s10-txt)을 칸 높이만큼 늘리고 세로선을 그 끝까지 — 네 칸 선 길이가 같고 가장 긴 설명을 덮는다. ③ 설명 속
은 한국어 줄 길이 자리라 걷고(한국어도 ≤640 에서 걷는다) 가운데 정렬 문단이라 줄 길이를 고르게. */ html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s10 .s10-c br{display:none} html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s10 .s10-c{text-wrap:balance} @media (min-width:641px){ html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s10 .s10-t{min-height:2lh;display:flex;align-items:center;justify-content:center} } @media (min-width:1025px){ html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s10 .s10-step .s10-txt{flex:1 1 auto} html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s10 .s10-txt::before, html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260829kl6vk"],.tg-fr [data-tc="260829kl6vk"]) .s10 .s10-step:last-child .s10-txt::after{height:auto;bottom:0} } /* ── '탱글 줄기세포는 믿을 수 있습니다' 4항목(fr03 260817s3xpe) — 제목 폭 안에서 줄바꿈 (2026-09-24, 사용자 지적) ───────── 원본은 번호·세로선·제목·설명을 1920 캔버스 좌표에 하나씩 박아 두고(항목 간격 100px, fontfix 가 top/left 를 !important 로 고정) 전부 한 줄(nowrap)이다. 영문 문장은 한국어보다 길어 01 설명이 1195px 로 오른쪽 기계 사진 위(1618)까지 뻗었다. → 영문은 목록을 제목("You can trust TANG:GLE stem cells", 309~1053) 폭 안의 흐름 배치로 바꾼다: 목록 칸 314.5~1053, 글은 422 에서 시작(한국어 자리), 넘치면 줄바꿈. 번호·세로선은 항목 안 절대배치로 따라 내려가고 세로선은 그 항목 글 높이만큼. 한국어 글 폭에 맞추려던 제목 가로 늘이기(scaleX 0.955·1.124)는 영문에서 푼다. 항목 간격은 한 줄짜리가 한국어처럼 100px 피치가 되게 30px. */ @media (min-width:1025px){ html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817s3xpe"],.tg-fr [data-tc="260817s3xpe"]) .s00-list{position:absolute;left:calc(314.51 * var(--px));top:calc(472 * var(--px));width:calc(738.5 * var(--px));display:flex;flex-direction:column;gap:calc(30 * var(--px))} html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817s3xpe"],.tg-fr [data-tc="260817s3xpe"]) .s00-list .s00-item{display:block;position:relative;padding-left:calc(107.2 * var(--px))} html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817s3xpe"],.tg-fr [data-tc="260817s3xpe"]) .s00-list .s00-num{position:absolute!important;left:0!important;top:calc(-12.7 * var(--px))!important} html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817s3xpe"],.tg-fr [data-tc="260817s3xpe"]) .s00-list .s00-rule{position:absolute!important;left:calc(81.5 * var(--px))!important;top:0!important;bottom:0;height:auto!important} html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817s3xpe"],.tg-fr [data-tc="260817s3xpe"]) .s00-list :is(.s00-t,.s00-s){position:static!important;transform:none!important;white-space:normal!important} html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817s3xpe"],.tg-fr [data-tc="260817s3xpe"]) .s00-list .s00-t{line-height:1.3!important} html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="antiaging_07_01"] :is(.tg-fr[data-tc="260817s3xpe"],.tg-fr [data-tc="260817s3xpe"]) .s00-list .s00-s{margin-top:calc(10 * var(--px));line-height:1.5!important} }