/* Compact typography, navigation icons, and mobile menu close state */
.primary-nav a{display:inline-flex;align-items:center;gap:5px}
.primary-nav>a:not(.nav-cta){padding:6px 9px;border:1px solid transparent;border-radius:999px;transition:color .2s ease,text-shadow .2s ease,border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
.primary-nav>a:not(.nav-cta):hover,.primary-nav>a:not(.nav-cta):focus-visible{color:#c84e7b;text-shadow:0 0 9px rgba(232,110,153,.58),0 0 18px rgba(232,110,153,.28);border-color:rgba(232,110,153,.72);background:rgba(255,248,251,.9);box-shadow:0 0 0 3px rgba(245,179,202,.18),0 5px 16px rgba(232,110,153,.18);outline:none}
.primary-nav>a:not(.nav-cta).active{color:#c84e7b;border-color:rgba(232,110,153,.55);text-shadow:0 0 7px rgba(232,110,153,.4)}
.primary-nav>.nav-cta{transition:transform .2s ease,box-shadow .2s ease}
.primary-nav>.nav-cta:hover,.primary-nav>.nav-cta:focus-visible{transform:translateY(-2px);box-shadow:0 13px 25px rgba(233,104,120,.34);outline:none}
.updates-section .section-inner.two-col{display:block}
.updates-section .section-heading{max-width:720px;margin:0 auto 42px;text-align:center}
.updates-section .timeline{max-width:860px;margin:0 auto}
.floating-detail{position:fixed;right:24px;bottom:24px;z-index:40;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:50px;padding:11px 19px;color:#fff;background:var(--peach);border:1px solid rgba(255,255,255,.76);border-radius:999px;font-size:14px;font-weight:800;box-shadow:0 12px 30px rgba(233,104,120,.38),0 0 0 5px rgba(245,179,202,.18);transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}
.floating-detail .button-icon{color:#fff;margin:0}
.floating-detail .floating-arrow{font-size:12px;opacity:.86}
.floating-detail:hover,.floating-detail:focus-visible{transform:translateY(-4px);background:#df5d70;box-shadow:0 18px 36px rgba(233,104,120,.46),0 0 0 6px rgba(245,179,202,.23);outline:none}
.friend-links{position:relative;padding:50px 24px 54px;background:linear-gradient(105deg,#eefaf8 0%,#fff4f8 46%,#f8dce7 100%);border-top:3px solid var(--mint);overflow:hidden}
.friend-links:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.34),transparent 35%,rgba(255,255,255,.18));pointer-events:none}
.friend-links-inner{position:relative;max-width:1160px;margin:0 auto;text-align:center}
.friend-links h2{margin:0 0 23px;color:#9d4f70;font-family:Georgia,"Noto Serif SC",serif;font-size:28px;line-height:1.2;letter-spacing:0;text-shadow:0 2px 12px rgba(232,110,153,.18)}
.friend-links nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:13px}
.friend-links a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 20px;border:1px solid rgba(201,103,141,.28);border-radius:999px;background:rgba(255,255,255,.66);color:#694957;font-size:14px;font-weight:700;box-shadow:0 7px 18px rgba(151,91,117,.09);transition:transform .22s ease,color .22s ease,border-color .22s ease,background-color .22s ease,box-shadow .22s ease}
.friend-links a:hover,.friend-links a:focus-visible{transform:translateY(-3px);color:#c64b79;border-color:rgba(232,110,153,.76);background:#fff;box-shadow:0 12px 25px rgba(185,91,130,.2),0 0 0 3px rgba(245,179,202,.16);outline:none}
@media(max-width:720px){.floating-detail{right:14px;bottom:calc(14px + env(safe-area-inset-bottom));min-height:46px;padding:9px 15px;font-size:13px}}
@media(max-width:720px){.friend-links{padding:40px 18px 43px}.friend-links h2{font-size:25px;margin-bottom:19px}.friend-links nav{gap:10px}.friend-links a{min-height:40px;padding:7px 15px;font-size:13px}}
.nav-icon,.button-icon{display:inline-grid;place-items:center;font-size:14px;line-height:1;color:var(--peach)}
.nav-cta .nav-icon,.button-primary .button-icon{color:#fff}
.primary-nav a.active{color:var(--pink-deep)}
.primary-nav{gap:24px;font-size:15px}
.primary-nav>a:not(.nav-cta){padding:7px 10px}
.primary-nav .nav-icon{font-size:16px}
.primary-nav>.nav-cta{padding:11px 19px;font-size:15px}
.nav-toggle span{transition:transform .2s ease,opacity .2s ease}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.nav-toggle[aria-expanded="true"] em{font-size:0}
.nav-toggle[aria-expanded="true"] em:after{content:"关闭";font:11px sans-serif}
.hero h1{font-size:clamp(38px,4.6vw,66px)}
.section-heading h2,.visual-break h2,.final-cta h2{font-size:clamp(29px,3.3vw,44px)}
@media(max-width:720px){.hero h1{font-size:36px}.section-heading h2,.visual-break h2,.final-cta h2{font-size:30px}}
@media(max-width:960px) and (min-width:721px){.primary-nav{gap:14px;font-size:14px}.primary-nav>a:not(.nav-cta){padding:6px 7px}.primary-nav .nav-icon{font-size:15px}.primary-nav>.nav-cta{padding:10px 15px;font-size:14px}}

/* Modern visual interaction layer */
.brand img,.brand span,.content-card,.guide-list article,.feature-list div,.timeline li,.faq-list details,.back-top,.image-strip figure,.hero-frame,.guide-image,.feature-image{transition:transform .28s cubic-bezier(.2,.75,.25,1),box-shadow .28s ease,border-color .28s ease,background-color .28s ease,filter .28s ease}
.brand:hover img{transform:rotate(-5deg) scale(1.08);box-shadow:0 7px 22px rgba(232,110,153,.34)}
.brand:hover span{transform:translateX(3px)}
.content-card{position:relative;overflow:hidden}
.content-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--peach);opacity:0;transition:opacity .28s ease}
.content-card:hover{transform:translateY(-7px);border-color:rgba(232,110,153,.55);box-shadow:0 18px 34px rgba(180,98,135,.18)}
.content-card:hover:before{opacity:1}
.content-card:hover .card-number{color:#c84e7b;text-shadow:0 0 8px rgba(232,110,153,.38)}
.image-strip figure,.guide-image,.feature-image{overflow:hidden;border-radius:16px;background:#e9dce4}
.image-strip img,.guide-image img,.feature-image img{transition:transform .5s cubic-bezier(.2,.7,.25,1),filter .5s ease}
.image-strip figure:hover img,.guide-image:hover img,.feature-image:hover img{transform:scale(1.045);filter:saturate(1.06) contrast(1.02)}
.image-strip figure:hover,.guide-image:hover,.feature-image:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(106,73,91,.18)}
.guide-list article{position:relative;padding-left:0}
.guide-list article:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:2px;background:var(--peach);transform:scaleY(0);transform-origin:center;transition:transform .25s ease}
.guide-list article:hover{padding-left:16px;border-color:rgba(232,110,153,.55)}
.guide-list article:hover:before{transform:scaleY(1)}
.guide-list article:hover h3{color:#c84e7b}
.feature-list div{padding:15px 12px 9px;border-radius:12px}
.feature-list div:hover{transform:translateY(-5px);background:rgba(255,255,255,.72);box-shadow:0 12px 26px rgba(83,145,134,.13)}
.feature-list div:hover strong{color:var(--peach)}
.timeline li{border-radius:12px;padding:9px 12px 25px;margin:0 -12px}
.timeline li:hover{background:rgba(255,255,255,.78);transform:translateX(7px);box-shadow:0 10px 24px rgba(174,105,137,.1)}
.timeline li:hover time{background:var(--peach);border-color:var(--peach);color:#fff;box-shadow:0 0 0 5px rgba(245,179,202,.26)}
.timeline li:hover h3{color:#c84e7b}
.faq-list details{position:relative;border-left:2px solid transparent;padding-left:14px}
.faq-list details:hover{background:rgba(255,255,255,.7);border-left-color:var(--peach);box-shadow:0 8px 19px rgba(174,105,137,.08)}
.faq-list details[open]{background:rgba(255,255,255,.82);border-left-color:var(--peach)}
.faq-list summary{transition:color .2s ease}
.faq-list details:hover summary,.faq-list details[open] summary{color:#c84e7b}
.back-top:hover,.back-top:focus-visible{transform:translateY(-4px);border-color:#f6c1d3;color:#fff;background:var(--peach);box-shadow:0 10px 20px rgba(233,104,120,.3);outline:none}
.text-link{display:inline-flex;align-items:center;gap:6px;transition:gap .2s ease,color .2s ease,text-shadow .2s ease}
.text-link:hover,.text-link:focus-visible{gap:11px;color:#fff;text-shadow:0 0 12px rgba(247,178,202,.7);outline:none}
@media(hover:none){.content-card:hover,.image-strip figure:hover,.guide-image:hover,.feature-image:hover,.feature-list div:hover,.timeline li:hover,.back-top:hover{transform:none}.guide-list article:hover{padding-left:0}.guide-list article:hover:before{transform:scaleY(0)}}
@media(prefers-reduced-motion:reduce){.brand img,.brand span,.content-card,.guide-list article,.feature-list div,.timeline li,.faq-list details,.back-top,.image-strip figure,.hero-frame,.guide-image,.feature-image,.image-strip img,.guide-image img,.feature-image img,.text-link{transition:none!important}}