/* Loaded by Chinese main pages only. Shared EN/JP styles remain untouched. */
/* ---------- 下一步導覽：全站中文頁共用 ---------- */
.zh-related{position:relative;overflow:hidden;padding:76px 0 46px;background:linear-gradient(135deg,#f1f6ff 0%,#fffaf3 54%,#fff3df 100%);color:#1a1f28;border-top:1px solid rgba(41,93,170,.11)}
.zh-related::before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-150px;top:-190px;background:radial-gradient(circle,rgba(255,196,101,.34),rgba(255,196,101,0) 70%);pointer-events:none}
.zh-related .wrap{position:relative}
.zh-related h2{max-width:680px;font-size:clamp(27px,3.6vw,38px);line-height:1.28;letter-spacing:-.02em;margin:0 0 28px;color:#173d76}
.zh-related h2::before{content:"延伸閱讀";display:block;margin-bottom:10px;font-size:12px;font-weight:800;letter-spacing:.19em;color:var(--orange)}
.zh-related nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:zh-related-link}
.zh-related nav a{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:132px;padding:22px 46px 20px 20px;overflow:hidden;border:1px solid rgba(41,93,170,.13);border-radius:18px;background:rgba(255,255,255,.84);box-shadow:0 10px 28px rgba(41,93,170,.08);color:#173d76;font-size:15px;font-weight:800;line-height:1.55;text-decoration:none;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease),background .25s var(--ease);counter-increment:zh-related-link}
.zh-related nav a::before{content:"0" counter(zh-related-link);position:absolute;z-index:-1;right:15px;top:7px;color:rgba(41,93,170,.09);font-size:52px;font-weight:800;line-height:1;letter-spacing:-.08em}
.zh-related nav a::after{content:"→";position:absolute;right:19px;bottom:18px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:rgba(236,112,0,.12);color:var(--orange);font-size:18px;line-height:1;transition:transform .25s var(--ease),background .25s var(--ease),color .25s var(--ease)}
.zh-related nav a:hover{transform:translateY(-4px);border-color:rgba(236,112,0,.38);background:#fff;box-shadow:0 18px 36px rgba(41,93,170,.16);color:#173d76}
.zh-related nav a:hover::after{transform:translateX(3px);background:var(--orange);color:#fff}
.zh-review{max-width:900px;margin:24px 0 0;padding-top:18px;border-top:1px solid rgba(41,93,170,.13);font-size:13px;color:#657286;line-height:1.8}
.zh-review a{color:#295daa;font-weight:700;text-underline-offset:3px}
html[lang^="zh"] .footer-grid{content-visibility:visible}
html[lang^="zh"] .footer-brand img{width:auto;max-width:100%;object-fit:contain}
html[lang^="zh"] .zh-footer-title{color:#fff;font-size:14.5px;margin-bottom:16px;letter-spacing:.08em}
html[lang^="zh"] footer a{min-height:44px;display:inline-flex;align-items:center}
html[lang^="zh"] .footer-col>a{display:flex}
@media(max-width:768px){
 .zh-related{padding:58px 0 36px}
 .zh-related h2{margin-bottom:22px}
 .zh-related nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .zh-related nav a{min-height:120px;padding:18px 42px 18px 17px;border-radius:16px;font-size:14px}
 html[lang^="zh"] .hero-bg-video .poster{background-image:url('../assets/hero_v7_morning_couple_safe_480.webp')!important;opacity:1!important}
}
html[lang^="zh"] a:focus-visible,html[lang^="zh"] button:focus-visible{outline:3px solid #295daa;outline-offset:4px}
html[lang^="zh"] .faq-q{min-height:48px;text-align:left}
@media(max-width:1100px){
 html[lang^="zh"] .nav-links .nav-a,html[lang^="zh"] .nav-links .lang{display:none}
 html[lang^="zh"] .burger{display:flex;min-width:44px;min-height:44px;align-items:center;justify-content:center}
 html[lang^="zh"] .nav-logo img{width:min(240px,calc(100vw - 132px));height:auto}
 html[lang^="zh"] .nav-logo{min-width:0}
}
@media(prefers-reduced-motion:reduce){html[lang^="zh"] .reveal,html[lang^="zh"] .reveal-l,html[lang^="zh"] .reveal-r{opacity:1!important;transform:none!important}}