@font-face{font-family:Puhui;src:url("assets/Alibaba-PuHuiTi-Regular.woff2") format("woff2");font-display:swap}
:root{--blue:#3473e7;--ink:#30343a;--muted:#74748d;--pale:#f7fbfe;--line:#e2e6ee}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Puhui,"Microsoft YaHei",Arial,sans-serif;background:#fff}.site-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(6vw,32px);position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-top:1px solid #ddd;box-shadow:0 1px 0 rgba(0,0,0,.04)}.brand{display:flex;align-items:center;gap:18px;color:#253145;text-decoration:none;font-weight:600}.brand img{width:174px;height:58px;object-fit:contain}.brand span{padding-left:18px;border-left:1px solid #d9dee7;font-size:18px}.site-header nav a{color:#626b78;text-decoration:none;padding:12px 2px;border-bottom:2px solid transparent}.site-header nav a:hover{color:var(--blue);border-color:var(--blue)}.hero{min-height:calc(100vh - 72px);background:#f7fbfe;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(420px,.65fr);overflow:hidden}.hero-copy{padding:clamp(90px,17vh,170px) 5vw 60px max(7vw,48px);position:relative}.eyebrow{color:var(--blue)!important;font-size:13px!important;letter-spacing:.22em;margin:0 0 18px!important}.hero h1{font-size:clamp(58px,6vw,92px);font-weight:400;line-height:1;margin:0 0 24px}.hero h2{font-size:clamp(28px,3vw,46px);font-weight:500;margin:0 0 18px;color:#1d2737}.hero-copy>p:last-of-type{font-size:clamp(24px,2.6vw,46px);margin:0;white-space:nowrap}.hero-art{margin:32px 0 44px;border-radius:24px 0 0 24px;background:#02070b url("https://static.liuliangguo.com/website/2026/02/12/11/fd67de965a58e3d861dbf61664458064.png") center/cover no-repeat;box-shadow:0 24px 60px rgba(11,44,83,.18)}.down{position:absolute;right:10%;bottom:40px;font-size:62px;line-height:.5;color:#cbd2da;text-decoration:none;animation:bob 1.5s ease-in-out infinite}@keyframes bob{50%{transform:translateY(8px)}}.section{padding:70px max(7vw,48px) 76px}.ai-section{background:var(--pale)}.section-heading p,.section-heading h2{font-size:clamp(32px,3vw,50px);font-weight:400;margin:0}.section-heading p{margin-bottom:16px}.ai-grid{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:32px;margin-top:52px}.ai-card{position:relative;min-height:580px;background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;padding:0 30px 32px;transition:.25s ease}.ai-card:hover,.ai-card.featured{box-shadow:0 10px 28px rgba(40,101,185,.18);transform:translateY(-4px)}.ai-card img{display:block;width:100%;height:400px;object-fit:contain;position:relative}.ai-card h3{font-size:34px;margin:6px 0 12px;font-weight:500}.ai-card.featured h3{color:var(--blue)}.ai-card p{font-size:18px;margin:0;line-height:1.6}.card-number{position:absolute;left:24px;top:4px;font-size:118px;color:#f2f4f8}.delivery-section{padding-bottom:90px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:54px}.feature-card{min-width:0}.feature-title{display:flex;align-items:center}.feature-title b{font-size:clamp(54px,5.2vw,94px);font-weight:400;color:#74748d;line-height:1}.feature-card.active .feature-title b,.feature-card:hover .feature-title b{color:var(--blue)}.feature-title span{font-size:clamp(18px,1.7vw,30px);white-space:nowrap}.feature-title small{display:block;color:#bbb;font-size:13px;margin-top:8px}.feature-image{height:410px;border-radius:70px 0 0 0;background:#fbfbfb;display:flex;flex-direction:column;align-items:center;padding:42px 24px 25px;transition:.25s ease;overflow:hidden}.feature-image img{width:100%;height:230px;object-fit:contain}.feature-image p{color:var(--muted);font-size:17px;line-height:1.5;opacity:0;transform:translateY(15px);transition:.3s}.feature-card.active .feature-image,.feature-card:hover .feature-image{background:linear-gradient(180deg,#a1c9fc 0%,rgba(251,251,251,.62) 100%);transform:translateY(-6px)}.feature-card.active .feature-image p,.feature-card:hover .feature-image p{opacity:1;transform:none}footer{background:#2f3237;color:#fff;min-height:210px;padding:55px max(7vw,48px) 35px;display:flex;flex-direction:column;justify-content:space-between}.footer-brand{display:flex;flex-direction:column;gap:10px}.footer-brand strong{font-size:28px}.footer-brand span{color:#aeb4bd}footer a{color:#6eafd9;text-decoration:none;border-top:1px solid #676b70;padding-top:24px}
@media(max-width:1000px){.brand img{width:138px}.brand span{font-size:15px}.hero{grid-template-columns:1fr}.hero-copy{padding:90px 7vw 60px}.hero-art{min-height:440px;margin:0 5vw 55px;border-radius:24px}.hero-copy>p:last-of-type{white-space:normal}.ai-grid{grid-template-columns:1fr}.ai-card{min-height:auto}.feature-grid{grid-template-columns:1fr 1fr}.feature-image p{opacity:1;transform:none}}
@media(max-width:620px){.site-header{height:64px;padding:0 18px}.brand{gap:10px}.brand img{width:105px}.brand span{font-size:13px;padding-left:10px}.site-header nav{display:none}.hero{min-height:auto}.hero-copy{padding:72px 24px 50px}.hero-art{min-height:320px}.section{padding:56px 22px}.ai-card img{height:290px}.feature-grid{grid-template-columns:1fr}.feature-image{height:360px}.feature-title b{font-size:66px}footer{padding:44px 24px 28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* Centered, contact-free footer */
footer{align-items:center;justify-content:center;text-align:center;gap:30px}
.footer-brand{align-items:center}
footer a{width:min(680px,100%);text-align:center}

/* Source-faithful card motion */
@media (min-width:1001px){
  .ai-grid{display:flex;align-items:stretch;gap:32px}
  .ai-card{flex:1 1 0;min-width:0;transform:none;transition:flex-grow .36s cubic-bezier(.22,.61,.36,1),border-color .32s ease,box-shadow .32s ease}
  .ai-card:hover{transform:none}
  .ai-card.is-active{flex-grow:1.42;border-color:transparent;box-shadow:0 8px 28px rgba(40,101,185,.20)}
  .ai-card img{box-sizing:border-box;padding:0;transition:padding .38s cubic-bezier(.22,.61,.36,1),transform .38s cubic-bezier(.22,.61,.36,1)}
  .ai-card.is-active img{padding-inline:42px;transform:translateY(-2px)}
  .ai-card h3{margin-top:66px;transition:color .42s ease,margin-top .42s cubic-bezier(.22,.61,.36,1)}
  .ai-card p{width:100%;opacity:0;transform:translateY(8px);transition:opacity .44s ease .08s,transform .44s ease .08s}
  .ai-card.is-active h3{color:var(--blue);margin-top:18px}
  .ai-card.is-active p{opacity:1;transform:none}
  .ai-card .card-number{opacity:0;transition:opacity .46s ease}
  .ai-card.is-active .card-number{opacity:1}

  .feature-grid{align-items:start}
  .feature-card{height:590px;display:flex;flex-direction:column;justify-content:flex-end;outline:none}
  .feature-title{min-height:112px;align-items:center}
  .feature-image{flex:0 0 auto;height:335px;transform:none;transition:height .28s cubic-bezier(.22,.61,.36,1),background .28s ease,box-shadow .28s ease}
  .feature-card:hover .feature-image,.feature-card:focus-visible .feature-image{height:450px;transform:none;box-shadow:0 5px 21px rgba(40,101,185,.16)}
  .feature-card:focus-visible .feature-title b{color:var(--blue)}
  .feature-image p{margin-top:38px;opacity:0;transform:translateY(7px);transition:opacity .48s ease .10s,transform .48s ease .10s}
  .feature-card:hover .feature-image p,.feature-card:focus-visible .feature-image p{opacity:1;transform:none}
}

.ai-card:focus-visible,.feature-card:focus-visible{outline:3px solid rgba(52,115,231,.32);outline-offset:4px}

#ai,#about{scroll-margin-top:88px}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{animation:none!important;transition:none!important}
}
