*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Noto Sans SC',-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased;background:#fdfdfe}
::selection{background:#3a55c9;color:#fff}
section,header{scroll-margin-top:72px}
a{text-decoration:none;color:inherit}
input:focus,textarea:focus{outline:none;border-color:#3a55c9 !important;box-shadow:0 0 0 3px rgba(58,85,201,.14)}
@keyframes cgfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes cgfloat2{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes cgfade{from{opacity:0}to{opacity:1}}
@keyframes cgpop{0%{opacity:0;transform:scale(.55)}60%{opacity:1;transform:scale(1.08)}100%{transform:scale(1)}}
@keyframes cgrise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes cgspin{to{transform:rotate(360deg)}}
@keyframes cgblob{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(30px,-20px) scale(1.08)}}
@keyframes cgpulse{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes cgprog{from{width:0}to{width:100%}}
@keyframes cggrow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.flip-in{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .42s cubic-bezier(.35,.1,.25,1)}
.flip-card:hover .flip-in{transform:rotateX(180deg)}

@media(max-width:1024px){
  .mock-float{display:none !important}
}
@media(max-width:768px){
  .nav-links{display:none !important}
  .nav-inner{padding:12px 20px !important}
  .sec{padding:60px 22px !important}
  .hero-inner{padding:76px 22px 0 !important}
  .hero-h1{font-size:44px !important}
  .sec-h2{font-size:30px !important}
  .bento{grid-template-columns:1fr 1fr !important}
  .bento-w{grid-column:span 2 !important}
  .sec-dark{grid-row:auto !important;grid-column:span 2 !important}
  .g3{grid-template-columns:1fr !important}
  .cmp-row{grid-template-columns:1fr 1fr !important}
  .cmp-dim{grid-column:span 2 !important;padding-bottom:0 !important}
  .g2{grid-template-columns:1fr !important;gap:24px !important}
  .svc-split{grid-template-columns:1fr !important;gap:40px !important}
  .svc-left{position:static !important}
  .mock-side{display:none !important}
  .mock-main{padding:22px 20px !important}
  .mock-grid{grid-template-columns:1fr !important}
  /* mock3 线索行描述：窄屏改换行，避免微信 X5 不认 min-width:0、nowrap 文案把右侧标签顶出被裁 */
  [data-if="mock3"] [style*="nowrap"]{white-space:normal !important;overflow:visible !important;text-overflow:clip !important}
  .flip-in{transform:none !important;transform-style:flat !important;transition:none !important}
  .flip-card .flip-in>div:first-child{display:none !important}
  .flip-card .flip-in>div:last-child{transform:none !important;backface-visibility:visible !important}
  .panel{padding:40px 26px !important}
  .contact-h2{font-size:30px !important}
  .foot-cols{grid-template-columns:1fr 1fr !important;gap:32px !important}
}
@media(max-width:480px){
  .mock-main{min-height:300px !important}
  [data-if="mock2"]>div>div:first-child,
  [data-if="mock5"]>div>div:nth-child(2),
  [data-if="mock5"]>div>div:nth-child(3){flex-wrap:wrap !important}
  .sec{padding:48px 18px !important}
  .hero-inner{padding:60px 18px 0 !important}
  .hero-h1{font-size:34px !important}
  .hero-badge{font-size:10px !important;letter-spacing:.14em !important}
  .sec-h2{font-size:26px !important}
  .contact-h2{font-size:26px !important}
  .bento{grid-template-columns:1fr !important}
  .bento-w{grid-column:span 1 !important}
  .sec-dark{grid-column:span 1 !important}
  .cmp-row{grid-template-columns:1fr !important}
  .cmp-dim{grid-column:span 1 !important}
  /* 对比表窄屏改纯文字：每维度 = 标题 +「通用大模型 — 文案」+「长风光年 — 文案」，藏图标、列名内联 */
  .cmp-row ~ .cmp-row > div:nth-child(2),
  .cmp-row ~ .cmp-row > div:nth-child(3){display:block !important;padding:8px 26px !important}
  .cmp-row ~ .cmp-row > div:nth-child(2) > span:first-child,
  .cmp-row ~ .cmp-row > div:nth-child(3) > span:first-child{display:none !important}
  .cmp-row ~ .cmp-row > div:nth-child(2)::before,
  .cmp-row ~ .cmp-row > div:nth-child(3)::before{font-weight:700;font-size:13px;line-height:1.7}
  .cmp-row ~ .cmp-row > div:nth-child(2)::before{content:"通用大模型 — ";color:#8b93ad}
  .cmp-row ~ .cmp-row > div:nth-child(3)::before{content:"长风光年 — ";color:#3a55c9}
  .panel{padding:32px 18px !important}
  .cta-row{flex-direction:column !important}
  .cta-row a{width:100% !important;text-align:center !important}
  .foot-cols{grid-template-columns:1fr !important}
  .intg-row{gap:8px !important}
}