:root{--gutter:clamp(20px,11vw,160px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#f6f5f1;color:#111110;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','Noto Sans SC',sans-serif}
a{color:#111110}a:hover{color:#5b5952}
img{max-width:100%}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #ff4a1f;outline-offset:2px}
/* 生长感：首屏标志逐格长出、卡片悬停抬起、锚点落位留出页眉 */
[id]{scroll-margin-top:96px}
@keyframes grow-in{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}
svg.growth rect{transform-box:fill-box;transform-origin:center;animation:grow-in .45s cubic-bezier(.2,.7,.2,1) both}
svg.growth rect[data-g="1"]{animation-delay:0.16s}
svg.growth rect[data-g="2"]{animation-delay:0.32s}
svg.growth rect[data-g="3"]{animation-delay:0.48s}
svg.growth rect[data-g="4"]{animation-delay:0.64s}
svg.growth rect[data-g="5"]{animation-delay:0.80s}
svg.growth rect[data-g="6"]{animation-delay:0.96s}
svg.growth rect[data-g="7"]{animation-delay:1.12s}
svg.growth rect[data-g="8"]{animation-delay:1.28s}
.cap-card,a[href^="editions.html#"][style*="padding"]{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.cap-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(17,17,16,.08);border-color:#111110!important}
a[style*="min-height: 48px"]{transition:background-color .15s ease,color .15s ease}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* 行业案例轮播 */
.sc-tab{transition:background-color .2s ease}
.sc-tab[aria-selected="true"]{background:#fff!important}
.sc-tab[aria-selected="false"]:hover{background:#fff!important}
.sc-bar i{transition:none}
.showcase.playing .sc-tab[aria-selected="true"] .sc-bar i{transition:width linear}
@media (max-width:860px){
  .sc-tabs{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory}
  .sc-tab{flex:0 0 auto;min-width:180px;scroll-snap-align:start}
  .showcase li.sc-pt{grid-template-columns:24px minmax(0,1fr)!important}
  .showcase div.sc-dl{grid-template-columns:64px minmax(0,1fr)!important}
}
[hidden]{display:none!important}
.hero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#fff}
.hero-media .play{position:absolute;right:14px;bottom:12px;min-height:40px;padding:0 14px;border:1px solid #111110;background:#f6f5f1;font-size:14px;cursor:pointer}
dialog#intro-dialog{padding:0;border:0;background:#111110;width:min(960px,92vw);max-height:92vh}
dialog#intro-dialog::backdrop{background:rgba(17,17,16,.72)}
dialog#intro-dialog video{display:block;width:100%;height:auto}
dialog#intro-dialog button{position:absolute;top:8px;right:8px;min-height:40px;padding:0 14px;border:1px solid #5b5952;background:#111110;color:#f6f5f1;cursor:pointer}
.wf-flow{overflow-x:auto;padding-bottom:4px}
.cat-chip[aria-pressed="true"]{background:#111110!important;color:#f6f5f1!important;border-color:#111110!important}
img.wechat-qr{display:block;background:#fff;border:1px solid #dbd9d2}
.site-root{width:100%!important;height:auto!important;min-height:100vh;overflow:visible!important}
header nav{flex-wrap:wrap;row-gap:0}
[style*="align-self: center"][style*="width:"]{max-width:100%}
@media (max-width:1180px){
  [style*="minmax(0, 1fr) 560px"]{grid-template-columns:minmax(0,1fr)!important}
  header{height:auto!important;flex-wrap:wrap;row-gap:0;padding-top:12px!important;padding-bottom:0!important}
  header nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap!important;gap:22px!important}
  header nav a{white-space:nowrap;padding:14px 0 12px!important}
  [style*="repeat(5, minmax(0, 1fr))"],[style*="repeat(4, minmax(0, 1fr))"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:860px){
  [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important}
  [style*="minmax(0,1fr) 24px minmax(0,1fr)"] svg{transform:rotate(90deg);justify-self:start}
  h1{font-size:clamp(36px,9vw,56px)!important}
  h2{font-size:clamp(24px,6.5vw,36px)!important}
  section{padding-top:64px!important;padding-bottom:64px!important}
  footer > div{flex-wrap:wrap;gap:32px!important}
  [style*="align-self: center"][style*="width:"]{width:100%!important}
  [style*="grid-template-columns: 170px"]{grid-template-columns:minmax(0,1fr)!important}
  section > div > svg[width="384"]{width:220px;height:220px}
}
@media (max-width:480px){
  .beta-chip{display:none}
  [style*="display: flex; gap: 12px"]{flex-wrap:wrap}
  a[style*="min-height: 48px"]{white-space:normal!important;text-align:center}
  [style*="repeat(2, minmax(0, 1fr))"]{grid-template-columns:minmax(0,1fr)!important}
  header a[href="contact.html"]{padding:0 14px!important;min-height:40px!important}
}