@font-face{font-family:Elle;src:url("../fonts/elle-prc-light.otf") format("opentype");font-weight:300;font-display:swap}
@font-face{font-family:Elle;src:url("../fonts/elle-sans-medium.ttf") format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:Elle;src:url("../fonts/elle-sans-regular.ttf") format("truetype");font-weight:800;font-display:swap}
:root{--navy:#09286d;--blue:#0850d7;--white:#fff;--paper:#f7f8fa;--gold:#ffe3a4;--font:Elle,"Microsoft YaHei",sans-serif;color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--paper);color:var(--navy);font-family:var(--font);font-weight:500;line-height:1.5}
img{max-width:100%;height:auto;display:block}
[hidden]{display:none!important}
a{color:inherit}
a:focus-visible,button:focus-visible{outline:3px solid #ffd675;outline-offset:4px}
.preview-bar{position:relative;z-index:30;text-align:center;background:#061f58;color:white;font-family:"Microsoft YaHei",sans-serif;font-size:12px;line-height:1.5;padding:7px 16px}
.site-header{position:absolute;z-index:20;top:48px;left:0;width:100%;padding:0 max(3%,calc((100% - 1540px)/2))}
.header-shell{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-radius:100px;padding:10px 30px 10px 52px;box-shadow:0 12px 30px rgba(5,23,70,.1)}
.brand{flex:none;display:block}.brand img{width:145px;height:auto}
.site-nav{display:flex;align-items:center;gap:0;white-space:nowrap}
.site-nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;padding:7px 16px;font-size:clamp(14px,1.18vw,21px);letter-spacing:.06em;line-height:1.45}
.nav-label-mobile{display:none}
.site-nav a+a:not(.is-current){border-left:0}
.site-nav a.is-current{background:var(--navy);color:#fff;border-radius:50px;font-weight:800}
.site-nav a:hover:not(.is-current){text-decoration:underline;text-underline-offset:6px}
.hero{position:relative;min-height:clamp(680px,50vw,970px);background:#153a78 var(--h12-suppressed-hero) left top/cover no-repeat;color:#fff;overflow:hidden}
.hero-inner{min-height:inherit;display:flex;align-items:center;justify-content:flex-end;width:min(100%,1920px);margin:auto;padding:150px 5.8% 50px}
.hero-copy{width:52%;position:relative;z-index:1}
.hero-english{font-weight:800;font-size:clamp(34px,3.7vw,74px);line-height:1;white-space:nowrap;letter-spacing:.01em;color:rgba(224,235,255,.44);margin:0 0 -14px}
.hero h1{font-size:clamp(53px,5.6vw,110px);font-weight:800;line-height:1.14;white-space:nowrap;letter-spacing:.035em;margin:0 0 30px}
.hero h1 span{color:var(--gold)}
.hero-story{font-size:clamp(21px,2.05vw,39px);font-weight:300;line-height:1.53;letter-spacing:.03em;margin:0 0 32px}
.hero-actions,.closing-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.button{min-height:44px;display:inline-flex;justify-content:center;align-items:center;gap:7px;border-radius:99px;text-decoration:none;font-size:clamp(17px,1.5vw,29px);line-height:1.25;padding:8px 22px;white-space:normal;text-align:center;transition:transform .2s,box-shadow .2s}
.button:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.18)}
.button-solid{background:var(--navy);color:#fff}
.button-ghost{border:2px solid var(--navy);color:var(--navy);background:rgba(255,255,255,.35)}
.hero-mobile-art{display:none}
.trust{min-height:190px;padding:38px 5% 18px;background:white;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;position:relative}
.trust-item{min-height:90px;display:flex;gap:14px;align-items:center;justify-content:center;font-size:clamp(17px,1.45vw,26px);font-weight:800;line-height:1.2}
.trust-item+.trust-item{border-left:1px solid #9cadd1}
.trust-number{font-size:clamp(39px,3.8vw,70px);letter-spacing:-.06em;line-height:1}.trust-number small{display:block;font-size:10px;letter-spacing:0}
.trust-item strong{font-size:clamp(35px,3.4vw,62px);letter-spacing:-.07em;font-weight:500}.trust-item strong small{font-size:.4em;letter-spacing:0}
.shield{font-family:Arial,sans-serif;border:2px solid var(--navy);border-radius:50%;width:62px;height:62px;display:grid;place-items:center;font-size:32px;flex:none}
.trust-note{grid-column:1/-1;text-align:center;color:#3e4d6e;font-family:"Microsoft YaHei",sans-serif;font-size:12px;margin:18px 0 0}
.section-width{width:calc(100% - 6%);max-width:1800px;margin-inline:auto}
h2{font-size:clamp(34px,4vw,72px);font-weight:500;letter-spacing:.025em;line-height:1.2;margin:0}
.reasons{padding-block:106px 100px;scroll-margin-top:35px}
.reasons h2{margin:0 0 38px}
.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,2.2vw,40px)}
.reason-card{min-width:0;background:white;overflow:hidden;border-radius:24px;box-shadow:0 10px 28px rgba(19,33,72,.15)}
.reason-card>img{width:100%;height:auto;aspect-ratio:327/446;object-fit:cover;background:#f4f5f7}
.card-body{padding:20px 20px 32px;min-height:260px}
.card-body h3{font-size:clamp(19px,1.7vw,32px);line-height:1.35;margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid #8a9fcb;font-weight:800}
.card-body p,.card-links{font-size:clamp(17px,1.35vw,25px);line-height:1.55;letter-spacing:.02em;margin:0}
.card-links{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.card-links a{text-underline-offset:5px}
.review-note{display:block;margin-top:12px;color:#40547b;font-family:"Microsoft YaHei",sans-serif;font-size:11px;line-height:1.45}
.history{padding-block:55px 105px;scroll-margin-top:35px}.history h2{margin:0 0 34px}
.history-panel{background:linear-gradient(105deg,#103c99,#0754dc 50%,#092e82);color:#fff;border-radius:42px;min-height:495px;padding:55px 50px;position:relative;overflow:hidden}
.history-panel::after{content:"";position:absolute;top:50%;left:4%;width:92%;height:2px;background:linear-gradient(90deg,transparent,#cad8ff 25%,white 55%,#cad8ff 75%,transparent)}
.timeline{list-style:none;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;align-items:center;padding:0;margin:0;min-height:385px}
.timeline li{position:relative;min-width:0;height:165px;align-self:start;display:flex;flex-direction:column;justify-content:flex-end;padding:0 8px 12px}
.timeline li:nth-child(even){align-self:end;justify-content:flex-start;padding-top:15px}
.timeline li::after{content:"";width:13px;height:13px;background:#fff;border-radius:50%;position:absolute;left:9px;bottom:-30px;z-index:1}
.timeline li:nth-child(even)::after{top:-27px;bottom:auto}
.timeline time{font-size:clamp(23px,1.95vw,37px);font-weight:800;line-height:1.2;white-space:nowrap}
.timeline p{font-size:clamp(14px,1.22vw,23px);font-weight:500;line-height:1.48;margin:4px 0 0}
.timeline small{font-size:12px}
.closing{padding-block:0 38px}
.closing-panel{min-height:335px;position:relative;background:linear-gradient(105deg,#0d3d9a,#0855d9 54%,#0b307f);border-radius:42px;color:white;display:flex;align-items:center;padding:42px 5%;overflow:visible}
.closing-content{max-width:63%;position:relative;z-index:2}
.closing h2{font-size:clamp(38px,4.2vw,75px);font-weight:800;margin:0 0 15px}
.closing p{font-size:clamp(18px,1.9vw,34px);line-height:1.35;margin:0 0 6px}
.closing-disclaimer{display:block;font-size:12px;margin-bottom:24px;font-family:"Microsoft YaHei",sans-serif;color:#f0f2fa}
.button-outline-light{color:#fff;border:2px solid white;background:transparent;padding:6px 16px}
.experts{position:absolute;right:2%;bottom:0;width:38%;height:auto;max-height:440px;object-fit:contain;object-position:bottom;pointer-events:none}
.empty-page{min-height:100vh;background:linear-gradient(#143a78 0 220px,#f7f8fa 220px 100%)}
.empty-page .site-header{position:relative;top:auto;padding-top:24px}
.empty-page main{min-height:calc(100vh - 190px)}
@media(max-width:1350px){
 .header-shell{padding-left:28px}.site-nav a{padding-inline:10px}
 .hero-copy{width:54%}.hero h1{font-size:clamp(48px,5.4vw,78px)}.hero-english{font-size:clamp(32px,3.8vw,51px)}
}
@media(max-width:1249px){
 .history-panel{min-height:0;padding:40px 28px}.history-panel::after{top:51px;left:41px;width:2px;height:calc(100% - 100px);background:#bfd2fc}
 .timeline{grid-template-columns:1fr;gap:15px;min-height:0;padding-left:38px}
 .timeline li,.timeline li:nth-child(even){height:auto;align-self:stretch;justify-content:flex-start;padding:0 0 8px}
 .timeline li::after,.timeline li:nth-child(even)::after{top:10px;left:-28px;bottom:auto;width:11px;height:11px}
 .timeline time{font-size:27px}.timeline p{font-size:19px}
}
@media(max-width:1099px){
 .site-header{position:relative;top:auto;padding:16px 16px 0;background:#153b7c}
 .header-shell{display:grid;grid-template-columns:1fr;gap:0;min-height:0;max-width:900px;margin:auto;padding:8px 10px 5px;border-radius:20px}
 .brand img{width:108px}.site-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;white-space:normal}
 .site-nav a,.site-nav a+a:not(.is-current){position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:48px;padding:6px 1px;border:0;text-align:center;font-size:clamp(11px,1.55vw,14px);font-weight:800;line-height:1.2;letter-spacing:0;white-space:nowrap}
 .site-nav a.is-current{background:transparent;color:var(--navy);border-radius:0}
 .site-nav a.is-current::after{content:"";position:absolute;left:18%;right:18%;bottom:2px;height:3px;border-radius:3px;background:var(--navy)}
 .nav-label-mobile{display:inline}.nav-label-desktop{display:none}
 .hero{min-height:0;background:linear-gradient(152deg,#153b7c 0%,#224e90 62%,#8fa9bc 100%)}
 .hero-mobile-art{display:block;order:0;width:100%;height:clamp(340px,45vw,480px);background:var(--h12-suppressed-hero) left 9% / auto clamp(455px,66vw,720px) no-repeat}
 .hero-inner{display:block;min-height:0;padding:32px max(5%,calc((100% - 820px)/2)) 54px}
 .hero-copy{width:100%;max-width:760px}.hero-english{font-size:clamp(21px,3.7vw,38px);white-space:normal;margin-bottom:6px}
 .hero h1{font-size:clamp(43px,7vw,70px);white-space:normal;margin-bottom:20px}
 .hero-story{font-size:clamp(18px,2.5vw,24px);line-height:1.6}.button{font-size:17px}
 .trust{min-height:0;padding:28px 3% 20px}.trust-item{font-size:16px}.shield{width:50px;height:50px;font-size:25px}
 .reasons{padding-block:78px 70px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 .reason-card:last-child{grid-column:1/-1}.card-body{min-height:0}
 .history{padding-block:35px 78px}
 .closing-panel{min-height:370px}.closing-content{max-width:68%}.experts{width:42%}
 .empty-page .site-header{padding-top:24px;background:transparent}
}
@media(max-width:699px){
 .preview-bar{font-size:11px;padding:6px 10px}.site-header{padding:12px 12px 0}.header-shell{padding:8px 8px 4px}
 .site-nav a,.site-nav a+a:not(.is-current){font-size:clamp(11px,3.25vw,14px)}
 .hero-mobile-art{height:clamp(335px,105vw,455px);background-size:auto clamp(455px,144vw,625px);background-position:left 8%}
 .hero-inner{padding:20px 20px 46px}.hero-english{font-size:clamp(20px,5.3vw,29px)}
 .hero h1{font-size:clamp(38px,9vw,55px);letter-spacing:0;margin-bottom:16px}
 .hero-story{font-size:clamp(17px,4.3vw,21px);margin-bottom:22px}
 .hero-actions{gap:10px}.hero-actions .button{font-size:15px;max-width:100%}
 .trust{grid-template-columns:1fr;padding:13px 20px 24px}
 .trust-item{min-height:92px;justify-content:flex-start;padding:10px 16px;font-size:18px}
 .trust-item+.trust-item{border-left:0;border-top:1px solid #d0d8e7}.trust-note{font-size:13px;line-height:1.65;text-align:left;margin:14px 0 0}
 .section-width{width:calc(100% - 32px)}h2{font-size:clamp(30px,7.8vw,43px)}
 .reasons{padding-block:64px 48px}.reasons h2{margin-bottom:24px}
 .cards{grid-template-columns:minmax(0,1fr);gap:18px}.reason-card:last-child{grid-column:auto}
 .reason-card{border-radius:20px}.reason-card>img{aspect-ratio:auto;object-fit:contain}
 .card-body{padding:22px 20px 26px}.card-body h3{font-size:23px}.card-body p,.card-links{font-size:17px;line-height:1.7}
 .review-note{font-size:13px;line-height:1.6}.card-links{gap:8px}.card-links a{display:inline-flex;align-items:center;min-height:44px}
 .history{padding-block:32px 54px}.history h2{margin-bottom:24px}.history-panel{border-radius:26px;padding:34px 20px}
 .history-panel::after{top:48px;left:33px;height:calc(100% - 95px)}.timeline{padding-left:30px;gap:16px}
 .timeline li::after,.timeline li:nth-child(even)::after{left:-22px}.timeline time{font-size:25px}.timeline p{font-size:17px}.timeline small{font-size:13px}
 .closing-panel{display:block;min-height:0;border-radius:26px;padding:32px 20px 0;overflow:hidden}
 .closing-content{max-width:100%}.closing h2{font-size:clamp(34px,8.5vw,48px)}.closing p{font-size:18px;line-height:1.5}
 .closing-disclaimer{font-size:13px;line-height:1.6;margin-bottom:18px}.closing-actions{gap:10px}
 .closing-actions .button{font-size:15px;min-height:44px}.experts{position:relative;right:auto;bottom:auto;width:min(100%,480px);max-height:none;margin:12px 0 0 auto}
}
@media(max-width:350px){
 .site-header{padding-inline:10px}.site-nav a,.site-nav a+a:not(.is-current){font-size:10.5px}
 .hero-inner{padding-inline:17px}.hero-mobile-art{background-size:auto 455px}.hero h1{font-size:36px}
 .hero-actions .button{font-size:14px}.card-body{padding-inline:18px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
/* New-version-only product page; the original homepage stylesheet stays untouched. */
.product-draft{font-family:Elle,"Microsoft YaHei",sans-serif;background:#f4f7fb;color:#09286d;min-height:100vh}
.product-intro{background:#113981;color:white;min-height:475px;padding:148px max(5%,calc((100% - 1320px)/2)) 60px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(28px,5vw,88px);align-items:center}
.product-kicker,.product-eyebrow{font-family:"Microsoft YaHei",sans-serif;font-size:12px;font-weight:700;letter-spacing:.16em;margin:0 0 22px}
.product-intro h1{font-size:clamp(40px,4.4vw,76px);font-weight:800;line-height:1.15;letter-spacing:.02em;margin:0 0 24px}.product-intro h1 span{color:#ffe3a4}
.product-lead{max-width:660px;font-size:clamp(16px,1.25vw,20px);line-height:1.85;margin:0 0 28px;color:#e8f0ff}
.product-jump{display:inline-flex;align-items:center;gap:20px;min-height:48px;padding:9px 22px;border-radius:99px;background:white;color:#09286d;text-decoration:none;font-size:16px;font-weight:800}.product-jump:hover{text-decoration:underline}
.product-art{min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1.5px dashed #aabfe0;border-radius:28px;background:rgba(255,255,255,.055);padding:30px;color:#e8f0ff}
.product-art-mark{font-family:"Microsoft YaHei",sans-serif;font-size:12px;letter-spacing:.18em;color:#ffe3a4}.product-art p{font-size:clamp(21px,2vw,29px);font-weight:800;line-height:1.5;margin:28px 0 12px}.product-art small{font-family:"Microsoft YaHei",sans-serif;font-size:13px;line-height:1.6}
.product-content{width:min(100% - 64px,1320px);margin:auto;padding:85px 0 55px}
.product-section-head{display:flex;align-items:baseline;gap:24px;margin:0 0 20px}.product-section-number{font-family:"Microsoft YaHei",sans-serif;font-size:18px;color:#4669a1}.product-eyebrow{margin:0 0 6px;color:#4064a7}.product-section-head h2{font-size:clamp(32px,3vw,53px);font-weight:800}
.product-section-lead{max-width:870px;font-size:17px;line-height:1.85;margin:0 0 30px;color:#304974}
.product-guide,.product-questions{scroll-margin-top:32px}.product-pending-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.product-pending-card{background:white;min-width:0;min-height:240px;border-radius:18px;padding:26px 25px;box-shadow:0 5px 18px rgba(6,33,90,.06)}
.product-pending-index{color:#4169b0;font-family:"Microsoft YaHei",sans-serif;font-size:12px;letter-spacing:.1em}.product-pending-card h3{font-size:22px;line-height:1.38;margin:20px 0 12px}.product-pending-card p{font-size:15px;line-height:1.8;color:#39547a;margin:0}
.product-scope-note{font-family:"Microsoft YaHei",sans-serif;margin:22px 0 0;color:#3b5580;font-size:14px;line-height:1.7}
.product-questions{margin-top:100px}.product-qa-list{border-top:1px solid #bbcbe2}.product-qa{display:grid;grid-template-columns:50px minmax(0,1fr);gap:20px;padding:25px 10px;border-bottom:1px solid #bbcbe2;scroll-margin-top:30px}.product-qa-no{font-family:"Microsoft YaHei",sans-serif;color:#496db0;font-size:14px;padding-top:5px}.product-qa h3{font-size:clamp(19px,1.65vw,25px);font-weight:800;line-height:1.5;margin:0 0 10px}.product-qa p{font-family:"Microsoft YaHei",sans-serif;color:#3b5580;font-size:14px;line-height:1.75;margin:0}
.product-source-note{margin:32px 0 0;border-radius:16px;border-left:5px solid #3163bd;background:#e6eefb;padding:22px 26px}.product-source-note strong{font-size:17px}.product-source-note p{font-family:"Microsoft YaHei",sans-serif;font-size:14px;line-height:1.85;margin:10px 0 0}
.product-end{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #bdcde5;margin-top:85px;padding-top:28px;font-family:"Microsoft YaHei",sans-serif;font-size:13px}.product-end a{min-height:44px;display:inline-flex;align-items:center;font-size:16px;font-weight:700;text-underline-offset:5px}
@media(max-width:1099px){.product-intro{padding:54px max(22px,5%) 42px;min-height:0}.product-art{min-height:230px}.product-content{width:min(100% - 44px,900px)}}
@media(max-width:699px){.product-intro{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding:44px 20px 38px}.product-kicker{font-size:11px;margin-bottom:13px}.product-intro h1{font-size:clamp(37px,9vw,55px);margin-bottom:17px}.product-lead{font-size:16px;line-height:1.75;margin-bottom:18px}.product-art{min-height:170px;padding:20px}.product-art p{font-size:21px;margin:12px 0 6px}.product-content{width:calc(100% - 40px);padding:58px 0 35px}.product-section-head{gap:13px}.product-section-head h2{font-size:34px}.product-section-lead{font-size:16px}.product-pending-grid{grid-template-columns:1fr;gap:12px}.product-pending-card{min-height:0;padding:22px}.product-pending-card h3{font-size:20px;margin:10px 0}.product-questions{margin-top:74px}.product-qa{grid-template-columns:30px minmax(0,1fr);gap:12px;padding:20px 0}.product-qa h3{font-size:19px}.product-source-note{padding:18px}.product-end{margin-top:60px;flex-direction:column;align-items:flex-start;gap:8px}}
/* Internal review: quiet editorial navy and cream follow existing Whisper navigation;
   long artwork remains uncropped, readable through an original-width dialog. */
.p3{--p3-navy:#092964;--p3-ink:#19375c;--p3-muted:#526986;--p3-line:#ccdbeb;background:#f6f8fb;color:var(--p3-ink);font-family:Elle,"Microsoft YaHei",sans-serif}
.p3 *{box-sizing:border-box}.p3 button,.p3 summary{font:inherit}.p3 :is(button,summary,a):focus-visible{outline:3px solid #ecaa33;outline-offset:3px}
.p3-hero{background:#103777;color:#fff;padding:clamp(38px,6vw,90px) max(22px,calc((100% - 1240px)/2)) clamp(34px,5vw,74px);position:relative;overflow:hidden}
.p3-hero::after{content:"";position:absolute;right:-8vw;top:-8vw;width:46vw;height:46vw;border:1px solid #88b4e055;border-radius:50%;box-shadow:0 0 0 8vw #a0c8ee12,0 0 0 16vw #a0c8ee0a;pointer-events:none}
.p3-hero-inner{position:relative;z-index:1;max-width:1000px}.p3-eyebrow,.p3-heading>span,.p3-stage-head small,.p3-pending small{font-family:"Microsoft YaHei",sans-serif;font-size:12px;letter-spacing:.14em;font-weight:700}
.p3-eyebrow{color:#bdd8fc;margin:0 0 22px}.p3 h1{font-size:clamp(42px,6vw,85px);line-height:1.15;letter-spacing:.01em;margin:0;font-weight:800}.p3 h1 em{font-style:normal;color:#ffda9c}.p3-lead{font-size:clamp(16px,1.6vw,21px);line-height:1.7;color:#e1ebfc;margin:24px 0 26px}
.p3-review{max-width:860px;margin:0;background:#fff;color:#183a70;border-radius:8px;padding:14px 18px;font:14px/1.7 "Microsoft YaHei",sans-serif}.p3-review strong{margin-right:10px}
.p3-themes,.p3-body{width:min(100% - 48px,1240px);margin:auto}.p3-themes{padding:70px 0 92px}.p3-heading{margin-bottom:30px}.p3-heading>span{color:#4575ab}.p3-heading h2{font-size:clamp(30px,3.5vw,48px);color:var(--p3-navy);line-height:1.22;margin:10px 0 12px}.p3-heading p{font:16px/1.85 "Microsoft YaHei",sans-serif;max-width:920px;margin:0;color:var(--p3-muted)}
.p3-theme-layout{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,440px);gap:32px;align-items:start;justify-content:center}.p3-theme-controls{display:grid;gap:10px}.p3-theme-controls button,.p3-fallback summary{min-height:58px;width:100%;text-align:left;background:#fff;border:1px solid var(--p3-line);border-radius:8px;padding:12px 16px;color:var(--p3-navy);font-size:16px;font-weight:700;cursor:pointer}.p3-theme-controls button{display:flex;align-items:center;gap:14px}.p3-theme-controls button small{font:13px "Microsoft YaHei",sans-serif;color:#4973a5}.p3-theme-controls button[aria-pressed=true]{color:#fff;background:var(--p3-navy);border-color:var(--p3-navy);box-shadow:0 7px 18px #0b367529}.p3-theme-controls button[aria-pressed=true] small{color:#c7dcf8}.p3-theme-controls button:hover:not([aria-pressed=true]){border-color:#487bbd;background:#eaf2fc}
.p3-theme-stage,.p3-fallback details{min-width:0;background:#fff;border:1px solid #e2e9f2;border-radius:10px;box-shadow:0 14px 36px #12356614;overflow:hidden}.p3-stage-head{display:flex;justify-content:space-between;align-items:end;gap:16px;padding:25px 28px 18px}.p3-stage-head small{color:#4a78af}.p3-stage-head h3{font-size:clamp(23px,2.5vw,35px);margin:5px 0 0;color:var(--p3-navy)}.p3-stage-pill{font:12px "Microsoft YaHei",sans-serif;color:#506b8c;background:#ebf1f7;padding:9px 12px;border-radius:4px}
.p3-stage-image,.p3-fallback figure{margin:0}.p3-stage-image{padding:0 20px 20px}.p3-stage-image img,.p3-fallback img{display:block;width:auto;max-width:100%;height:auto;max-height:560px;margin:0 auto;object-fit:contain}.p3-fallback figure{padding:16px}.p3-stage-image figcaption,.p3-fallback figcaption{font:13px/1.6 "Microsoft YaHei",sans-serif;padding:14px 28px;color:var(--p3-muted);background:#f2f6fb}.p3-zoom{display:block;min-height:48px;margin:16px 28px 26px;background:transparent;border:1px solid #7391ba;color:var(--p3-navy);padding:10px 18px;border-radius:5px;cursor:pointer;font-weight:700}.p3-zoom:hover{background:#edf4ff}
.p3-fallback{grid-column:1/-1;display:grid;gap:12px}.p3-enhanced .p3-fallback{display:none}.p3-fallback details>summary{list-style:revert}.p3-fallback details:not([open]) img{display:none}.p3-fallback figure{max-width:986px;margin:16px auto}.p3-lightbox{border:0;border-radius:10px;padding:0;max-width:calc(100vw - 22px);max-height:calc(100vh - 22px);width:min(1060px,100%);background:#fff;color:var(--p3-navy);box-shadow:0 24px 80px #061d43a8}.p3-lightbox::backdrop{background:#071735c9}.p3-lightbox-bar{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;background:#fff;z-index:1;border-bottom:1px solid var(--p3-line)}.p3-lightbox-bar button{min-height:44px;border:1px solid #7593ba;background:#f4f8fc;color:var(--p3-navy);border-radius:5px;padding:8px 12px;cursor:pointer}.p3-lightbox img{display:block;width:986px;max-width:none;height:auto;margin:0 auto}.p3-lightbox p{font:13px/1.6 "Microsoft YaHei",sans-serif;padding:0 20px 16px}
.p3-body{padding-bottom:58px}.p3-guide,.p3-questions{scroll-margin-top:24px;border-top:1px solid var(--p3-line);padding-top:60px}.p3-pending{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.p3-pending article{min-width:0;background:#fff;padding:24px;min-height:198px}.p3-pending small{color:#5079aa}.p3-pending h3{font-size:20px;margin:16px 0 10px;color:var(--p3-navy)}.p3-pending p{font:14px/1.8 "Microsoft YaHei",sans-serif;color:var(--p3-muted);margin:0}
.p3-questions{margin-top:0}.p3-qa-list{border-top:1px solid var(--p3-line)}.p3-qa{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;padding:25px 4px;border-bottom:1px solid var(--p3-line)}.p3-qa>span{font:14px "Microsoft YaHei",sans-serif;color:#5881b2;padding-top:5px}.p3-qa h3{font-size:clamp(19px,1.8vw,24px);margin:0 0 14px;color:var(--p3-navy);line-height:1.5}.p3-qa p{font:15px/1.95 "Microsoft YaHei",sans-serif;margin:0;color:#344c70}.p3-qa small{display:block;margin-top:14px;color:#8c4b21;font:12px/1.7 "Microsoft YaHei",sans-serif}.p3-source{margin-top:30px;background:#e8f0fa;border-left:4px solid #315c98;padding:20px 24px;font:14px/1.8 "Microsoft YaHei",sans-serif}.p3-source p{margin:8px 0 0}.p3-footer{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--p3-line);margin-top:80px;padding:26px 0;font:13px "Microsoft YaHei",sans-serif}.p3-footer a{color:var(--p3-navy);min-height:44px;display:inline-flex;align-items:center}
@media(max-width:850px){.p3-theme-layout{grid-template-columns:minmax(0,1fr);max-width:600px;margin:auto}.p3-theme-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.p3-theme-controls button{min-width:0;gap:6px;flex-wrap:wrap}.p3-lightbox img{margin:0}.p3-pending{grid-template-columns:1fr}.p3-pending article{min-height:0}}
@media(max-width:540px){.p3-hero{padding:34px 20px 36px}.p3 h1{font-size:clamp(38px,9.5vw,53px)}.p3-review{font-size:12px}.p3-themes,.p3-body{width:calc(100% - 32px)}.p3-themes{padding:48px 0 64px}.p3-theme-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.p3-theme-controls button{font-size:14px;padding:9px 10px;min-height:52px}.p3-theme-controls button small{font-size:11px}.p3-stage-head{padding:19px 16px 12px}.p3-stage-pill{font-size:10px}.p3-stage-image figcaption{padding:12px 16px}.p3-zoom{margin:12px 16px 18px}.p3-guide,.p3-questions{padding-top:44px}.p3-questions{margin-top:65px}.p3-qa{grid-template-columns:30px minmax(0,1fr);gap:9px;padding:20px 0}.p3-qa p{font-size:14px}.p3-source{padding:16px}.p3-footer{flex-direction:column}}
.sc4{--sc-ink:#172a4e;--sc-muted:#526477;--sc-blue:#123c78;--sc-line:#cbd7df;--sc-mint:#d9ece5;--sc-coral:#b15b46;background:#f5f7f6;color:var(--sc-ink);font-family:Elle,"Microsoft YaHei",sans-serif;overflow-wrap:anywhere}
.sc4 *{box-sizing:border-box}.sc4 a:focus-visible,.sc4 button:focus-visible,.sc4 summary:focus-visible{outline:3px solid #c15c40;outline-offset:3px}
.sc4-intro{background:#153765;color:#fff;padding:clamp(48px,7vw,98px) max(22px,calc((100% - 1160px)/2)) 54px}
.sc4-kicker,.sc4-section-heading>span{font:700 12px/1.5 "Microsoft YaHei",sans-serif;letter-spacing:.1em}
.sc4-kicker{color:#b7d9c9;margin:0 0 20px}.sc4-intro h1{font-size:clamp(38px,5vw,68px);line-height:1.2;margin:0;letter-spacing:0}.sc4-lead{font-size:clamp(17px,1.8vw,22px);line-height:1.8;max-width:700px;margin:20px 0 26px}
.sc4-notice{background:#fff;color:#233f61;border-left:4px solid #af684e;padding:14px 18px;max-width:960px;font:14px/1.75 "Microsoft YaHei",sans-serif}.sc4-notice strong{display:block}
.sc4-index{max-width:1160px;margin:0 auto;padding:24px 20px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sc4-index a{display:flex;gap:12px;align-items:center;min-height:64px;background:#fff;color:#133660;border-bottom:2px solid var(--sc-line);padding:12px 16px;text-decoration:none;font-size:16px;font-weight:700}.sc4-index a:hover{border-color:var(--sc-coral)}.sc4-index span{color:var(--sc-coral);font-size:13px}
.sc4-section{scroll-margin-top:30px;padding:72px max(20px,calc((100% - 1160px)/2))}.sc4-base{background:#f5f7f6}.sc4-center{background:#e9f1ed}.sc4-class{background:#fff}.sc4-section-heading{max-width:880px;margin:0 0 30px}.sc4-section-heading>span{color:#a34f3b}.sc4-section-heading h2{font-size:clamp(29px,3.3vw,44px);line-height:1.28;color:var(--sc-blue);margin:8px 0 14px;letter-spacing:0}.sc4-section-heading p{font:16px/1.85 "Microsoft YaHei",sans-serif;color:var(--sc-muted)}
.sc4-prose{max-width:900px;font:16px/1.95 "Microsoft YaHei",sans-serif}.sc4-prose>p{margin:0 0 18px}.sc4-source{font:13px/1.8 "Microsoft YaHei",sans-serif;color:#4b6074;border-top:1px solid var(--sc-line);padding-top:17px;margin-top:26px;max-width:920px}.sc4-source strong{color:#153765}
.sc4-missing-image{margin:0 0 32px;padding:30px;width:100%;max-width:900px;aspect-ratio:16/7;min-height:160px;max-height:390px;border:1px dashed #7994a0;display:flex;flex-direction:column;justify-content:center;gap:8px;background:#e9efed;color:#365265;font:14px/1.7 "Microsoft YaHei",sans-serif}.sc4-missing-image strong{font-size:19px;color:var(--sc-ink)}.sc4-source-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 24px;padding-left:20px;margin:12px 0 0}.sc4-source-links a{color:var(--sc-blue);text-decoration:underline;text-underline-offset:3px;display:inline-block;min-height:36px}
.sc4-questions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:1px solid var(--sc-line);border-bottom:1px solid var(--sc-line);padding:22px 0 26px;margin-bottom:36px}.sc4-questions>div{display:grid;align-content:start;gap:10px}.sc4-questions strong{font-size:15px;color:var(--sc-muted)}.sc4-questions a{color:var(--sc-blue);font-size:15px;line-height:1.5;text-underline-offset:4px}.sc4-questions a[aria-current]{font-weight:700;text-decoration-thickness:2px;color:#a34f3b}
.sc4-story{max-width:900px;margin:0 auto 65px;scroll-margin-top:24px}.sc4-ready .sc4-story[hidden]{display:none}.sc4-story-category{font-size:14px;color:#a34f3b;margin:0 0 8px}.sc4-story h3{font-size:clamp(22px,2.7vw,34px);line-height:1.4;color:var(--sc-blue);margin:0 0 22px}.sc4-slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;max-width:540px;margin:auto;background:#ecf1f0}.sc4-slides img{display:block;flex:0 0 100%;width:100%;height:min(80vh,800px);object-fit:contain;scroll-snap-align:start;scroll-snap-stop:always}.sc4-story-controls{max-width:540px;margin:12px auto 36px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--sc-muted);font-size:15px}.sc4-story-controls button{border:1px solid var(--sc-line);background:#fff;color:var(--sc-blue);width:48px;height:48px;cursor:pointer;font-size:23px}.sc4-story-controls button:disabled{opacity:.35;cursor:default}.sc4-reading{border-top:1px solid var(--sc-line);padding-top:22px;max-width:760px;margin:auto;font:16px/1.95 "Microsoft YaHei",sans-serif}.sc4-reading h4{font-size:20px;color:var(--sc-blue);margin:0 0 12px}.sc4-reading p{margin:0 0 16px}
.sc4-footer{display:flex;justify-content:space-between;gap:18px;max-width:1160px;margin:0 auto;padding:28px 20px 44px;font:13px "Microsoft YaHei",sans-serif}.sc4-footer a{color:var(--sc-blue);min-height:44px;display:inline-flex;align-items:center}
@media(max-width:750px){.sc4-index{display:flex;overflow-x:auto;gap:6px;padding-top:12px;scroll-snap-type:x proximity}.sc4-index a{flex:0 0 auto;min-height:48px;white-space:nowrap;scroll-snap-align:start;font-size:14px;padding:10px 12px}.sc4-section{padding-top:55px;padding-bottom:55px}.sc4-source-links{grid-template-columns:1fr}.sc4-questions{grid-template-columns:1fr;gap:18px}.sc4-questions>div{gap:6px}.sc4-slides img{height:auto;aspect-ratio:3/4;object-fit:contain}.sc4-story-controls{margin-bottom:26px}}
@media(max-width:390px){.sc4-intro{padding:40px 18px}.sc4-index{padding-left:16px;padding-right:16px}.sc4-section{padding-left:16px;padding-right:16px}.sc4-notice{font-size:12px}}
.safety-page{background:#fff}
.safety-page .site-header{position:relative;top:auto;padding:24px 3%;background:#09286d}
.s5{font-family:Elle,"Microsoft YaHei",sans-serif;color:#162b52;background:#fff}
.s5-shell{width:min(100% - 64px,1160px);margin-inline:auto}
.s5-hero{background:#09286d;color:#fff;padding:88px 0 78px}
.s5-eyebrow,.s5-num{font-size:12px;font-weight:800;letter-spacing:.14em}
.s5-eyebrow{color:#cbdcfb;margin:0 0 20px}
.s5 h1{font-size:clamp(40px,5vw,76px);line-height:1.17;margin:0 0 24px;font-weight:800;letter-spacing:0}
.s5-lead{font-size:clamp(18px,2vw,28px);max-width:760px;line-height:1.55;margin:0 0 22px}
.s5-index{display:flex;gap:8px;flex-wrap:wrap;margin-top:44px;border-top:1px solid #7493ce;padding-top:20px}
.s5-index a{display:inline-flex;align-items:center;min-height:44px;padding:0 19px;border:1px solid #b1c6e9;text-decoration:none;color:#fff;border-radius:4px}
.s5-index a:hover,.s5-index a:focus-visible{background:#fff;color:#09286d}
.s5-section{padding:74px 0;border-bottom:1px solid #d9e0e8;scroll-margin-top:20px}
.s5-materials{background:#f8f9fb}.s5-production{background:#fff}.s5-science{background:#e7f2ef}
.s5-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:clamp(24px,5vw,90px)}
.s5-num{display:block;color:#22665d;margin-bottom:18px}
.s5 h2{font-size:clamp(29px,3vw,47px);line-height:1.25;font-weight:800;margin:0}
.s5-copy{min-width:0}.s5-story{padding:0 0 30px}.s5-story+.s5-story{border-top:1px solid #c9d7d8;padding-top:34px}.s5-story:last-child{padding-bottom:0}
.s5-story h3{font-size:clamp(22px,2vw,29px);line-height:1.35;margin:0 0 12px}.s5-story p{font-size:17px;line-height:1.75;margin:0 0 20px}
.s5-links{display:flex;flex-wrap:wrap;gap:10px}.s5-source{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;padding:10px 15px;color:#09286d;background:#fff;border:1px solid #a2b6c7;border-radius:4px;text-decoration:none;font-size:15px;line-height:1.4;overflow-wrap:anywhere}
.s5-source:hover{background:#09286d;color:#fff;border-color:#09286d}.s5-source span{flex:none}
.s5-footer{background:#09286d;color:#fff;padding:32px 0;font-size:15px}.s5-footer .s5-shell{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.s5-footer a{color:#fff;text-underline-offset:4px}
@media(max-width:700px){.safety-page .site-header{padding:12px 12px 0}.s5-shell{width:calc(100% - 36px)}.s5-hero{padding:62px 0 52px}.s5-section{padding:48px 0}.s5-grid{grid-template-columns:1fr;gap:24px}.s5-index{flex-wrap:nowrap;overflow-x:auto}.s5-index a{flex:none}.s5-links{display:grid;grid-template-columns:1fr}.s5-source{width:100%}.s5-footer{padding:26px 0}}

.p3-themes{padding:42px 0 48px}.p3-themes .p3-heading{margin-bottom:24px}.p3-theme-layout{display:block;max-width:none;margin:0}.p3-theme-controls{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border-bottom:1px solid var(--p3-line);margin-bottom:26px}.p3-theme-controls button{border:0;border-bottom:3px solid transparent;border-radius:0;min-height:58px;justify-content:center;padding:12px 8px;background:transparent;box-shadow:none;gap:9px;letter-spacing:0}.p3-theme-controls button[aria-selected=true]{border-bottom-color:var(--p3-navy);color:var(--p3-navy);background:#eaf2fc;box-shadow:none}.p3-theme-controls button[aria-selected=true] small{color:#4973a5}.p3-theme-controls button:focus-visible,.p7-art:focus-visible{outline:3px solid #3977be;outline-offset:3px}.p3-theme-stage{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}.p3-stage-head{padding:0 0 20px;align-items:center}.p3-stage-head h3{font-size:26px;margin:4px 0 0;letter-spacing:0}.p3-stage-head small{letter-spacing:0}.p7-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.p7-panels[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.p7-art{position:relative;display:block;width:100%;min-width:0;padding:0;border:0;background:transparent;cursor:zoom-in;border-radius:6px;overflow:hidden}.p7-crop{position:relative;display:block;width:100%;overflow:hidden;aspect-ratio:var(--panel-ratio)}.p7-crop img{position:absolute;display:block;top:0;left:0;width:100%;height:auto;max-width:none;max-height:none;margin:0;transform:translateY(var(--panel-offset))}.p7-expand{position:absolute;right:10px;bottom:10px;width:32px;height:32px;display:grid;place-items:center;background:#fff;color:var(--p3-navy);border:1px solid #bed0e3;border-radius:4px;font:22px/1 sans-serif}.p3-zoom{margin:20px 0 0;display:inline-flex;align-items:center;gap:10px;min-height:44px;border:0;border-bottom:1px solid #7391ba;border-radius:0;padding:8px 0;background:transparent}.p3-fallback img{width:100%;max-width:986px;max-height:none;height:auto}.p3-fallback figure{padding:0}.p3-questions{padding-top:36px}.p7-view-tools{display:flex;gap:8px;align-items:center}.p7-view-tools button{min-width:44px;min-height:44px}.p3-lightbox{width:min(1100px,calc(100vw - 24px));max-width:calc(100vw - 24px);height:auto;max-height:calc(100dvh - 24px);padding:0;overflow:auto}.p3-lightbox-bar{position:sticky;top:0;z-index:2;padding:12px 16px;background:white;gap:12px}.p3-lightbox-bar strong{font-size:16px;letter-spacing:0}.p7-dialog-image{position:relative;overflow:hidden;margin:0 auto;width:min(100%,986px);aspect-ratio:var(--dialog-ratio);cursor:zoom-in}.p7-dialog-image img{position:absolute;top:0;left:0;width:100%;height:auto;max-width:none;max-height:none;margin:0;transform:translateY(var(--dialog-offset))}.p3-lightbox[data-original="true"] .p7-dialog-image{width:986px;max-width:none;cursor:zoom-out}
@media(max-width:850px){.p3-theme-layout{max-width:none}.p3-theme-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.p3-theme-controls button{flex-wrap:nowrap;font-size:14px}.p7-panels,.p7-panels[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:600px){.p3-themes{padding:28px 0 32px}.p3-themes .p3-heading h2{font-size:28px}.p3-theme-controls{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:22px}.p3-theme-controls button{padding:10px 4px;min-height:50px;gap:5px}.p7-panels,.p7-panels[data-count="4"]{grid-template-columns:minmax(0,1fr);gap:16px}.p3-stage-head{padding:0 0 16px}.p3-stage-head h3{font-size:24px}.p3-zoom{margin:18px 0 0}.p3-lightbox-bar{padding:8px}.p3-lightbox-bar strong{font-size:14px}.p7-view-tools{gap:4px}}

.p7-panels,.p7-panels[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:986px;margin:0 auto}
.p7-frame{display:grid;place-items:center;width:100%;aspect-ratio:986 / 625}
.p7-expand{position:static;margin:6px 0 0 auto;width:28px;height:28px;border:0;background:transparent}
@media(max-width:600px){.p7-panels,.p7-panels[data-count="4"]{grid-template-columns:minmax(0,1fr)}}

.p3-hero,.sc4-intro,.s5-hero{background:var(--navy);color:#fff;padding:150px max(20px,calc((100% - 1240px)/2)) 56px}
.p3-hero-inner{max-width:none}.s5-hero .s5-shell{width:100%;margin:0}.p3-hero::after{display:none}
.p3-hero h1,.sc4-intro h1,.s5-hero h1{font-family:var(--font);font-size:60px;font-weight:800;line-height:1.2;letter-spacing:0;margin:0;overflow-wrap:anywhere;text-wrap:balance}
.p3-hero h1 em{color:inherit}.p3-hero h1 br,.s5-hero h1 br{display:none}
.p3-eyebrow,.sc4-kicker,.s5-eyebrow{font:700 12px/1.5 "Microsoft YaHei",sans-serif;letter-spacing:0;color:#cbdcfb;margin:0 0 20px}
.p3-lead,.sc4-lead,.s5-lead{font-family:var(--font);font-size:20px;font-weight:500;line-height:1.7;letter-spacing:0;color:#e1ebfc;max-width:760px;margin:20px 0 0}
.sc4-notice{margin-top:24px}
.section-page .site-header{position:absolute;top:48px;padding:0 max(3%,calc((100% - 1540px)/2));background:transparent}
@media(max-width:1099px){.p3-hero,.sc4-intro,.s5-hero{padding-top:48px;padding-bottom:44px}.p3-hero h1,.sc4-intro h1,.s5-hero h1{font-size:44px}.section-page .site-header{position:relative;top:auto;padding:12px 12px 0;background:var(--navy)}}
@media(max-width:600px){.p3-hero,.sc4-intro,.s5-hero{padding:40px 20px}.p3-hero h1,.sc4-intro h1,.s5-hero h1{font-size:38px}.p3-lead,.sc4-lead,.s5-lead{font-size:18px}}
@media(max-width:360px){.p3-hero h1,.sc4-intro h1,.s5-hero h1{font-size:34px}}

.sc7-copy{max-width:900px;font:16px/1.95 "Microsoft YaHei",sans-serif;white-space:normal;overflow-wrap:anywhere}
.sc7-copy h3{font-family:var(--font);font-size:24px;font-weight:800;line-height:1.4;color:var(--sc-blue);margin:0 0 18px;letter-spacing:0;text-wrap:balance}
.sc7-copy p{margin:0 0 22px;white-space:pre-wrap}.sc7-copy p:last-child{margin-bottom:0}
.sc7-block{border-top:1px solid var(--sc-line);margin-top:32px;padding-top:26px}.sc7-block h3{font-size:22px}
@media(max-width:600px){.sc7-copy h3{font-size:22px}.sc7-block h3{font-size:20px}.sc7-block{margin-top:26px;padding-top:22px}}

.sc4-questions{gap:32px;padding:28px 0 32px;align-items:start}.sc4-questions>div{gap:8px}
.sc4-questions strong{display:block;font:500 13px/1.6 "Microsoft YaHei",sans-serif;color:#4b6074;margin:0 0 8px;text-decoration:none;cursor:default;letter-spacing:0}
.sc4-questions a{display:block;min-height:48px;padding:10px 12px;border-left:3px solid transparent;border-bottom:1px solid #d5e0e4;font:600 18px/1.5 "Microsoft YaHei",sans-serif;color:var(--sc-blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;overflow-wrap:anywhere;letter-spacing:0}
.sc4-questions a:hover{background:#eef4fa;text-decoration-thickness:2px}
.sc4-questions a[aria-current]{border-left-color:var(--sc-blue);background:#e9f2fb;color:var(--sc-blue);font-weight:700;text-decoration-thickness:2px}
.sc4-questions a:focus-visible{outline:3px solid var(--sc-blue);outline-offset:3px}
@media(max-width:750px){.sc4-questions{gap:24px}.sc4-questions>div{gap:8px}}


.p8{color:#082e83}.p8-hero.p3-hero{padding:0;background:#153d79;position:relative;isolation:isolate;min-height:0}.p8-hero-media{overflow:hidden}.p8-hero-art{display:block;width:100%;height:auto}.p8-hero-copy{position:absolute;left:48%;right:3%;top:30%;color:#ead7a4}.p8-hero-copy .p3-eyebrow{margin:0 0 12px;color:#fff}.p8-hero h1{display:flex;align-items:flex-end;gap:12px;color:#ead7a4;font-family:var(--font);font-weight:800;line-height:1;letter-spacing:0;margin:0;text-wrap:initial}.p8-title-words{display:grid;gap:10px;font-size:96px;line-height:1.05}.p8-years{font:500 300px/.85 var(--font)}.p8-year-unit{font-size:96px;line-height:1}.p8-hero-lead{font:500 30px/1.6 var(--font);color:#fff;margin:28px 0 0;overflow-wrap:anywhere;letter-spacing:0}.p8-explore{background:#0653d9 url("../images/product-selection-hero-background.png") center top/100% auto no-repeat}.p8-shell{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:52px 0 64px}.p8-explore .p3-heading{margin:0 0 30px}.p8-explore .p3-heading span{font:700 12px/1.5 "Microsoft YaHei",sans-serif;letter-spacing:0;color:#123b79}.p8-explore h2{font:800 44px/1.3 var(--font);letter-spacing:0;margin:0;overflow-wrap:anywhere}.p8-grid{display:grid;gap:24px;align-items:stretch}.p8-pads{grid-template-columns:repeat(3,minmax(0,1fr))}.p8-pants{grid-template-columns:repeat(4,minmax(0,1fr))}.p8-card{min-width:0;background:#fff;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.p8-pack{aspect-ratio:619/560;overflow:hidden;flex:none}.p8-pack img{display:block;width:100%;height:auto;max-width:none;margin:0}.p8-pants .p8-pack{aspect-ratio:477/475}.p8-card-copy{padding:0 24px 28px}.p8-need{font:800 28px/1.35 var(--font);letter-spacing:0;padding:16px 0 18px;margin:0 0 16px;border-bottom:1px dashed #7098d0;overflow-wrap:anywhere}.p8-card h4{font:800 23px/1.45 var(--font);margin:0 0 12px;letter-spacing:0;overflow-wrap:anywhere}.p8-card ul{list-style:none;padding:0;margin:0;font:500 18px/1.7 var(--font);letter-spacing:0;overflow-wrap:anywhere}.p8-card li{margin:0}.p8-pants-section{background:#0753d9 url("../images/sleep-pants-section-background.png") center top/cover no-repeat}.p8-pants-section h2{color:#fff;margin:0 0 30px}.p8-pants .p8-card-copy{padding:0 18px 24px}.p8-pants .p8-need{font-size:25px}.p8-pants h4{font-size:21px}.p8-pants ul{font-size:17px}
@media(max-width:1600px){.p8-title-words,.p8-year-unit{font-size:72px}.p8-years{font-size:224px}.p8-hero-lead{font-size:24px;margin-top:24px}}
@media(max-width:1099px){.p8-hero-copy{position:static;padding:28px 20px 38px}.p8-hero-art{height:380px;width:100%;object-fit:cover;object-position:left center}.p8-hero-copy h1{justify-content:flex-start}.p8-title-words,.p8-year-unit{font-size:52px}.p8-years{font-size:144px}.p8-hero-lead{font-size:22px;margin-top:22px}.p8-pants{grid-template-columns:repeat(2,minmax(0,1fr))}.p8-pants .p8-pack{aspect-ratio:477/475}.p8-card-copy,.p8-pants .p8-card-copy{padding:0 18px 24px}.p8-need,.p8-pants .p8-need{font-size:25px}.p8-card h4,.p8-pants h4{font-size:21px}.p8-card ul,.p8-pants ul{font-size:18px}}
@media(max-width:850px){.p8-pads{grid-template-columns:repeat(2,minmax(0,1fr))}.p8-grid{gap:20px}.p8-explore h2{font-size:36px}}
@media(max-width:600px){.p8-hero-art{height:320px}.p8-hero-copy{padding:26px 20px 34px}.p8-title-words,.p8-year-unit{font-size:34px}.p8-years{font-size:96px}.p8-hero h1{gap:10px}.p8-hero-lead{font-size:20px;margin-top:20px}.p8-shell{padding:34px 0 40px}.p8-explore h2{font-size:28px}.p8-grid,.p8-pants{grid-template-columns:minmax(0,1fr);gap:22px}.p8-explore .p3-heading,.p8-pants-section h2{margin-bottom:24px}.p8-need,.p8-pants .p8-need{font-size:26px}.p8-card h4,.p8-pants h4{font-size:22px}.p8-card-copy,.p8-pants .p8-card-copy{padding:0 22px 26px}}

.p8-hero-lead{text-wrap:balance}.p8-explore{background-size:cover}
@media(min-width:1100px){.p8-hero.p3-hero{padding-top:128px}.p8-hero-stage{position:relative;width:min(100%,calc((100svh - 212px) * 1920 / 969));margin:0 auto;container-type:inline-size}.p8-title-words,.p8-year-unit{font-size:5cqw}.p8-title-words{gap:.52cqw}.p8-years{font-size:15.625cqw}.p8-hero h1{gap:.625cqw}.p8-hero-lead{font-size:1.5625cqw;margin-top:1.46cqw}.p8-pads{grid-template-columns:repeat(4,minmax(0,1fr))}.p8-pads .p8-card-copy{padding:0 18px 24px}.p8-pads .p8-need{font-size:25px}.p8-pads h4{font-size:21px}.p8-pads ul{font-size:17px}}
.p8-pack{aspect-ratio:469/450}.p8-pack img{width:calc(100% * 619 / 469);margin-left:calc(-100% * 75 / 469);transform:translateY(calc(-100% * 75 / 1054))}
.p8-pants .p8-pack{aspect-ratio:337/380}.p8-pants .p8-pack img{width:calc(100% * 477 / 337);margin-left:calc(-100% * 70 / 337);transform:translateY(calc(-100% * 70 / 946))}

.sc4-intro{background:var(--navy) url("../images/period-health-section-background.png") center top/auto 1158px no-repeat}
.sc8-photo{position:relative;width:min(574px,100%);aspect-ratio:574/617;overflow:hidden;margin:24px auto 36px;border:0;border-radius:0}
.sc8-photo img{position:absolute;display:block;max-width:none;max-height:none;width:calc(100% * 608 / 574);height:auto;left:calc(-100% * 16 / 574);top:0;margin:0;transform:translateY(calc(-100% * 111 / 864))}

@media(min-width:1100px){.site-header,.section-page .site-header{top:24px}}
.trust-brand-icon{display:block;width:min(286px,100%);height:auto;aspect-ratio:1;object-fit:contain}
.trust{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:49.4px;padding-bottom:23.4px}
.trust-item{min-width:0;min-height:117px;gap:18.2px;flex-wrap:wrap;font-size:clamp(22.1px,1.885vw,33.8px)}
.trust-item strong{font-size:clamp(45.5px,4.42vw,80.6px)}
.trust .shield{width:80.6px;height:80.6px;font-size:41.6px}
@media(max-width:1099px){.trust{padding-top:36.4px;padding-bottom:26px}.trust-item{font-size:20.8px}.trust .shield{width:65px;height:65px;font-size:32.5px}}
@media(max-width:1000px){.trust{grid-template-columns:minmax(0,1fr)}.trust-item+.trust-item{border-left:0;border-top:1px solid #d0d8e7}.trust-item{padding-top:13px;padding-bottom:13px}}
@media(max-width:600px){.trust{padding:16.9px 16px 31.2px}.trust-item{min-height:119.6px;padding:13px 0;font-size:23.4px}}
.homepage-source{padding:20px 20px 32px;background:#fff}
.trust-brand-source{width:100%;max-width:960px;box-sizing:border-box;margin:0 auto;font:500 11px/1.7 var(--font);letter-spacing:0;color:#3e4d6e;overflow-wrap:anywhere}
.hero-story{font-family:Elle,"Microsoft YaHei",sans-serif;font-weight:500;font-synthesis:none}


@media(min-width:1100px){#homepage .hero{background-image:var(--h12-suppressed-hero);background-size:contain;background-position:left center;background-repeat:no-repeat}}
#homepage .hero-mobile-art{background-image:var(--h12-suppressed-hero);background-size:contain;background-position:center}
#homepage .reason-card>.h9-lab{aspect-ratio:327/446;object-fit:contain}
#homepage .reason-card>.h9-base{aspect-ratio:326/446;object-fit:contain}
.h9-family{padding:32px 20px;background:#fff}
.h9-family img{display:block;width:min(846px,100%);height:auto;margin:0 auto}
.h9-timeline{overflow-x:auto;overscroll-behavior-inline:contain;background:#fff}
.h9-timeline img{display:block;width:100%;min-width:5120px;height:auto;max-width:none}
.h9-timeline:focus-visible{outline:3px solid var(--navy);outline-offset:4px}


#product-preview .p10-support{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,3fr);gap:16px 28px;margin-top:18px;padding-top:16px;border-top:1px solid var(--p3-line)}
#product-preview .p10-support-group{min-width:0}
#product-preview .p10-support h4{font:700 13px/1.5 "Microsoft YaHei",sans-serif;color:var(--p3-navy);margin:0 0 6px;letter-spacing:0}
#product-preview .p10-support p{font-size:14px;line-height:1.8;overflow-wrap:anywhere}
#product-preview .p10-support a{color:var(--p3-navy);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
#product-preview .p10-support a:focus-visible{outline:3px solid #3977be;outline-offset:4px}
#product-preview .p10-unified-note{margin:24px 0 0;padding:20px 0;border-top:1px solid var(--p3-line);font:13px/1.85 "Microsoft YaHei",sans-serif;color:#344c70;overflow-wrap:anywhere}
@media(max-width:700px){#product-preview .p10-support{grid-template-columns:minmax(0,1fr);gap:14px}}
@media(min-width:701px){#product-preview .p10-support>.p10-support-group:only-child{grid-column:2}}
#science-preview .sc8-photo{aspect-ratio:auto}
#science-preview .sc8-photo>.s10-photo{position:static;display:block;width:100%;height:auto;max-width:100%;max-height:none;left:auto;top:auto;transform:none;object-fit:contain;margin:0}
#homepage .homepage-source.h10-footer{background:var(--navy);color:#fff;padding:64px max(24px,calc((100% - 1240px)/2));margin:0;border:0;isolation:isolate}
#homepage .h10-footer-inner{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:48px;max-width:1240px;margin:0 auto}
#homepage .h10-manifesto,#homepage .h10-source{min-width:0}
#homepage .h10-brand-logo{display:block;width:175px;height:auto;max-width:100%;filter:grayscale(1) invert(1) brightness(2);mix-blend-mode:screen}
#homepage .h10-brand-copy{margin:24px 0 0;font:500 18px/1.95 var(--font);letter-spacing:0;color:#fff;overflow-wrap:anywhere;text-wrap:pretty}
#homepage .h10-source{border-left:1px solid #ffffff40;padding-left:40px;display:flex;align-items:center}
#homepage .h10-source .trust-brand-source{margin:0;padding:0;max-width:none;font:500 13px/1.9 var(--font);letter-spacing:0;color:#c3d3eb;overflow-wrap:anywhere}
@media(max-width:767px){#homepage .homepage-source.h10-footer{padding:40px 24px}#homepage .h10-footer-inner{grid-template-columns:minmax(0,1fr);gap:28px}#homepage .h10-brand-copy{font-size:16px}#homepage .h10-source{border-left:0;border-top:1px solid #ffffff40;padding:24px 0 0}}

#safety-preview .s5-section{padding:48px 0}
#safety-preview .s5-grid{grid-template-columns:240px minmax(0,1fr);gap:28px 48px;align-items:start}
#safety-preview .s5-heading{grid-column:1/-1;min-width:0}
#safety-preview .s5-heading h2{font-size:34px;line-height:1.35;margin:0}
#safety-preview .s5-num{margin-bottom:12px}
#safety-preview .s11-photo{display:block;width:fit-content;max-width:100%;margin:0;border:0;border-radius:0;overflow:visible}
#safety-preview .s11-view{display:block;position:relative;border:0;border-radius:0;background:transparent;padding:0;margin:0;max-width:100%;cursor:zoom-in}
#safety-preview .s11-view:disabled{cursor:default}
#safety-preview .s11-image{display:block;width:auto;height:auto;max-width:100%;max-height:320px;object-fit:contain;margin:0;transform:none}
#safety-preview .s11-expand{position:absolute;left:calc(100% + 8px);bottom:0;display:grid;place-items:center;width:28px;height:28px;background:#fff;color:var(--navy);border:1px solid #a2b6c7;font-size:18px;pointer-events:none}
#safety-preview .s11-view:disabled .s11-expand{display:none}
#safety-preview .s11-view:focus-visible,#safety-preview .s11-close:focus-visible{outline:3px solid #0850d7;outline-offset:4px}
#safety-preview .s5-copy .s5-story{padding:20px 0;margin:0}
#safety-preview .s5-copy .s5-story:first-child{padding-top:0}
#safety-preview .s5-copy .s5-story:last-child{padding-bottom:0}
#safety-preview .s5-copy .s5-story h3{font-size:24px;line-height:1.4;margin:0 0 8px}
#safety-preview .s5-copy .s5-story p{font-size:16px;line-height:1.75;margin:0 0 14px}
#safety-preview .s11-dialog{border:0;border-radius:6px;padding:56px 16px 16px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);background:#fff;box-sizing:border-box}
#safety-preview .s11-dialog::backdrop{background:#051732b3}
#safety-preview .s11-dialog img{display:block;width:auto;height:auto;max-width:calc(100vw - 64px);max-height:calc(100dvh - 120px);object-fit:contain;margin:auto}
#safety-preview .s11-close{position:absolute;right:8px;top:8px;width:40px;height:40px;border:0;background:#fff;color:var(--navy);font-size:26px;cursor:pointer}
@media(min-width:1100px){#safety-preview .s5-science .s5-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px}#safety-preview .s5-science .s5-copy .s5-story{padding:20px 0 0;margin:0;border-top:1px solid #c5d4d8}#safety-preview .s5-science .s5-copy .s5-story:nth-child(-n+2){border-top:0;padding-top:0}}
@media(max-width:700px){#safety-preview .s5-grid{grid-template-columns:minmax(0,1fr);gap:24px}#safety-preview .s5-heading h2{font-size:29px}#safety-preview .s5-copy .s5-story h3{font-size:22px}}
#homepage .h11-innovation-crop{position:relative;aspect-ratio:326/446;overflow:hidden;background:#000}
#homepage .h11-innovation-window{position:absolute;bottom:0;width:100%;aspect-ratio:326/360;overflow:hidden}
#homepage .h11-innovation-crop img{display:block;width:100%;height:auto;max-width:none;transform:translateY(-19.28251121%)}
#homepage .h11-brand{padding-top:40px;padding-bottom:32px}
#homepage .h11-brand p{max-width:1000px;margin:0;font:500 18px/1.95 var(--font);color:var(--navy);overflow-wrap:anywhere;letter-spacing:0}
#homepage .h11-notes{padding-top:0;padding-bottom:48px}
#homepage .h11-note{padding:24px 0;border-top:1px solid #c5d4d8}
#homepage .h11-note h2{margin:0 0 12px;font:700 18px/1.5 var(--font);color:var(--navy);letter-spacing:0;overflow-wrap:anywhere}
#homepage .h11-note-marker{white-space:nowrap}
#homepage .h11-note-claim{margin:0 0 10px;font:500 16px/1.75 var(--font);color:var(--navy);letter-spacing:0;overflow-wrap:anywhere}
#homepage .h11-note-source{max-width:960px;margin:0;font:500 13px/1.9 var(--font);color:#3e4d6e;letter-spacing:0;overflow-wrap:anywhere}
@media(max-width:600px){#homepage .h11-brand{padding-top:28px;padding-bottom:24px}#homepage .h11-brand p{font-size:16px}#homepage .h11-notes{padding-bottom:32px}}

:root{--h12-suppressed-hero:none}
#product-preview .p10-support h4{font-size:12px;font-weight:500;line-height:1.8}
#product-preview .p10-support p{font-size:13px;line-height:1.8}
@media(min-width:1100px){#homepage .hero{background-image:url("../images/whisper-brand-hero-art.png")}}
@media(max-width:1099px){
body:not(.section-page) .site-header{background:linear-gradient(90deg,#1a3b80 0%,#0b377e 25%,#09367d 50%,#09347b 75%,#09347b 100%);padding:12px 12px 0}
#homepage .hero{background:#e0e2df;color:#09286d}
#homepage .hero-mobile-art.h12-hero-art{display:block;width:100%;height:auto;aspect-ratio:1920/969;background:none;object-fit:contain}
#homepage .hero-inner{background:linear-gradient(90deg,#f9f4e2 0%,#f7f3e4 25%,#dde2dd 50%,#dbe1de 75%,#e3e8e3 100%);color:#09286d}
#homepage .hero-english{color:#435777}
#homepage .hero h1 span{color:#80631f}
#homepage .hero-actions .button{color:#09286d;border-color:#09286d;min-height:44px}
#homepage .hero-actions .button-solid{background:#09286d;color:#fff}
}
#homepage .h12-claim-marker{font-size:.65em;line-height:0;vertical-align:super;margin-left:.1em}
#homepage .trust-brand .h12-claim-marker{font-size:18px;line-height:1;align-self:center}
#homepage .h12-history-scroll{container-type:inline-size;width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:#cfc18d #143873;scrollbar-width:auto;margin:0 0 20px}
#homepage .h12-history-scroll:focus-visible{outline:3px solid #0850d7;outline-offset:4px}
#homepage #history{scroll-margin-top:-110px}
#homepage .h12-history-frame{--h12-scale:min(1,calc(100cqw / 1500px),calc((100vh - 310px) / 790px));position:relative;overflow:hidden;width:calc(1500px * var(--h12-scale));height:calc(790px * var(--h12-scale));margin-inline:auto}
#homepage .h12-history-stage{position:absolute;left:0;top:0;transform-origin:0 0;transform:scale(var(--h12-scale)) translate(-210px,-110px);width:1920px;min-width:1920px;min-height:1264px;background:#123b76;color:#fff;font-family:Elle,"Microsoft YaHei",sans-serif;font-synthesis:none;letter-spacing:0}
#homepage .h12-history-plate{display:block;width:1920px;height:1264px;max-width:none}
#homepage .h12-history-title{position:absolute;left:903px;top:132px;width:380px;margin:0;font-size:54px;font-weight:800;line-height:1.3;color:#fff}
#homepage .h12-history-slogan{position:absolute;left:430px;top:300px;width:1060px;display:flex;align-items:baseline;gap:26px;margin:0;color:#d2c68e;font-size:40px;font-weight:500;line-height:1.4}
#homepage .h12-history-slogan [lang]{font-size:48px}
#homepage .h12-history-events{list-style:none;margin:0;padding:0}
#homepage .h12-history-events li{position:absolute;left:calc(var(--event-x)*1px);top:calc(var(--event-y)*1px);width:calc(var(--event-width)*1px);margin:0;padding:0}
#homepage .h12-history-events time{display:block;font-size:40px;font-weight:500;line-height:1.1;color:#d2c68e}
#homepage .h12-history-events p{font-size:14px;font-weight:500;line-height:1.4;white-space:pre-line;margin:6px 0 0;overflow-wrap:anywhere;color:#fff}
#homepage .h12-history-declaration{position:absolute;left:300px;top:835px;width:1330px;margin:0;font-size:34px;font-weight:500;line-height:1.5;color:#fff}
@media(min-width:1100px){#homepage .h12-history-frame{--h12-scale:calc(100cqw / 1500px)}}
@media(max-width:700px){#homepage .h12-history-frame{--h12-scale:calc(300cqw / 1500px);margin-inline:0}}

#science-preview .sc8-photo{aspect-ratio:auto;height:auto;overflow:visible}
#science-preview .sc8-photo .s10-photo{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;transform:none}
#safety-preview .s11-image{aspect-ratio:auto;object-fit:contain;transform:none}
#safety-preview .s11-view{padding-bottom:36px}
#safety-preview .s11-expand{left:auto;right:0;bottom:0}
#homepage .h13-why,#homepage .h13-notes{font-family:Elle,"Microsoft YaHei",sans-serif;font-synthesis:none;letter-spacing:0}
#homepage #why.h13-why{padding-top:48px;padding-bottom:48px}
#homepage .h13-evidence{--h13-ink:#000c70;--h13-gold:#f0e5b8;background:#071142;color:#fff;padding:32px 24px 36px}
#homepage .h13-heading{margin:0 0 28px;scroll-margin-top:140px}
#homepage .h13-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;align-items:stretch}
#homepage .h13-card{min-width:0;border:0;border-radius:0;overflow:visible;display:flex;flex-direction:column;background:transparent;color:var(--h13-ink);container-type:inline-size}
#homepage .h13-media{margin:0;min-width:0;scroll-margin-top:140px}
#homepage .h13-photo{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;transform:none;margin:0}
#homepage .h13-card[data-reason="1"] .h13-body{background-image:url("../images/brand-reason-divider.png")}
#homepage .h13-card[data-reason="2"] .h13-body{background-image:url("../images/brand-reason-divider-variant-2.png")}
#homepage .h13-card[data-reason="3"] .h13-body{background-image:url("../images/brand-reason-divider-variant-3.png")}
#homepage .h13-card[data-reason="4"] .h13-body{background-image:url("../images/brand-reason-divider-variant-4.png")}
#homepage .h13-card[data-reason="5"] .h13-body{background-image:url("../images/brand-reason-divider-variant-5.png")}
#homepage .h13-card[data-reason="6"] .h13-body{background-image:url("../images/brand-reason-divider-variant-6.png")}
#homepage .h13-body{flex:1;min-width:0;background-size:100% 100%;background-color:var(--h13-gold)}
#homepage .h13-copy{width:600px;box-sizing:border-box;padding:26px 24px 6px;zoom:calc(100cqw / 600px);text-align:center}
#homepage .h13-body h4{margin:0;padding:0;font:800 60px/1.5 Elle,"Microsoft YaHei",sans-serif;overflow-wrap:anywhere;letter-spacing:0;color:var(--h13-ink)}
#homepage .h13-copy .h13-divider{margin:18px 0;width:100%;height:auto}
#homepage .h13-description{font:500 34px/1.35 Elle,"Microsoft YaHei",sans-serif;letter-spacing:0;overflow-wrap:anywhere}
#homepage .h13-description p{margin:0;color:var(--h13-ink)}
#homepage .h13-ref{color:inherit;text-decoration:underline;text-underline-offset:2px}
#homepage .h13-why sup{font-size:20px;line-height:1;vertical-align:super;margin-left:1px}
#homepage .h13-ref:focus-visible{outline:3px solid currentColor;outline-offset:3px}
#homepage .h13-ref:target{outline:2px solid currentColor;outline-offset:3px}
#homepage .h13-notes{padding-top:0;padding-bottom:48px;color:#000c70}
#homepage .h13-notes h2{font:800 18px/1.6 Elle,"Microsoft YaHei",sans-serif;margin:0 0 20px;letter-spacing:0}
#homepage .h13-notes ol{margin:0;padding:0;list-style:none}
#homepage .h13-notes li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;padding:12px 0;border-top:1px solid #c5d4d8;scroll-margin-top:140px;font:500 13px/1.8 Elle,"Microsoft YaHei",sans-serif;overflow-wrap:anywhere}
#homepage .h13-notes li:target{outline:2px solid #000c70;outline-offset:4px}
#homepage .h13-notes p{margin:0;letter-spacing:0}
#homepage .h13-ref{scroll-margin-top:160px}
@media(min-width:701px) and (max-width:1099px){#homepage .h13-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
@media(max-width:700px){#homepage #why.h13-why{padding-top:32px;padding-bottom:32px}#homepage .h13-evidence{padding:24px 16px 28px}#homepage .h13-heading{margin-bottom:24px}#homepage .h13-grid{grid-template-columns:minmax(0,1fr);gap:28px}#homepage .h13-notes{padding-bottom:32px}}

#homepage .h11-brand p,#homepage .h11-note-source{max-width:none;width:100%}
#homepage .h11-notes{display:block}
#homepage .h13-history-mobile{display:none}
@media(min-width:701px) and (max-width:1099px){#homepage .h12-history-frame{--h12-scale:calc(100cqw / 1500px)}}
@media(max-width:700px){
#homepage .h12-history-scroll{display:none}
#homepage .h13-history-mobile{display:block;background:#123b76;color:#fff;padding:28px 20px;margin:0 0 20px;font-family:Elle,"Microsoft YaHei",sans-serif;font-synthesis:none;letter-spacing:0}
#homepage .h13-history-mobile header{text-align:center;margin:0 0 32px}
#homepage .h13-history-mobile img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
#homepage .h13-history-mobile header img{width:180px;max-width:100%;margin:0 auto 20px}
#homepage .h13-history-mobile h3{font:800 30px/1.4 Elle,"Microsoft YaHei",sans-serif;color:#fff;margin:0 0 16px;overflow-wrap:anywhere}
#homepage .h13-history-slogan{font:500 20px/1.5 Elle,"Microsoft YaHei",sans-serif;color:#d2c68e;margin:0;overflow-wrap:anywhere}
#homepage .h13-history-slogan span{display:block}
#homepage .h13-history-groups{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;list-style:none;padding:0;margin:0}
#homepage .h13-history-group{min-width:0;margin:0;padding:0 0 28px;border-bottom:1px solid #d2c68e66;container-type:inline-size}
#homepage .h13-history-event + .h13-history-event{margin-top:24px}
#homepage .h13-history-event time{display:block;font:500 clamp(30px,12cqw,48px)/1.2 Elle,"Microsoft YaHei",sans-serif;color:#d2c68e;margin-top:16px;overflow-wrap:anywhere}
#homepage .h13-history-event p{font:500 clamp(18px,6cqw,24px)/1.6 Elle,"Microsoft YaHei",sans-serif;color:#fff;white-space:pre-line;overflow-wrap:anywhere;margin:8px 0 0}
#homepage .h13-history-declaration{font:500 22px/1.6 Elle,"Microsoft YaHei",sans-serif;color:#fff;margin:28px 0 0;overflow-wrap:anywhere}
}

/* Approved local exceptions: mobile homepage composition and a full-width PC product hero. */
#homepage .h14-claims,#homepage .h14-reason-overview,#homepage .h14-gallery-controls,#homepage .h14-gallery-hint,#homepage .h14-history-mobile{display:none}
#homepage .h14-hero-window{display:contents}
#homepage .h11-notes{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding-bottom:20px}
#homepage .h11-note{min-width:0;padding:12px 0}
#homepage .h11-note h2{margin-bottom:6px}
#homepage .h11-note-claim{margin-bottom:6px}
#homepage .h11-note-source{line-height:1.65}
#homepage .h13-notes{padding-bottom:28px}
#homepage .h13-notes h2{margin-bottom:10px}
#homepage .h13-notes ol{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
#homepage .h13-notes li{padding:5px 0;grid-template-columns:20px minmax(0,1fr);gap:6px;line-height:1.65;min-width:0}
@media(min-width:1100px){
#product-preview .p8-hero-stage{width:100%}
#product-preview .p8-hero-art{height:auto;object-fit:contain}
#homepage .h11-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
#homepage .h13-notes ol{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;align-items:start}
}
@media(max-width:700px){
#homepage .h14-hero-window{display:block;position:relative;width:100%;aspect-ratio:760/770;overflow:hidden}
#homepage .h14-hero-window .hero-mobile-art.h12-hero-art{position:absolute;width:252.6315789473684%;max-width:none;height:auto;aspect-ratio:1920/969;left:-7.894736842105263%;top:-20.12987012987013%;object-fit:contain}
#homepage .trust{display:block;padding:28px 16px;background:#fff}
#homepage .trust>.trust-item{display:none}
#homepage .h14-claims{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:540px;margin:auto;color:#000c70;font-family:Elle,"Microsoft YaHei",sans-serif;font-synthesis:none;letter-spacing:0}
#homepage .h14-claim{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;min-width:0;padding:8px 10px;text-align:center;color:inherit;text-decoration:none}
#homepage .h14-claim+.h14-claim{border-left:1px solid #c5d4d8}
#homepage .h14-claim strong{display:block;font:800 clamp(26px,7.2vw,40px)/1.2 Elle,"Microsoft YaHei",sans-serif;letter-spacing:-.03em;min-height:64px;align-content:center}
#homepage .h14-claim strong span{font-size:.45em;letter-spacing:0}
#homepage .h14-claim strong.h14-standard{font:800 23px/1.3 Elle,"Microsoft YaHei",sans-serif;letter-spacing:0}
#homepage .h14-claim p{font:500 13px/1.65 Elle,"Microsoft YaHei",sans-serif;margin:0;overflow-wrap:anywhere}
#homepage .h14-standard-code{font:500 11px/1.5 Elle,"Microsoft YaHei",sans-serif;overflow-wrap:anywhere}
#homepage .h14-claim:focus-visible{outline:2px solid currentColor;outline-offset:2px}
#homepage .h14-reason-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;margin:0 0 24px;font:500 14px/1.5 Elle,"Microsoft YaHei",sans-serif;letter-spacing:0}
#homepage .h14-reason-overview a{display:flex;align-items:baseline;gap:8px;padding:10px 0;border-bottom:1px solid #c5d4d8;text-decoration:none;color:#000c70;overflow-wrap:anywhere;min-width:0}
#homepage .h14-reason-overview a span{font:500 12px/1.5 Elle,"Microsoft YaHei",sans-serif;color:#526382}
#homepage .h14-reason-overview a[aria-current="true"]{border-bottom:2px solid #000c70}
#homepage .h14-reason-overview a:focus-visible{outline:2px solid #000c70;outline-offset:3px}
#homepage .h13-evidence{padding:20px 16px 16px}
#homepage .h13-heading{margin-bottom:20px}
#homepage .h13-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(300px,calc(100% - 28px));gap:16px;align-items:stretch;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:0;scrollbar-width:none;overscroll-behavior-x:contain;padding:4px 0 8px}
#homepage .h13-grid::-webkit-scrollbar{display:none}
#homepage .h13-grid:focus-visible{outline:2px solid #fff;outline-offset:4px}
#homepage .h13-card{scroll-snap-align:start;scroll-margin-top:150px}
#homepage .h13-card:last-child{scroll-snap-align:end}
#homepage .h13-copy{width:100%;zoom:1;padding:14px 12px 8px}
#homepage .h13-body h4{font:800 21px/1.5 Elle,"Microsoft YaHei",sans-serif}
#homepage .h13-description{font:500 15px/1.6 Elle,"Microsoft YaHei",sans-serif}
#homepage .h13-why sup{font-size:12px}
#homepage .h13-copy .h13-divider{margin:12px 0}
#homepage .h14-gallery-controls{display:none;align-items:center;justify-content:space-between;margin-top:16px;color:#fff;font-family:Elle,"Microsoft YaHei",sans-serif}
#homepage .h14-ready .h14-gallery-controls{display:flex}
#homepage .h14-position{font:500 14px/1.5 Elle,"Microsoft YaHei",sans-serif}
#homepage .h14-gallery-controls>div{display:flex;gap:10px}
#homepage .h14-gallery-controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #d2c68e;border-radius:50%;background:transparent;color:#fff;font:500 30px/1 Elle,"Microsoft YaHei",sans-serif;cursor:pointer}
#homepage .h14-gallery-controls button:disabled{opacity:.35;cursor:default}
#homepage .h14-gallery-controls button:focus-visible{outline:2px solid #fff;outline-offset:3px}
#homepage .h14-gallery-hint{display:block;color:#fff;margin:12px 0 0;font:500 12px/1.6 Elle,"Microsoft YaHei",sans-serif}
#homepage .h14-history-mobile{display:block;padding:24px 20px 28px;background:#123b76;color:#fff;font-family:Elle,"Microsoft YaHei",sans-serif;font-synthesis:none;letter-spacing:0}
#homepage .h14-history-mobile header{display:flex;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid #d2c68e66}
#homepage .h14-history-mobile header img{display:block;width:100px;max-width:35%;height:auto;object-fit:contain}
#homepage .h14-history-mobile header p{margin:0;font:500 14px/1.6 Elle,"Microsoft YaHei",sans-serif;color:#d2c68e;overflow-wrap:anywhere}
#homepage .h14-history-mobile header p span{display:block}
#homepage .h14-timeline{list-style:none;padding:0;margin:8px 0 0}
#homepage .h14-timeline li{display:grid;grid-template-columns:52px minmax(0,1fr) 48px;gap:12px;align-items:center;position:relative;padding:18px 0;border-bottom:1px solid #d2c68e40}
#homepage .h14-timeline time{font:500 21px/1.3 Elle,"Microsoft YaHei",sans-serif;color:#d2c68e}
#homepage .h14-timeline p{margin:0;font:500 15px/1.65 Elle,"Microsoft YaHei",sans-serif;color:#fff;white-space:pre-line;overflow-wrap:anywhere}
#homepage .h14-timeline img{display:block;width:48px;height:auto;max-width:100%;object-fit:contain}
#homepage .h14-history-declaration{margin:24px 0 0;font:500 17px/1.8 Elle,"Microsoft YaHei",sans-serif;color:#fff;overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){#homepage .h13-grid{scroll-behavior:auto}}

#product-preview .p14-category-nav,#product-preview .p14-open{display:none}
#product-preview .p14-dialog:not([open]){display:none}
#product-preview .p14-dialog{position:fixed;inset:auto 0 0;margin:0 auto;width:min(100%,560px);max-width:100%;max-height:calc(100dvh - 24px);padding:0;border:0;border-radius:20px 20px 0 0;background:#fff;color:#082e83;font-family:var(--font);font-synthesis:none;letter-spacing:0;overflow:auto;overscroll-behavior:contain;box-sizing:border-box}
#product-preview .p14-dialog::backdrop{background:#051732b3}
#product-preview .p14-dialog header{position:sticky;top:0;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:20px;background:#fff;border-bottom:1px solid #d4deeb}
#product-preview .p14-dialog h2{margin:0;font:800 24px/1.4 var(--font);overflow-wrap:anywhere}
#product-preview .p14-close{min-width:48px;min-height:44px;padding:8px;border:1px solid #082e83;border-radius:6px;background:#fff;color:#082e83;font:500 15px/1.4 var(--font);cursor:pointer}
#product-preview .p14-detail-body{padding:16px 20px 28px}
#product-preview #p14-dialog-need{margin:0;font:800 18px/1.5 var(--font);color:#082e83}
#product-preview .p14-detail-image{width:180px;max-width:70%;margin:12px auto 20px}
#product-preview .p14-detail-image .p8-pack{width:100%;margin:0;aspect-ratio:469/450}
#product-preview .p14-detail-image[data-kind="pants"] .p8-pack{aspect-ratio:337/380}
#product-preview .p14-detail-image[data-kind="pants"] .p8-pack img{width:calc(100% * 477 / 337);margin-left:calc(-100% * 70 / 337);transform:translateY(calc(-100% * 70 / 946))}
#product-preview .p14-dialog .p14-features{display:block;list-style:none;margin:0;padding:0;font:500 17px/1.8 var(--font);color:#082e83;overflow-wrap:anywhere}
#product-preview .p14-dialog .p14-features li+li{margin-top:8px}
#product-preview .p14-open:focus-visible,#product-preview .p14-close:focus-visible,#product-preview .p14-category-nav a:focus-visible{outline:3px solid #082e83;outline-offset:3px}
html.p14-product-modal-open{overflow:hidden;scrollbar-gutter:stable}
html.p14-product-modal-open body{position:fixed;top:var(--p14-scroll-top);left:0;width:100%}
@media(max-width:700px){
#product-preview .p14-category-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 24px}
#product-preview .p14-category-nav a{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;min-height:48px;padding:10px 6px;border:1px solid #082e83;border-radius:6px;background:#fff;color:#082e83;text-decoration:none;font:800 15px/1.5 var(--font);text-align:center}
#product-preview .p14-category-nav span{font:500 13px/1.5 var(--font)}
#product-preview #p3-themes-title,#product-preview #p8-pants-title{scroll-margin-top:120px}
#product-preview .p8-shell{padding:28px 0 32px}
#product-preview .p8-explore .p3-heading,#product-preview .p8-pants-section h2{margin-bottom:20px}
#product-preview .p8-explore h2{font-size:28px}
#product-preview .p8-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#product-preview .p8-card{padding-top:12px}
#product-preview .p8-card-copy{display:contents}
#product-preview .p8-card .p8-need{order:0;margin:0 12px;padding:0;border:0;font:800 16px/1.45 var(--font);color:#082e83}
#product-preview .p8-card .p8-pack{order:1;width:min(144px,calc(100% - 24px));align-self:center;margin:12px 0}
#product-preview .p8-card h4{order:2;margin:0 12px 12px;font:800 17px/1.5 var(--font);color:#082e83;overflow-wrap:anywhere}
#product-preview .p8-card .p14-features{order:3;margin:0 12px 16px;font:500 15px/1.7 var(--font)}
#product-preview.p14-ready .p8-card .p14-features{display:none}
#product-preview.p14-ready .p14-open{order:4;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;margin:auto 12px 12px;padding:8px 0;border:0;border-top:1px solid #d4deeb;border-radius:0;background:#fff;color:#082e83;font:500 15px/1.5 var(--font);cursor:pointer;text-align:left}
#product-preview .p14-open span{font-size:20px;line-height:1}
}


#safety-preview .s5-source{min-width:0;max-width:100%;box-sizing:border-box;align-items:flex-start;white-space:normal}
#safety-preview .s5-source .s14-citation-text{display:block;flex:1 1 auto;min-width:0;white-space:normal;overflow-wrap:anywhere}

@media(max-width:700px){
#product-preview .p8-hero-stage{position:relative;container-type:inline-size;display:grid;grid-template-columns:54% minmax(0,46%);min-height:0;isolation:isolate;background:#153d79;--p14-hero-shade:.84;--p14-hero-shade-start:33%;--p14-hero-shade-end:54%}
#product-preview .p8-hero-stage::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,transparent var(--p14-hero-shade-start),rgba(21,61,121,var(--p14-hero-shade)) var(--p14-hero-shade-end));pointer-events:none}
#product-preview .p8-hero-media{position:relative;grid-column:1/-1;grid-row:1;align-self:center;width:100%;aspect-ratio:1920/969;z-index:0;overflow:hidden}
#product-preview .p8-hero-art{display:block;width:100%;height:auto;aspect-ratio:1920/969;object-fit:contain;object-position:center}
#product-preview .p8-hero-copy{position:relative;grid-column:2;grid-row:1;left:auto;right:auto;top:auto;z-index:1;min-width:0;align-self:center;padding:clamp(14px,3cqw,22px) 14px clamp(14px,3cqw,22px) 0;color:#ead7a4}
#product-preview .p8-hero-copy h1{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:flex-start;column-gap:3px;row-gap:6px;margin:0;letter-spacing:0}
#product-preview .p8-title-words{font-size:clamp(16px,5cqw,32px);line-height:1.05;gap:2px;min-width:0;max-width:100%}
#product-preview .p8-years{font-size:clamp(46px,15.625cqw,100px);line-height:.85;min-width:0;max-width:100%;overflow-wrap:anywhere}
#product-preview .p8-year-unit{font-size:clamp(16px,5cqw,32px);line-height:1;min-width:0;max-width:100%;overflow-wrap:anywhere}
#product-preview .p8-hero-lead{font-size:clamp(15px,3.6cqw,20px);line-height:1.65;margin:clamp(12px,3cqw,22px) 0 0;max-width:100%;text-align:left;text-wrap:balance;overflow-wrap:anywhere;color:#fff}
}


/* v15: approved SKU content only; retain the v14 Hero, brand type and card grid. */
#product-preview .p8-card{min-width:0}
#product-preview .p15-claim{margin:0;white-space:pre-line;overflow-wrap:anywhere}
#product-preview .p15-notes{font:500 14px/1.75 var(--font);letter-spacing:0;overflow-wrap:anywhere;white-space:normal;margin:10px 0 0;text-align:left}
#product-preview .p15-notes summary{cursor:pointer;min-height:44px;align-content:center;text-decoration:underline;text-underline-offset:3px}
#product-preview .p15-notes p{font:inherit;margin:6px 0 10px;white-space:pre-line}
#product-preview .p15-notes summary:focus-visible{outline:3px solid #082e83;outline-offset:2px}
#product-preview .p15-need-notes{margin:0 0 12px}
#product-preview .p15-new-pack{display:flex;align-items:center;justify-content:center}
#product-preview .p15-new-pack img{width:auto;max-width:min(100%,var(--p15-native-width));height:auto;max-height:100%;margin:0;transform:none;object-fit:contain}
#product-preview .p14-detail-image .p15-new-pack{aspect-ratio:1}
#product-preview .p14-detail-image[data-kind="pants"] .p15-new-pack img{width:auto;margin:0;transform:none}
#product-preview .p15-faq-product{margin:12px 0;padding:0 0 8px;border-bottom:1px solid #d4deeb}
@media(max-width:700px){
#product-preview .p8-card>.p8-card-copy>.p15-need-notes{order:0;margin:0 12px 8px;font-size:13px}
#product-preview .p14-dialog .p15-notes{font-size:15px}
}
#product-preview [data-product="1"] .p15-new-pack{--p15-native-width:1411px}
#product-preview [data-product="2"] .p15-new-pack{--p15-native-width:135px}
#product-preview [data-product="3"] .p15-new-pack{--p15-native-width:93px}
#product-preview [data-product="5"] .p15-new-pack{--p15-native-width:135px}
#product-preview [data-product="6"] .p15-new-pack{--p15-native-width:101px}
#product-preview [data-product="7"] .p15-new-pack{--p15-native-width:1110px}
#product-preview [data-product="9"] .p15-new-pack{--p15-native-width:170px}
#product-preview .p15-image-1{--p15-native-width:1411px}
#product-preview .p15-image-2{--p15-native-width:135px}
#product-preview .p15-image-3{--p15-native-width:93px}
#product-preview .p15-image-5{--p15-native-width:135px}
#product-preview .p15-image-6{--p15-native-width:101px}
#product-preview .p15-image-7{--p15-native-width:1110px}
#product-preview .p15-image-9{--p15-native-width:170px}

/* v15.1: retain licensed brand imagery and existing section rhythm; replace only unconfirmed media uses. */
#science-preview .sc4-prose{margin-bottom:0}
#safety-preview .v151-brand-copy{display:block;min-width:0}
#safety-preview .v151-fact{min-width:0}
#safety-preview .v151-fact+.v151-fact{margin-top:24px;padding-top:24px;border-top:1px solid #c5d4d8}
#safety-preview .v151-fact h3{margin:0 0 12px;font:800 24px/1.45 var(--font);overflow-wrap:anywhere}
#safety-preview .v151-fact>p{margin:0 0 14px;font:500 17px/1.8 var(--font);overflow-wrap:anywhere}
#safety-preview .v151-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 0;color:#09286d;font:500 16px/1.6 var(--font);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
#safety-preview .v151-link span{flex:none}
#safety-preview .v151-related{display:flex;flex-wrap:wrap;gap:4px 24px}
#safety-preview .v151-notes{margin:0 0 8px;font:500 14px/1.8 var(--font);overflow-wrap:anywhere}
#safety-preview .v151-notes summary{min-height:44px;padding:8px 0;cursor:pointer;align-content:center;text-decoration:underline;text-underline-offset:3px}
#safety-preview .v151-notes p{font:inherit;margin:4px 0 10px}
#safety-preview .v151-quality h4{margin:22px 0 10px;font:800 17px/1.6 var(--font)}
#safety-preview .v151-quality-notes{list-style:none;padding:0;margin:0}
#safety-preview .v151-quality-notes li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:6px;margin:0;padding:6px 0;font:500 14px/1.8 var(--font);overflow-wrap:anywhere;scroll-margin-top:120px}
#safety-preview .v151-quality-notes p{font:inherit;margin:0}
#safety-preview .v151-quality .h13-ref{color:inherit;text-decoration:underline;text-underline-offset:2px}
#safety-preview .v151-link:focus-visible,#safety-preview .v151-notes summary:focus-visible,#safety-preview .v151-quality .h13-ref:focus-visible{outline:3px solid #0850d7;outline-offset:3px}
@media(max-width:700px){
#safety-preview .v151-fact h3{font-size:22px}
#safety-preview .v151-fact>p{font-size:16px}
}

/* v15.2: editorial product facts; one readable note block and two packaging-height groups. */
#product-preview .p8-pack.p152-pack,#product-preview .p14-detail-image[data-kind] .p8-pack.p152-pack{--p152-subject-height:125px;display:flex;align-items:flex-end;justify-content:center;flex:none;width:100%;height:calc(var(--p152-subject-height) + 44px);min-height:0;max-width:100%;aspect-ratio:auto;box-sizing:border-box;margin:0;padding:24px 12px 20px;overflow:visible}
#product-preview .p8-pack.p152-pack[data-kind="pants"],#product-preview .p14-detail-image[data-kind="pants"] .p8-pack.p152-pack{--p152-subject-height:160px}
#product-preview .p8-pack.p152-pack img,#product-preview .p14-detail-image[data-kind] .p8-pack.p152-pack img{display:block;flex:none;width:auto;height:var(--p152-subject-height);max-width:none;max-height:none;margin:0;transform:none;object-fit:contain}
#product-preview .p8-card .p152-features{font:500 18px/1.7 var(--font);letter-spacing:0}
#product-preview .p152-claims{list-style:none;margin:0;padding:0;font:inherit}
#product-preview .p152-claims li{margin:0}
#product-preview .p152-notes{margin-top:20px;padding-top:16px;border-top:1px solid #d4deeb;font:500 14px/1.8 var(--font);letter-spacing:0;text-align:left;overflow-wrap:anywhere}
#product-preview .p152-notes h5{margin:0 0 12px;font:800 15px/1.6 var(--font)}
#product-preview .p152-note-group+.p152-note-group{margin-top:14px}
#product-preview .p152-notes p{margin:0 0 6px;font:inherit;white-space:pre-line;overflow-wrap:anywhere}
#product-preview .p152-notes .p152-note-label{color:#3d5676;font-weight:800}
#product-preview .p14-detail-image{width:240px;max-width:100%;margin:4px auto 16px}
#product-preview .p14-dialog .p152-features{font:500 17px/1.8 var(--font)}
@media(max-width:700px){
#product-preview .p8-card .p8-pack.p152-pack{--p152-subject-height:clamp(96px,calc(12.5vw + 56px),125px)}
#product-preview .p8-card .p8-pack.p152-pack[data-kind="pants"]{--p152-subject-height:clamp(104px,calc(16vw + 52.8px),160px)}
#product-preview .p8-card .p152-features{font-size:15px}
}

/* v15.3: shared editorial hierarchy; readable wrapping takes priority over forced single lines. */
#product-preview .p153-ref{display:inline;font:800 .75em/0 var(--font);vertical-align:super;white-space:nowrap;margin-left:.15em;letter-spacing:0}
#product-preview .p152-notes{font:500 12px/1.8 var(--font)}
#product-preview .p152-note-group{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:6px;align-items:start}
#product-preview .p152-note-group+.p152-note-group{margin-top:12px}
#product-preview .p152-notes .p152-note-label{margin:0;font:800 12px/1.8 var(--font);color:#3d5676}
#product-preview .p152-notes .p152-note{font:500 12px/1.8 var(--font)}
#product-preview .p8-card .p152-claims,#product-preview .p14-dialog .p152-claims{font:inherit}
#product-preview .p8-card .p152-claims li+li,#product-preview .p14-dialog .p152-claims li+li{margin-top:12px}
#product-preview .p15-claim{white-space:normal;word-break:normal;overflow-wrap:anywhere}
@media(min-width:701px){
#product-preview .p8-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#product-preview .p8-card-copy{padding:0 18px 24px}
#product-preview .p8-card .p8-need{font:800 25px/1.35 var(--font)}
#product-preview .p8-card h4{font:800 21px/1.45 var(--font)}
#product-preview .p8-card .p152-features,#product-preview .p8-card .p15-claim{font:500 16px/1.7 var(--font);letter-spacing:0}
}
@media(min-width:1100px){
#product-preview .p8-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
#product-preview.p14-ready .p8-card .p8-need .p153-ref{display:none}
}

html{scroll-behavior:auto}

/* Source index for phone/laptop reading: existing brand type and colors, supporting
   uncropped images, complete headlines. No inferred summaries or placeholder facts. */
#safety-preview .s5-index{margin-top:28px;flex-wrap:wrap;overflow:visible;gap:8px 24px}
#safety-preview .s5-index a{border:0;border-radius:0;padding:4px 0;min-height:44px;text-decoration:underline;text-underline-offset:7px}
#safety-preview .s5-index a:hover{background:transparent;color:#fff;text-decoration-thickness:2px}
#safety-preview .s5-section{padding:48px 0 56px}
#safety-preview .s156-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,280px);gap:24px 48px;align-items:center;margin-bottom:28px}
#safety-preview .s5-heading{min-width:0;grid-column:auto}
#safety-preview .s5-heading h2{font-size:clamp(28px,3vw,40px);line-height:1.4;letter-spacing:0;text-wrap:pretty;overflow-wrap:anywhere}
#safety-preview .s5-num{margin-bottom:12px}
#safety-preview .s11-photo{justify-self:end;max-width:100%;padding:0 0 0 8px}
#safety-preview .s11-view{padding:0 0 32px;min-width:44px;min-height:44px}
#safety-preview .s11-image{max-height:200px;max-width:100%;width:auto;height:auto}
#safety-preview .s11-expand{left:auto;right:0;bottom:0;border:0;background:transparent}
#safety-preview .s11-close{width:44px;height:44px}
#safety-preview .s156-sources{max-width:960px;min-width:0}
#safety-preview .s156-sources h3{margin:0 0 12px;font-size:14px;line-height:1.6;font-weight:800;letter-spacing:0;color:#22665d}
#safety-preview .s156-list{list-style:none;padding:0;margin:0;border-top:1px solid #b7c8d5}
#safety-preview .s156-list li{margin:0;border-bottom:1px solid #b7c8d5}
#safety-preview .s156-link{display:flex;align-items:baseline;justify-content:space-between;gap:16px;min-height:56px;padding:16px 4px;color:var(--navy);font-family:var(--font);font-size:16px;font-weight:500;line-height:1.8;letter-spacing:0;text-decoration:none}
#safety-preview .s156-label{min-width:0;overflow-wrap:anywhere;text-wrap:pretty}
#safety-preview .s156-arrow{flex:none;font-family:"Microsoft YaHei",sans-serif;font-size:18px}
#safety-preview .s156-external{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#safety-preview .s156-link:visited{color:#526986}
#safety-preview .s156-link:hover .s156-label{text-decoration:underline;text-underline-offset:5px}
#safety-preview .s156-link:hover{background:#eaf0f7}
#safety-preview :is(.s156-link,.s5-index a,.s11-view):focus-visible{outline:3px solid #0850d7;outline-offset:3px}
#safety-preview .s5-index a:focus-visible{outline-color:#ffd675}
@media(max-width:700px){
 #safety-preview .s5-section{padding:32px 0 40px}
 #safety-preview .s156-head{grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:20px}
 #safety-preview .s11-photo{justify-self:start;padding:0}
 #safety-preview .s11-image{max-height:128px;max-width:min(100%,260px)}
 #safety-preview .s5-index{gap:8px 24px;margin-top:24px}
 #safety-preview .s5-num{font-size:12px}
 #safety-preview .s156-link{padding:14px 0;gap:12px}
}

/* Phone/laptop editorial reading: shared shell, adjacent media, answer-first text.
   Existing brand assets and copy stay intact; no inferred health claims. */
#science-preview .sc4-intro,
#safety-preview .s5-hero {
  padding-inline: max(20px, calc((100% - 1160px) / 2));
}
#science-preview .sc4-section {
  padding: 48px max(20px, calc((100% - 1160px) / 2)) 56px;
}
#science-preview .sc4-section-heading {
  max-width: none;
  margin-bottom: 24px;
}
#science-preview .sc4-index,
#science-preview .sc4-footer {
  width: calc(100% - 40px);
  max-width: 1160px;
  margin-inline: auto;
  padding-inline: 0;
}
#science-preview .sc4-index {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  overflow: visible;
}
#science-preview .sc4-index a {
  min-height: 44px;
  min-width: 0;
  max-width: 100%;
  padding: 8px 0;
  white-space: normal;
  background: transparent;
  border-bottom: 1px solid #b7c8d5;
}
#science-preview .sc4-index a span {
  flex: none;
  font-size: inherit;
}
#science-preview .sc4-prose {
  max-width: 900px;
  min-width: 0;
}
#science-preview .sc7-copy {
  max-width: none;
}
#science-preview .sc8-photo {
  position: static;
  width: fit-content;
  max-width: 100%;
  aspect-ratio: auto;
  overflow: visible;
  margin: 0 0 20px;
}
#science-preview .sc8-photo .s10-photo {
  position: static;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 160px;
  aspect-ratio: auto;
  object-fit: contain;
  transform: none;
}
#science-preview .v21-image-open {
  display: block;
  position: relative;
  max-width: 100%;
  min-height: 44px;
  min-width: 44px;
  border: 0;
  padding: 0 0 28px;
  margin: 0;
  background: transparent;
  color: var(--navy);
  font: inherit;
  cursor: zoom-in;
}
#science-preview .v21-image-open:disabled {
  cursor: default;
}
#science-preview .v21-image-open:disabled .v21-expand {
  display: none;
}
#science-preview .v21-expand {
  position: absolute;
  bottom: 0;
  right: 0;
  font: 18px/1.5 "Microsoft YaHei", sans-serif;
}
#science-preview .sc4-questions {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  max-width: 900px;
  margin: 0 0 32px;
  padding: 0;
}
#science-preview .sc4-questions a {
  min-height: 44px;
  padding: 12px 0;
  border-left: 0;
  font-size: 16px;
  line-height: 1.8;
}
#science-preview .sc4-questions a[aria-current="true"] {
  background: transparent;
  text-decoration-thickness: 2px;
}
#science-preview .sc4-story {
  max-width: 900px;
  margin: 0 0 40px;
  padding-bottom: 32px;
  border-bottom: 1px solid var(--sc-line);
}
#science-preview .sc4-story h3 {
  font-size: 28px;
  line-height: 1.5;
  margin-bottom: 16px;
}
#science-preview .sc4-reading {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
}
#science-preview .sc4-reading h4 {
  font-size: 14px;
  margin-bottom: 12px;
}
#science-preview .v21-figures {
  max-width: 900px;
  margin: 20px 0 0;
}
#science-preview .v21-class-visual {
  width: 100%;
  max-width: 900px;
  margin: 0 0 28px;
}
#science-preview .v21-figures > summary {
  width: fit-content;
  max-width: 100%;
  min-height: 44px;
  padding: 10px 0;
  color: var(--navy);
  font-size: 16px;
  line-height: 1.5;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 5px;
}
#science-preview .sc4-slides,
#science-preview .sc4-story-controls {
  margin-left: 0;
  margin-right: 0;
}
#science-preview .sc4-slides {
  margin-top: 12px;
}
#science-preview .sc4-story-controls {
  margin-bottom: 12px;
}
#science-preview .v21-current-image {
  padding: 8px 0;
  cursor: zoom-in;
  text-decoration: underline;
  text-underline-offset: 5px;
  font-size: 14px;
}
#science-preview .v21-class-visual .sc8-photo,
#science-preview .v21-class-visual .v21-image-open {
  width: 100%;
  margin: 0;
}
#science-preview .v21-class-visual .sc8-photo .s10-photo {
  max-width: 100%;
  max-height: none;
  width: 100%;
}
#science-preview .sc4-source {
  width: 100%;
  max-width: none;
  font-family: var(--font);
  font-size: 16px;
}
#science-preview #science-class > .sc4-source {
  max-width: 900px;
}
#science-preview .sc4-source > strong {
  display: block;
  font-size: 14px;
  color: #22665d;
}
#science-preview .sc4-source-links {
  display: block;
  list-style: none;
  padding: 0;
  margin: 12px 0 0;
}
#science-preview .sc4-source-links li {
  margin: 0;
  border-bottom: 1px solid #b7c8d5;
}
#science-preview .sc4-source-links a {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  min-height: 44px;
  padding: 14px 0;
  color: var(--navy);
  font-size: 16px;
  line-height: 1.8;
  text-decoration: none;
}
#science-preview .v21-source-label {
  min-width: 0;
  overflow-wrap: anywhere;
  text-wrap: pretty;
}
#science-preview .v21-source-arrow {
  flex: none;
  font: 18px/1.8 "Microsoft YaHei", sans-serif;
}
#science-preview .sc4-source-links a:visited {
  color: #526986;
}
#science-preview .sc4-source-links a:hover .v21-source-label {
  text-decoration: underline;
  text-underline-offset: 5px;
}
#science-preview .v21-external {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
#science-preview :is(a, button, summary):focus-visible {
  outline: 3px solid #0850d7;
  outline-offset: 3px;
}
#science-preview .v21-image-dialog {
  border: 0;
  border-radius: 6px;
  padding: 60px 16px 16px;
  max-width: calc(100vw - 32px);
  max-height: calc(100dvh - 32px);
  background: #fff;
}
#science-preview .v21-image-dialog::backdrop {
  background: #051732b3;
}
#science-preview .v21-image-dialog img {
  width: auto;
  height: auto;
  max-width: calc(100vw - 64px);
  max-height: calc(100dvh - 120px);
  object-fit: contain;
  margin: auto;
}
#science-preview .v21-image-close {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 44px;
  height: 44px;
  border: 0;
  background: #fff;
  color: var(--navy);
  font-size: 26px;
  cursor: pointer;
}
#safety-preview .s5-shell {
  width: min(100% - 40px, 1160px);
}
#safety-preview .s5-hero .s5-shell {
  width: 100%;
}
#safety-preview .s5-heading {
  margin-bottom: 24px;
}
#safety-preview .s11-photo {
  justify-self: start;
  padding: 0;
  margin: 0 0 20px;
}
#safety-preview .s156-sources {
  max-width: none;
}
@media (min-width: 1000px) {
  :is(#science-preview, #safety-preview) .v21-media-row {
    display: grid;
    grid-template-columns: 200px minmax(0, 1fr);
    gap: 32px;
    align-items: start;
  }
  #science-preview .v21-media-row .sc8-photo,
  #safety-preview .v21-media-row .s11-photo {
    width: 200px;
    margin: 0;
  }
  #science-preview .v21-media-row .s10-photo,
  #safety-preview .v21-media-row .s11-image {
    width: 200px;
    height: auto;
    max-width: 100%;
    max-height: none;
  }
}
@media (max-width: 700px) {
  #science-preview .sc4-section {
    padding-block: 32px 40px;
  }
  #science-preview .sc4-story h3 {
    font-size: 22px;
  }
  #science-preview .sc4-index {
    gap: 8px 20px;
  }
  #science-preview .sc4-footer {
    flex-wrap: wrap;
  }
}

/* The approved artwork owns desktop scene height; copy shares its coordinate system. */
@media (min-width: 1100px) {
  #homepage .hero {
    display: grid;
    min-height: 0;
    background: #e0e2df;
  }

  #homepage .h14-hero-window {
    display: block;
    grid-area: 1 / 1;
    align-self: start;
    min-width: 0;
  }

  #homepage .h14-hero-window .hero-mobile-art.h12-hero-art {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  #homepage .hero-inner {
    grid-area: 1 / 1;
    width: 100%;
    min-width: 0;
    min-height: 0;
    padding: clamp(20px, 5vw, 96px) 5.8%;
    background: none;
    z-index: 1;
  }
}

/* One canvas spans both categories; the nested section must not restart it. */
#product-preview .p8-pants-section {
  background: transparent;
}

/* Shared editorial hierarchy; chapter links navigate, never filter the content. */
:is(#science-preview, #safety-preview) {
  --chapter-ink: #09286d;
  --chapter-paper: #f7f8fa;
  --chapter-line: #b7c8d5;
  --chapter-meta: #435777;
}

#science-preview .sc4-intro,
#safety-preview .s5-hero {
  background: var(--chapter-ink);
  color: #fff;
  padding: 150px max(20px, calc((100% - 1160px) / 2)) 56px;
}

#science-preview .sc4-intro h1,
#safety-preview .s5-hero h1 {
  font: 800 60px/1.2 var(--font);
  color: #fff;
  letter-spacing: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

:is(#science-preview, #safety-preview) .v22-directory {
  background: var(--chapter-paper);
  color: var(--chapter-ink);
  padding: 24px max(20px, calc((100% - 1160px) / 2)) 0;
}

#science-preview .sc4-index,
#safety-preview .s5-index {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  gap: 12px 24px;
  border: 0;
  color: var(--chapter-ink);
  overflow: visible;
  scroll-snap-type: none;
}

#science-preview .sc4-index a,
#safety-preview .s5-index a {
  display: inline-flex;
  flex: 0 1 auto;
  align-items: baseline;
  gap: 12px;
  min-width: 0;
  max-width: 100%;
  min-height: 44px;
  padding: 8px 0;
  border: 0;
  border-bottom: 1px solid var(--chapter-line);
  border-radius: 0;
  background: transparent;
  color: var(--chapter-ink);
  font: 700 16px/1.6 var(--font);
  letter-spacing: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  text-decoration: none;
}

:is(#science-preview, #safety-preview) .v22-directory a > span {
  flex: none;
  color: var(--chapter-meta);
  font: inherit;
  letter-spacing: 0;
}

:is(#science-preview, #safety-preview) .v22-directory a:is(:hover, :focus-visible) {
  background: transparent;
  color: var(--chapter-ink);
  text-decoration: underline;
  text-underline-offset: 5px;
}

:is(#science-preview, #safety-preview) .v22-directory a:focus-visible {
  outline: 3px solid #0850d7;
  outline-offset: 3px;
}

#science-preview .sc4-section-heading,
#safety-preview .s5-heading {
  margin: 0 0 24px;
}

#science-preview .sc4-section-heading > span,
#safety-preview .s5-num {
  display: block;
  color: var(--chapter-meta);
  font: 700 12px/1.5 var(--font);
  letter-spacing: .1em;
  margin: 0 0 8px;
}

#science-preview .sc4-section-heading h2,
#safety-preview .s5-heading h2 {
  font: 700 40px/1.4 var(--font);
  color: var(--chapter-ink);
  letter-spacing: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

@media (max-width: 1099px) {
  #science-preview .sc4-intro,
  #safety-preview .s5-hero {
    padding-block: 48px 44px;
  }

  #science-preview .sc4-intro h1,
  #safety-preview .s5-hero h1 {
    font-size: 44px;
  }
}

@media (max-width: 700px) {
  #science-preview .sc4-intro,
  #safety-preview .s5-hero {
    padding-block: 40px;
  }

  #science-preview .sc4-intro h1,
  #safety-preview .s5-hero h1 {
    font-size: 36px;
  }

  #science-preview .sc4-index,
  #safety-preview .s5-index {
    gap: 8px 20px;
  }

  #science-preview .sc4-section-heading h2,
  #safety-preview .s5-heading h2 {
    font-size: 28px;
  }
}

@media(min-width:1100px){#product-preview .p8-hero::before{content:"";position:absolute;inset:0 0 auto;height:128px;background:url("../images/product-header-top-border.png") center/100% 100% no-repeat;pointer-events:none}}
/* Reference brand history presentation. */
/* Brand history — rebuilt to follow the supplied Whisper timeline reference. */
#homepage #history {
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 16px clamp(18px, 1.75vw, 36px) 24px;
  overflow: hidden;
  scroll-margin-top: 32px;
  background:
    radial-gradient(ellipse at 8% 10%, rgb(139 185 248 / 42%), transparent 26%),
    radial-gradient(ellipse at 100% 26%, rgb(125 181 245 / 30%), transparent 31%),
    radial-gradient(ellipse at 52% 100%, rgb(163 202 255 / 44%), transparent 38%),
    linear-gradient(180deg, #f9fcff 0%, #eef6ff 58%, #d9eaff 100%);
}
#homepage #history::before,
#homepage #history::after {
  position: absolute;
  z-index: -1;
  content: "";
  pointer-events: none;
}
#homepage #history::before {
  inset: -22% -7% auto;
  height: 43%;
  border-bottom: 2px solid rgb(255 255 255 / 82%);
  border-radius: 0 0 52% 44%;
  box-shadow: 0 12px 20px rgb(95 149 222 / 16%);
  transform: rotate(-2deg);
}
#homepage #history::after {
  right: -4%;
  bottom: 21%;
  width: 40%;
  height: 2px;
  content: "";
  background: linear-gradient(90deg, transparent, #d6ad57 45%, #f3dc9d 70%, transparent);
  transform: rotate(-11deg);
  transform-origin: right center;
}
#homepage #history > h2 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
#homepage .h12-history-scroll { display: none !important; }
#homepage .h13-history-mobile {
  display: block !important;
  position: relative;
  z-index: 1;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0;
  overflow: visible;
  color: #123d7c;
  background: transparent;
  font-family: Elle, "Microsoft YaHei", sans-serif;
  letter-spacing: 0;
}
#homepage .h13-history-mobile header {
  position: relative;
  margin: 0 auto clamp(15px, 1.2vw, 24px);
  text-align: center;
}
#homepage .h13-history-mobile header img {
  display: none;
}
#homepage .h13-history-mobile header::before {
  display: block;
  width: clamp(104px, 7vw, 144px);
  height: clamp(40px, 3vw, 55px);
  margin: 0 auto 2px;
  content: "";
  background: url("../images/whisper-brand-logo.png") center / contain no-repeat;
}
#homepage .h13-history-mobile h3 {
  margin: 0;
  color: #123d7c;
  font: 800 clamp(27px, 2.6vw, 48px)/1.12 Elle, "Microsoft YaHei", sans-serif;
  letter-spacing: .08em;
}
#homepage .h13-history-slogan {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(12px, 1.2vw, 24px);
  margin: 7px 0 0;
  color: #174884;
  font: 500 clamp(12px, 1.03vw, 19px)/1.4 Elle, "Microsoft YaHei", sans-serif;
  letter-spacing: .16em;
}
#homepage .h13-history-slogan::before,
#homepage .h13-history-slogan::after {
  width: clamp(20px, 2.4vw, 48px);
  height: 1px;
  content: "";
  background: #8eacd2;
}
#homepage .h13-history-slogan span { display: inline; }
#homepage .h13-history-slogan [lang] { letter-spacing: .28em; }
#homepage .h13-history-mobile header::after {
  position: absolute;
  top: 20%;
  right: 1.5%;
  color: #28548d;
  content: "每一次成长\A 都更靠近更好的自己 ♡";
  white-space: pre;
  text-align: left;
  font: italic clamp(13px, 1.25vw, 22px)/1.5 "Segoe Print", "KaiTi", cursive;
  transform: rotate(-8deg);
}
#homepage .h13-history-groups {
  position: relative;
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: clamp(7px, .55vw, 12px);
  list-style: none;
  margin: 0;
  padding: 0 0 26px;
}
#homepage .h13-history-groups::before {
  position: absolute;
  z-index: 0;
  right: 2.5%;
  bottom: 14px;
  left: 2.5%;
  height: 2px;
  content: "";
  background: linear-gradient(90deg, #d6ad57, #f5e0aa 47%, #c79c43 100%);
  clip-path: polygon(0 40%, 10% 0, 21% 70%, 32% 35%, 43% 85%, 54% 35%, 65% 80%, 76% 25%, 88% 65%, 100% 0, 100% 100%, 88% 100%, 76% 100%, 65% 100%, 54% 100%, 43% 100%, 32% 100%, 21% 100%, 10% 100%, 0 100%);
}
#homepage .h13-history-group { display: contents; }
#homepage .h13-history-event {
  position: relative;
  z-index: 1;
  display: flex;
  min-width: 0;
  min-height: clamp(275px, 16vw, 326px);
  flex-direction: column;
  padding: clamp(11px, .82vw, 17px) clamp(10px, .78vw, 16px) 11px;
  overflow: visible;
  border: 1px solid rgb(255 255 255 / 90%);
  border-radius: 15px;
  background: rgb(255 255 255 / 78%);
  box-shadow: 0 7px 19px rgb(52 94 151 / 8%);
}
#homepage .h13-history-event time {
  order: 0;
  display: block;
  margin: 0;
  color: #123d7c;
  font: 800 clamp(20px, 1.75vw, 36px)/1.08 Elle, "Microsoft YaHei", sans-serif;
  white-space: nowrap;
}
#homepage .h13-history-event p {
  order: 1;
  min-height: 2.8em;
  margin: 5px 0 9px;
  color: #174884;
  font: 500 clamp(11px, .78vw, 16px)/1.5 Elle, "Microsoft YaHei", sans-serif;
  white-space: pre-line;
  overflow-wrap: anywhere;
}
#homepage .h13-history-event img {
  order: 2;
  width: 100%;
  height: clamp(126px, 9.1vw, 187px);
  max-width: none;
  margin: auto 0 0;
  border-radius: 13px;
  background: #eaf3fc;
  object-fit: contain;
}
#homepage .h13-history-event::after {
  position: absolute;
  right: 50%;
  bottom: -23px;
  width: 17px;
  height: 17px;
  content: "";
  border: 4px solid #fff;
  border-radius: 50%;
  background: #d4a642;
  box-shadow: 0 1px 5px rgb(39 78 127 / 18%);
  transform: translateX(50%);
}
#homepage .h13-history-declaration {
  position: relative;
  margin: 3px 0 0;
  color: #123d7c;
  text-align: center;
  font: 800 clamp(17px, 1.35vw, 26px)/1.5 Elle, "Microsoft YaHei", sans-serif;
  letter-spacing: .1em;
}
#homepage .h13-history-declaration span {
  display: block;
  margin: 1px auto 0;
  color: #496b98;
  font: 500 clamp(11px, .8vw, 16px)/1.5 Elle, "Microsoft YaHei", sans-serif;
  letter-spacing: .12em;
}
@media (min-width: 701px) and (max-width: 1099px) {
  #homepage #history { padding: 20px 24px 25px; }
  #homepage .h13-history-mobile header::after { right: 0; font-size: 13px; }
  #homepage .h13-history-groups { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
  #homepage .h13-history-event { min-height: 270px; padding: 14px; }
  #homepage .h13-history-event time { font-size: 27px; }
  #homepage .h13-history-event p { font-size: 14px; }
  #homepage .h13-history-event img { height: 145px; }
  #homepage .h13-history-event::after,
  #homepage .h13-history-groups::before { display: none; }
}
@media (max-width: 700px) {
  #homepage #history { padding: 22px 16px 28px; }
  #homepage .h13-history-mobile header { margin-bottom: 20px; }
  #homepage .h13-history-mobile header::before { width: 112px; height: 47px; margin-bottom: 5px; }
  #homepage .h13-history-mobile h3 { font-size: 29px; }
  #homepage .h13-history-slogan { flex-direction: column; gap: 2px; font-size: 13px; letter-spacing: .08em; }
  #homepage .h13-history-slogan::before,
  #homepage .h13-history-slogan::after,
  #homepage .h13-history-mobile header::after { display: none; }
  #homepage .h13-history-groups { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; padding-bottom: 0; }
  #homepage .h13-history-event { min-height: 235px; padding: 12px; border-radius: 13px; }
  #homepage .h13-history-event time { font-size: clamp(22px, 6vw, 30px); }
  #homepage .h13-history-event p { min-height: 3.2em; margin: 5px 0 8px; font-size: 13px; }
  #homepage .h13-history-event img { height: 128px; border-radius: 9px; }
  #homepage .h13-history-event::after,
  #homepage .h13-history-groups::before { display: none; }
  #homepage .h13-history-declaration { margin-top: 20px; font-size: 18px; letter-spacing: .03em; }
  #homepage .h13-history-declaration span { max-width: 34ch; font-size: 12px; }
}

/* Reference footer chrome. */
site-footer { display: block; }
.whisper-footer {
  padding: 46px 0 18px;
  background: #123b76;
  color: #eaf3ff;
}
.footer-container { width: min(1280px, calc(100% - 56px)); margin-inline: auto; }
.whisper-footer .footer-main {
  display: grid;
  grid-template-columns: 1.45fr repeat(3, minmax(0, 1fr));
  gap: 36px;
  padding-bottom: 34px;
}
.whisper-footer .footer-main { grid-template-columns: minmax(180px, 1fr) minmax(320px, 1.4fr) minmax(220px, 1fr); }
.whisper-footer .footer-brand .brand img { width: 130px; height: auto; }
.whisper-footer .footer-brand p { margin: 16px 0 0; color: #fff; font-size: 21px; font-weight: 700; }
.whisper-footer .footer-col h2 { margin: 3px 0 14px; color: #fff; font-size: 16px; font-weight: 700; }
.whisper-footer .footer-col a { display: block; width: fit-content; margin: 9px 0; color: #d7e6ff; font-size: 14px; text-decoration: none; }
.whisper-footer .footer-col a:hover { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
.footer-bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px 24px;
  border-top: 1px solid rgb(255 255 255 / 20%); /* taste-skill-ignore: Pampers footer pattern separates the legal row from navigation. */
  padding-top: 16px;
  color: #d7e6ff;
  font-size: 13px;
}
.footer-legal {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 6px 10px;
  line-height: 1.6;
  text-align: center;
}
.footer-legal a { display: inline-flex; align-items: center; gap: 5px; color: inherit; text-decoration: none; }
.footer-legal img { display: block; flex: 0 0 auto; object-fit: contain; }
.footer-public-security { white-space: nowrap; }
.footer-legal-separator { opacity: .72; }
.footer-legal a:hover { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.footer-legal a:focus-visible,
.whisper-footer a:focus-visible { outline-color: #f4d99a; }
.footer-about p { max-width: 34ch; margin: 0; color: #d7e6ff; font-size: 14px; line-height: 1.8; }
.footer-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 22px; }
.footer-nav a { margin: 5px 0 !important; }
.whisper-footer .brand:focus-visible { outline-color: #f4d99a; }

@media (min-width: 761px) and (max-width: 1099px) {
  .whisper-footer .footer-main { grid-template-columns: minmax(160px, .9fr) minmax(280px, 1.4fr) minmax(190px, 1fr); gap: 26px; }
}

@media (max-width: 760px) {
  .whisper-footer .footer-main { grid-template-columns: 1fr 1fr; gap: 24px 18px; }
  .whisper-footer .footer-brand { grid-column: 1 / -1; }
  .whisper-footer .footer-brand p { font-size: 19px; }
  .whisper-footer {
    min-height: 0;
    overflow: visible;
    padding-bottom: max(24px, env(safe-area-inset-bottom));
  }
  .footer-container,
  .footer-main,
  .footer-bottom { min-width: 0; }
  .footer-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    text-align: center;
  }
  .footer-legal {
    justify-content: center;
    gap: 6px 9px;
    text-align: center;
  }
  .footer-legal-separator { display: none; }
}

@media (max-width: 480px) {
  .whisper-footer .footer-main { grid-template-columns: 1fr; }
  .whisper-footer .footer-brand { grid-column: auto; }
  .footer-nav { grid-template-columns: 1fr; }
  .footer-about { max-width: 42ch; }
}

/* Keep the timeline visually separated from the next content block. */
#homepage #history { padding-bottom: 64px; margin-bottom: 110px; }
@media (max-width: 700px) {
  #homepage #history { padding-bottom: 42px; margin-bottom: 50px;}
}

/* Homepage hero: rebuild the supplied Reba KV from its original transparent layers. */
#homepage .reba-hero {
  display: block;
  min-height: 0;
  aspect-ratio: 1920 / 969;
  overflow: hidden;
  background: #1009b9;
  color: #fff;
}

#homepage .reba-scene {
  position: relative;
  width: 100%;
  aspect-ratio: 1920 / 969;
  overflow: hidden;
  isolation: isolate;
}

#homepage .reba-scene > img,
#homepage .reba-scene > h1 img,
#homepage .reba-scene > p img {
  display: block;
  height: auto;
  max-width: none;
}

#homepage .reba-background {
  position: absolute;
  z-index: -1;
  inset: 0;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}

#homepage .reba-portrait,
#homepage .reba-title,
#homepage .reba-story,
#homepage .reba-products,
#homepage .reba-actions,
#homepage .reba-english {
  position: absolute;
  margin: 0;
}

#homepage .reba-portrait {
  top: 0;
  left: 2.97%;
  width: 43.75%;
}

@media (min-width: 1100px) {
  #homepage .reba-portrait {
    transform: translateY(48px) scale(.93);
    transform-origin: left top;
  }
}

#homepage .reba-english {
  z-index: 1;
  top: 15.2%;
  left: 49.3%;
  width: 47%;
  color: rgba(177, 177, 255, .52);
  font-size: clamp(16px, 3.75vw, 72px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: .01em;
  white-space: nowrap;
}

#homepage .reba-title {
  z-index: 2;
  top: 18.6%;
  left: 49.3%;
  width: 47.05%;
  line-height: 0;
}

#homepage .reba-title img {
  width: 100%;
}

#homepage .reba-story {
  top: 36.5%;
  left: 49.3%;
  width: 23.34%;
  line-height: 0;
}

#homepage .reba-story img {
  width: 100%;
}

#homepage .reba-actions {
  z-index: 2;
  top: 63.8%;
  left: 48.85%;
  gap: 1.85vw;
  flex-wrap: nowrap;
}

#homepage .reba-actions .button {
  min-height: 0;
  padding: .12em .72em;
  border: 2px solid #fff;
  color: #1009b9;
  background: #fff;
  font-size: clamp(14px, 1.55vw, 30px);
  line-height: 1.35;
  white-space: nowrap;
}

#homepage .reba-actions .button-ghost {
  color: #fff;
  background: transparent;
}

#homepage .reba-products {
  top: 72.65%;
  left: 49.2%;
  width: 45.73%;
}

#homepage .reba-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 850px) {
  #homepage .reba-hero {
    aspect-ratio: auto;
  }

  #homepage .reba-scene {
    display: flex;
    aspect-ratio: auto;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    padding: 18px 20px 20px;
  }

  #homepage .reba-portrait,
  #homepage .reba-title,
  #homepage .reba-story,
  #homepage .reba-products,
  #homepage .reba-actions,
  #homepage .reba-english {
    position: relative;
    inset: auto;
  }

  #homepage .reba-portrait {
    width: min(88%, 350px);
  }

  #homepage .reba-english {
    display: none;
  }

  #homepage .reba-title {
    width: min(100%, 460px);
  }

  #homepage .reba-story {
    width: min(100%, 420px);
  }

  #homepage .reba-actions {
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
  }

  #homepage .reba-actions .button {
    min-height: 44px;
    padding: 7px 14px;
    font-size: 16px;
  }

  #homepage .reba-products {
    width: min(100%, 520px);
  }
}

