:root{--ink:#16243a;--muted:#728097;--line:#e8edf4;--blue:#3977ef;--paper:#fff;--page:#f2f7fc;--shadow:0 12px 40px rgba(49,78,121,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:linear-gradient(145deg,#eef6ff 0%,#f7f9fc 48%,#f3f0ff 100%);color:var(--ink);font-family:"Noto Sans SC","Microsoft YaHei",sans-serif;letter-spacing:0}.ambient{position:fixed;z-index:-1;filter:blur(30px);opacity:.35}.ambient-one{width:260px;height:260px;top:8%;left:8%;background:#b6ddff}.ambient-two{width:220px;height:220px;right:9%;bottom:14%;background:#ddd2ff}.site-header,.page-shell,footer{width:min(100% - 28px,720px);margin-inline:auto}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-mark,.footer-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#e8f7ef;color:#189a61}.brand-mark svg{width:23px}.brand h1{font-size:18px;margin:0;font-weight:700}.brand p{font-size:12px;color:var(--muted);margin:3px 0 0}.icon-button{width:40px;height:40px;border:1px solid rgba(216,225,236,.9);border-radius:12px;background:rgba(255,255,255,.85);color:#44526a;display:grid;place-items:center;cursor:pointer;position:relative}.icon-button svg{width:19px}.notice-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#ff665b;top:8px;right:8px;border:2px solid white}.page-shell{display:grid;gap:16px}.hero{position:relative;height:310px;overflow:hidden;border-radius:20px;box-shadow:var(--shadow);background:#17304f}.slides,.slide{height:100%}.slide{position:absolute;inset:0;opacity:0;pointer-events:none;background-image:linear-gradient(90deg,rgba(10,26,49,.86) 0%,rgba(10,26,49,.43) 52%,rgba(10,26,49,.08) 100%),var(--hero-image);background-size:cover;background-position:center;transition:opacity .45s ease}.slide.active{opacity:1;pointer-events:auto}.hero-content{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:28px;color:white;max-width:500px}.eyebrow,.section-kicker,.modal-label{font-size:10px;font-weight:700;letter-spacing:1.8px}.eyebrow{color:#9dd6ff}.hero h2{font-size:30px;line-height:1.2;margin:8px 0}.hero p{font-size:13px;line-height:1.7;margin:0 0 18px;color:rgba(255,255,255,.82)}.hero-action{height:38px;padding:0 14px;border:0;border-radius:8px;background:white;color:#20324a;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer}.hero-action svg{width:16px}.slide-dots{position:absolute;right:20px;bottom:18px;display:flex;gap:7px}.slide-dots button{width:7px;height:7px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.55);cursor:pointer;transition:width .25s}.slide-dots button.active{width:23px;background:white}.content-section{background:rgba(255,255,255,.95);border:1px solid rgba(228,235,244,.8);border-radius:20px;padding:22px;box-shadow:0 8px 28px rgba(56,81,117,.065)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-heading h2{margin:2px 0 0;font-size:18px}.section-kicker{color:#6c91c9}.section-count{font-size:11px;color:#8b97a8;background:#f2f6fa;padding:5px 9px;border-radius:7px}.quick-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px 8px}.quick-item{border:0;background:transparent;padding:0;color:#26364e;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;min-width:0}.quick-item span:first-child{width:46px;height:46px;border-radius:14px;background:var(--soft);color:var(--accent);display:grid;place-items:center;transition:transform .2s,box-shadow .2s}.quick-item:hover span:first-child{transform:translateY(-3px);box-shadow:0 8px 16px color-mix(in srgb,var(--accent) 18%,transparent)}.quick-item svg{width:21px}.quick-item strong{font-size:12px;font-weight:500;white-space:nowrap}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature-card{border:0;border-radius:16px;padding:18px;text-align:left;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;cursor:pointer;color:#17314e}.feature-blue{background:#eaf4ff}.feature-coral{background:#fff0ed}.feature-card>svg{width:17px;opacity:.45}.feature-icon{display:grid;place-items:center;width:44px;height:44px;background:rgba(255,255,255,.8);border-radius:12px}.feature-icon svg{width:22px}.feature-card strong,.feature-card small{display:block}.feature-card strong{font-size:14px;margin-bottom:4px}.feature-card small{font-size:10px;color:#758399;line-height:1.5}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.service-item{min-height:82px;border:1px solid #edf1f6;border-radius:15px;background:#f8fafc;padding:15px;display:grid;grid-template-columns:1fr auto;align-items:center;text-align:left;color:#2a3850;cursor:pointer}.service-item strong,.service-item small{display:block}.service-item strong{font-size:13px}.service-item small{font-size:10px;color:#8a96a7;margin-top:5px}.service-item span:last-child{width:36px;height:36px;border-radius:10px;background:var(--soft);color:var(--accent);display:grid;place-items:center}.service-item svg{width:18px}.service-item:last-child{grid-column:1/-1}button{font:inherit;letter-spacing:0}button:focus-visible{outline:3px solid rgba(57,119,239,.28);outline-offset:2px}footer{text-align:center;padding:34px 0 46px;color:#8b97a8}.footer-mark{margin:0 auto 9px;width:32px;height:32px;border-radius:9px}.footer-mark svg{width:17px}footer p{font-size:12px;margin:0 0 4px}footer small{font-size:10px}.modal-backdrop{position:fixed;inset:0;z-index:20;background:rgba(15,27,45,.48);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px}.modal-backdrop[hidden]{display:none}.modal{position:relative;width:min(100%,430px);max-height:min(86vh,640px);overflow:auto;background:white;border-radius:20px;padding:28px;box-shadow:0 24px 80px rgba(8,23,45,.26)}.modal-close{position:absolute;right:16px;top:16px}.modal-icon{width:50px;height:50px;border-radius:15px;background:#eaf3ff;color:var(--blue);display:grid;place-items:center}.modal-icon svg{width:24px}.modal-label{color:#7b9ac4;margin:16px 0 3px}.modal h2{font-size:24px;margin:0 0 18px}.modal-content{font-size:13px;color:#59677b;line-height:1.8}.modal-content ul{padding-left:19px;margin:0}.modal-content li+li{margin-top:7px}.modal-primary{width:100%;height:44px;border:0;border-radius:10px;background:#2f71e8;color:white;font-weight:600;margin-top:24px;cursor:pointer}@media(max-width:580px){.site-header{height:76px}.page-shell{gap:12px}.hero{height:270px;border-radius:16px}.hero-content{padding:22px}.hero h2{font-size:26px}.content-section{border-radius:16px;padding:18px}.quick-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 2px}.quick-item span:first-child{width:42px;height:42px}.quick-item strong{font-size:11px;transform:scale(.95)}.feature-grid{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.service-item:last-child{grid-column:auto}}@media(max-width:370px){.quick-grid{grid-template-columns:repeat(4,1fr)}.brand h1{font-size:16px}}