/* 至美智能 · 落地页共享样式（与首页同一设计语言：藏青 + 砖红点睛，大字号适老化） */
:root{
  --navy:#0f2c4d; --navy-deep:#0a2038; --blue:#1e6fd9; --accent:#e8552b;
  --ink:#16283c; --muted:#5a6b7d; --line:#e6ebf1; --bg:#f5f7fa;
  --sh:0 12px 34px rgba(15,44,77,.10); --sh-sm:0 6px 18px rgba(15,44,77,.08);
}
html{scroll-behavior:smooth;font-size:18px}
body{font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB","Segoe UI",system-ui,sans-serif;color:var(--ink);line-height:1.85;background:#fff;font-size:1.05rem}
a{text-decoration:none;color:inherit} img{max-width:100%;display:block}
::selection{background:var(--accent);color:#fff}
.wrap{max-width:1180px}

.topbar{background:var(--navy-deep);color:#c7d6e6;font-size:.98rem}
.topbar .hot{color:#fff;font-weight:700}
.navbar{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}
.brand-mark{width:46px;height:46px;border-radius:12px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;padding:4px;overflow:hidden;flex:none}
.brand-mark img{width:100%;height:100%;object-fit:contain;display:block}
.navbar-brand .cn{font-weight:800;color:var(--navy);font-size:1.2rem;line-height:1.05}
.navbar-brand .en{font-size:.62rem;color:var(--muted);letter-spacing:1px}
.nav-link{color:#3a4d63;font-weight:700;font-size:1.06rem;padding:.5rem .95rem!important}
.nav-link:hover{color:var(--blue)}
.nav-cta{background:var(--accent);color:#fff!important;border-radius:8px;padding:.5rem 1.15rem!important;font-weight:800}
.nav-cta:hover{filter:brightness(1.06);color:#fff}

/* breadcrumb */
.crumb{background:var(--bg);border-bottom:1px solid var(--line);font-size:.98rem;color:var(--muted);padding:14px 0}
.crumb a:hover{color:var(--blue)}
.crumb .sep{margin:0 8px;color:#b7c3d1}
.crumb .cur{color:var(--navy);font-weight:700}

/* hero */
.lp-hero{background:var(--navy);color:#fff}
.lp-hero .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center;padding:56px 0 64px}
.lp-hero .tag{display:inline-block;font-size:.95rem;letter-spacing:1px;color:#bcd3ea;border-left:3px solid var(--accent);padding-left:12px}
.lp-hero h1{font-weight:800;font-size:clamp(1.8rem,3.6vw,2.7rem);line-height:1.3;margin:16px 0 12px}
.lp-hero h1 .u{color:#ffd9cc;box-shadow:inset 0 -.3em 0 rgba(232,85,43,.5)}
.lp-hero .lead{font-size:1.14rem;color:#dbe7f3;max-width:40ch;margin-bottom:24px}
.lp-fig{border-radius:16px;overflow:hidden;box-shadow:0 24px 50px rgba(0,0,0,.35);background:#0b2540;display:grid;place-items:center;min-height:280px;padding:14px}
.lp-fig img{width:100%;height:100%;max-height:360px;object-fit:contain;border-radius:10px}
.lp-fig.cover{aspect-ratio:4/3;padding:0}
.lp-fig.cover img{height:100%;object-fit:cover;max-height:none;border-radius:0}
@media(max-width:991px){.lp-hero .grid{grid-template-columns:1fr;gap:30px;padding:40px 0 46px}}

.btn-accent{background:var(--accent);color:#fff;border:none;border-radius:9px;padding:.7rem 1.6rem;font-weight:800;font-size:1.06rem;display:inline-block}
.btn-accent:hover{filter:brightness(1.07);color:#fff}
.btn-ghost{border:1.6px solid rgba(255,255,255,.55);color:#fff;border-radius:9px;padding:.7rem 1.4rem;font-weight:700;font-size:1.06rem;display:inline-block}
.btn-ghost:hover{background:#fff;color:var(--navy)}

section{padding:72px 0}
.sec-alt{background:var(--bg)}
.head{margin-bottom:34px}
.head .tag{color:var(--accent);font-weight:800;letter-spacing:1px;font-size:.95rem}
.head h2{font-weight:800;color:var(--navy);font-size:clamp(1.5rem,2.5vw,2.1rem);margin:6px 0 0}
.head p{color:var(--muted);font-size:1.08rem;margin:10px 0 0;max-width:60ch}

.chip{display:inline-block;font-size:1rem;color:#3a4d63;background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px 15px;margin:0 9px 11px 0}
.sec-alt .chip{background:#fff}

.fault{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--line)}
.fault:last-child{border-bottom:0}
.fault .d{flex:none;width:10px;height:10px;border-radius:50%;background:var(--accent);margin-top:12px}
.fault p{margin:0;font-size:1.08rem;color:#3a4d63}

.adv2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.adv2 .c{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px 26px}
.adv2 .c h3{font-size:1.2rem;font-weight:800;color:var(--navy);margin:0 0 6px}
.adv2 .c p{margin:0;color:#465a70;font-size:1.04rem}
@media(max-width:767px){.adv2{grid-template-columns:1fr}}

.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.steps .s{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 14px;text-align:center}
.steps .s .n{width:40px;height:40px;border-radius:10px;background:var(--navy);color:#fff;font-weight:800;display:grid;place-items:center;margin:0 auto 10px;font-size:1.1rem}
.steps .s h4{font-size:1rem;font-weight:800;color:var(--navy);margin:0}
@media(max-width:991px){.steps{grid-template-columns:repeat(3,1fr)}}
@media(max-width:575px){.steps{grid-template-columns:repeat(2,1fr)}}

/* related links */
.rel{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rel a{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px;font-weight:700;color:var(--navy);transition:.25s}
.rel a:hover{border-color:#b9d7ff;box-shadow:var(--sh-sm);transform:translateY(-3px)}
.rel a .ar{margin-left:auto;color:var(--blue)}
@media(max-width:767px){.rel{grid-template-columns:1fr}}

/* contact band */
.cta{background:var(--navy);color:#fff;border-radius:18px;padding:44px 40px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px}
.cta h2{font-weight:800;font-size:clamp(1.4rem,2.4vw,1.9rem);margin:0}
.cta p{margin:8px 0 0;color:#cfe0f0;font-size:1.05rem}
.qr-inline{display:flex;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--sh-sm)}
.qr-inline img{width:120px;height:120px;border-radius:8px;border:1px solid var(--line)}
.qr-inline .cap{font-weight:700;color:var(--navy);font-size:.98rem;margin-top:6px;text-align:center}

footer{background:var(--navy-deep);color:#9fb6cd;padding:48px 0 26px;font-size:1.02rem}
footer h5{color:#fff;font-weight:800;font-size:1.15rem;margin-bottom:16px}
footer a:hover{color:#fff}
.foot-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:26px;padding-top:20px;color:#7893b0;font-size:.98rem}