@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');
:root{--ink:#0e1c3b;--blue:#2768ec;--cyan:#00b5d8;--muted:#64748b;--line:#e4eaf5;--bg:#f7f9fd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Noto Sans SC",Arial,sans-serif;background:#fff}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,32px);border-bottom:1px solid #eef2f8;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);position:sticky;top:0;z-index:9}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;color:var(--ink);text-decoration:none}.brand img{width:33px;height:33px;object-fit:contain}.nav nav{display:flex;gap:34px}.nav nav a{color:#516078;text-decoration:none;font-size:14px}.nav-download,.button{border-radius:9px;text-decoration:none;font-weight:600}.nav-download{background:#edf3ff;color:var(--blue);padding:10px 17px;font-size:14px}.menu{display:none;border:0;background:none;font-size:24px}.hero{min-height:650px;padding:82px max(8vw,38px) 75px;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;overflow:hidden;background:linear-gradient(137deg,#f9fbff 0%,#f2f7ff 65%,#eefaff 100%)}.hero-copy{max-width:650px}.eyebrow,.section-title>span{font-size:13px;font-weight:700;letter-spacing:1px;color:var(--blue)}h1{font-size:clamp(42px,5.5vw,75px);letter-spacing:-3px;line-height:1.16;margin:18px 0 20px}h1 em{font-style:normal;color:#2768ec}p{color:var(--muted);line-height:1.85}.hero-copy>p{max-width:530px;font-size:17px}.hero-actions{display:flex;gap:12px;margin:31px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:14px 21px}.button.primary{color:white;background:var(--blue);box-shadow:0 12px 25px #2768ec3b}.button.primary span{font-size:20px}.button.ghost{color:#23385d;border:1px solid #ced9ed}.trust{display:flex;flex-wrap:wrap;gap:15px;font-size:12px;color:#65738a}.hero-art{height:460px;position:relative}.app-card{width:min(480px,92%);position:absolute;right:15px;top:30px;border-radius:17px;background:white;box-shadow:0 36px 75px #24478f2c;overflow:hidden;border:1px solid #e4ebf6;z-index:2}.window-top{height:36px;background:#f8faff;padding:11px}.window-top i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#d7dfed;margin-right:5px}.window-top span{font-size:11px;color:#9aa8bd;margin-left:12px}.app-body{padding:23px}.app-head{display:flex;align-items:center;gap:9px}.app-head img{width:40px;height:40px;object-fit:contain}.app-head b,.app-head small{display:block}.app-head small{font-size:11px;color:#9aa8bb}.app-head mark{margin-left:auto;color:#1a9c67;background:#e7f8f0;padding:5px 8px;border-radius:20px;font-size:10px}.metric{padding:21px 0 15px;border-bottom:1px solid var(--line)}.metric span,.metric em{display:block;font-size:11px;color:#92a0b5}.metric strong{font:700 34px 'DM Mono';display:inline-block;margin:7px 12px 0 0}.metric em{display:inline-block;color:#1da26c}.file-row{display:flex;align-items:center;gap:9px;padding:13px 0;border-bottom:1px solid #f0f3f8;font-size:12px}.file-row small{margin-left:auto;color:#96a1b3}.ok{color:#16ad71}.warn{color:#ef8f35}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-a{width:290px;height:290px;right:-35px;top:-16px;background:#d4e7ff}.orb-b{width:190px;height:190px;left:25px;bottom:-25px;background:#bfeff5}.float-card{position:absolute;z-index:3;left:0;bottom:10px;background:#132c68;color:white;padding:16px 21px;border-radius:12px;box-shadow:0 16px 32px #1d36704a}.float-card span,.float-card b{display:block;font-size:11px}.float-card b{margin:5px 0;color:#9bb8f6}.float-card strong{font:700 21px 'DM Mono'}.logos{padding:25px 5vw;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.logos p{font-size:13px;margin:0}.logos div{display:flex;gap:25px;align-items:center;color:#8b99ae;font-weight:700;font-size:14px}.section{padding:105px max(8vw,38px)}.section-title{max-width:610px}.section-title h2{font-size:clamp(31px,4vw,50px);letter-spacing:-2px;line-height:1.25;margin:12px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}.feature{border:1px solid var(--line);border-radius:16px;padding:27px;background:white}.feature.large{grid-column:span 2;background:#f5f8ff}.feature.wide{grid-column:span 2;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(120deg,#152d68,#2768ec);color:white}.feature.wide p{color:#cfddff}.icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:22px;font-weight:bold;margin-bottom:20px}.blue{background:#dce9ff;color:#1f65e8}.cyan{background:#d6f7fb;color:#009dbd}.green{background:#dcf7eb;color:#11965e}.purple{background:#e9e2ff;color:#7951e9}.feature h3{font-size:20px;margin:0 0 8px}.feature p{font-size:14px;margin:0}.timeline{display:flex;justify-content:space-between;position:relative;margin-top:36px;padding-top:19px;font-size:12px;color:#52627d}.timeline:before{content:"";height:2px;background:#c9dafa;position:absolute;top:6px;left:0;right:0}.timeline i{position:relative;background:#2c70ea;width:13px;height:13px;border:3px solid #ebf2ff;border-radius:50%}.cloud-visual{min-width:180px;text-align:right}.cloud-visual span,.cloud-visual b{display:block}.cloud-visual span{font-size:11px;color:#b7ccff}.cloud-visual b{font-size:16px;margin:4px 0}.cloud-visual i{font-size:50px;font-style:normal}.workflow{background:#0d214d;color:white;padding:105px max(8vw,38px)}.light span{color:#75b8ff}.light h2{color:white}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:54px}.steps article{border-top:1px solid #3d5686;padding-top:21px}.steps b{font:700 15px 'DM Mono';color:#67a9ff}.steps h3{font-size:21px;margin:18px 0 4px}.steps p{color:#aebedb;font-size:14px}.center{text-align:center;margin:auto}.plans{background:var(--bg)}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1080px;margin:50px auto 14px}.plan-grid article{background:white;border:1px solid #dce4f2;border-radius:16px;padding:30px;min-height:370px}.plan-grid .popular{background:#1e58cb;color:white;border-color:#1e58cb;box-shadow:0 22px 45px #2965d03b;transform:translateY(-9px)}.tag{font-size:12px;color:#3975dd}.popular .tag,.popular p{color:#cce0ff}.plan-grid h3{font-size:21px;margin:15px 0 0}.plan-grid p{font-size:13px;margin:5px 0 17px}.plan-grid strong{font-size:23px}.plan-grid ul{padding:17px 0 12px;margin:0;list-style:none;font-size:13px;line-height:2.2;color:#576780}.popular ul{color:#e1edff}.plan-grid li:before{content:"✓";color:#20a873;margin-right:8px}.popular li:before{color:#a7d4ff}.plan-grid a{font-size:14px;color:#2869e5;font-weight:700;text-decoration:none}.popular a{color:white}.plan-note{text-align:center;font-size:12px}.download{margin:90px max(8vw,38px);padding:48px 56px;border-radius:20px;color:white;background:linear-gradient(113deg,#112757,#2768ec);display:flex;align-items:center;justify-content:space-between;gap:25px}.download span{font-size:13px;color:#bcd5ff}.download h2{font-size:31px;margin:7px 0}.download p{margin:0;color:#bed0f4;font-size:13px}.download .button{background:white;color:#245ed5;white-space:nowrap}footer{padding:0 8vw 42px;display:grid;grid-template-columns:auto 1fr;gap:8px 35px;align-items:center}footer p{margin:0;font-size:13px}footer small{grid-column:1/-1;color:#a0adbd;font-size:11px;border-top:1px solid var(--line);padding-top:18px}@media(max-width:820px){.nav{height:65px;padding:0 20px}.nav nav,.nav-download{display:none}.menu{display:block}.hero{grid-template-columns:1fr;padding:54px 24px 20px;min-height:auto}.hero-art{height:365px}.app-card{right:0}.logos{padding:20px 24px;display:block}.logos div{margin-top:15px;gap:13px;flex-wrap:wrap}.section,.workflow{padding:68px 24px}.feature-grid,.plan-grid,.steps{grid-template-columns:1fr}.feature.large,.feature.wide{grid-column:auto}.feature.wide{display:block}.cloud-visual{text-align:left;margin-top:25px}.download{margin:50px 20px;padding:32px 27px;display:block}.download h2{font-size:27px}.download .button{margin-top:20px;width:100%}footer{padding:0 24px 32px;grid-template-columns:1fr}.hero-copy>p{font-size:15px}h1{letter-spacing:-2px}.plan-grid .popular{transform:none}.app-head mark{display:none}}
/* H5 导航展开状态 */
@media(max-width:820px){
  .nav nav.open{display:flex;position:absolute;top:65px;left:0;right:0;padding:18px 24px 22px;gap:17px;flex-direction:column;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 13px 25px #173b7620}
  .nav nav.open a{font-size:15px}
}