/* White page backgrounds with quiet card surfaces. */
:root { --bg:#fff; }
.cc-deck-content > section, .cc-deck-content > header, #cc-ai-page { background:#fff!important; }
body > nav .brand-logo { width:210px; max-width:100%; height:auto; }
@media(max-width:900px){body > nav .brand-logo{width:175px}}
@media(max-width:600px){body > nav .brand-logo{width:150px}}
#top .lead[lang="en"] { font-family:Arial,sans-serif; font-weight:600; font-size:clamp(12px,.85vw,16px)!important; letter-spacing:.045em; color:#333; }

/* A small floating pager keeps navigation available without a full-width bar. */
.cc-deck-controls { inset:auto 24px 20px auto; width:auto; height:auto; padding:5px; gap:6px; border:1px solid #dce4e6; border-radius:999px; background:rgba(255,255,255,.96); box-shadow:0 8px 28px rgba(17,47,56,.12); }
.cc-deck-controls button.prev, .cc-deck-controls button.next { display:grid; place-items:center; width:42px; height:42px; min-width:42px; min-height:42px; padding:0; border:0; border-radius:50%!important; font-size:27px; line-height:1; box-shadow:none; }
.cc-deck-controls button.prev { background:#f2f6f6; color:#006d7e; }
.cc-deck-controls button.next { background:#007488; color:#fff; }
.cc-deck-controls button:disabled { opacity:.32; }
.cc-deck-count { min-width:60px; text-align:center; font-size:13px; letter-spacing:.05em; color:#4d5c60; }
.cc-deck-hint,.cc-deck-progress { display:none!important; }
@media(max-width:600px){.cc-deck-controls{right:12px;bottom:12px}.cc-deck-controls button.prev,.cc-deck-controls button.next{width:38px;height:38px;min-width:38px;min-height:38px}}

/* Light information cards: dark labels, floating visual, and subtle borders. */
#top .hcap { justify-content:space-between; background-color:#fff!important; border:1px solid #e1e8ed; box-shadow:0 8px 24px rgba(55,80,100,.08); padding:18px; background-size:90% auto; background-position:center 46%; background-repeat:no-repeat; }
#top .hcap:nth-child(1){background-image:url('images/interactive-content.webp')}
#top .hcap:nth-child(2){background-image:url('images/content-update.webp')}
#top .hcap:nth-child(3){background-image:url('images/storytelling.webp')}
#top .hcap:nth-child(4){background-image:url('images/digital-twin.webp')}
#top .hcap .hc-i { display:none; }
#top .hcap b { order:-1; color:#182328; font-size:15px; text-align:left; background:rgba(255,255,255,.9); border-radius:6px; padding:3px 4px; }
#top .hcap small { color:#54636a; font-size:11px; text-align:left; background:rgba(255,255,255,.92); border-radius:7px; padding:4px; }
@media(max-width:600px){#top .hcap{padding:10px}#top .hcap b{font-size:12px}#top .hcap small{font-size:10px}}

/* Expand the active home card without moving the row or covering its neighbours. */
@media (min-width:901px) and (hover:hover) {
  #top .hero-caps { display:flex; }
  #top .hcap { flex:1 1 0; min-width:0; width:0; transition:flex-grow .4s ease,box-shadow .25s ease; }
  #top .hcap:hover, #top .hcap:focus-visible { flex-grow:1.8; transform:none; }
  #top .hcap::after { content:'查看详情 ↗'; position:absolute; left:22px; bottom:17px; color:#006b7b; background:#e7f4f6; padding:5px 11px; border-radius:999px; font-size:12px; opacity:0; transform:translateY(4px); transition:opacity .2s ease,transform .2s ease; pointer-events:none; }
  #top .hcap:hover::after, #top .hcap:focus-visible::after { opacity:1; transform:translateY(0); }
  #top .hcap:hover small, #top .hcap:focus-visible small { margin-bottom:34px; }
}
@media(prefers-reduced-motion:reduce){#top .hcap,#top .hcap::after{transition:none!important}}