/* V2.3 visual and interaction refinement */
.hero-stats{max-width:650px;margin-top:25px;padding:16px 0 14px;border-top:1px solid rgba(16,40,59,.18);border-bottom:1px solid rgba(16,40,59,.1);display:grid;grid-template-columns:repeat(4,1fr)}
.hero-stats>div{padding:0 17px;border-right:1px solid rgba(16,40,59,.13)}
.hero-stats>div:first-child{padding-left:0}.hero-stats>div:last-child{border-right:0}
.hero-stats strong{display:flex;align-items:baseline;gap:3px;color:#0a4a77;font:800 clamp(24px,2vw,34px)/1 "Songti SC",STSong,serif}
.hero-stats strong i{font:600 11px "Microsoft YaHei",sans-serif;font-style:normal;color:#1788a6}
.hero-stats small{display:block;margin-top:7px;color:#516b7c;font-size:11px;letter-spacing:.04em}

/* Chinese remains the primary reading layer; secondary labels stay legible but quiet. */
.micro{font-size:11px;letter-spacing:.1em}.official-index{display:none}
.atlas-label{font-size:11px!important;letter-spacing:.08em!important}.card-copy p{font-size:clamp(10px,.65vw,12px)!important;line-height:1.55}
.blueprint-combined .flow-node span{font-size:clamp(10px,.66vw,12px)!important}.blueprint-combined .phase p{font-size:clamp(10px,.65vw,12px)!important}.blueprint-combined .phase li{font-size:clamp(10px,.58vw,11px)!important}
.official-card-copy small,.official-card-copy .open-mark,.official-filter button,.contact-form label,.content-meta{font-size:11px}
.official-card-copy p,.content-text{font-size:12px}.case-eyebrow{font-family:"Microsoft YaHei",sans-serif;letter-spacing:.08em}

/* Image rules: news/output 16:9, experts 3:4, cases 16:10. */
.official-card-media{aspect-ratio:16/9}.team-grid .official-card-media{aspect-ratio:3/4}.case-grid .official-card-media{aspect-ratio:16/10}
.official-card-media img{object-position:center}.team-grid .official-card-media img{object-position:center 25%}

/* Quiet motion: layered page reveal, card rise and case-media fade. */
.panel.active .micro{animation:polish-rise .42s both}.panel.active .section-title,.panel.active .title{animation:polish-rise .52s .05s both}.panel.active .subtitle{animation:polish-rise .55s .1s both}
.reveal-item{opacity:0;transform:translateY(14px);transition:opacity .52s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1),box-shadow .28s,border-color .28s}
.reveal-item.is-visible{opacity:1;transform:none}.reveal-item:nth-child(2){transition-delay:.05s}.reveal-item:nth-child(3){transition-delay:.1s}.reveal-item:nth-child(4){transition-delay:.15s}
.stage-frame .media-fade{animation:media-fade .36s cubic-bezier(.22,1,.36,1) both}
.flow-beam:after{content:"";position:absolute;inset:-4px 0 0;background:linear-gradient(90deg,transparent 0%,rgba(68,225,236,.72) 45%,transparent 70%);background-size:220% 100%;animation:water-flow 7s linear infinite;filter:blur(3px)}
@keyframes polish-rise{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}
@keyframes media-fade{from{opacity:.35;transform:scale(1.008)}to{opacity:1;transform:none}}
@keyframes water-flow{from{background-position:180% 0}to{background-position:-80% 0}}

@media(max-width:760px){.hero-stats{margin:20px 0 6px;padding:13px 0;grid-template-columns:1fr 1fr;row-gap:13px}.hero-stats>div{padding:0 12px}.hero-stats>div:nth-child(2){border-right:0}.hero-stats>div:nth-child(3){padding-left:0}.hero-stats strong{font-size:25px}.hero-stats small{font-size:10px}.micro{font-size:10px}.official-card-copy p,.content-text{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal-item{opacity:1!important;transform:none!important}.flow-beam:after{display:none}}

/* V2.4: softer navigation menus and reliable first-viewport research strip. */
@media(min-width:761px){
  .nav-dropdown{padding:9px;gap:5px;border-color:rgba(16,40,59,.11);border-radius:16px;background:rgba(255,253,248,.985);box-shadow:0 18px 48px rgba(16,40,59,.12);overflow:hidden}
  .nav-dropdown button{border:0!important;border-radius:10px;padding:14px 16px;transition:background .2s,transform .2s}
  .nav-dropdown button:hover,.nav-dropdown button:focus-visible{background:#eaf3f2;transform:translateY(-1px)}
  .home{grid-template-rows:minmax(0,1fr) clamp(166px,20vh,190px)}
  .hero-copy{min-height:0;padding-bottom:clamp(10px,2vh,24px)}
  .hero-research-strip{min-height:0;align-self:stretch}
  .hero-research-strip button{min-height:0}
}
@media(min-width:761px) and (max-height:820px){
  .hero-copy{padding-top:10px;padding-bottom:7px}
  .hero-copy .micro{margin-bottom:10px;font-size:12px}
  .hero-copy .title{font-size:clamp(49px,4.7vw,66px);line-height:1.12}
  .hero-copy .subtitle{font-size:13px;line-height:1.65;margin:12px 0}
  .hero-copy .actions{margin-top:15px}.hero-copy .actions button{padding:12px 25px}
  .hero-stats{margin-top:13px;padding:9px 0 8px}.hero-stats strong{font-size:25px}.hero-stats small{margin-top:4px}
  .hero-research-strip{padding-bottom:9px}.hero-research-strip button{padding-top:9px;padding-bottom:7px;grid-template-rows:34px 1fr}.hero-research-strip img{height:88px}
}
@media(max-width:760px){.nav-dropdown button{border-radius:8px}.hero-research-strip{display:grid!important;visibility:visible!important;opacity:1!important}}