@media (max-width: 380px) {
  #homepage .reba-scene {
    padding-inline: 16px;
  }

  #homepage .reba-actions .button {
    font-size: 14px;
  }
}

/* Brand credential artwork: a balanced three-up desktop row, stacked on phones. */
#homepage .trust.trust-credentials {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 280px));
  justify-content: space-evenly;
  align-items: center;
  gap: clamp(16px, 2.4vw, 40px);
  width: 100%;
  max-width: none;
  min-height: 0;
  padding: clamp(28px, 3.5vw, 52px) max(20px, 5vw);
  background: #fff;
}

#homepage .trust-credential {
  display: block;
  width: 100%;
  max-width: 280px;
  aspect-ratio: 1;
  margin: 0 auto;
}

#homepage .trust-credential img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#homepage .trust-credential:focus-visible {
  outline-color: #0850d7;
  outline-offset: 4px;
}

@media (max-width: 700px) {
  #homepage .trust.trust-credentials {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(8px, 2vw, 14px);
    padding: 20px clamp(8px, 2vw, 14px) 24px;
  }

  #homepage .trust-credential {
    width: 100%;
    max-width: none;
  }
}

/* Homepage safety section: retain the original card assets and treatments. */
#homepage #why.h13-why {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 32px clamp(20px, 2.3vw, 48px) 48px;
  color: #fff;
  background: #063bba url("../images/safety-bg.png") center / cover no-repeat;
}

#homepage #why.h13-why > h2 {
  margin: 0 0 12px;
  color: #fff;
  text-align: center;
  font: 800 clamp(27px, 2.8vw, 56px)/1.2 Elle, "Microsoft YaHei", sans-serif;
  letter-spacing: .03em;
  text-shadow: 0 2px 10px rgb(0 24 91 / 30%);
}

#homepage .h13-evidence {
  padding: 0;
  background: transparent;
}

#homepage .h13-heading {
  position: relative;
  display: grid;
  place-items: start center;
  min-height: clamp(216px, 16vw, 300px);
  margin: 0 0 18px;
  text-align: center;
}

#homepage .h13-title-stack {
  width: 100%;
  padding-top: 0;
}

#homepage .h13-title-stack h3 {
  margin: 0;
  color: #fff;
  font: 800 clamp(38px, 5.3vw, 108px)/1.13 Elle, "Microsoft YaHei", sans-serif;
  text-wrap: balance;
  text-shadow: 0 2px 12px rgb(0 24 91 / 30%);
}

#homepage .h13-title-stack h3 sup {
  display: inline-block;
  margin-left: .03em;
  font: 500 .3em/1 Elle, "Microsoft YaHei", sans-serif;
  vertical-align: top;
}

#homepage .h13-title-stack p {
  margin: clamp(14px, 1.5vw, 30px) 0 0;
  color: #fff;
  font: 500 clamp(19px, 2.55vw, 52px)/1.35 Elle, "Microsoft YaHei", sans-serif;
  text-wrap: balance;
  text-shadow: 0 2px 10px rgb(0 24 91 / 30%);
}

/* Five brand-reason cards keep the sixth-size width, spread evenly and stay inside the panel. */
@media (min-width: 1100px) {
  #homepage .h13-grid {
    grid-template-columns: repeat(5, calc((100% - 80px) / 6));
    justify-content: center;
    gap: clamp(20px, 3.4vw, 56px);
  }
}

/* Tablet: two columns with the fifth card centred on the closing row. */
@media (min-width: 701px) and (max-width: 1099px) {
  #homepage .h13-grid > .h13-card:last-child {
    grid-column: 1 / -1;
    justify-self: center;
    width: calc((100% - 24px) / 2);
  }
}

/* Phone index: the fifth entry takes the full row instead of leaving a gap. */
@media (max-width: 700px) {
  #homepage .h14-reason-overview a:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 700px) {
  #homepage #why.h13-why {
    display: flex;
    flex-direction: column;
    padding: 24px 16px 32px;
  }

  #homepage #why.h13-why > h2 {
    order: 0;
    margin-bottom: 10px;
    font-size: clamp(25px, 7vw, 36px);
  }

  #homepage .h13-evidence {
    display: contents;
  }

  #homepage .h13-heading {
    order: 1;
    min-height: 0;
    margin-bottom: 12px;
  }

  #homepage .h14-reason-overview {
    order: 2;
    margin-bottom: 16px;
  }

  #homepage .h13-grid {
    order: 3;
  }

  #homepage .h14-gallery-controls {
    order: 4;
  }

  #homepage .h14-gallery-hint {
    order: 5;
  }

  #homepage .h13-title-stack {
    padding-top: 0;
  }

  #homepage .h13-title-stack h3 {
    font-size: clamp(30px, 8vw, 48px);
    line-height: 1.25;
  }

  #homepage .h13-title-stack p {
    margin-top: 12px;
    font-size: clamp(16px, 4.1vw, 21px);
    line-height: 1.55;
  }

  #homepage .h14-reason-overview a,
  #homepage .h14-reason-overview a span {
    color: #fff;
  }

  #homepage .h14-reason-overview a[aria-current="true"] {
    border-bottom-color: #fff;
  }

  #homepage .h14-reason-overview a:focus-visible {
    outline-color: #fff;
  }
}