/* m0001 */
.m0001 .brand { display: inline-flex; flex-shrink: 0; align-items: center; max-width: 100%; }
.m0001 .brand img { display: block; max-width: 100%; height: auto; }
.m0001 .main-nav { display: flex; align-items: stretch; height: 100%; gap: 32px; margin-left: 74px; }
.m0001 .nav-link::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: 13px; height: 2px; border-radius: 2px; background: var(--blue); transform: scaleX(0); transition: transform .2s; display: none; }
.m0001 .nav-link:hover, .m0001 .nav-link.active { color: var(--blue); }
.m0001 .nav-link:hover::after, .m0001 .nav-link.active::after { transform: scaleX(1); }
.m0001 .nav-item { display: flex; align-items: stretch; position: static; }
.m0001 .dropdown-panel { padding: 10px; position: absolute; top: 100%; left: var(--menu-left, 188px); min-width: 0; border: 1px solid color-mix(in srgb, var(--blue) 18%, var(--white)); border-radius: 0 0 16px 16px; box-shadow: none; background: #fbfbfb; opacity: 1; visibility: visible; transform: none; transition: none; }
.m0001 .nav-item:hover .dropdown-panel, .m0001 .nav-item.open .dropdown-panel { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.m0001 .dropdown-panel a:where(:not(.btn, .catalog-link, .menu-media-link)) { display: flex; align-items: center; gap: 9px; padding: 9px 11px; border-radius: 8px; color: var(--text); font-size: 12px; white-space: nowrap; }
.m0001 .dropdown-panel a:where(:not(.btn, .catalog-link, .menu-media-link)):hover { color: var(--blue); background: var(--blue-soft); }
.m0001 .nav-actions { display: flex; align-items: center; gap: 24px; margin-left: auto; }
.m0001 .phone-link { display: inline-flex; align-items: center; white-space: nowrap; color: var(--blue); font-size: 18px; font-weight: 400; gap: 8px; }
.m0001 .mobile-menu { display: none; border: 0; background: transparent; color: var(--blue); font-size: 27px; }

@media (max-width: 1050px) {.m0001 .nav-link::after { left: 7px; right: 7px; }.m0001 .phone-link { display: none; }}
@media (max-width: 760px) {.m0001 .mobile-menu { display: block; order: 3; margin-left: auto; }.m0001 .nav-actions { display: none; }.m0001 .main-nav { position: fixed; left: 16px; right: 16px; top: 70px; display: none; height: auto; padding: 12px; flex-direction: column; align-items: stretch; border-radius: 14px; background: var(--white); box-shadow: 0 16px 36px rgba(11, 90, 241, .2); }.m0001 .main-nav.open { display: flex; }.m0001 .nav-link { justify-content: space-between; min-height: 42px; }.m0001 .nav-item { display: block; }.m0001 .dropdown-panel { display: none; padding: 2px 8px 6px; }.m0001 .nav-item.open .dropdown-panel { display: block; transform: none; } }.m0001 { position: sticky; top: 0; z-index: 50; height: 78px; border-bottom: 0; background: var(--white); backdrop-filter: none; letter-spacing: 0; }
.m0001 .nav-wrap { display: flex; align-items: center; height: 100%; position: relative; gap: 0; }
.m0001 .nav-link { position: relative; display: inline-flex; align-items: center; border: 0; background: transparent; cursor: pointer; white-space: nowrap; padding: 0; gap: 4px; font-size: 16px; line-height: 24px; font-weight: 600; color: var(--ink); }
.m0001 .nav-link.active, .m0001 .nav-link:hover, .m0001 .nav-item.open > .menu-trigger { color: var(--blue); }
.m0001 .shell-icon { display: block; flex: 0 0 auto; width: 20px; height: 20px; object-fit: contain; }
.m0001 .shell-icon.design-slice { filter: none; }
.m0001 .btn--gradient .shell-icon { width: 16px; height: 16px; }
.m0001 .nav-chevron { display: block; flex: 0 0 12px; width: 12px; height: 12px; transition: transform .16s ease; }
.m0001 .menu-trigger[aria-expanded="true"] .nav-chevron { transform: rotate(180deg); }
.m0001 .mobile-menu-label { font-size: 14px; line-height: 1; }
.m0001 .mobile-menu-label-close, .m0001 .mobile-menu[aria-expanded="true"] .mobile-menu-label-open { display: none; }
.m0001 .mobile-menu[aria-expanded="true"] .mobile-menu-label-close { display: inline; }
.m0001 .nav-item.open .menu-trigger::before { content: ""; position: absolute; bottom: 0; left: calc(50% - 6px); border-right: 6px solid transparent; border-left: 6px solid transparent; border-bottom: 7px solid var(--blue); }
.m0001 .dropdown-panel[hidden] { display: none !important; }
.m0001 .nav-item:is(:hover, .open) > .dropdown-panel { transform: none; }
.m0001 .catalog-menu { width: min(578px, 100%); padding: 26px 46px 28px; }
.m0001 .menu-section-title { margin: 0; padding-bottom: 12px; border-bottom: 1px solid var(--line); color: var(--blue); font-size: 14px; line-height: 20px; font-weight: 400; }
.m0001 .catalog-links { display: grid; gap: 32px; margin-top: 20px; }
.m0001 .catalog-links .catalog-link { display: flex; align-items: center; gap: 14px; padding: 0; border-radius: 0; font-size: 16px; white-space: normal; color: var(--text); }
.m0001 .catalog-icon { flex: 0 0 40px; width: 40px; height: 40px; border-radius: 8px; }
.m0001 .catalog-links .catalog-link > span { min-width: 0; }
.m0001 .catalog-links .catalog-link b { display: block; color: var(--text); font-size: 16px; line-height: 24px; font-weight: 600; }
.m0001 .catalog-links .catalog-link small { display: block; margin-top: 2px; color: var(--subtle); font-size: 14px; line-height: 20px; }
.m0001 .catalog-links .catalog-link:hover { background: transparent; }
.m0001 .catalog-links .catalog-link:hover b, .m0001 .catalog-links .catalog-link[aria-current="page"] b { color: var(--blue); }
.m0001 .about-menu { left: 0; display: grid; grid-template-columns: 65% 35%; width: 100%; padding: 0; overflow: hidden; }
.m0001 .about-overview { display: grid; grid-template-columns: .87fr 1fr 1.08fr; gap: 34px; padding: 26px 66px 60px 30px; }
.m0001 .about-link-list { display: grid; gap: 24px; margin-top: 20px; }
.m0001 .about-link-list a { display: flex; align-items: center; min-height: 36px; padding: 0; border-radius: 0; color: var(--text); font-size: 16px; white-space: normal; }
.m0001 .about-link-list a:hover, .m0001 .about-link-list a[aria-current="page"] { color: var(--blue); background: transparent; }
.m0001 .menu-media-feature { min-height: 294px; margin-top: 32px; padding: 28px 16px; border-radius: 16px; background: var(--blue-soft) center bottom / 100% 100% no-repeat; }
.m0001 .menu-media-feature p { margin: 0; color: var(--text); font-size: 16px; line-height: 26px; }
.m0001 .menu-media-link { white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; gap: 2px; min-height: 30px; margin-top: 26px; padding: 2px 10px; border-radius: 6px; color: var(--white); background: linear-gradient(110deg, var(--blue), var(--blue-light)); font-size: 14px; font-weight: 600; }
.m0001 .menu-media-link:hover { color: var(--white); background: var(--blue); }
.m0001 .about-contact { padding: 26px 22px 50px 58px; background: #f6fafc; }
.m0001 .about-contact .menu-section-title { border-color: transparent; }
.m0001 .menu-contact-links { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 24px; margin-top: 24px; }
.m0001 .menu-contact-links span { display: block; color: var(--text); font-size: 16px; line-height: 24px; }
.m0001 .menu-contact-links a { display: flex; align-items: center; gap: 6px; margin-top: 2px; padding: 0; border-radius: 0; color: var(--blue); font-size: 14px; line-height: 22px; white-space: normal; overflow-wrap: anywhere; }
.m0001 .menu-contact-links .shell-icon { width: 14px; height: 14px; }
.m0001 .menu-qr-codes { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 38px; }
.m0001 .menu-qr-codes figure { min-width: 0; margin: 0; }
.m0001 .menu-qr-codes img { display: block; width: 117px; max-width: 100%; height: auto; }
.m0001 .menu-qr-codes figcaption { width: 117px; max-width: 100%; margin-top: 6px; color: #595757; text-align: center; font-size: 14px; line-height: 22px; }

@media (min-width: 1251px) {
  .m0001 .main-nav { gap: 0; }
  .m0001 .main-nav > .nav-link, .m0001 .main-nav > .nav-item { flex: 0 0 107px; }
  .m0001 .main-nav > .nav-link:first-child { flex-basis: 75px; }
}

@media (min-width: 901px) {
  .m0001 .dropdown-panel { max-height: calc(100dvh - 86px); overflow-y: auto; }
}

@media (max-width: 1250px) {
  .m0001 .main-nav { margin-left: 40px; gap: 24px; }
  .m0001 .nav-actions { gap: 12px; }
  .m0001 .phone-link { display: none; }
  .m0001 .about-overview { gap: 20px; padding-right: 26px; padding-left: 24px; }
  .m0001 .about-contact { padding-left: 24px; }
  .m0001 .menu-contact-links, .m0001 .menu-qr-codes { gap: 22px 14px; }
}

@media (max-width: 1000px) {
  .m0001 .main-nav { margin-left: 32px; gap: 18px; }
  .m0001 .nav-link { font-size: 14px; }
  .m0001 .about-menu { grid-template-columns: 62% 38%; }
  .m0001 .about-overview { gap: 16px; padding-right: 20px; padding-left: 20px; }
  .m0001 .about-link-list a, .m0001 .menu-media-feature p { font-size: 14px; }
  .m0001 .menu-media-feature { padding: 24px 12px; }
  .m0001 .about-contact { padding-left: 20px; padding-right: 18px; }
}

@media (max-width: 900px) {
  .m0001 { height: 62px; }
  .m0001 .mobile-menu { display: grid; place-items: center; order: 3; width: 44px; height: 44px; margin-left: auto; }
  .m0001 .mobile-menu .shell-icon { width: 26px; height: 26px; }
  .m0001 .nav-actions { display: none; }
  .m0001 .main-nav { position: fixed; top: 70px; right: 16px; left: 16px; display: none; flex-direction: column; align-items: stretch; gap: 0; height: auto; max-height: calc(100dvh - 86px); margin: 0; padding: 12px; overflow-y: auto; overscroll-behavior: contain; border: 1px solid var(--line); border-radius: 8px; background: var(--white); box-shadow: 0 12px 32px rgba(11, 90, 241, .14); }
  .m0001 .main-nav.open { display: flex; }
  .m0001 .nav-item { display: block; }
  .m0001 .nav-link { justify-content: space-between; width: 100%; min-height: 46px; padding: 0 10px; font-size: 16px; }
  .m0001 .nav-item.open .menu-trigger::before { display: none; }
  .m0001 .dropdown-panel { position: static; width: 100%; padding: 16px 12px; border: 0; border-radius: 0; background: var(--blue-soft); overflow: visible; }
  .m0001 .catalog-menu .menu-section-title { display: none; }
  .m0001 .catalog-links { margin: 0; gap: 22px; }
  .m0001 .catalog-links .catalog-link { gap: 12px; }
  .m0001 .catalog-links .catalog-link b { font-size: 15px; }
  .m0001 .catalog-links .catalog-link small { font-size: 12px; }
  .m0001 .about-menu { display: block; padding: 0; }
  .m0001 .about-overview { grid-template-columns: 1fr; gap: 24px; padding: 16px 12px 24px; }
  .m0001 .about-link-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 12px; margin-top: 12px; }
  .m0001 .about-activity .about-link-list { grid-template-columns: 1fr; }
  .m0001 .menu-media-feature { min-height: 190px; margin-top: 16px; padding: 24px; }
  .m0001 .about-contact { padding: 20px 12px 24px; }
  .m0001 .menu-contact-links { margin-top: 12px; gap: 18px 12px; }
  .m0001 .menu-contact-links span { font-size: 14px; }
  .m0001 .menu-contact-links a { font-size: 12px; }
  .m0001 .menu-qr-codes { margin-top: 24px; gap: 12px; }
  .m0001 .menu-qr-codes img { margin: 0 auto; }
  .m0001 .menu-qr-codes figcaption { margin: 6px auto 0; font-size: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .m0001 .nav-chevron { transition: none; }
}

/* m0009 */

.m0009 {--gap: 130px;margin-top: var(--gap);position: relative;overflow: visible;color: var(--ink);background: var(--blue-soft) center / cover no-repeat;}
.m0009 .backdrop { position: absolute; top: calc(-1 * var(--gap)); left: 0; right: 0; height: var(--gap); }
.m0009 .inner { position: relative; display: grid; grid-template-columns: 1fr auto 170px; min-height: 284px; align-items: center; }
.m0009 .inner h2 { margin: 0 0 4px; font-size: 35px; }
.m0009 .inner p { margin: 0; color: #333; font-size: 18px; }
.m0009 .actions { display: flex; gap: 18px; width: 318px; max-width: 100%; margin: 0 24px; }
.m0009 .actions .btn--gradient { flex: 0 1 150px; width: 150px; white-space: nowrap; }
.m0009 .support-figure { align-self: end; height: 284px; }
.m0009 .support-person { position: absolute; bottom: 0; right: -50px; display: block; width: 270px; height: auto; object-fit: contain; }

@media (max-width: 1300px) {
  .m0009 .inner { grid-template-columns: minmax(0, 1fr) 220px; min-height: 232px; column-gap: 24px; }
  .m0009 .inner > div:first-child { grid-column: 1; align-self: end; }
  .m0009 .actions { grid-column: 1; align-self: start; margin: 20px 0 28px; }
  .m0009 .support-figure { grid-column: 2; grid-row: 1 / span 2; height: 232px; }
  .m0009 .support-person { right: 0; max-width: 100%; }
}

@media (max-width: 760px) {
  .m0009 .inner { display: block; min-height: 420px; }
  .m0009 .actions { margin: 22px 0; }
  .m0009 .support-figure { width: 180px; height: 232px; margin-left: auto; }
}

@media (max-width: 470px) {
  .m0009 .inner h2 { font-size: 21px; }
}

/* m0010 */

.m0010 .brand { display: inline-flex; flex-shrink: 0; align-items: center; max-width: 100%; }
.m0010 .brand img { display: block; max-width: 100%; height: auto; }

.m0010 { color: var(--gray-light); background: var(--navy); }.m0010 .footer-main { display: grid; grid-template-columns: 1.25fr 1fr 1fr .9fr 1.85fr; gap: 37px; padding-top: 36px; padding-bottom: 31px; }.m0010 .footer-brand > p {margin: 8px 0 0 12px;color: var(--subtle);font-size: 14px;text-align: center;width: 118px;}.m0010 .qr-box {width: 117px;height: 117px;margin-top: 18px;background: var(--white);margin-left: 12px;}.m0010 .qr-box img { display: block; width: 100%; height: 100%; object-fit: contain; }.m0010 .footer-column { display: flex; flex-direction: column; gap: 7px; }.m0010 .footer-column h3 { margin: 2px 0 8px; color: var(--white); font-size: 12px; }.m0010 .footer-column a, .m0010 .footer-column p { margin: 0; color: #ccc; font-size: 12px; }.m0010 .footer-column a:hover { color: var(--white); }.m0010 .contact-column p { line-height: 1.7; }.m0010 .footer-bottom { padding: 14px 24px; border-top: 1px solid rgba(255,255,255,.08); color: #ccc; text-align: center; font-size: 12px; }.m0010 .footer-bottom span { margin-left: 18px; }

@media (max-width: 1050px) {.m0010 .footer-main { gap: 20px; }}
@media (max-width: 760px) {.m0010 .footer-main { grid-template-columns: 1fr 1fr; gap: 28px 20px; }.m0010 .footer-brand { grid-column: 1 / -1; }.m0010 .contact-column { grid-column: 1 / -1; }.m0010 .footer-bottom span { display: block; margin: 4px 0 0; } }
@media (max-width: 470px) {.m0010 .footer-main { grid-template-columns: 1fr 1fr; } }
.m0010 .footer-bottom a{color:#ccc}.m0010 .footer-bottom a + a{margin-left:18px}.m0010 .footer-bottom a:hover{color:var(--white)}
.m0010 .service { position: fixed; top: 50%; right: 24px; z-index: 30; display: flex; flex-direction: column; width: 58px; transform: translateY(-50%); }
.m0010 .consult { position: relative; display: block; box-sizing: border-box; min-height: 92px; padding: 36px 0 14px; border-radius: 29px; color: var(--white); background: var(--blue); box-shadow: 0 8px 24px rgba(11, 90, 241, .28); font-size: 16px; line-height: 19px; font-weight: 500; text-align: center; }
.m0010 .consult:hover { color: var(--white); background: var(--blue-light, var(--blue)); }
.m0010 .consult .avatar { position: absolute; top: -17px; left: 50%; display: block; width: 44px; height: 49px; margin-left: -22px; }
.m0010 .consult span { display: block; width: 2em; margin: 0 auto; word-break: break-all; }
.m0010 .dock { display: flex; flex-direction: column; gap: 22px; margin-top: 14px; padding: 22px 0; border-radius: 29px; background: var(--white); box-shadow: 0 8px 28px rgba(15, 40, 90, .14); }
.m0010 .call { position: relative; }
.m0010 .item { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 0 4px; color: #2b2f36; font-size: 12px; line-height: 17px; text-align: center; }
.m0010 .item:hover { color: var(--blue); }
.m0010 .item img { display: block; height: 22px; }
.m0010 .tip { position: absolute; top: 50%; right: calc(100% + 14px); margin: 0; padding: 12px 16px; border-radius: 16px; background: var(--white); box-shadow: 0 6px 24px rgba(15, 40, 90, .14); white-space: nowrap; opacity: 0; visibility: hidden; transform: translate(8px, -50%); transition: opacity .18s ease, transform .18s ease, visibility .18s; pointer-events: none; }
.m0010 .tip::before { position: absolute; top: 50%; right: -4px; width: 10px; height: 10px; border-radius: 2px; background: inherit; transform: translateY(-50%) rotate(45deg); content: ""; }
.m0010 .tip::after { position: absolute; top: 0; bottom: 0; left: 100%; width: 14px; content: ""; }
.m0010 .tip strong { display: block; min-width: 172px; color: #2b2f36; font-size: 18px; line-height: 26px; font-weight: 500; }
.m0010 .tip span { display: block; color: #8a8f98; font-size: 16px; line-height: 24px; }
.m0010 .call:hover .tip, .m0010 .call:focus-within .tip { opacity: 1; visibility: visible; transform: translate(0, -50%); pointer-events: auto; }
@media (max-width: 760px) {.m0010 .service { top: auto; right: 12px; bottom: 20px; transform: none; }.m0010 .dock { display: none; } }

/* m0002 */
.m0002 .inner { position: relative; z-index: 1; display: grid; grid-template-columns: 46% 54%; min-height: 453px; align-items: center; }
.m0002 .copy {padding: 88px 0 88px 40px;min-width:0;}
.m0002 h1 {margin: 0;color: var(--blue);font-size: clamp(37px, 4vw, 49px);line-height: 1.16;letter-spacing: -2px;font-weight: 800;}
.m0002 h1 span { margin-left: 8px; }
.m0002 h2 {margin: 13px 0 19px;color: var(--ink);font-size: 33px;line-height: 1.4;letter-spacing: -.5px;}
.m0002 .description {margin: 0 0 40px;color: var(--muted);font-size: 16px;line-height: 2;}
.m0002 .tags {display: flex;flex-wrap: wrap;gap: 21px;margin-top: 48px;color: var(--muted);font-size: 16px;}
.m0002 .tags span {display: inline-flex;align-items: center;gap: 8px;}
.m0002 .tags .feature-copy { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 3px; min-width: 0; }
.m0002 .feature-copy small { color: var(--subtle); font-size: 12px; line-height: 1.5; white-space: pre-line; overflow-wrap: anywhere; }

.m0002 .products { z-index: 3; display: grid;
  position: absolute;
  left: 50%;
  bottom: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  transform: translate(-50%, 50%); }
.m0002 .product { display: flex; align-items: center; gap: 10px; min-width: 0;
  position: relative;
  isolation: isolate;
  justify-content: center;
  min-height: 116px;
  padding: 24px;
  overflow: hidden;
  border: 0;
  border-radius: 14px;
  background: var(--white);
  box-shadow: 0 12px 24px rgba(11, 90, 241, .06);
  transform: none;
  transition: box-shadow .2s ease; }
.m0002 .product:hover { transform: translateY(-4px); box-shadow: 0 17px 30px rgba(11, 90, 241, .2); }
.m0002 .icon { display: grid; place-items: center; flex: 0 0 32px; width: 32px; height: 32px; border-radius: 6px; color: var(--blue); background: var(--blue-soft); font-size: 19px; }
.m0002 .product > span:nth-child(2) { min-width: 0; }
.m0002 .product b, .m0002 .product small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.m0002 .product small { margin-top: 4px; color: var(--subtle); font-size: 10px; }

@media (max-width: 1050px) {.m0002 .inner { grid-template-columns: 50% 50%; }}
@media (max-width: 760px) {.m0002 .inner { display: block; min-height: 0; }.m0002 .copy { padding: 56px 0 36px; }.m0002 h1 { font-size: 39px; }.m0002 h2 { font-size: 18px; }.m0002 .description { font-size: 12px; }.m0002 .products { padding-bottom: 30px; }.m0002 .product small { font-size: 8px; } }

.m0002 .tags .design-slice { width: 15px; height: 15px; }
.m0002 { position: relative; background: var(--blue-soft) center / cover no-repeat; min-height: 558px; margin-bottom: 58px; overflow: visible; }
.m0002 .product::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(ellipse at top right, #dfedff 0%, #f5faff 50%, var(--white) 85%);
  opacity: 0;
  transition: opacity .2s ease;
}
.m0002 .content { display: flex; flex-direction: column; gap: 16px; width: 210px; max-width: 100%; min-width: 0; }
.m0002 .product:last-child .content { width: 100%; }
.m0002 .title { display: flex; align-items: center; gap: 8px; min-width: 0; }
.m0002 .product .icon {
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  border-radius: 4px;
  background: #a3ccf8;
  transition: background-color .2s ease;
}
.m0002 .product .icon .design-slice { width: 16px; height: 16px; }
.m0002 .product b {
  color: var(--ink);
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  transition: color .2s ease;
}
.m0002 .product .desc {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
  margin: 0;
  overflow: visible;
  color: var(--subtle);
  font-size: 14px;
  line-height: 22px;
  text-align: left;
  white-space: normal;
}
.m0002 .desc > span { min-width: 0; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.m0002 .product:is(:hover, :focus-visible) { transform: none; box-shadow: 0 12px 24px rgba(11, 90, 241, .06); }
.m0002 .product:is(:hover, :focus-visible)::before { opacity: 1; }
.m0002 .product:is(:hover, :focus-visible) b { color: var(--blue); }
.m0002 .product:is(:hover, :focus-visible) .icon { background: var(--blue); }
.m0002 .product:focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; }

@media (max-width: 1200px) {
  .m0002 { margin-bottom: 0; }
  .m0002 .products {
    position: relative;
    left: auto;
    bottom: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-bottom: 28px;
    transform: none;
  }
  .m0002 .content, .m0002 .product:last-child .content { width: 240px; }
}

@media (max-width: 640px) {
  .m0002 .products { grid-template-columns: minmax(0, 1fr); }
  .m0002 .content, .m0002 .product:last-child .content { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .m0002 .product, .m0002 .product::before, .m0002 .product b, .m0002 .product .icon { transition: none; }
}

/* m0003 */
.m0003 {
  --product-card-background: #f9fafd;
  --product-title: #0b112a;
  --product-copy: #56647b;
  --product-tag-text: #748093;
  --product-tag-background: #e8f2fc;
  --product-number: #b0cbff;
  padding: 82px 0 124px;
  background: var(--white);
}
.m0003 .section-heading { max-width: 100%; margin: 0 auto 66px; }
.m0003 .section-heading h2 { margin: 0 0 12px; color: var(--product-title); font-size: 40px; font-weight: 600; line-height: 56px; letter-spacing: 0; }
.m0003 .section-heading > p:last-child { margin: 0; color: #555; font-size: 16px; line-height: 24px; }
.m0003 .grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.m0003 .card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 390px;
  overflow: hidden;
  border-radius: 14px;
  background: var(--product-card-background);
  box-shadow: 0 12px 24px rgba(40, 145, 255, .14);
}
.m0003 .card-banner { position: relative; flex: 0 0 104px; height: 104px; }
.m0003 .card-banner > img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: auto; opacity: .65; pointer-events: none; mask-image: linear-gradient(to bottom, #000 0%, #000 40%, transparent 90%); }
.m0003 .card-number { position: absolute; left: 28px; bottom: 8px; color: var(--product-number); font-size: 32px; font-weight: 600; line-height: 40px; }
.m0003 .card-body { position: relative; display: flex; flex: 1; flex-direction: column; align-items: flex-start; padding: 0 28px 24px; }
.m0003 .card h3 { margin: 0; color: var(--product-title); font-size: 24px; font-weight: 600; line-height: 32px; }
.m0003 .card p { margin: 14px 0 0; color: var(--product-copy); font-size: 14px; line-height: 24px; }
.m0003 .card-tags { display: flex; flex-wrap: wrap; gap: 6px 4px; width: 226px; max-width: 100%; margin: 26px 0 0; padding: 0; list-style: none; }
.m0003 .card-tags > li { padding: 2px 10px; border-radius: 999px; color: var(--product-tag-text); background: var(--product-tag-background); font-size: 12px; line-height: 18px; white-space: nowrap; }
.m0003 .card-actions { display: flex; align-items: center; gap: 16px; margin-top: auto; padding-top: 32px; }
.m0003 .card-actions .btn--gradient { min-width: 114px; }
.m0003 .card-actions .text-link { color: #0070ff; font-size: 12px; font-weight: 500; line-height: 20px; white-space: nowrap; }
.m0003 .card-actions .text-link:hover { text-decoration: underline; text-underline-offset: 3px; }
.m0003 .card-actions .text-link:focus-visible { outline: 2px solid var(--blue); outline-offset: 4px; border-radius: 2px; }

@media (max-width: 1247px) {
  .m0003 .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 768px; margin: 0 auto; }
}

@media (max-width: 640px) {
  .m0003 { padding: 64px 0 80px; }
  .m0003 .section-heading { margin-bottom: 40px; }
  .m0003 .section-heading h2 { font-size: 30px; line-height: 42px; }
  .m0003 .section-heading h2 span { display: block; }
  .m0003 .grid { grid-template-columns: minmax(0, 1fr); max-width: 360px; }
}

/* m0004 */

.m0004 {
  --section-title: #0b112a;
  --section-copy: #555;
  --section-accent: #0b5aff; padding: 76px 0 123px; background: #f1f4fb; }
.m0004 .section-heading { max-width: 100%; margin: 0 auto 79px; }
.m0004 .section-heading h2 { margin: 0 0 12px; font-size: 40px; font-weight: 600; line-height: 56px; letter-spacing: 0; }
.m0004 .section-heading > p:last-child { margin: 0; font-size: 16px; line-height: 24px; }
.m0004 .grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 22px; }
.m0004 .card {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  min-width: 0;
  min-height: 158px;
  padding: 32px 38px 26px;
  border-radius: 28px;
  background: radial-gradient(ellipse 80% 200% at top right, #eef6ff 0%, #fff 75%);
  box-shadow: 0 12px 20px rgba(45, 107, 214, .08);
}
.m0004 .icon { display: grid; place-items: center; flex: 0 0 60px; width: 60px; height: 60px; margin-top: 3px; }
.m0004 .icon .design-slice { width: 60px; height: 60px; }
.m0004 .copy { flex: 1; min-width: 0; }
.m0004 .card h3 { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin: 0; color: #000; font-size: 24px; font-weight: 600; line-height: 34px; }
.m0004 .card h3 em { display: inline-flex; align-items: center; min-width: 186px; max-width: 100%; padding: 4px 18px; border: 1px solid #cfe5fc; border-radius: 999px; color: #0066dc; background: transparent; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; }
.m0004 .card p { margin: 10px 0 0; color: var(--section-copy); font-size: 14px; line-height: 28px; letter-spacing: .3px; }

@media (max-width: 1100px) {
  .m0004 .grid { grid-template-columns: minmax(0, 1fr); max-width: 768px; margin: 0 auto; }
}

@media (max-width: 640px) {
  .m0004 { padding: 64px 0 72px; }
  .m0004 .section-heading h2 { font-size: 30px; line-height: 42px; }
  .m0004 .section-heading h2 span { display: block; }
  .m0004 .card { gap: 18px; padding: 26px 22px; border-radius: 24px; }
  .m0004 .icon { flex-basis: 44px; width: 44px; height: 44px; }
  .m0004 .icon .design-slice { width: 44px; height: 44px; }
  .m0004 .card h3 { gap: 6px; font-size: 22px; line-height: 32px; }
  .m0004 .card h3 em { min-width: 0; padding: 3px 12px; font-size: 14px; line-height: 22px; }
  .m0004 .card p { line-height: 26px; }
}

@media (max-width: 400px) {
  .m0004 .card { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 12px 16px; padding: 24px 18px; }
  .m0004 .copy { display: contents; }
  .m0004 .card h3 { align-self: center; }
  .m0004 .card h3 em { padding-inline: 8px; }
  .m0004 .card p { grid-column: 1 / -1; margin-top: 0; }
}

/* m0005 */

.m0005 {
  --section-title: #0b112a;
  --section-copy: #555;
  --section-accent: #0b5aff; padding: 120px 0 153px; background: var(--white); }
.m0005 .section-heading { max-width: 100%; margin: 0 auto 67px; }
.m0005 .section-heading h2 { margin: 0 0 12px; font-size: 40px; font-weight: 600; line-height: 56px; letter-spacing: 0; }
.m0005 .section-heading > p:last-child { margin: 0; font-size: 16px; line-height: 24px; }
.m0005 .grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
.m0005 .card { display: flex; flex-direction: column; min-width: 0; min-height: 357px; overflow: hidden; border-radius: 26px 26px 22px 22px; background: var(--white); box-shadow: 0 12px 18px rgba(35, 112, 255, .24); }
.m0005 .card-head {
  flex: 0 0 90px;
  min-height: 90px;
  padding: 18px 34px 16px;
  color: var(--white);
  background-color: var(--blue);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.m0005 .card-title { display: flex; align-items: center; gap: 14px; }
.m0005 .card-title .design-slice { width: 26px; height: 26px; }
.m0005 .card-title h3 { margin: 0; font-size: 24px; font-weight: 600; line-height: 34px; }
.m0005 .card-head > p { margin: 4px 0 0; font-size: 12px; line-height: 18px; }
.m0005 .card-body { display: grid; flex: 1; grid-template-rows: 1fr auto 1fr; padding: 24px 22px 21px 38px; }
.m0005 .point { min-width: 0; min-height: 95px; }
.m0005 .point h4 { position: relative; margin: 0 0 8px; color: #222; font-size: 16px; font-weight: 600; line-height: 24px; letter-spacing: .5px; }
.m0005 .point h4::before { content: ""; position: absolute; top: 5px; left: -22px; box-sizing: border-box; width: 14px; height: 14px; border: 4px solid #b8ceff; border-radius: 50%; background: var(--blue); }
.m0005 .point p { margin: 0; color: #999; font-size: 12px; line-height: 21px; }
.m0005 .card-body hr { width: 100%; margin: 14px 0 16px; border: 0; border-top: 2px dotted #d4d4d4; }

@media (max-width: 1100px) {
  .m0005 .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 850px; margin: 0 auto; }
  .m0005 .card:last-child { grid-column: 1 / -1; width: calc((100% - 30px) / 2); justify-self: center; }
}

@media (max-width: 760px) {
  .m0005 .grid { grid-template-columns: minmax(0, 1fr); max-width: 420px; }
  .m0005 .card:last-child { grid-column: auto; width: 100%; }
}

@media (max-width: 640px) {
  .m0005 { padding: 64px 0 72px; }
  .m0005 .section-heading h2 { font-size: 30px; line-height: 42px; }
  .m0005 .section-heading h2 span { display: block; }
  .m0005 .card-head { padding-left: 30px; padding-right: 24px; }
}

/* m0006 */

.m0006 {
  --section-title: #0b112a;
  --section-copy: #555;
  --section-accent: #0b5aff; padding: 82px 0 49px; background: #f1f4fb; }
.m0006 .section-heading { max-width: 100%; margin: 0 auto 73px; }
.m0006 .section-heading h2 { margin: 0 0 12px; font-size: 40px; font-weight: 600; line-height: 56px; letter-spacing: 0; }
.m0006 .section-heading > p:last-child { margin: 0; font-size: 16px; line-height: 24px; }
.m0006 .list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 40px; align-items: start; }
.m0006 .card { min-width: 0; text-align: center; }
.m0006 .mark { display: block; width: 207px; max-width: 100%; height: auto; aspect-ratio: 207 / 104; object-fit: contain; margin: 0 auto 20px; }
.m0006 .card p { margin: 0; color: var(--section-copy); font-size: 16px; font-weight: 400; line-height: 20px; letter-spacing: 1px; }

@media (max-width: 1100px) {
  .m0006 .list { gap: 20px; }
}

@media (max-width: 760px) {
  .m0006 .list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px 20px; }
}

@media (max-width: 640px) {
  .m0006 { padding: 64px 0 72px; }
  .m0006 .section-heading h2 { font-size: 30px; line-height: 42px; }
  .m0006 .section-heading h2 span { display: block; }
  .m0006 .list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 16px; }
  .m0006 .card:last-child { grid-column: 1 / -1; width: calc((100% - 16px) / 2); justify-self: center; }
  .m0006 .card p { font-size: 14px; line-height: 22px; letter-spacing: 0; }
}

/* m0007 */
.m0007 {
  --section-title: #0b112a;
  --section-copy: #555;
  --section-accent: #0b5aff;
  background: var(--white); padding: 104px 0 99px; }
.m0007 .section-heading { max-width: 100%; margin: 0 auto 86px; }
.m0007 .section-heading h2 { margin: 0 0 12px; font-size: 40px; font-weight: 600; line-height: 56px; letter-spacing: 0; }
.m0007 .section-heading > p:last-child { margin: 0; font-size: 16px; line-height: 24px; }
.m0007 .grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; }
.m0007 .card { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.m0007 .image { display: block; width: 100%; height: auto; aspect-ratio: 383 / 211; object-fit: contain; }
.m0007 .card > p { max-height: 10.8em; margin: 16px 0 0; overflow-y: auto; overflow-wrap: anywhere; color: #595959; font-size: 14px; line-height: 1.8; letter-spacing: 1px; font-feature-settings: "halt"; scrollbar-gutter: stable; }
.m0007 .card > p::-webkit-scrollbar { width: 4px; }
.m0007 .card > p::-webkit-scrollbar-track { border-radius: 2px; background: rgba(0,0,0,.06); }
.m0007 .card > p::-webkit-scrollbar-thumb { border-radius: 2px; background: rgba(0,0,0,.3); }
@supports not selector(::-webkit-scrollbar) { .m0007 .card > p { scrollbar-width: thin; scrollbar-color: rgba(0,0,0,.3) rgba(0,0,0,.06); } }
.m0007 .card > a { display: inline-flex; align-items: center; gap: 5px; margin-top: auto; padding-top: 22px; color: #007aff; font-size: 20px; font-weight: 600; line-height: 30px; }
.m0007 .card > a:hover { text-decoration: underline; text-underline-offset: 4px; }
.m0007 .card > a:focus-visible { outline: 2px solid var(--blue); outline-offset: 4px; border-radius: 2px; }

@media (max-width: 760px) {
  .m0007 .grid { grid-template-columns: minmax(0, 1fr); gap: 40px; max-width: 420px; margin: 0 auto; }
}

@media (max-width: 640px) {
  .m0007 { padding: 64px 0 72px; }
  .m0007 .section-heading h2 { font-size: 30px; line-height: 42px; }
  .m0007 .section-heading h2 span { display: block; }
}

/* m0008 */.m0008 .testimonial-author b, .m0008 .testimonial-author small { display: block; }

.m0008 {
  --section-title: #0b112a;
  --section-copy: #555;
  --section-accent: #0b5aff;
  background: var(--white); padding: 80px 0 169px; }
.m0008 .section-heading { max-width: 100%; margin: 0 auto 67px; }
.m0008 .section-heading h2 { margin: 0 0 12px; font-size: 40px; font-weight: 600; line-height: 56px; letter-spacing: 0; }
.m0008 .section-heading > p:last-child { margin: 0; font-size: 16px; line-height: 24px; }
.m0008 .grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 24px; }
.m0008 .card { position: relative; display: flex; flex-direction: column; align-items: flex-start; min-width: 0; min-height: 270px; padding: 25px 36px 29px; border: 0; border-radius: 26px; background: var(--white); box-shadow: 0 0 24px rgba(64, 108, 172, .055); }
.m0008 .card::after { content: ""; position: absolute; top: 24px; right: 36px; width: 28px; height: 23px; background: url("../images/testimonial-quote.png") center / contain no-repeat; pointer-events: none; }
.m0008 .testimonial-tag { display: inline-flex; align-items: center; justify-content: center; min-width: 106px; max-width: calc(100% - 50px); min-height: 29px; padding: 4px 14px; border-radius: 999px; color: #0b5aff; background: #d8e8ff; font-size: 12px; font-weight: 500; line-height: 21px; }
.m0008 .card > p { z-index: 1; position: static; margin: 18px 0 19px; color: #3b556e; font-size: 14px; line-height: 25px; letter-spacing: .45px; font-feature-settings: "halt"; }
.m0008 .testimonial-author { display: flex; align-items: center; gap: 16px; width: 100%; margin-top: auto; padding-top: 24px; border-top: 1px solid #c4c4c4; }
.m0008 .avatar { display: block; flex: 0 0 50px; width: 50px; height: 50px; object-fit: contain; }
.m0008 .testimonial-author > span { min-width: 0; }
.m0008 .testimonial-author b { display: block; color: #222; font-size: 16px; font-weight: 600; line-height: 24px; }
.m0008 .testimonial-author small { display: block; margin-top: 6px; color: #7993ac; font-size: 12px; line-height: 20px; }

@media (max-width: 1100px) {
  .m0008 .grid { grid-template-columns: minmax(0, 1fr); max-width: 768px; margin: 0 auto; }
}

@media (max-width: 640px) {
  .m0008 { padding: 64px 0 72px; }
  .m0008 .section-heading h2 { font-size: 30px; line-height: 42px; }
  .m0008 .section-heading h2 span { display: block; }
  .m0008 .card { padding: 24px; border-radius: 24px; }
  .m0008 .card::after { top: 22px; right: 24px; width: 24px; height: 20px; }
  .m0008 .testimonial-author { gap: 12px; }
  .m0008 .testimonial-author b { font-size: 15px; line-height: 23px; }
}

/* m0012 */

.m0012 {
  height: 558px;
  overflow: hidden;
  background: #edf6ff;
}
.m0012 .inner {min-height: 558px;/* display: flex; *//* align-items: center; */ position: relative; z-index: 1;}
.m0012 .copy {width: 610px;padding: 132px 0 42px 30px;}
.m0012 .copy h1 span { display: block; color: #18283d; font-size: 30px; line-height: 1.5; }

@media (max-width: 1050px) {
  .m0012 .copy { padding-left: 0; }
  .m0012 .copy h1 span { font-size: 27px; }
}
@media (max-width: 760px) {
  .m0012 { height: 630px; background-position: 62% bottom; background-size: auto 630px; }
  .m0012 .inner { min-height: 630px; align-items: flex-start; }
  .m0012 .copy { width: 100%; padding: 55px 0 0; }
  .m0012 .copy h1 span { font-size: 21px; }
}
@media (max-width: 430px) {
  .m0012 .copy h1 span { font-size: 19px; }
}
.m0012 .copy h1 { margin: 0; color: #075bff; line-height: 1.25; font-weight: 700;font-size: 47px;}
.m0012 .copy h2 {margin: 4px 0 0;color: #1c2d47;font-size: 31px;line-height: 1.5;font-weight: 600;}
.m0012 .copy p { margin: 23px 0 0; color: #667992;max-width: 460px;margin-top: 34px;font-size: 14px;line-height: 1.9;}
.m0012 .actions {display: flex;gap: 22px;margin-top: 68px;}
.m0012 .actions a {border-radius: 32px;min-width: 120px;min-height: 42px;font-size: 15px;font-weight: bold;}
@media (max-width: 760px) {
  .m0012 .copy h1 { font-size: 30px; }
  .m0012 .copy h2 { font-size: 20px; }
}

/* m0012: cover is the only background source. */
.m0012 .cover-surface { position: relative; min-height: 100%; }
.m0012 .cover-image { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; pointer-events: none; }
@media (max-width: 760px) {
  .m0012 .cover-image { object-position: 62% bottom; }
}

/* m0013 */

.m0013 {min-height: 694px;padding: 120px 0;background: #ffffff;}
.m0013 .image { display: block; margin: 0 auto; width: 100%; height: auto; max-height: none; object-fit: initial; }
@media (max-width: 760px) {
  .m0013 { min-height: 0; padding: 24px 0; }
}
.m0013 .heading { position: relative; z-index: 1; max-width: 770px; margin: 0 auto 58px; text-align: center; margin-bottom: 38px; }
.m0013 .heading h2 { margin: 0; color: #182b47; line-height: 1.35; font-weight: 600;font-size: 41px;}
.m0013 .heading p { margin: 13px 0 0; color: #7c8da5; line-height: 1.9;margin-top: 7px;font-size: 16px;}

/* m0014 */

.m0014 {
  position: relative;
  overflow: hidden;
  min-height: 885px;
  padding: 68px 0 160px;
  background: #f7f9fe;
}
.m0014 .heading { position: relative; z-index: 1; margin: 0 auto 58px; text-align: center;max-width: 1000px;margin-bottom: 68px;}
.m0014 .heading h2 { margin: 0;color: #101829;font-size: 42px;line-height: 1.3;font-weight: 600;}
.m0014 .heading p { margin: 13px 0 0;margin-top: 14px;color: #737373;font-size: 16px;line-height: 1.5;}
.m0014 .stage { position: relative; width: 100%; max-width: 1200px; margin: 0 auto; isolation: isolate; }
.m0014 .ellipse {
  display: block;
  position: absolute;
  z-index: 0;
  left: 0;
  top: calc(100% - 22px);
  width: 100%;
  aspect-ratio: 1200 / 92;
  height: auto;
  pointer-events: none;
}
.m0014 .grid {
  position: relative;
  z-index: 1;
  display: grid;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
}
.m0014 .card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  text-align: center;
}
.m0014 .icon {
  display: grid;
  place-items: center;
  flex: 0 0 120px;
  width: 120px;
  height: 120px;
  max-width: 100%;
  margin: 0 auto 27px;
  border: 2px dashed #5ba0ff;
  border-radius: 50%;
  background: linear-gradient(#e8f3ff, #f5f9ff);
  box-shadow: 0 0 0 9px #f0f6ff, 0 8px 22px 10px rgba(83, 148, 232, .13);
}
.m0014 .icon img { display: block; width: auto; height: auto; max-width: 72%; max-height: 72%; object-fit: contain; transform: scale(1.3); }
.m0014 .card h3 {
  min-height: 33px;
  margin: 0;
  color: #333;
  font-size: 21px;
  line-height: 1.55;
  font-weight: 600;
  white-space: nowrap;
}
.m0014 .arrow {
  flex: 0 0 27px;
  width: 30px;
  height: 27px;
  margin: 39px auto 21px;
  border-radius: 3px;
  background: linear-gradient(#2166f9, #a2c3fc 72%, transparent);
  clip-path: polygon(50% 0, 100% 48%, 100% 100%, 50% 59%, 0 100%, 0 48%);
}
.m0014 .body {
  position: relative;
  z-index: 1;
  flex: 1;
  min-height: 229px;
  padding: 20px 10px 16px;
  border-radius: 0 0 20px 20px;
  background: linear-gradient(180deg, transparent 0%, #eef4ff 35%, #d7e4fd 100%);
}
.m0014 .body b {
  display: block;
  color: #333;
  font-size: 19px;
  line-height: 1.5;
  font-weight: 700;
}
.m0014 .body b::before {
  content: "";
  box-sizing: border-box;
  display: inline-block;
  width: 17px;
  height: 17px;
  margin: 0 8px 2px 0;
  border: 5px solid #9ec7ff;
  border-radius: 50%;
  background: #246ef2;
  box-shadow: 0 0 0 1px rgba(36,110,242,.08);
  vertical-align: middle;
}
.m0014 .body p {
  margin: 4px 0 12px;
  color: #7b879c;
  font-size: 15px;
  line-height: 1.5;
}
.m0014 .body hr {
  margin: 0 14px 12px;
  border: 0;
  border-top: 2px dashed #5e98ff;
}
.m0014 .body p:last-child { margin: 6px 0 0; }

@media (max-width: 1170px) {
  .m0014 { min-height: 0; padding-bottom: 175px; }
  .m0014 .heading { margin-bottom: 125px; }
  .m0014 .grid { gap: 18px; }
  .m0014 .card h3 { font-size: 17px; }
  .m0014 .body { padding-right: 7px; padding-left: 7px; }
  .m0014 .body b { font-size: 17px; }
  .m0014 .body p { font-size: 14px; }
}
@media (max-width: 1000px) {
  .m0014 { padding: 70px 0 90px; }
  .m0014 .heading { margin-bottom: 65px; }
  .m0014 .heading h2 { font-size: 40px; }
  .m0014 .heading p { font-size: 17px; }
  .m0014 .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 52px 26px; }
  .m0014 .card h3 { font-size: 20px; }
  .m0014 .body { min-height: 224px; }
  .m0014 .body b { font-size: 18px; }
  .m0014 .body p { font-size: 17px; }
}
@media (max-width: 760px) {
  .m0014 { padding: 56px 0 70px; }
  .m0014 .heading { margin-bottom: 48px; }
  .m0014 .heading h2 { font-size: 32px; }
  .m0014 .heading p { font-size: 15px; }
  .m0014 .grid { gap: 42px 20px; }
  .m0014 .card h3 { min-height: 52px; font-size: 17px; white-space: normal; }
  .m0014 .icon { flex-basis: 124px; width: 124px; height: 124px; margin-bottom: 18px; }
  .m0014 .icon img { transform: scale(1.1); }
  .m0014 .arrow { margin-top: 15px; }
  .m0014 .body { min-height: 235px; }
  .m0014 .body b { font-size: 16px; }
  .m0014 .body p { font-size: 14px; }
  .m0014 .body p br { display: none; }
}
@media (max-width: 560px) {
  .m0014 .grid { max-width: 360px; margin: 0 auto; grid-template-columns: 1fr; gap: 46px; }
  .m0014 .card h3 { min-height: 0; }
  .m0014 .body { min-height: 210px; }
}

/* m0015 */
.m0015 .heading { position: relative; z-index: 1; max-width: 770px; margin: 0 auto 58px; text-align: center; margin-bottom: 58px; }
.m0015 .heading p { margin: 7px 0 0; line-height: 1.9; color: #737373; font-size: 16px; }
.m0015 .flow-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px 24px; }
.m0015 .flow-card { min-height: 198px; padding: 29px 25px 23px; border: 1px solid rgba(255,255,255,.3); border-radius: 15px; background: rgba(255,255,255,.1); text-align: center; }
.m0015 .flow-card img { display: block; width: auto; height: 86px; margin: 0 auto 17px; object-fit: contain; }
.m0015 .flow-card h3 { margin: 0 0 7px; color: #fff; font-size: 19px; }
.m0015 .flow-card p { margin: 0; color: rgba(255,255,255,.77); font-size: 13px; line-height: 1.8; }
@media (max-width: 760px) {
.m0015 .flow-grid { grid-template-columns: 1fr 1fr; gap: 16px; }
  .m0015 .flow-card h3 { font-size: 16px; }
  .m0015 .flow-card p { font-size: 12px; }
  .m0015 .flow-card { min-height: 174px; padding: 20px 13px; }
  .m0015 .flow-card img { height: 66px; margin-bottom: 10px; }
}
@media (max-width: 430px) {
  .m0015 .flow-grid { grid-template-columns: 1fr; }
}

.m0015 { position: relative; overflow: hidden; padding: 64px 0 95px; background: #fff; }
.m0015 .heading h2 { margin: 0; line-height: 1.35; font-weight: 600; color: #10172c; font-size: 41px; }
.m0015 .feature-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px 0; }
.m0015 .feature-card { border: 0; border-radius: 0; background: transparent; box-shadow: none; color: var(--institution-ink); min-height: 250px; padding: 0 8px; }
.m0015 .feature-card img { margin: 0 auto 18px; height: 98px; margin-bottom: 16px; }
.m0015 .feature-card h3 { margin: 0 0 15px; line-height: 1.35; font-weight: 600; margin-bottom: 16px; color: #222; font-size: 23px; }
.m0015 .feature-card p { margin: 0; color: #737373; font-size: 15px; line-height: 1.9; }

@media (max-width: 900px) {
  .m0015 { padding: 60px 0 75px; }
  .m0015 .heading { margin-bottom: 44px; }
  .m0015 .heading h2 { font-size: 34px; }
  .m0015 .heading p { font-size: 15px; }
  .m0015 .feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 38px 16px; }
  .m0015 .feature-card { min-height: 0; }
  .m0015 .feature-card img { height: 84px; margin-bottom: 14px; }
  .m0015 .feature-card h3 { margin-bottom: 12px; font-size: 20px; }
  .m0015 .feature-card p { font-size: 14px; line-height: 1.75; }
}

@media (max-width: 560px) {
  .m0015 { padding: 54px 0 70px; }
  .m0015 .heading { margin-bottom: 38px; }
  .m0015 .heading h2 { font-size: 30px; }
  .m0015 .heading p { font-size: 14px; }
  .m0015 .feature-grid { grid-template-columns: 1fr; gap: 38px; }
  .m0015 .feature-card { padding: 0; }
}

/* m0016 */
.m0016 .heading h2 { margin: 0; color: #182b47; line-height: 1.35; font-weight: 600;font-size: 41px;}
.m0016 .heading p { margin: 13px 0 0; color: #7c8da5; line-height: 1.9;margin-top: 7px;font-size: 16px;}
.m0016 { padding: 72px 0 82px; overflow: hidden; background: #fff; }
.m0016 .container { max-width: 1200px; }
.m0016 .heading { position: relative; z-index: 1; margin: 0 auto 58px; text-align: center; margin-bottom: 38px; max-width: none; padding: 0 48px; }
.m0016 .toggle { position: absolute; top: 50%; right: 0; display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 1px solid #dce6f6; border-radius: 6px; color: #2c75ee; background: #fff; cursor: pointer; transform: translateY(-50%); }
.m0016 .toggle[hidden], .m0016 .toggle .play-icon, .m0016 .toggle[aria-pressed="true"] .pause-icon { display: none; }
.m0016 .toggle[aria-pressed="true"] .play-icon { display: block; }
.m0016 .toggle:hover, .m0016 .toggle[aria-pressed="true"] { background: #edf4ff; }
.m0016 .toggle:focus-visible { outline: 2px solid #2c75ee; outline-offset: 3px; }
.m0016 .track { display: flex; gap: 20px; overflow-x: auto; overflow-y: hidden; padding: 0; scrollbar-width: none; }
.m0016 .track::-webkit-scrollbar { display: none; }
.m0016 .track:focus-visible { outline: 2px solid #2c75ee; outline-offset: 4px; }
.m0016 .card { position: relative; display: flex; flex: 0 0 266px; flex-direction: column; width: 266px; height: 354px; overflow: hidden; padding: 17px 20px 16px; border-radius: 14px; color: #fff; }
.m0016 .card > img { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.m0016 .card b, .m0016 .card h3, .m0016 .card p, .m0016 .card a { position: relative; z-index: 1; }
.m0016 .card b { color: rgba(255,255,255,.55); font-size: 29px; line-height: 1; font-weight: 600; }
.m0016 .card h3 { margin: 22px 0 0; color: #fff; font-size: 20px; line-height: 1.4; font-weight: 600; }
.m0016 .card p {min-height: 0;max-height: 9em;margin: 31% 0 6px;overflow-y: auto;overflow-wrap: anywhere;color: #fff;font-size: 13px;line-height: 1.5;text-align: justify;scrollbar-gutter: stable;}
.m0016 .card p::-webkit-scrollbar { width: 4px; }
.m0016 .card p::-webkit-scrollbar-track { border-radius: 2px; background: rgba(255,255,255,.15); }
.m0016 .card p::-webkit-scrollbar-thumb { border-radius: 2px; background: rgba(255,255,255,.55); }
@supports not selector(::-webkit-scrollbar) { .m0016 .card p { scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.55) rgba(255,255,255,.15); } }
.m0016 .card a {display: inline-flex;align-items: center;align-self: flex-start;gap: 4px;margin-top: auto;color: #fff;font-size: 14px;line-height: 1.4;font-weight: 600;}
.m0016 .card a span { font-size: 17px; }
.m0016 .card a:hover { text-decoration: underline; }

/* m0017 */
.m0017 { padding: 48px 0 174px; overflow: hidden; background: #fff; }
.m0017 .heading { position: relative; z-index: 1; margin: 0 auto 58px; text-align: center; max-width: none; margin-bottom: 54px; }
.m0017 .heading h2 { margin: 0; color: #0b112b; font-size: 41px; line-height: 56px;}
.m0017 .heading p { margin: 13px 0 0; margin-top: 12px; color: #737373; font-size: 16px; line-height: 26px; }
.m0017 .layout { position: relative; display: grid; grid-template-columns: 252px minmax(0, 1fr); isolation: isolate; }
.m0017 .menu { position: relative; z-index: 3; display: grid; grid-auto-rows: minmax(0, 66px); align-content: center; height: 432px; padding: 20px 20px 14px 28px; border: 1px solid transparent; border-right: 0; border-radius: 24px 0 0 24px; background: linear-gradient(90deg, #f5f9ff, #fff); }
.m0017 .menu::after { position: absolute; z-index: -1; inset: -1px; border: 1px solid #9dbbff; border-right: 0; border-radius: inherit; -webkit-mask-image: linear-gradient(90deg, #000, #000 45%, transparent 95%); mask-image: linear-gradient(90deg, #000, #000 45%, transparent 95%); content: ""; pointer-events: none; }
.m0017 .tab { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 0; border: 0; border-radius: 4px; color: #232323; background: transparent; font-size: 24px; line-height: 34px; font-weight: 600; text-align: left; white-space: nowrap; cursor: pointer; transition: color .18s ease; }
.m0017 .tab:hover, .m0017 .tab[aria-selected="true"] { color: #0b5af1; }
.m0017 .tab:focus-visible { outline: 2px solid #0b5af1; outline-offset: 5px; }
/* OSS 图标跨域且无 CORS 头，mask 取不到图；img 移出槽外，用 drop-shadow 在槽内按文字色染出轮廓 */
.m0017 .icon-slot { display: grid; flex: 0 0 27px; width: 27px; height: 28px; place-items: center; overflow: hidden; }
.m0017 .icon { display: block; width: 27px; height: 27px; object-fit: contain; transform: translateX(-27px); filter: drop-shadow(27px 0 0 currentColor); }
.m0017 .panels { position: relative; min-width: 0; }
.m0017 .panel { position: relative; height: 432px; }
.m0017 .panel[hidden] { display: none; }
.m0017 .panel:focus-visible { outline: 2px solid #0b5af1; outline-offset: 5px; }
.m0017 .copy { position: relative; z-index: 2; width: 304px; height: 432px; padding: 172px 24px 30px; overflow: hidden; border-radius: 16px 0 0 16px; background: #eff5ff var(--copy-bg, none) center / cover no-repeat; }
.m0017 .number { display: block; color: #0b5af1; font-size: 26px; line-height: 36px; font-weight: 500; }
.m0017 .copy h3 { margin: 14px 0 22px; color: #0b5af1; font-size: 24px; line-height: 34px; font-weight: 600; }
.m0017 .copy p { margin: 0; color: #555; font-size: 14px; line-height: 27px; }
.m0017 .products { position: absolute; z-index: 1; top: 0; left: 304px; width: calc(100% - 184px); height: 432px; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -webkit-mask-image: linear-gradient(90deg, transparent, #000 96px, #000 64%, transparent 90%); mask-image: linear-gradient(90deg, transparent, #000 96px, #000 64%, transparent 90%); }
.m0017 .products::-webkit-scrollbar { display: none; }
.m0017 .product { position: absolute; top: var(--device-top, 22px); left: var(--device-left, -114px); display: grid; grid-template-columns: 108px minmax(0, 1fr); align-items: center; gap: 24px; width: 466px; height: 180px; padding: 28px 24px; border-radius: 90px; background: linear-gradient(135deg, #f4f8ff, #fff 65%); box-shadow: 0 5px 6px rgba(52, 116, 248, .12); }
.m0017 .visual { display: flex; align-items: center; justify-content: center; width: 108px; height: 124px; }
.m0017 .visual img { display: block; flex: none; width: 190px; max-width: none; height: auto; }
.m0017 .device-copy { min-width: 0; }
.m0017 .device-copy h4 { margin: 0 0 10px; color: #0b5af1; font-size: 25px; line-height: 36px; font-weight: 600; white-space: nowrap; }
.m0017 .device-copy ul { display: grid; grid-template-columns: max-content max-content; gap: 0 22px; margin: 0; padding: 0; color: #a8a8a8; font-size: 18px; line-height: 32px; list-style: none; }

@media (max-width: 1100px) {
  .m0017 { padding: 54px 0 84px; }
  .m0017 .heading { margin-bottom: 38px; }
  .m0017 .layout { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .m0017 .menu { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: auto; gap: 8px 14px; height: auto; padding: 12px 18px; border-color: #9dbbff; border-right: 1px solid #9dbbff; border-radius: 20px; }
  .m0017 .menu::after { display: none; }
  .m0017 .tab { min-height: 52px; padding: 8px; font-size: 20px; line-height: 28px; }
  .m0017 .panel { display: grid; grid-template-columns: 304px minmax(0, 1fr); gap: 18px; height: auto; }
  .m0017 .copy { width: 100%; height: 100%; min-height: 432px; padding-top: 172px; border-radius: 16px; }
  .m0017 .products { position: static; display: grid; gap: 14px; width: auto; height: auto; overflow: visible; -webkit-mask-image: none; mask-image: none; }
  .m0017 .product:nth-child(n) { position: relative; top: auto; left: auto; grid-template-columns: 92px minmax(0, 1fr); gap: 12px; width: 100%; height: auto; min-height: 146px; padding: 18px; border-radius: 28px; }
  .m0017 .visual { width: 92px; height: 110px; }
  .m0017 .visual img { width: 160px; }
  .m0017 .device-copy h4 { margin-bottom: 8px; font-size: 20px; line-height: 28px; white-space: normal; }
  .m0017 .device-copy ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 12px; font-size: 14px; line-height: 24px; }
}

@media (max-width: 760px) {
  .m0017 { padding: 48px 0 64px; }
  .m0017 .heading h2 { font-size: 32px; line-height: 44px; }
  .m0017 .heading p { font-size: 14px; line-height: 24px; }
  .m0017 .menu { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 8px; padding: 10px; }
  .m0017 .tab { font-size: 18px; }
  .m0017 .panel { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .m0017 .copy { min-height: 340px; height: auto; padding: 122px 26px 30px; background-position: center top; }
  .m0017 .copy h3 { margin-top: 10px; margin-bottom: 18px; }
  .m0017 .product:nth-child(n) { grid-template-columns: 92px minmax(0, 1fr); padding: 20px 22px; }
  .m0017 .device-copy ul { grid-template-columns: minmax(0, 1fr); line-height: 24px; }
}

@media (max-width: 480px) {
  .m0017 .tab { gap: 6px; padding: 8px 2px; font-size: 15px; }
}

@media (prefers-reduced-motion: reduce) {
  .m0017 .tab { transition: none; }
}

/* m0018 */
.m0018 .heading h2 { margin: 0; color: #182b47; line-height: 1.35; font-weight: 600;font-size: 41px;}
.m0018 .heading p { margin: 13px 0 0; color: #7c8da5; line-height: 1.9;margin-top: 7px;font-size: 16px;}
.m0018 { padding: 76px 0 84px; background: #f7f9fe; }
.m0018 .heading { position: relative; z-index: 1; max-width: 770px; margin: 0 auto 58px; text-align: center; margin-bottom: 32px; }
.m0018 .grid { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 20px 12px; }
.m0018 .card { min-width: 0; text-align: center; }
.m0018 .visual { position: relative; width: 100%; aspect-ratio: 1; overflow: hidden; border: 1px solid #dedfdf; border-radius: 16px; background: #f6f7f5; }
.m0018 .visual > img { display: block; width: 100%; height: 100%; object-fit: contain; }
.m0018 .card h3 { margin: 12px 0 0; color: #666; font-size: 14px; line-height: 1.5; font-weight: 500; overflow-wrap: anywhere; }

@media (max-width: 900px) {
  .m0018 .grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .m0018 .grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px 12px; }
}
@media (max-width: 430px) {
  .m0018 .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* m0019 */
.m0019 { padding: 16px 0 174px; background: #fff; }
.m0019 .heading { position: relative; z-index: 1; margin: 0 auto 54px; text-align: center; max-width: none; }
.m0019 .heading h2 { margin: 0; color: #0b112b; font-size: 41px; line-height: 56px; font-weight: 600; }
.m0019 .heading p { margin: 10px 0 0; color: #555; font-size: 16px; line-height: 26px; }
.m0019 .panel { padding: 14px 10px 8px; border-radius: 24px; background: #dde8fe; }
.m0019 .intro { margin: 0 20px 18px; color: #477cff; font-size: 16px; line-height: 26px; font-weight: 600; text-align: center; }
.m0019 .grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 10px; }
.m0019 .card { display: flex; flex-direction: column; min-width: 0; min-height: 386px; padding: 26px 34px 20px 30px; border-radius: 24px; background: #fff; }
.m0019 .card:nth-child(3n + 2) { padding-left: 40px; padding-right: 40px; }
.m0019 .card:nth-child(3n) { padding-left: 44px; padding-right: 38px; }
.m0019 .card:nth-child(n + 4) { min-height: 434px; padding-top: 30px; padding-bottom: 26px; }
.m0019 .card h3 { margin: 0; color: #141414; font-size: 23.5px; line-height: 34px; font-weight: 600; }
.m0019 .card .audience { margin: 3px 0 21px; color: #555; font-size: 16px; line-height: 26px; }
.m0019 .card:nth-child(n + 4) .audience { margin-bottom: 24px; }
.m0019 .card .desc { min-height: 62px; margin: 0; padding-bottom: 17px; border-bottom: 1px dashed #ddd; color: #232323; font-size: 13.8px; line-height: 22px; }
.m0019 .config { margin-top: 18px; }
.m0019 .config h4 { margin: 0 0 7px; color: #232323; font-size: 16px; line-height: 26px; font-weight: 500; letter-spacing: 1px; }
.m0019 .config ul { --tag-gap: 22px; display: flex; flex-wrap: wrap; column-gap: var(--tag-gap); max-width: 100%; margin: 0; padding: 0 0 0 18px; color: #232323; font-size: 14px; line-height: 26px; list-style: none; }
.m0019 .config li { box-sizing: border-box; flex: 0 1 auto; min-width: calc(50% - var(--tag-gap) / 2); max-width: 100%; overflow-x: auto; white-space: pre-wrap; }
.m0019 .action { position: relative; align-self: flex-start; margin-top: auto; }
.m0019 .action a { display: inline-flex; align-items: center; justify-content: center; min-width: 110px; min-height: 40px; padding: 0 20px; border-radius: 22px; color: #fff; background: linear-gradient(90deg, #0070ff, #00adff); box-shadow: 0 10px 18px rgba(0, 104, 238, .24); font-size: 16px; line-height: 24px; font-weight: 500; }
.m0019 .action a:hover { filter: brightness(1.06); }
.m0019 .action a:focus-visible { outline: 2px solid #0070ff; outline-offset: 4px; }
.m0019 .hot { position: absolute; z-index: 1; top: -8px; right: -6px; padding: 0 6px; border: 1px solid #e9a43d; border-radius: 8px; color: #99570a; background: #ffdda2; font-size: 12px; line-height: 14px; white-space: nowrap; }

@media (max-width: 1170px) {
  .m0019 .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .m0019 .card:nth-child(n) { min-height: 410px; padding: 28px; }
  .m0019 .card:nth-child(n) .audience { margin-bottom: 21px; }
  .m0019 .config ul { --tag-gap: 14px; }
  .m0019 .action { margin-top: auto; padding-top: 20px; }
  .m0019 .hot { top: 12px; }
}

@media (max-width: 640px) {
  .m0019 { padding: 40px 0 64px; }
  .m0019 .heading { margin-bottom: 32px; }
  .m0019 .heading h2 { font-size: 30px; line-height: 42px; }
  .m0019 .heading p { font-size: 14px; line-height: 24px; }
  .m0019 .panel { padding: 14px 8px 8px; }
  .m0019 .intro { margin: 0 10px 16px; font-size: 14px; line-height: 24px; text-align: left; }
  .m0019 .grid { grid-template-columns: minmax(0, 1fr); }
  .m0019 .card:nth-child(n) { min-height: 0; padding: 24px 20px; }
  .m0019 .card h3 { font-size: 22px; line-height: 32px; }
  .m0019 .card .audience { font-size: 14px; line-height: 24px; }
  .m0019 .card .desc { min-height: 0; }
  .m0019 .desc br { display: none; }
  .m0019 .config ul { padding-left: 12px; --tag-gap: 12px; }
  .m0019 .action { padding-top: 24px; }
  .m0019 .hot { top: 16px; }
}

/* m0020 */
.m0020 {padding: 63px 0 215px;background: #f6f8fc;}
.m0020 .heading { position: relative; z-index: 1; max-width: 770px; margin: 0 auto 58px; text-align: center; margin-bottom: 64px; }
.m0020 .heading h2 { margin: 0; color: #101829; font-size: 41px; line-height: 1.35; font-weight: 600; }
.m0020 .heading p { margin: 13px 0 0; margin-top: 15px; color: #737373; font-size: 16px; line-height: 1.5; }
.m0020 .grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; max-width: 1135px; margin: 0 auto; }
.m0020 .card { min-height: 458px; padding: 46px 34px 40px; border-radius: 27px; background: radial-gradient(ellipse at top right, #eff5fe, #fff 72%); box-shadow: 0 18px 32px rgba(63, 109, 191, .1); }
.m0020 .icon { display: flex; align-items: flex-start; justify-content: flex-start; height: 58px; margin-bottom: 43px; }
.m0020 .icon img { display: block; width: auto; height: auto; max-height: 58px; }
.m0020 .card h3 { margin: 0 0 32px; color: #080d1b; font-size: 24px; line-height: 1.5; font-weight: 600; }
.m0020 .card p { margin: 0; color: #737373; font-size: 14px; line-height: 2; }
/* 正好 4 张卡片：宽屏一行排满，1100px 以下改 2×2；其余数量沿用 3 列 */
@media (min-width: 1101px) {
  .m0020 .grid[data-count="4"] { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
  .m0020 .grid[data-count="4"] .card { padding: 46px 28px 40px; }
}
@media (min-width: 901px) and (max-width: 1100px) {
  .m0020 .grid[data-count="4"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .m0020 .grid[data-count="4"] .card { min-height: 0; }
}

@media (max-width: 900px) {
  .m0020 .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .m0020 .card { min-height: 0; }
}
@media (max-width: 760px) {
  .m0020 { padding: 70px 0 76px; }
  .m0020 .heading { margin-bottom: 35px; }
  .m0020 .heading h2 { font-size: 29px; }
  .m0020 .heading p { font-size: 13px; }
  .m0020 .grid { gap: 16px; }
  .m0020 .card { padding: 32px 24px; border-radius: 24px; }
  .m0020 .icon { margin-bottom: 28px; }
  .m0020 .card h3 { margin-bottom: 20px; font-size: 20px; }
  .m0020 .card p { font-size: 13px; line-height: 1.8; }
}

@media (max-width: 560px) {
  .m0020 .grid { grid-template-columns: 1fr; gap: 18px; }
  .m0020 .card { padding: 30px 24px 34px; }
  .m0020 .card p { font-size: 14px; }
}

/* m0021 */

.m0021 .actions { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; }
.m0021 .actions a { font-size: 18px; font-weight: 600; white-space: nowrap; }

.m0021 {
  height: 558px;
  background: #f6f8fd center / 1920px 558px no-repeat;
}
.m0021 .copy { padding: 84px 0 0 40px; }
.m0021 .copy h1 { margin: 0; color: #075bff; font-size: 48px; line-height: 65px; font-weight: 700; }
.m0021 .copy h2 { margin: 0; font-size: 32px; line-height: 45px; font-weight: 600; }
.m0021 .copy p { margin: 27px 0 0; color: #747782; font-size: 16px; line-height: 30px; }
.m0021 .hero-actions { margin-top: 40px; gap: 22px; }
.m0021 .hero-actions a { width: 173px; min-height: 62px; border-radius: 32px; }

@media (max-width: 1250px) {
  .m0021 .copy { padding-left: 0; }
}

@media (max-width: 1000px) {
  .m0021 .copy h1 { font-size: 40px; }
  .m0021 .copy h2 { font-size: 26px; }
  .m0021 { background-position: 42% center; }
}

@media (max-width: 760px) {
  .m0021 { height: 650px; background-position: 63% bottom; background-size: 1240px auto; background-color: #f6f8fd; }
  .m0021 .copy { padding: 28px 0 0; }
  .m0021 .copy h1 { font-size: 30px; line-height: 44px; }
  .m0021 .copy h2 { font-size: 20px; line-height: 32px; }
  .m0021 .copy p { max-width: 420px; margin-top: 16px; font-size: 13px; line-height: 24px; }
  .m0021 .copy p br { display: none; }
  .m0021 .hero-actions { margin-top: 16px; gap: 16px; }
  .m0021 .hero-actions a { width: 150px; min-height: 48px; padding: 0 18px; font-size: 15px; }
}

@media (max-width: 360px) {
  .m0021 .copy h1 { font-size: 27px; }
  .m0021 .copy h2 { font-size: 18px; }
  .m0021 .hero-actions { gap: 12px; }
  .m0021 .hero-actions a { width: 138px; }
}

/* m0022 */

.m0022 .actions { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; }
.m0022 .actions a { font-size: 18px; font-weight: 600; white-space: nowrap; }
.m0022 .heading { text-align: center; }
.m0022 .heading h2 { margin: 0; font-size: 40px; line-height: 56px; font-weight: 600; }
.m0022 .heading p { margin: 12px 0 0; color: #666; font-size: 16px; line-height: 26px; }

.m0022 { padding-top: 136px; }
.m0022 .tabs { display: flex; justify-content: center; gap: 18px; margin: 64px 0 18px; }
.m0022 .tabs button { width: 181px; min-height: 62px; padding: 10px 16px; border: 1px solid #dfe7ff; border-radius: 8px; background: #fff; color: #555; font-size: 20px; }
.m0022 .tabs button[aria-selected="true"] { color: #fff; border-color: transparent; background: linear-gradient(115deg, #0954ff, #00b5ef); box-shadow: 0 16px 28px #075bff30; font-weight: 600; }
.m0022 .panel { display: grid; grid-template-columns: minmax(0, 1fr) 607px; gap: 30px; min-height: 405px; }
.m0022 .copy { position: relative; padding-top: 38px; }
.m0022 .list { display: grid; gap: 22px; margin: 0; padding: 0; list-style: none; }
.m0022 .list li { position: relative; padding-left: 28px; }
.m0022 .list li::before { content: ""; position: absolute; top: 6px; left: 0; width: 20px; height: 20px; background: url("../images/check.png") center / contain no-repeat; }
.m0022 .list h3 { margin: 0 0 8px; color: #292929; font-size: 22px; line-height: 30px; }
.m0022 .list p { margin: 0; color: #808080; font-size: 14px; line-height: 25px; }
.m0022 .list-add { position: absolute; top: 0; left: 0; margin: 0; }
.m0022 .panel-actions { margin: 30px 0 0 28px; }
.m0022 .panel-actions a { min-height: 40px; padding: 0 26px; font-size: 16px; font-weight: 400; }
.m0022 .image { display: block; align-self: start; width: 607px; max-width: 100%; height: auto; }

@media (max-width: 1250px) {
  .m0022 .panel { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .m0022 .image { width: 100%; }
  .m0022 .tabs { gap: 20px; }
}

@media (max-width: 1000px) {
  .m0022 .heading h2 { font-size: 34px; line-height: 48px; }
  .m0022 .list h3 { font-size: 19px; }
  .m0022 .list p { font-size: 13px; line-height: 23px; }
  .m0022 .panel { gap: 20px; }
}

@media (max-width: 760px) {
  .m0022 .heading h2 { font-size: 28px; line-height: 40px; }
  .m0022 .heading p { font-size: 14px; line-height: 24px; }
  .m0022 { padding-top: 60px; }
  .m0022 .tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 32px 0 20px; }
  .m0022 .tabs button { width: 100%; min-height: 48px; font-size: 16px; }
  .m0022 .panel { grid-template-columns: 1fr; gap: 28px; }
  .m0022 .copy { padding-top: 10px; }
  .m0022 .list { gap: 24px; }
  .m0022 .list p { font-size: 14px; line-height: 25px; }
  .m0022 .image { width: min(100%, 607px); margin: 0 auto; }
}

/* m0023 */

.m0023 .actions { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; }
.m0023 .actions a { font-size: 18px; font-weight: 600; white-space: nowrap; }
.m0023 .heading { text-align: center; }
.m0023 .heading h2 { margin: 0; font-size: 40px; line-height: 56px; font-weight: 600; }
.m0023 .heading p { margin: 12px 0 0; color: #666; font-size: 16px; line-height: 26px; }

.m0023 { padding: 140px 0 151px; }
.m0023 .categories { display: flex; justify-content: center; gap: 40px; margin: 64px 0 36px; }
.m0023 .categories button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; flex-shrink: 0; min-height: 40px; padding: 3px 12px; border: 0; border-radius: 22px; background: transparent; color: inherit; font-size: 20px; font-weight: 600; }
.m0023 .categories .site-icon, .m0023 .categories svg { flex-shrink: 0; width: 22px; height: 22px; font-size: 22px; }
.m0023 .categories button[aria-selected="true"] { color: var(--solution-blue); background: #cfdeff; }
.m0023 .categories button[aria-selected="true"] svg { color: var(--solution-blue) !important; }
.m0023 .panel { display: grid; grid-template-columns: 205px minmax(0, 1fr); min-height: 530px; border: 1px solid #8daaff; border-radius: 20px; box-shadow: 0 18px 30px #075bff20; overflow: hidden; }
.m0023 .list { display: flex; flex-direction: column; background: #f4f7fd; padding: 14px 0; }
.m0023 .list button { flex: 0 0 auto; min-height: 45px; padding: 10px 18px; border: 0; background: transparent; color: #10152f; text-align: left; font-size: 16px; line-height: 25px; font-weight: 600; }
.m0023 .list button[aria-selected="true"] { color: var(--solution-blue); background: #fff; }
.m0023 .list button:focus-visible { outline-offset: -4px; }
.m0023 .list .add { min-height: 40px; margin: 8px 14px 0; padding: 8px 12px; border: 1px dashed #8daaff; border-radius: 8px; color: var(--solution-blue); font-size: 14px; line-height: 22px; text-align: center; }
.m0023 .detail { position: relative; min-height: 528px; }
.m0023 .image { position: absolute; right: 0; bottom: 0; height: 100%; width: 540px; max-width: 100%; object-fit: cover; object-position: right; opacity: .52; }
.m0023 .detail-copy { position: relative; z-index: 1; width: min(100%, 650px); padding: 60px 32px 44px 64px; }
.m0023 .detail h3 { margin: 0; font-size: 28px; line-height: 40px; font-weight: 600; }
.m0023 .detail p { min-height: 104px; margin: 24px 0 0; color: #777; font-size: 14px; line-height: 26px; }
.m0023 .detail h4 { margin: 40px 0 18px; font-size: 16px; line-height: 26px; font-weight: 600; }
.m0023 .features { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 0; padding: 0; list-style: none; }
.m0023 .features li { display: grid; place-items: center; min-height: 45px; padding: 8px 12px; border-radius: 24px; background: #e1eeff; color: #545b62; font-size: 20px; font-weight: 600; text-align: center; }
.m0023 .panel-actions { margin-top: 52px; }
.m0023 .panel-actions a { min-height: 50px; padding: 0 34px; border-radius: 26px; }

@media (max-width: 1250px) {
  .m0023 .categories { gap: 12px; }
  .m0023 .categories button { font-size: 18px; }
}

@media (max-width: 1000px) {
  .m0023 .heading h2 { font-size: 34px; line-height: 48px; }
  .m0023 .categories { justify-content: flex-start; flex-wrap: wrap; gap: 16px; }
  .m0023 .panel { grid-template-columns: 190px minmax(0, 1fr); }
  .m0023 .list button { font-size: 14px; }
  .m0023 .detail-copy { padding: 44px 28px; }
  .m0023 .image { opacity: .22; }
  .m0023 .features li { font-size: 16px; }
}

@media (max-width: 760px) {
  .m0023 .heading h2 { font-size: 28px; line-height: 40px; }
  .m0023 .heading p { font-size: 14px; line-height: 24px; }
  .m0023 { padding: 72px 0; }
  .m0023 .categories { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 8px; margin: 32px 0 24px; }
  .m0023 .categories button { font-size: 16px; gap: 6px; padding: 8px; }
  .m0023 .panel { grid-template-columns: 1fr; border-radius: 16px; }
  .m0023 .list { flex-direction: row; gap: 6px; overflow-x: auto; padding: 12px; }
  .m0023 .list button { flex: 0 0 auto; min-height: 42px; border-radius: 6px; padding: 8px 12px; }
  .m0023 .list .add { margin: 0; border-radius: 6px; white-space: nowrap; }
  .m0023 .detail { min-height: 0; }
  .m0023 .detail-copy { width: 100%; padding: 30px 22px; }
  .m0023 .detail h3 { font-size: 24px; line-height: 34px; }
  .m0023 .detail p { min-height: 0; margin-top: 16px; }
  .m0023 .detail h4 { margin: 28px 0 14px; }
  .m0023 .features { gap: 10px; }
  .m0023 .features li { padding: 8px; font-size: 14px; }
  .m0023 .panel-actions { margin-top: 28px; gap: 12px; }
  .m0023 .panel-actions a { min-height: 44px; padding: 0 20px; font-size: 15px; }
}

@media (max-width: 360px) {
  .m0023 .detail-copy { padding: 28px 16px; }
  .m0023 .features li { font-size: 13px; }
}

/* m0024 */

.m0024 .heading { text-align: center; }
.m0024 .heading h2 { margin: 0; font-size: 40px; line-height: 56px; font-weight: 600; }
.m0024 .heading p { margin: 12px 0 0; color: #666; font-size: 16px; line-height: 26px; }

.m0024 { min-height: 1560px; padding: 64px 0 116px; background: #0754e4 center / cover no-repeat; }
.m0024 .heading h2, .m0024 .heading p { color: #fff; }
.m0024 .grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px 18px; margin-top: 72px; }
.m0024 .card { display: grid; grid-template-columns: 178px 16px minmax(0, 1fr); gap: 12px; min-height: 188px; padding: 20px; border-radius: 20px; background: #fff; }
.m0024 .card h3 { margin: 0; color: #33394d; font-size: 18px; line-height: 26px; font-weight: 600; }
.m0024 .chevron { color: var(--solution-blue); font-size: 32px; line-height: 28px; font-weight: 700; }
.m0024 .card h4 { margin: 0; color: var(--solution-blue); font-size: 18px; line-height: 28px; font-weight: 600; }
.m0024 .card p { min-height: 54px; margin: 6px 0 0; color: #888; font-size: 12px; line-height: 16px; }
.m0024 .card.more { display: grid; place-items: center; grid-template-columns: 1fr; color: #292929; font-size: 20px; font-weight: 600; }

@media (max-width: 1250px) {
  .m0024 .card { grid-template-columns: 155px 12px minmax(0, 1fr); gap: 8px; padding: 18px; }
  .m0024 .card h3 { font-size: 18px; }
}

@media (max-width: 1000px) {
  .m0024 .heading h2 { font-size: 34px; line-height: 48px; }
  .m0024 { padding: 80px 0; }
  .m0024 .card { grid-template-columns: minmax(0, 1fr); gap: 8px; padding: 24px; }
  .m0024 .chevron { display: none; }
  .m0024 .card h3 br { display: none; }
  .m0024 .card h3 { min-height: 56px; }
  .m0024 .card p { min-height: 80px; font-size: 13px; line-height: 20px; }
}

@media (max-width: 760px) {
  .m0024 .heading h2 { font-size: 28px; line-height: 40px; }
  .m0024 .heading p { font-size: 14px; line-height: 24px; }
  .m0024 { min-height: 0; padding: 64px 0; }
  .m0024 .grid { grid-template-columns: 1fr; margin-top: 36px; gap: 16px; }
  .m0024 .card { min-height: 0; border-radius: 12px; padding: 24px; }
  .m0024 .card h3 { min-height: 0; font-size: 20px; }
  .m0024 .card h4 { font-size: 18px; }
  .m0024 .card p { min-height: 0; font-size: 14px; line-height: 24px; }
  .m0024 .card.more { min-height: 130px; font-size: 18px; }
}

/* m0024 v4：items[] 每项 title/desc/tags，照搬 web/css/solution-home.css 的 .solution-scene-links 规格 */
.m0024 .tag-list { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; margin-top: 16px; padding: 0; list-style: none; }
.m0024 .tag-badge { display: inline-flex; align-items: center; min-height: 24px; padding: 2px 10px; border: 1px solid var(--solution-blue); border-radius: 14px; color: #666; font-size: 10px; line-height: 16px; white-space: nowrap; transition: background-color .2s, color .2s; }
.m0024 .tag-badge:hover { background: var(--solution-blue); color: #fff; }

@media (max-width: 760px) {
  .m0024 .tag-list { gap: 8px; }
  .m0024 .tag-badge { font-size: 11px; min-height: 30px; }
}

/* m0025 */
.m0025 .grid { display: grid; grid-template-columns: 1fr 1fr; margin-top: 72px; gap: 24px; }.m0025 .card { position: relative; background: var(--white); min-height: 270px; padding: 25px 36px 28px; border: 0; border-radius: 24px; box-shadow: 0 0 28px #075bff0c; }.m0025 .testimonial-tag { display: inline-block; color: var(--blue); background: color-mix(in srgb, var(--blue) 18%, var(--white)); min-width: 106px; max-width: calc(100% - 50px); padding: 4px 15px; border-radius: 16px; font-size: 12px; line-height: 20px; text-align: center; }.m0025 .testimonial-author { display: flex; align-items: center; border-top: 1px solid var(--line); gap: 16px; padding-top: 24px; border-color: #c9c9c9; }.m0025 .avatar { display: block; flex: 0 0 29px; object-fit: contain; flex-basis: 50px; width: 50px; height: 50px; }.m0025 .testimonial-author b, .m0025 .testimonial-author small { display: block; }
@media (max-width: 760px) {.m0025 .grid { grid-template-columns: 1fr; } }
.m0025 .heading { text-align: center; }
.m0025 .heading h2 { margin: 0; font-size: 40px; line-height: 56px; font-weight: 600; }
.m0025 .heading p { margin: 12px 0 0; color: #666; font-size: 16px; line-height: 26px; }

.m0025 { padding: 136px 0 86px; }
.m0025 .card > p { position: relative; z-index: 1; min-height: 88px; margin: 18px 0; color: #3e5672; font-size: 14px; line-height: 25px; }
.m0025 .testimonial-author b { color: #292929; font-size: 16px; line-height: 25px; }
.m0025 .testimonial-author small { margin-top: 5px; color: #7e99b9; font-size: 12px; line-height: 20px; }
.m0025 .card::after { content: ""; position: absolute; top: 24px; right: 36px; width: 28px; height: 23px; background: url("../images/testimonial-quote.png") center / contain no-repeat; pointer-events: none; }

@media (max-width: 1000px) {
  .m0025 .heading h2 { font-size: 34px; line-height: 48px; }
  .m0025 .card { padding: 24px; }
  .m0025 .card::after { top: 22px; right: 24px; width: 24px; height: 20px; }
  .m0025 .testimonial-author b { font-size: 14px; }
}

@media (max-width: 760px) {
  .m0025 .heading h2 { font-size: 28px; line-height: 40px; }
  .m0025 .heading p { font-size: 14px; line-height: 24px; }
  .m0025 { padding: 64px 0 96px; }
  .m0025 .grid { margin-top: 36px; gap: 20px; }
  .m0025 .card { min-height: 0; border-radius: 16px; }
  .m0025 .card > p { min-height: 0; }
}

/* m0011 */.m0011:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 30%,rgba(255,255,255,.85),transparent 30%),linear-gradient(145deg,transparent 57%,rgba(255,255,255,.5) 57.5%,transparent 59%)}.m0011 .container{position:relative;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;min-height:260px}

/* m0030 */

/* m0031 */

/* m0032 */

/* m0033 */

/* m0034 */

/* m0037 */

.m0037{padding:76px 0}.m0037.alt{background:#f3f7fe}.m0037 .legal-page{max-width:900px;margin:0 auto}.m0037 .legal-page h2{margin:0 0 19px;color:#162a43;font-size:27px}.m0037 .legal-page h3{margin:27px 0 8px;font-size:16px}.m0037 .legal-page p, .m0037 .legal-page li{color:#758398;font-size:12px;line-height:2}.m0037 .legal-page ul{padding-left:20px}

/* m0038 */

.m0038{padding:76px 0}.m0038.alt{background:#f3f7fe}.m0038 .heading{max-width:760px;margin:0 auto 40px;text-align:center}.m0038 .heading h2{margin:0 0 10px;color:#192a40;font-size:30px;line-height:1.4}.m0038 .heading h2 span{color:#147cff}.m0038 .heading p{margin:0;color:#8896a8;font-size:12px;line-height:1.8}.m0038 .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.m0038 .card{padding:25px 23px;border:1px solid #e4eefb;border-radius:13px;background:#fff;box-shadow:0 12px 32px rgba(44,107,180,.09);transition:.2s}.m0038 .card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(44,107,180,.16)}.m0038 .icon{display:grid;place-items:center;width:43px;height:43px;margin-bottom:15px;border-radius:10px;color:#147cff;background:#e9f4ff;font-size:25px}.m0038 .card h3{margin:0 0 8px;color:#24364b;font-size:16px}.m0038 .card p{margin:0;color:#8190a1;font-size:11px;line-height:1.8}.m0038 .card .mini-link{display:inline-flex;align-items:center;gap:4px;margin-top:15px;color:#147cff;font-size:10px}.m0038 .metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:37px}.m0038 .metric{padding:20px;text-align:center;border:1px solid #e1ecfa;border-radius:12px;background:#fff}.m0038 .metric b{display:block;color:#147cff;font-size:27px;line-height:1}.m0038 .metric span{display:block;margin-top:8px;color:#8492a3;font-size:10px}

@media(max-width:640px){.m0038 .metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}.m0038 .metric{min-width:0;padding:20px 12px}}

/* m0041 */

.m0041{padding:76px 0}.m0041.alt{background:#f3f7fe}.m0041 .heading{max-width:760px;margin:0 auto 40px;text-align:center}.m0041 .heading h2{margin:0 0 10px;color:#192a40;font-size:30px;line-height:1.4}.m0041 .heading h2 span{color:#147cff}.m0041 .heading p{margin:0;color:#8896a8;font-size:12px;line-height:1.8}.m0041 .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.m0041 .card{overflow:hidden;border-radius:13px;background:#fff;box-shadow:0 12px 28px rgba(38,93,155,.1)}.m0041 .cover{height:145px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#1467ca,#78c8ef)}.m0041 .cover .site-icon{font-size:62px;opacity:.75}.m0041 .card-body{padding:17px}.m0041 .card h3{margin:0 0 7px;font-size:15px}.m0041 .card p{margin:0;color:#8693a4;font-size:10px;line-height:1.7}.m0041 .card a{display:inline-flex;align-items:center;gap:4px;margin-top:14px;color:#147cff;font-size:10px}

/* m0042 */

/* m0043 */

/* m0044 */

/* m0045 */

.m0045{padding:76px 0}.m0045.alt{background:#f3f7fe}.m0045 .heading{max-width:760px;margin:0 auto 40px;text-align:center}.m0045 .heading h2{margin:0 0 10px;color:#192a40;font-size:30px;line-height:1.4}.m0045 .heading h2 span{color:#147cff}.m0045 .heading p{margin:0;color:#8896a8;font-size:12px;line-height:1.8}.m0045 .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.m0045 .card{padding:25px 23px;border:1px solid #e4eefb;border-radius:13px;background:#fff;box-shadow:0 12px 32px rgba(44,107,180,.09);transition:.2s}.m0045 .card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(44,107,180,.16)}.m0045 .icon{display:grid;place-items:center;width:43px;height:43px;margin-bottom:15px;border-radius:10px;color:#147cff;background:#e9f4ff;font-size:25px}.m0045 .card h3{margin:0 0 8px;color:#24364b;font-size:16px}.m0045 .card p{margin:0;color:#8190a1;font-size:11px;line-height:1.8}.m0045 .card .mini-link{display:inline-flex;align-items:center;gap:4px;margin-top:15px;color:#147cff;font-size:10px}

/* m0047 */

.m0047{padding:76px 0}.m0047.alt{background:#f3f7fe}.m0047 .heading{max-width:760px;margin:0 auto 40px;text-align:center}.m0047 .heading h2{margin:0 0 10px;color:#192a40;font-size:30px;line-height:1.4}.m0047 .heading h2 span{color:#147cff}.m0047 .heading p{margin:0;color:#8896a8;font-size:12px;line-height:1.8}.m0047 .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.m0047 .card{padding:25px 23px;border:1px solid #e4eefb;border-radius:13px;background:#fff;box-shadow:0 12px 32px rgba(44,107,180,.09);transition:.2s}.m0047 .card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(44,107,180,.16)}.m0047 .icon{display:grid;place-items:center;width:43px;height:43px;margin-bottom:15px;border-radius:10px;color:#147cff;background:#e9f4ff;font-size:25px}.m0047 .card h3{margin:0 0 8px;color:#24364b;font-size:16px}.m0047 .card p{margin:0;color:#8190a1;font-size:11px;line-height:1.8}.m0047 .card .mini-link{display:inline-flex;align-items:center;gap:4px;margin-top:15px;color:#147cff;font-size:10px}

/* m0049 */

/* m0050 */.m0050:before{content:"";position:absolute;inset:0;opacity:.18;background:radial-gradient(circle at 15% 55%,#fff,transparent 22%),linear-gradient(125deg,transparent 60%,#6ad3ff 60.5%,transparent 62%)}.m0050 .container{position:relative}

/* m0051 */

.m0051{padding:76px 0}.m0051.alt{background:#f3f7fe}.m0051 .heading{max-width:760px;margin:0 auto 40px;text-align:center}.m0051 .heading h2{margin:0 0 10px;color:#192a40;font-size:30px;line-height:1.4}.m0051 .heading h2 span{color:#147cff}.m0051 .heading p{margin:0;color:#8896a8;font-size:12px;line-height:1.8}.m0051 .grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.m0051 .card{padding:23px;border:1px solid #e5eef9;border-radius:13px;background:#fff;box-shadow:0 10px 28px rgba(42,101,167,.08)}.m0051 .card h3{display:flex;align-items:center;gap:8px;margin:0 0 7px;color:#24374f;font-size:15px}.m0051 .card h3 .site-icon{color:#147cff;font-size:21px}.m0051 .card p{margin:0;color:#8391a3;font-size:11px;line-height:1.8}

/* Additional native content modules */
.m0098{padding:64px 0 90px;background:var(--bg-d,none) center top/1920px auto no-repeat}.m0098 h1{font-size:clamp(28px,4vw,42px);line-height:1.4;color:var(--blue)}.m0098 p{font-size:16px;line-height:2}.m0098 h2{margin-top:32px}
@media(max-width:760px){.m0098{padding:42px 0}}

/* m0099 v3 · 企业动态列表（UI 设计版，封面为占位符，上传素材后自动替换） */

.m0099 .tabs{position:relative;z-index:1;background:#fff;box-shadow:0 4px 14px rgba(42,101,167,.06)}.m0099 .tabs .container{display:flex;overflow-x:auto;scrollbar-width:none}.m0099 .tabs .container::-webkit-scrollbar{display:none}.m0099 .tab{position:relative;flex:0 0 auto;min-width:180px;height:80px;padding:0 24px;border:0;background:none;color:#24374f;font:inherit;font-size:15px;cursor:pointer;transition:color .2s}.m0099 .tab:first-child{margin-left:auto}.m0099 .tab:last-child{margin-right:auto}.m0099 .tab:hover,.m0099 .tab.active{color:#147cff}.m0099 .tab.active{font-weight:700}.m0099 .tab.active::after{content:"";position:absolute;left:50%;bottom:0;width:60px;height:3px;margin-left:-30px;border-radius:2px;background:#147cff}
.m0099 .list{padding:56px 0 88px}.m0099 .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:54px 60px}.m0099 .card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #edf1f7;border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(42,101,167,.08);text-decoration:none;transition:transform .25s,box-shadow .25s}.m0099 .card[hidden]{display:none}.m0099 .card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(42,101,167,.16)}.m0099 .cover{position:relative;aspect-ratio:9/5;overflow:hidden;background:#eef3f9}.m0099 .cover img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.m0099 .cover-placeholder{position:absolute;inset:0;background:linear-gradient(135deg,#f3f7fd,#e4ecf7)}.m0099 .cover-placeholder::after{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Crect x='7' y='12' width='34' height='24' rx='3' fill='none' stroke='%23b8c8dd' stroke-width='2'/%3E%3Ccircle cx='17' cy='20' r='3' fill='none' stroke='%23b8c8dd' stroke-width='2'/%3E%3Cpath d='M10 32l8-7 6 5 5-4 9 6' fill='none' stroke='%23b8c8dd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.m0099 .info{display:flex;flex:1;flex-direction:column;min-height:200px;padding:18px 26px 22px}.m0099 .category{align-self:flex-start;margin-bottom:14px;padding:3px 12px;border-radius:5px;color:#147cff;background:rgba(20,124,255,.12);font-size:12px;line-height:1.7}.m0099 .info h3{margin:0;color:#192a40;font-size:17px;font-weight:700;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.m0099 .meta{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:14px;color:#9aa6b6;font-size:12px;line-height:1.5}.m0099 .date,.m0099 .views{display:inline-flex;align-items:center;gap:5px}.m0099 .date+.views::before{content:"|";margin-right:8px;color:#c6d0dd}.m0099 .ico{flex:0 0 13px;width:13px;height:13px;background:currentColor;-webkit-mask:no-repeat center/contain;mask:no-repeat center/contain}.m0099 .ico-clock{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1zm0 1.5a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11zM7.25 4.5v4l3 1.8.75-1.25-2.25-1.35V4.5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1zm0 1.5a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11zM7.25 4.5v4l3 1.8.75-1.25-2.25-1.35V4.5z'/%3E%3C/svg%3E")}.m0099 .empty{margin:0;padding:40px 0;text-align:center;color:#9aa6b6}.m0099 .more{display:flex;justify-content:center;margin-top:60px}.m0099 .more[hidden]{display:none}.m0099 .more-btn{min-width:131px;height:50px;padding:0 24px;border:1px solid #e3e9f2;border-radius:4px;background:#fff;color:#8896a8;font:inherit;font-size:14px;cursor:pointer;transition:border-color .2s,color .2s}.m0099 .more-btn:hover{border-color:#147cff;color:#147cff}

/* m0098 v3 · 文章详情（UI 设计版，封面为占位符，上传素材后自动替换） */

.m0098 .article{margin:0 auto;max-width:var(--width)}.m0098 .header{margin-bottom:28px;padding-bottom:24px;border-bottom:var(--divider) solid var(--divider-color)}.m0098 .title{margin:0 0 18px;color:var(--title-color);font-size:clamp(26px,3.4vw,var(--title-size));line-height:1.4;overflow-wrap:anywhere}.m0098 .meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;color:var(--meta-color);font-size:13px}.m0098 .category{padding:3px 10px;border-radius:4px;color:#fff;background:var(--category-bg);font-size:12px;line-height:1.7}.m0098 .meta-item{line-height:1.7}.m0098 .content{margin-top:8px}.m0098 .content p{margin:0 0 18px;color:var(--rich-text-color);font-size:var(--rich-text-font-size);line-height:var(--rich-text-line-height);overflow-wrap:anywhere}.m0098 .content h2{margin:38px 0 16px;color:#192a40;font-size:23px;line-height:1.5}.m0098:has(.related){padding-bottom:50px}.m0098 .related{margin-top:80px}.m0098 .related-title{margin:0 0 26px;color:#192a40;text-align:center;font-size:28px;line-height:1.4}.m0098 .related-scroll{overflow-x:auto;margin-block:-24px;padding-block:24px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.m0098 .related-scroll::-webkit-scrollbar{display:none}.m0098 .related-scroll.is-marquee{overflow:hidden}.m0098 .is-marquee .related-list{min-width:0;padding-inline:0;animation:m0098-marquee var(--duration,40s) linear infinite}.m0098 .is-marquee:hover .related-list,.m0098 .is-marquee:focus-within .related-list{animation-play-state:paused}.m0098 .related-list{display:flex;justify-content:center;gap:18px;box-sizing:border-box;width:max-content;min-width:100%;padding-inline:24px}.m0098 .related-card{flex:0 0 360px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #edf1f7;border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(42,101,167,.08);text-decoration:none;transition:transform .25s,box-shadow .25s}.m0098 .related-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(42,101,167,.16)}.m0098 .related-cover{position:relative;aspect-ratio:9/5;overflow:hidden;background:#eef3f9}.m0098 .related-cover img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.m0098 .cover-placeholder{position:absolute;inset:0;background:linear-gradient(135deg,#f3f7fd,#e4ecf7)}.m0098 .cover-placeholder::after{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Crect x='7' y='12' width='34' height='24' rx='3' fill='none' stroke='%23b8c8dd' stroke-width='2'/%3E%3Ccircle cx='17' cy='20' r='3' fill='none' stroke='%23b8c8dd' stroke-width='2'/%3E%3Cpath d='M10 32l8-7 6 5 5-4 9 6' fill='none' stroke='%23b8c8dd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.m0098 .related-info{display:flex;flex:1;flex-direction:column;min-height:200px;padding:18px 26px 22px}.m0098 .related-cat{align-self:flex-start;margin-bottom:14px;padding:3px 12px;border-radius:5px;color:#147cff;background:rgba(20,124,255,.12);font-size:12px;line-height:1.7}.m0098 .related-info h3{margin:0;color:#192a40;font-size:17px;font-weight:700;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.m0098 .related-meta{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:14px;color:#9aa6b6;font-size:12px;line-height:1.5}.m0098 .related-date,.m0098 .related-views{display:inline-flex;align-items:center;gap:5px}.m0098 .related-date+.related-views::before{content:"|";margin-right:8px;color:#c6d0dd}.m0098 .ico{flex:0 0 13px;width:13px;height:13px;background:currentColor;-webkit-mask:no-repeat center/contain;mask:no-repeat center/contain}.m0098 .ico-clock{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1zm0 1.5a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11zM7.25 4.5v4l3 1.8.75-1.25-2.25-1.35V4.5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1zm0 1.5a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11zM7.25 4.5v4l3 1.8.75-1.25-2.25-1.35V4.5z'/%3E%3C/svg%3E")}

@keyframes m0098-marquee{to{transform:translateX(calc(-1 * var(--cycle)))}}
@media(max-width:1000px){.m0099 .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}}
@media(max-width:760px){.m0099 .grid{grid-template-columns:1fr;gap:24px}.m0099 .tab{min-width:0;height:56px;padding:0 18px;font-size:14px}.m0099 .list{padding:32px 0 56px}.m0099 .more{margin-top:36px}.m0098 .related-title{font-size:22px;margin-bottom:20px}.m0098 .related-card{flex:0 0 280px}}

/* m0014: many-items runtime state. */
@media(min-width:1101px){.m0014.many-items .grid{max-width:1200px;grid-template-columns:repeat(var(--cols,6),minmax(0,1fr));gap:14px}.m0014.many-items .body{padding:20px 8px}.m0014.many-items .body p{font-size:14px}.m0014.many-items h3{font-size:16px}}
@media(min-width:1280px){.m0014.many-items .grid{grid-template-columns:repeat(var(--cols-xl,6),minmax(0,1fr));gap:12px}.m0014.many-items .card h3{min-height:50px;white-space:normal}}

.module-placement[data-module="m0001"]{position:sticky;top:0;z-index:100}.module-placement[data-module="m0001"]>.m0001{position:relative}

/* Structure-driven homepage editing; edit chrome exists only in private previews. */
.m0002 h1,.m0002 h2,.m0002 .description{overflow-wrap:anywhere}
.m0002 .product b,.m0002 .product .desc{white-space:normal;overflow-wrap:anywhere;overflow:visible}
.m0002 .actions{display: flex;gap: 22px;flex-wrap:wrap}
.m0002 .tag{max-width:100%;overflow-wrap:anywhere}
body[data-preview="true"] [data-cms-path]{cursor:pointer}
body[data-preview="true"] .cms-edit-hover,body[data-preview="true"] [data-cms-path]:focus-visible{outline:2px solid #0b5af1;outline-offset:4px}
body[data-preview="true"] .cms-surface-edit{position:absolute;z-index:5;right:18px;top:16px;padding:7px 12px;border:1px solid #bcd2ff;border-radius:6px;background:#fff;color:#0b5af1;font-size:12px}
body[data-preview="true"] .cms-empty{color:#7e8da6;font-size:14px;font-weight:400}
body[data-preview="true"] .m0017 .add-device{position:absolute;z-index:6;right:18px;bottom:16px;padding:7px 12px;border:1px solid #bcd2ff;border-radius:6px;background:#fff;color:#0b5af1;font-size:12px;cursor:pointer}
body[data-preview="true"] .m0022 .list-add{padding:7px 12px;border:1px solid #bcd2ff;border-radius:6px;background:#fff;color:#0b5af1;font-size:12px;font-weight:600;cursor:pointer}
body[data-preview="true"] .m0022 .list-add:hover{background:#f2f6ff}

/* m0102 */

/* m0101 */
.m0101{position:relative;height:380px;overflow:hidden;background:#eef4fb center / cover no-repeat}
.m0101 .inner{display:flex;align-items:center;height:100%}
.m0101 .copy{flex:0 0 48%;min-width:0;padding-right:40px}
.m0101 .copy h1{margin:0 0 14px;color:var(--blue);font-size:clamp(26px,3vw,26px);font-weight:700;line-height:1.25;letter-spacing:-.5px}
.m0101 .desc{margin:0;color:#5a6b82;font-size: clamp(16px,4.6vw,45px);line-height:1.6}
.m0101 .cover-handle{position:absolute;right:0;top:0;width:55%;height:100%;cursor:pointer}
@media(max-width:900px){.m0101 .copy{flex:0 0 56%}}
@media(max-width:760px){.m0101{height:auto;min-height:300px;background-position:center right}.m0101 .inner{padding:48px 0}.m0101 .copy{flex:none;width:100%;padding-right:0}.m0101 .cover-handle{width:100%}}

/* m0049: customer case tabs + split detail card. */
.m0049{padding:108px 0 128px;background:#fff}
.m0049 .container{width:min(1296px,calc(100% - 48px))}
.m0049 .heading{margin:0;color:#111827;font-size:40px;font-weight:600;line-height:1.4;text-align:center;overflow-wrap:anywhere}
.m0049 .tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin:40px 0 48px}
.m0049 .tab{min-width:222px;min-height:66px;max-width:100%;padding:16px 20px;border:1px solid #e4ecff;border-radius:9px;background:#fff;color:#717171;font-size:18px;font-weight:600;line-height:1.6;text-align:center;overflow-wrap:anywhere;transition:background .2s,box-shadow .2s,color .2s}
.m0049 .tab[aria-selected="true"]{border-color:transparent;background:linear-gradient(100deg,#2357f5,#10b2f5);color:#fff;box-shadow:0 10px 20px rgba(35,112,255,.24)}
.m0049 .tab:hover{border-color:#8eb5ff}
.m0049 .panel{display:grid;grid-template-columns:44% minmax(0,1fr);min-height:520px;border:1px solid #a9c7ff;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 12px 22px rgba(35,112,255,.13)}
.m0049 .cover{place-items:center;color:#fff;position:relative;display:block;width:100%;height:auto;min-width:0;min-height:100%;background:#edf4ff}
.m0049 .cover img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.m0049 .placeholder{display:flex;align-items:center;justify-content:center;min-height:100%;padding:32px;color:#6a8abb;font-size:18px}
.m0049 .content{min-width:0;padding:38px 48px 30px 64px;overflow-wrap:anywhere}
.m0049 .title{margin:0 0 20px;color:#171717;font-size:26px;font-weight:700;line-height:1.5}
.m0049 .subtitle{margin:0 0 12px;color:#2563ff;font-size:23px;font-weight:600;line-height:1.5}
.m0049 .intro{margin:0;color:#727272;font-size:16px;line-height:1.75}
.m0049 .advantages{margin-top:36px}
.m0049 .advantages h4{margin:0 0 10px;color:#171717;font-size:18px;line-height:1.5}
.m0049 .tags{margin:0;padding:0;list-style:none}
.m0049 .tags li{display:flex;align-items:flex-start;gap:8px;padding:9px 0;border-bottom:1px solid #eaeaea;color:#333;font-size:14px;font-weight:500;line-height:1.65}
.m0049 .tags li:first-child{padding-top:0}
.m0049 .tags li:last-child{padding-bottom:0;border-bottom:0}
.m0049 .tags li>span:last-child{min-width:0}
.m0049 .check{flex:0 0 15px;width:15px;height:15px;margin-top:4px;background:url("../images/customer-case-check.png") center / contain no-repeat}
@media(max-width:1100px){.m0049 .tabs{gap:14px}.m0049 .tab{min-width:190px;font-size:16px}.m0049 .content{padding:32px}.m0049 .title{font-size:23px}.m0049 .subtitle{font-size:20px}}
@media(max-width:900px){.m0049 .panel{grid-template-columns:minmax(0,1fr);min-height:0}.m0049 .cover{min-height:0;aspect-ratio:16/10}.m0049 .placeholder{height:100%}}
@media(max-width:760px){.m0049{padding:52px 0 64px}.m0049 .container{width:calc(100% - 32px)}.m0049 .heading{font-size:30px}.m0049 .tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0 30px}.m0049 .tab{min-width:0;min-height:56px;padding:12px 10px;font-size:14px}.m0049 .panel{border-radius:14px}.m0049 .content{padding:24px 22px 28px}.m0049 .title{margin-bottom:16px;font-size:21px}.m0049 .subtitle{font-size:18px}.m0049 .intro{font-size:14px}.m0049 .advantages{margin-top:24px}.m0049 .tags li{font-size:13px}}

/* m0050: 成功案例 / 为何选择小锚。 */
.m0050{position:relative;overflow:hidden;padding:64px 0 92px;color:#161b2b;background:#f7f9fd}
.m0050::before{display:none}
.m0050 .heading{margin:0;text-align:center;color:#101728;font-size:42px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
.m0050 .tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin:52px 0 42px}
.m0050 .tab{min-width:220px;max-width:100%;min-height:66px;padding:16px 20px;border:1px solid #e4edff;border-radius:9px;background:#fff;color:#666;font:inherit;font-size:20px;font-weight:500;line-height:1.5;cursor:pointer;overflow-wrap:anywhere;transition:background .2s,color .2s,box-shadow .2s}
.m0050 .tab[aria-selected="true"]{border-color:transparent;color:#fff;background:linear-gradient(110deg,#2455f4,#0dabf6);box-shadow:0 12px 20px #2465ef33}
.m0050 .tab:focus-visible{outline:3px solid #68b8ff;outline-offset:4px}
.m0050 .panel{overflow:hidden;border-radius:22px;background:#fff;box-shadow:0 14px 25px #3377ee26}
.m0050 .panel[hidden]{display:none}
.m0050 .banner{position:relative;isolation:isolate;display:flex;align-items:center;min-height:165px;padding:32px 48px;color:#fff;background:linear-gradient(110deg,#2355f2,#149eea);overflow:hidden}
.m0050 .cover{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}
.m0050 .banner-text{position:relative;max-width:100%;min-width:0;overflow-wrap:anywhere}
.m0050 .title{margin:0 0 18px;color:#fff;font-size:29px;font-weight:700;line-height:1.5}
.m0050 .desc{margin:0;color:#fff;font-size:24px;font-weight:500;line-height:1.5}
.m0050 .content{display:grid;grid-template-columns:minmax(0,40fr) minmax(0,60fr);gap:40px;padding:46px 36px 52px;overflow-wrap:anywhere}
.m0050 .reasons,.m0050 .explanation{min-width:0}
.m0050 .subheading{display:flex;align-items:center;gap:10px;min-height:34px;margin:0 0 22px;color:#171717;font-size:21px;font-weight:700;line-height:1.5}
.m0050 .reason-icon{flex:0 0 34px;width:34px;height:32px;background:url("../images/why-choose-reason.png") center / contain no-repeat}
.m0050 .intro-icon{flex:0 0 24px;width:24px;height:29px;background:url("../images/why-choose-intro.png") center / contain no-repeat}
.m0050 .reason-list{display:flex;flex-direction:column;gap:34px;margin:28px 0 0;padding:0 10px;list-style:none}
.m0050 .reason-list li{display:flex;align-items:flex-start;gap:10px;color:#192345;font-size:20px;font-weight:700;line-height:1.65}
.m0050 .reason-list li>span:last-child{min-width:0}
.m0050 .point{flex:0 0 10px;width:10px;height:11px;margin-top:11px;background:url("../images/why-choose-point.png") center / contain no-repeat}
.m0050 .paragraphs{color:#333;font-size:17px;line-height:1.65}
.m0050 .paragraphs p{margin:0 0 22px}
.m0050 .paragraphs p:last-child{margin-bottom:0}
@media(max-width:1100px){.m0050 .tabs{gap:14px}.m0050 .tab{min-width:190px;font-size:17px}.m0050 .content{gap:32px;padding:36px 30px}.m0050 .reason-list li{font-size:18px}.m0050 .paragraphs{font-size:16px}}
@media(max-width:900px){.m0050 .content{grid-template-columns:minmax(0,1fr);gap:32px}.m0050 .reason-list{gap:18px;margin-top:20px}.m0050 .title{font-size:26px}.m0050 .banner{padding:32px}}
@media(max-width:760px){.m0050{padding:48px 0 64px}.m0050 .container{width:calc(100% - 32px)}.m0050 .heading{font-size:30px}.m0050 .tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0 30px}.m0050 .tab{min-width:0;min-height:56px;padding:12px 10px;font-size:14px}.m0050 .panel{border-radius:14px}.m0050 .banner{min-height:160px;padding:26px 22px}.m0050 .title{font-size:22px;margin-bottom:12px}.m0050 .desc{font-size:18px}.m0050 .content{padding:28px 22px 32px}.m0050 .subheading{font-size:19px;margin-bottom:18px}.m0050 .reason-list{padding:0}.m0050 .reason-list li{font-size:17px}.m0050 .point{margin-top:9px}.m0050 .paragraphs{font-size:15px}}

/* m0042 · 客户服务 / 服务内容 */
.m0042 { padding:100px 0 80px; background:#fff; }
.m0042 .heading { margin:0 0 38px; color:#0c1229; font-size:40px; font-weight:400; line-height:1.4; text-align:center; overflow-wrap:anywhere; }
.m0042 .tabs { display:flex; justify-content:space-around; align-items:stretch; flex-wrap:wrap; gap:0 12px; border-bottom:1px solid #d9d9d9; }
.m0042 .tab { position:relative; display:flex; align-items:center; justify-content:center; gap:8px; flex:1 1 190px; min-width:0; max-width:100%; min-height:62px; padding:14px 12px 22px; border:0; background:transparent; color:#595959; font-size:18px; font-weight:400; line-height:26px; text-align:center; }
.m0042 .tab span { min-width:0; overflow-wrap:anywhere; }
.m0042 .icon { flex:0 0 20px; width:20px; height:20px; }
.m0042 .tab::after { position:absolute; bottom:-1px; left:50%; width:60px; height:3px; background:#065cff; content:""; transform:translateX(-50%) scaleX(0); }
.m0042 .tab[aria-selected="true"] { color:#065cff; }
.m0042 .tab[aria-selected="true"]::after { transform:translateX(-50%) scaleX(1); }
.m0042 .tab:hover { color:#065cff; }
.m0042 .panels { margin-top:42px; }
.m0042 .panel { padding:17px; border:1px solid #8cafff; border-radius:20px; background:#fff; box-shadow:0 10px 18px rgba(11,90,241,.14); }
.m0042 .cover { display:grid; place-items:center; aspect-ratio:1164 / 302; overflow:hidden; border-radius:20px; background:#f3f7ff; }
.m0042 .cover img { display:block; width:100%; height:100%; object-fit:cover; }
.m0042 .placeholder { padding:24px; color:#818ca2; font-size:16px; text-align:center; }
.m0042 .content { padding:48px 20px 44px; }
.m0042 .title { margin:0 0 10px; color:#065cff; font-size:24px; font-weight:500; line-height:34px; overflow-wrap:anywhere; }
.m0042 .desc { margin:0; color:#666; font-size:18px; line-height:26px; overflow-wrap:anywhere; }
@media(max-width:1024px) {
  .m0042 { padding:72px 0; }
  .m0042 .heading { font-size:34px; }
  .m0042 .tab { flex-basis:170px; font-size:16px; }
  .m0042 .cover { aspect-ratio:3 / 1; }
  .m0042 .content { padding:32px 12px 24px; }
}
@media(max-width:760px) {
  .m0042 { padding:48px 0; }
  .m0042 .heading { margin-bottom:22px; font-size:30px; }
  .m0042 .tabs { gap:0 8px; }
  .m0042 .tab { flex-basis:145px; min-height:56px; padding:12px 4px 16px; gap:6px; font-size:14px; line-height:22px; }
  .m0042 .icon { flex-basis:18px; width:18px; height:18px; }
  .m0042 .tab::after { width:44px; }
  .m0042 .panels { margin-top:26px; }
  .m0042 .panel { padding:10px; border-radius:16px; }
  .m0042 .cover { aspect-ratio:2 / 1; border-radius:12px; }
  .m0042 .content { padding:24px 8px 22px; }
  .m0042 .title { font-size:20px; line-height:28px; }
  .m0042 .desc { font-size:15px; line-height:24px; }
}

/* m0043 · 客户服务 / 服务流程。 */
.m0043 { padding:56px 0 136px; background:#f7f9ff; }
.m0043 .heading { margin:0 0 64px; color:#0c1229; font-size:40px; font-weight:400; line-height:52px; text-align:center; overflow-wrap:anywhere; }
.m0043 .card { display:grid; grid-template-columns:293px minmax(0,1fr); min-height:528px; overflow:hidden; border-radius:20px; background:#fff; box-shadow:0 12px 20px rgba(11,90,241,.14); }
.m0043 .tabs { display:flex; flex-direction:column; justify-content:space-between; gap:20px; min-width:0; padding:42px 43px 34px 42px; }
.m0043 .tab { flex:0 0 auto; width:100%; min-height:69px; padding:16px 12px; border:0; border-radius:16px; background:transparent; color:#525252; font-size:24px; font-weight:600; line-height:32px; text-align:center; overflow-wrap:anywhere; cursor:pointer; }
.m0043 .tab[aria-selected="true"] { color:#fff; background:linear-gradient(105deg,#0755ff,#00abf5); }
.m0043 .tab:hover:not([aria-selected="true"]) { color:#065cff; background:#f1f7ff; }
.m0043 .tab:focus-visible { outline:3px solid #76b5ff; outline-offset:3px; }
.m0043 .panels { min-width:0; background:#0a56f1; }
.m0043 .panel { position:relative; isolation:isolate; min-height:528px; height:100%; color:#fff; background:linear-gradient(110deg,#0a56f1,#0744bb); }
.m0043 .panel[hidden] { display:none; }
.m0043 .cover { position:absolute; z-index:-1; inset:0; overflow:hidden; }
.m0043 .cover img { display:block; width:100%; height:100%; object-fit:cover; object-position:right center; }
.m0043 .content { position:relative; padding:47px 43px 42px; pointer-events:none; }
.m0043 .content > :not(.quote) { pointer-events:auto; }
.m0043 .quote { display:block; width:65px; height:54px; margin-bottom:44px; background:url('../images/quote.png') center / contain no-repeat; }
.m0043 .title { max-width:420px; margin:0; color:inherit; font-size:18px; font-weight:700; line-height:28px; overflow-wrap:anywhere; }
.m0043 .desc { max-width:420px; margin:7px 0 0; color:inherit; font-size:16px; font-weight:400; line-height:26px; overflow-wrap:anywhere; }
.m0043 .deliverables { margin-top:40px; }
.m0043 .deliverables-heading { margin:0 0 12px; color:inherit; font-size:18px; font-weight:700; line-height:28px; }
.m0043 .tags { display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none; }
.m0043 .tag { display:flex; align-items:center; justify-content:center; min-width:180px; max-width:100%; min-height:40px; padding:8px 22px; border-radius:22px; color:#595959; background:#fff; font-size:16px; line-height:24px; text-align:center; overflow-wrap:anywhere; }
@media (max-width:1100px) {
  .m0043 .card { grid-template-columns:240px minmax(0,1fr); }
  .m0043 .tabs { padding:32px 24px; }
  .m0043 .tab { font-size:21px; }
  .m0043 .content { padding:40px 30px; }
  .m0043 .cover::after { position:absolute; inset:0; background:linear-gradient(90deg,rgba(6,65,181,.45),rgba(6,65,181,.18)); content:""; }
}
@media (max-width:760px) {
  .m0043 { padding:40px 0 56px; }
  .m0043 .heading { margin-bottom:30px; font-size:30px; line-height:42px; }
  .m0043 .card { display:block; min-height:0; border-radius:16px; }
  .m0043 .tabs { gap:8px; padding:16px; }
  .m0043 .tab { min-height:48px; padding:10px 14px; border-radius:12px; font-size:18px; line-height:28px; }
  .m0043 .panel { min-height:460px; }
  .m0043 .content { padding:28px 24px 30px; }
  .m0043 .quote { margin-bottom:28px; }
  .m0043 .title,.m0043 .desc { max-width:none; }
  .m0043 .deliverables { margin-top:28px; }
  .m0043 .tag { min-width:0; padding:8px 18px; font-size:14px; line-height:22px; }
}

/* m0102 */

/* m0044 · 客户服务 / 服务核心；客户证言另由 m0111 维护。 */
.m0044 { padding: 104px 0 64px; background: #fff; }
.m0044 .heading {
  margin: 0 0 76px;
  color: #0b1028;
  font-size: 40px;
  font-weight: 400;
  letter-spacing: 1.5px;
  line-height: 56px;
  text-align: center;
  overflow-wrap: anywhere;
}
.m0044 .grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px 16px;
}
.m0044 .card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #80a7ff;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 10px 18px rgba(11, 91, 242, .14);
}
.m0044 .banner {
  position: relative;
  min-height: 84px;
  padding: 13px 36px 14px;
  color: #fff;
  background: #0b5bf2;
}
.m0044 .cover {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right center;
}
.m0044 .banner-content { position: relative; min-width: 0; }
.m0044 .title-row { display: flex; align-items: center; gap: 8px; }
.m0044 .icon { flex: 0 0 32px; width: 32px; height: 32px; object-fit: contain; }
.m0044 .title {
  min-width: 0;
  margin: 0;
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  overflow-wrap: anywhere;
}
.m0044 .desc {
  margin: 3px 0 0;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  overflow-wrap: anywhere;
}
.m0044 .body { min-height: 132px; padding: 23px 32px 25px; }
.m0044 .intro {
  position: relative;
  margin: 0;
  padding-left: 22px;
  color: #555;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: .3px;
  overflow-wrap: anywhere;
}
.m0044 .intro::before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 3.5px;
  left: 0;
  width: 14px;
  height: 14px;
  border: 3px solid #0752d2;
  border-radius: 50%;
  background: #4d8bff;
}
.m0044 .intro:empty::before { display: none; }
@media (max-width: 1000px) {
  .m0044 { padding: 76px 0 64px; }
  .m0044 .heading { margin-bottom: 56px; }
  .m0044 .banner { padding-right: 24px; padding-left: 24px; }
  .m0044 .body { padding-right: 24px; padding-left: 24px; }
}
@media (max-width: 760px) {
  .m0044 { padding: 56px 0 48px; }
  .m0044 .heading { margin-bottom: 40px; font-size: 32px; line-height: 44px; }
  .m0044 .grid { grid-template-columns: minmax(0, 1fr); }
  .m0044 .banner::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(11, 91, 242, .94), rgba(11, 91, 242, .66) 58%, rgba(11, 91, 242, .15));
  }
  .m0044 .banner-content { z-index: 1; }
  .m0044 .body { min-height: 0; }
}
@media (max-width: 400px) {
  .m0044 .banner { padding-right: 18px; padding-left: 18px; }
  .m0044 .title { font-size: 22px; line-height: 32px; }
  .m0044 .body { padding: 22px 18px; }
}

/* m0102 · 客户服务 / 服务渠道。 */
.m0102 {
  position: relative;
  height: auto;
  min-height: 0;
  padding: 50px 0 70px;
  background: #fff;
  overflow: visible;
}
.m0102 .heading {
  margin: 0 0 59px;
  color: #0b1028;
  font-size: 40px;
  font-weight: 600;
  line-height: 56px;
  text-align: center;
  overflow-wrap: anywhere;
}
.m0102 .grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 36px 10px;
}
.m0102 .card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  text-align: center;
}
.m0102 .icon {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 108px;
  width: 108px;
  height: 108px;
  margin: 0 auto 22px;
  border: 1px dashed #287aff;
  border-radius: 50%;
  background: linear-gradient(180deg, #e8f4ff, #f4f8ff);
  box-shadow: 0 0 0 7px #f1f7ff, 0 1px 20px 10px rgba(58, 124, 255, .1);
}
.m0102 .icon img {
  width: 64px;
  height: 64px;
  object-fit: contain;
}
.m0102 .title {
  margin: 0;
  color: #2d2d2d;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  overflow-wrap: anywhere;
}
.m0102 .body {
  flex: 1;
  min-height: 127px;
  padding: 18px 8px 27px;
  border-radius: 0 0 16px 16px;
  background: linear-gradient(180deg, #fff 0%, #f4f7ff 45%, #dfe9ff 100%);
}
/* 同 m0014 的向上箭头形状/渐变，按服务渠道设计缩放。 */
.m0102 .arrow {
  display: block;
  width: 22px;
  height: 20px;
  margin: 0 auto 14px;
  border-radius: 3px;
  background: linear-gradient(#2166f9, #a2c3fc 72%, transparent);
  clip-path: polygon(50% 0, 100% 48%, 100% 100%, 50% 59%, 0 100%, 0 48%);
}
.m0102 .desc {
  margin: 0;
  color: #536581;
  font-size: 14px;
  line-height: 24px;
  overflow-wrap: anywhere;
}
@media (max-width: 1000px) {
  .m0102 .grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px 16px; }
}
@media (max-width: 760px) {
  .m0102 { padding: 48px 0; }
  .m0102 .heading { margin-bottom: 44px; font-size: 32px; line-height: 44px; }
  .m0102 .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .m0102 .title { font-size: 18px; line-height: 26px; }
}
@media (max-width: 560px) {
  .m0102 .grid { max-width: 360px; margin: 0 auto; grid-template-columns: minmax(0, 1fr); }
}

/* m0030 · 关于我们。 */
.m0030{padding:70px 0 68px;background:#fff;color:#171c2e}
.m0030 .layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:52px;align-items:center}
.m0030 .copy h2{margin:0 0 30px;color:#171c2e;font-size:28px;font-weight:600;line-height:1.35}
.m0030 .desc{color:#454545;font-size:16px;line-height:1.7;overflow-wrap:anywhere}
.m0030 .desc p{margin:0;text-indent:2em}
.m0030 .desc p+p{margin-top:2px}
.m0030 .media{position:relative;aspect-ratio:523/360;overflow:hidden;border-radius:34px 0 0 0;background:#eef6fd}
.m0030 .media img{display:block;width:100%;height:100%;object-fit:cover}
.m0030 .placeholder{display:grid;width:100%;height:100%;place-items:center;color:#64748b;font-size:14px;background:linear-gradient(135deg,#f3f9ff,#deefff)}
@media(max-width:760px){.m0030{padding:44px 0}.m0030 .layout{grid-template-columns:minmax(0,1fr);gap:24px}.m0030 .copy h2{margin-bottom:18px;font-size:25px}.m0030 .desc{font-size:15px;line-height:1.8}.m0030 .media{width:100%;border-radius:24px 0 0 0}}

/* m0031 v5 — 关于我们 / 公司内核 */
.m0031 {
  padding: 48px 0 0;
  color: #0d142b;
  background: #fff;
}
.m0031 .content { max-width: 1012px; }
.m0031 .heading {
  margin: 0 0 34px;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  text-align: center;
  overflow-wrap: anywhere;
}
.m0031 .cards {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
  max-width: 992px;
}
.m0031 .card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  min-height: 190px;
  padding: 28px 26px 16px;
  overflow: hidden;
  border-radius: 9px;
  background: #fbfdff;
  box-shadow: 0 0 6px rgba(44, 103, 211, .2);
}
.m0031 .cover {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: none;
  object-position: right bottom;
  pointer-events: none;
}
.m0031 .card-desc {
  position: relative;
  margin: 0 0 24px;
  color: #333;
  font-size: 14px;
  line-height: 26px;
  overflow-wrap: anywhere;
}
.m0031 .card-link {
  position: relative;
  margin-top: auto;
  color: #0058ff;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  overflow-wrap: anywhere;
}
.m0031 .card-link:hover { text-decoration: underline; }
.m0031 .card-link:focus-visible { outline: 2px solid #0058ff; outline-offset: 4px; }
.m0031 .body {
  position: relative;
  margin-top: -88px;
  padding: 194px 0 96px;
  color: #fff;
  background: #0951e8 center center / cover no-repeat;
}
/* m0031 reads the editable root cover. */
.m0031 .items {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 60px 38px;
}
.m0031 .item { min-width: 0; }
.m0031 .item-title {
  margin: 0 0 16px;
  color: inherit;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  overflow-wrap: anywhere;
}
.m0031 .item-desc {
  letter-spacing: -.4px;
  margin: 0;
  color: inherit;
  font-size: 16px;
  line-height: 26px;
  overflow-wrap: anywhere;
}
.m0031.no-cards .body { margin-top: 0; padding-top: 64px; }
@media (max-width: 1100px) {
  .m0031 .content { width: calc(100% - 48px); }
  .m0031 .cards { gap: 24px; }
  .m0031 .card { padding-inline: 22px; }
  .m0031 .items { column-gap: 40px; }
}
@media (max-width: 700px) {
  .m0031 { padding-top: 36px; }
  .m0031 .content { width: calc(100% - 40px); }
  .m0031 .heading { margin-bottom: 28px; }
  .m0031 .cards { grid-template-columns: 1fr; gap: 20px; }
  .m0031 .card { min-height: 190px; padding-inline: 26px; }
  .m0031 .body { padding: 144px 0 56px; }
  .m0031 .items { grid-template-columns: 1fr; row-gap: 36px; }
  .m0031 .item-title { font-size: 22px; line-height: 32px; margin-bottom: 12px; }
}

/* m0011 · 加入我们首屏；通用内页首屏另由 m0108 维护。 */
.m0011 {
  position: relative;
  isolation: isolate;
  min-height: 610px;
  padding: 156px 0 90px;
  overflow: hidden;
  background: #28758e;
  color: #fff;
}
.m0011::before { content: none; }
.m0011 .cover { position: absolute; inset: 0; z-index: -1; }
.m0011 .cover-image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.m0011 > .content { display: block; width: min(1090px, calc(100% - 48px)); min-height: 0; }
.m0011 .copy { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.m0011 .title { margin: 0; color: inherit; font-size: 52px; font-weight: 700; line-height: 1.35; letter-spacing: 0; }
.m0011 .desc { margin: 12px 0 0; color: inherit; font-size: 26px; font-weight: 700; line-height: 1.5; }
.m0011 .intro { margin: 35px 0 0; padding-left: 6px; color: inherit; font-size: 20px; font-weight: 400; line-height: 1.9; letter-spacing: -.4px; }
@media (min-width: 761px) and (max-width: 1100px) {
  .m0011 { min-height: 540px; padding: 126px 0 80px; }
  .m0011 .title { font-size: 46px; }
  .m0011 .desc { font-size: 25px; }
  .m0011 .intro { margin-top: 30px; padding-left: 0; font-size: 18px; letter-spacing: 0; }
}
@media (max-width: 760px) {
  .m0011 { min-height: 460px; padding: 86px 0 64px; }
  .m0011 > .content { width: calc(100% - 40px); max-width: none; }
  .m0011 .title { font-size: 36px; }
  .m0011 .desc { margin-top: 14px; font-size: 22px; }
  .m0011 .intro { margin-top: 28px; padding-left: 0; font-size: 16px; letter-spacing: 0; line-height: 1.9; }
}

/* m0033 · 加入我们 - 企业文化；开放职位另由 m0109 维护。 */
.m0033{padding:106px 0 108px;background:#fff}
.m0033 .heading{margin:0 0 40px;color:#10152c;font-size:26px;font-weight:600;line-height:36px;text-align:center;overflow-wrap:anywhere}
.m0033 .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.m0033 .card{min-width:0;min-height:360px;overflow:hidden;border:1px solid #a9d2ff;border-radius:6px;background:#fff;box-shadow:0 5px 8px rgba(63,121,204,.10)}
.m0033 .cover{height:210px;background:linear-gradient(180deg,#f1f8ff,#fff)}
.m0033 .cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.m0033 .copy{padding:18px 24px 19px;overflow-wrap:anywhere}
.m0033 .copy h3{margin:0 0 17px;color:#222;font-size:22px;font-weight:400;line-height:32px}
.m0033 .copy p{margin:0;color:#777;font-size:14px;line-height:30px}
@media(max-width:1100px){
  .m0033 .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .m0033 .cover img{object-fit:contain;object-position:top right}
}
@media(max-width:760px){
  .m0033{padding:56px 0}
  .m0033 .heading{margin-bottom:28px;font-size:24px;line-height:34px}
}
@media(max-width:600px){
  .m0033 .grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .m0033 .copy{padding-right:24px;padding-left:24px}
}

/* m0103 · 关于我们 / 招聘渠道。固定箭头仅为装饰；v2 起卡片可带链接，无链接不输出 href。 */
.m0103 {
  padding: 72px 0 102px;
  background: #f8f9fe;
  color: #0b1129;
}
.m0103 .heading { margin-bottom: 72px; text-align: center; }
.m0103 .title {
  margin: 0;
  color: inherit;
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  overflow-wrap: anywhere;
}
.m0103 .desc {
  margin: 18px 0 0;
  color: #666;
  font-size: 20px;
  line-height: 32px;
  overflow-wrap: anywhere;
}
.m0103 .grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 27px; }
.m0103 .card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 114px;
  padding: 20px 27px 24px;
  border: 1px solid #b3d7f7;
  border-radius: 12px;
  background: #fff;
}
.m0103 .card-title {
  margin: 0 0 14px;
  color: inherit;
  font-size: 22px;
  font-weight: 600;
  line-height: 32px;
  overflow-wrap: anywhere;
}
.m0103 .card-footer { display: flex; align-items: flex-end; gap: 24px; margin-top: auto; }
.m0103 .card-desc {
  flex: 1;
  min-width: 0;
  margin: 0;
  color: #777;
  font-size: 14px;
  line-height: 22px;
  overflow-wrap: anywhere;
}
.m0103 .arrow { display: block; flex: 0 0 20px; width: 20px; height: 20px; opacity: .6; }
.m0103 .card[href], .m0103 .card[onclick] { transition: border-color .2s, box-shadow .2s; }
.m0103 .card[href]:hover, .m0103 .card[onclick]:hover { border-color: var(--blue-light); box-shadow: var(--shadow); }
.m0103 .card[href]:hover .arrow, .m0103 .card[onclick]:hover .arrow { opacity: 1; }
@media (min-width: 701px) and (max-width: 1100px) {
  .m0103 { padding: 56px 0 72px; }
  .m0103 .heading { margin-bottom: 48px; }
  .m0103 .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
}
@media (max-width: 700px) {
  .m0103 { padding: 40px 0 48px; }
  .m0103 .heading { margin-bottom: 32px; }
  .m0103 .desc { margin-top: 14px; font-size: 16px; line-height: 26px; }
  .m0103 .grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .m0103 .card { padding-inline: 22px; }
  .m0103 .card-title { font-size: 20px; line-height: 30px; }
  .m0103 .card-footer { gap: 16px; }
}

/* m0032 · 关于我们发展历程。 */
.m0032{padding:84px 0 44px;background:#fff;color:#333}
.m0032 .heading{margin:0 0 64px;color:#10152b;font-size:26px;font-weight:700;line-height:36px;text-align:center;overflow-wrap:anywhere}
.m0032 .timeline{max-width:1005px;margin:0 auto;padding:0;list-style:none}
.m0032 .item{position:relative;display:grid;grid-template-columns:42px 37px minmax(0,750px);align-content:start;align-items:start;min-height:74px;padding:0 0 11px 61px}
.m0032 .item:not(:last-child)::before{position:absolute;z-index:0;top:12px;bottom:-12px;left:11px;border-left:1px dashed #a4a8b1;content:""}
.m0032 .item:last-child{min-height:0;padding-bottom:0}
.m0032 .node{position:absolute;z-index:1;top:4.5px;left:4px;width:15px;height:15px;max-width:none;background:#fff}
.m0032 .year{grid-column:1;grid-row:1;font-size:16px;font-weight:700;line-height:24px;overflow-wrap:anywhere}
.m0032 .dot{grid-column:2;grid-row:1;justify-self:center;width:5px;height:5px;margin-top:9.5px;border-radius:50%;background:#1261ff}
.m0032 .title{grid-column:3;grid-row:1;min-width:0;margin:0;font-size:16px;font-weight:700;line-height:24px;color:#333;overflow-wrap:anywhere}
.m0032 .desc{grid-column:3;grid-row:2;min-width:0;margin:3px 0 0;font-size:14px;line-height:18px;color:#58718f;overflow-wrap:anywhere}
@media(max-width:1100px){.m0032 .item{padding-left:40px;grid-template-columns:42px 37px minmax(0,1fr)}}
@media(max-width:760px){
  .m0032{padding:48px 0 40px}
  .m0032 .heading{margin-bottom:36px;font-size:24px;line-height:34px}
  .m0032 .item{grid-template-columns:42px 20px minmax(0,1fr);min-height:86px;padding:0 0 28px 27px}
  .m0032 .year,.m0032 .title{font-size:15px;line-height:24px}
  .m0032 .desc{margin-top:5px;font-size:14px;line-height:22px}
}

/* m0104 v1 · 联系我们首屏；空背景不请求图片，有图保留原图亮度，无遮罩。 */
.m0104 {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  height: 380px;
  padding: 0;
  box-sizing: border-box;
  background: #f4f6fa;
  color: #20283e;
}
.m0104 .cover { position: absolute; inset: 0; z-index: -1; overflow: hidden; }
.m0104 .cover-image { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; }
.m0104.has-cover {color: #20283e;}
.m0104 .content { display: flex; align-items: center; justify-content: center; height: 100%; min-width: 0; padding-block: 24px; box-sizing: border-box; pointer-events: none; }
.m0104 .title {
  min-width: 0;
  max-width: 100%;
  max-height: 100%;
  margin: 0;
  color: inherit;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  overflow-wrap: anywhere;
  overflow: auto;
  pointer-events: auto;
}

/* m0034 v4 · contact methods */
.m0034{padding:99px 0 73px;background:#fff}
.m0034 .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 39px}
.m0034 .card{box-sizing:border-box;display:flex;min-width:0;min-height:190px;flex-direction:column;padding:27px 28px 25px;border:1px solid #f7f9fc;border-radius:9px;background:#fff;box-shadow:0 5px 25px rgba(39,91,157,.075);transition:border-color .18s ease,box-shadow .18s ease}
.m0034 .card:hover,.m0034 .card:focus-within{border-color:#1268ff}
.m0034 .card:hover,.m0034 .card:focus-within{box-shadow:0 8px 26px rgba(39,91,157,.11)}
.m0034 .title{display:flex;align-items:center;gap:6px;margin:0;color:#282828;font-size:22px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.m0034 .title>span:last-child,.m0034 .action>span{min-width:0}
.m0034 .icon{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;overflow:hidden;color:#1268ff}
.m0034 .icon img{display:block;width:30px;height:30px;object-fit:contain;transform:translateX(-30px);filter:drop-shadow(30px 0 0 currentColor)}
.m0034 .desc{margin:23px 0 25px;color:#999;font-size:16px;font-weight:400;line-height:1.65;overflow-wrap:anywhere;white-space:normal}
.m0034 .action{display:inline-flex;max-width:100%;min-height:28px;align-items:center;align-self:flex-start;gap:6px;margin-top:auto;color:#0868ff;font-size:22px;font-weight:500;line-height:1.4;text-decoration:none;overflow-wrap:anywhere}
.m0034 a.m0034 .action:hover{text-decoration:none;color:#0054dc}
.m0034 .action>img{display:block;flex:0 0 auto;object-fit:contain}
.m0034 .link>img{margin-left:4px}
@media(max-width:900px){.m0034{padding:72px 0}.m0034 .grid{gap:22px}.m0034 .card{min-height:180px;padding:24px}.m0034 .title{font-size:19px}.m0034 .desc{font-size:15px}.m0034 .action{font-size:18px}}
@media(max-width:620px){.m0034{padding:48px 0}.m0034 .grid{grid-template-columns:minmax(0,1fr);gap:16px}.m0034 .card{min-height:174px;padding:23px 21px}.m0034 .desc{margin:19px 0 22px}.m0034 .action{font-size:17px}}

/* m0105 v2 · 联系我们 / 办公地址；位置图标固定，地图通过受控 JSAPI iframe 展示。 */
.m0105 { padding: 40px 0 83px; background: #fff; }
.m0105 .title { margin: 0 0 58px; color: #0c1428; font-size: 26px; font-weight: 700; line-height: 30px; text-align: center; overflow-wrap: anywhere; white-space: pre-wrap; }
.m0105 .card { min-width: 0; padding: 28px 32px 64px; border-radius: 10px; background: #fff; box-shadow: 0 0 28px rgba(39, 91, 157, .065); }
.m0105 .city { margin: 0; color: #282828; font-size: 22px; font-weight: 700; line-height: 34px; overflow-wrap: anywhere; white-space: pre-wrap; }
.m0105 .address-row { display: flex; align-items: flex-start; gap: 4px; margin-top: 10px; }
.m0105 .pin { display: block; flex: 0 0 15px; width: 15px; height: 19px; margin-top: 4px; object-fit: contain; }
.m0105 .address { min-width: 0; margin: 0; color: #595959; font-size: 18px; font-weight: 400; line-height: 28px; overflow-wrap: anywhere; white-space: pre-wrap; }
.m0105 .location { position:relative;min-width:0;height:auto;aspect-ratio:1040 / 660;margin:48px 48px 0; }
.m0105 .map { position:absolute;inset:0;display:block;width:100%;height:100%;border:0; }
.m0105 .location--empty { background:#f7f9fc; }
.m0105 .location[data-cms-path] .map { pointer-events:none; }
.m0105 .map-placeholder { position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:24px;text-align:center;font-size:14px;line-height:1.6;overflow-wrap:anywhere;color:#68758b; }
.m0105 .map-placeholder p { margin:0; }
@media (max-width: 1000px) {
  .m0105 .card { padding: 28px 28px 40px; }
  .m0105 .location { margin: 36px 16px 0; }
}
@media (max-width: 760px) {
  .m0105 { padding: 32px 0 48px; }
  .m0105 .title { margin-bottom: 32px; font-size: 24px; line-height: 34px; }
  .m0105 .card { padding: 24px 20px 28px; }
  .m0105 .city { font-size: 20px; line-height: 29px; }
  .m0105 .address { font-size: 16px; line-height: 26px; }
  .m0105 .pin { margin-top: 3px; }
  .m0105 .location { width: 100%; height: 300px; aspect-ratio: auto; margin: 28px 0 0; }
}

/* m0106 · 联系我们 - 表单：静态正文 + 局部 Element Plus 省市选择器 */
.m0106{position:relative;isolation:isolate;min-height:638px;padding:76px 0 92px;background:#0b5af1;color:#fff}
.m0106 .cover{position:absolute;inset:0;z-index:-1;overflow:hidden}
.m0106 .cover-image{display:block;width:100%;height:100%;max-width:none;object-fit:cover}
.m0106 .content{max-width:1120px}
.m0106 .title{margin:0 0 35px;text-align:center;font-size:28px;line-height:41px;font-weight:700;overflow-wrap:anywhere}
.m0106 .panel{margin:0;background:#fff;padding:29px 48px 28px 54px;color:#444}
.m0106 .fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:114px;row-gap:22px}
.m0106 .field{min-width:0}
.m0106 .label{display:block;margin:0 0 10px;font-size:16px;line-height:25px;font-weight:600;overflow-wrap:anywhere}
.m0106 .required{color:#f00;font-size:14px;margin-right:5px;font-weight:400}
.m0106 .input{display:block;width:100%;height:32px;min-width:0;margin:0;padding:0 10px;color:#444;background:#fff;border:1px solid #e5e5e5;border-radius:4px;font-size:14px;line-height:30px}
.m0106 .input::placeholder{color:#aaa}
.m0106 .input:focus{border-color:#0b5af1;outline:2px solid #0b5af122;outline-offset:0}
.m0106 .city{position:relative;min-width:0}
.m0106 .city-fallback[hidden]{display:none}
.m0106 .city .el-cascader{display:block;width:100%}
.m0106 .city-mount:empty{display:none}
.m0106 .city-error{margin:4px 0 0;color:#d92d20;font-size:12px;line-height:20px}
.m0106 .actions{width:min(450px,100%);margin:29px auto 0}
.m0106 .agreement{display:flex;flex-wrap:wrap;align-items:center;gap:0 4px;margin:0 0 10px;color:#888;font-size:13px;line-height:21px}
.m0106 .consent{display:inline-flex;align-items:center;gap:9px;cursor:pointer}
.m0106 .consent input{appearance:none;flex:none;width:12px;height:12px;margin:0;border:1px solid #dedede;border-radius:3px;background:#fff;cursor:pointer}
.m0106 .consent input:checked{background:#0b5af1;border-color:#0b5af1}
.m0106 .consent input:checked::after{content:'✓';display:block;color:#fff;font-size:10px;line-height:10px;text-align:center}
.m0106 .agreement a{color:#0b5af1;overflow-wrap:anywhere}
.m0106 .agreement a:hover{text-decoration:underline}
.m0106 .submit{display:block;width:100%;height:32px;padding:0 12px;border:0;border-radius:4px;color:#fff;background:#0b5af1;font-size:14px;line-height:32px;letter-spacing:1px}
.m0106 .submit:hover{background:#064cdb}
.m0106 .submit:disabled{opacity:.6;cursor:wait}
.m0106 .message{margin:10px 0 0;color:#666;font-size:13px;overflow-wrap:anywhere}
.m0106 .message:empty{display:none}
@media(max-width:1100px){.m0106 .panel{padding:28px 32px}.m0106 .fields{column-gap:48px}}
@media(max-width:760px){.m0106{min-height:0;padding:40px 0}.m0106 .title{font-size:22px;line-height:1.5;margin-bottom:24px}.m0106 .panel{padding:24px 20px}.m0106 .fields{grid-template-columns:minmax(0,1fr);row-gap:20px}.m0106 .label{font-size:15px}.m0106 .input{height:40px;line-height:38px}.m0106 .actions{margin-top:24px}.m0106 .submit{height:40px;line-height:40px}}

/* m0107 · 用户协议 - 隐私保护首屏 */
.m0107{position:relative;isolation:isolate;display:grid;align-items:center;min-height:380px;padding:40px 0;overflow:hidden;color:#252629;background-color:#f6f8fd;background-image:radial-gradient(ellipse at 82% 105%,rgba(155,202,255,.34) 0,rgba(203,227,255,.2) 25%,transparent 49%),radial-gradient(ellipse at 8% 0,rgba(228,237,251,.72) 0,transparent 40%),linear-gradient(174deg,transparent 0 57%,rgba(198,222,255,.34) 57.3%,transparent 58.1%),linear-gradient(166deg,transparent 0 68%,rgba(206,228,255,.4) 68.3%,transparent 69%),linear-gradient(9deg,transparent 0 75%,rgba(230,239,252,.5) 75.2%,transparent 77%),linear-gradient(180deg,#f7f9fd 0%,#fff 57%,#eff6ff 100%)}
.m0107 .cover{position:absolute;inset:0;z-index:0;overflow:hidden}
.m0107 .cover-image{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.m0107 .content{position:relative;z-index:2;display:flex;min-height:300px;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:translateY(-12px)}
.m0107 .title{max-width:100%;margin:0;color:#252629;white-space:pre-line;font-size:64px;font-weight:700;line-height:1.25;letter-spacing:1px;overflow-wrap:anywhere}
.m0107 .desc{max-width:100%;margin:20px 0 0;color:#292929;white-space:pre-line;font-size:24px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}.m0107 .desc--empty{min-height:1.5em}.m0107 .empty-hint{color:#5275a8;font-size:14px;font-weight:400;opacity:.72}
.m0107 .chat-mark{position:absolute;z-index:1;top:48px;left:calc(50% + 377px);width:100px;height:76px;border:1px solid rgba(255,255,255,.7);border-radius:16px;background:rgba(218,232,255,.42);box-shadow:27px 22px 0 -2px rgba(123,169,248,.28);pointer-events:none}
.m0107.has-cover .chat-mark{display:none}
.m0107 .chat-mark:before{position:absolute;top:25px;left:15px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:25px 0 0 #fff,50px 0 0 #fff;content:""}
.m0107 .chat-mark:after{position:absolute;right:-11px;bottom:-10px;width:0;height:0;border-top:16px solid rgba(123,169,248,.28);border-right:13px solid transparent;content:""}
@media(max-width:1100px){.m0107 .title{font-size:48px}.m0107 .chat-mark{left:calc(50% + 290px);transform:scale(.82);transform-origin:top left}}
@media(max-width:760px){.m0107{min-height:320px;padding:32px 0}.m0107 .content{min-height:256px;transform:none}.m0107 .title{font-size:28px;line-height:1.35;letter-spacing:0;text-wrap:balance}.m0107 .desc{margin-top:14px;font-size:17px;line-height:1.5}.m0107 .chat-mark{top:24px;left:auto;right:9%;transform:scale(.56);transform-origin:top right;opacity:.7}}

/* m0108: 通用内页首屏 */
.m0108 {position:relative;overflow:hidden;padding:76px 0 82px;background:linear-gradient(112deg,#f3f8ff,#e7f2ff 72%,#d8ebff)}
.m0108:before {content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 30%,rgba(255,255,255,.85),transparent 30%),linear-gradient(145deg,transparent 57%,rgba(255,255,255,.5) 57.5%,transparent 59%)}
.m0108 .container {position:relative;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;min-height:260px}
.m0108 .copy {position:relative;z-index:1}
.m0108 .copy h1 {margin:0 0 13px;color:#0c5bc9;font-size:43px;line-height:1.22;letter-spacing:-1px}
.m0108 .copy h1 span {color:#18283d}
.m0108 .copy .lead {max-width:570px;margin:0 0 24px;color:#6f8198;font-size:14px;line-height:1.9}
.m0108 .actions {display:flex;gap:12px}
.m0108 .visual {position:relative;min-height:260px}
.m0108 .device-art {position:absolute;left:50%;top:50%;width:300px;height:178px;border-radius:16px;background:linear-gradient(135deg,#fff,#bfe4ff);box-shadow:0 20px 35px rgba(31,111,203,.18),inset 0 0 0 1px rgba(255,255,255,.9);transform:translate(-50%,-50%) rotate(-5deg)}
.m0108 .device-art:before {content:"";position:absolute;left:37px;top:26px;width:226px;height:118px;border-radius:9px;background:linear-gradient(135deg,#c6efff,#2e8be8);box-shadow:inset 0 0 0 7px rgba(255,255,255,.5)}
.m0108 .device-art:after {content:"";position:absolute;right:35px;bottom:17px;width:46px;height:7px;border-radius:10px;background:#87b7eb}
.m0108 .device-icon {position:absolute;z-index:2;left:50%;top:50%;display:grid;place-items:center;width:86px;height:86px;border-radius:50%;color:#fff;background:linear-gradient(145deg,#6bdfff,#0874e9);box-shadow:0 9px 20px rgba(19,118,236,.35);font-size:47px;transform:translate(-50%,-50%)}
.m0108 .art-ring {position:absolute;left:50%;top:50%;width:390px;height:170px;border:1px solid rgba(68,153,241,.35);border-radius:50%;transform:translate(-50%,-50%) rotate(-14deg)}
.m0108 .art-dot {position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 13px 5px #71d9ff}
.m0108 .art-dot.one {left:12%;top:24%}
.m0108 .art-dot.two {right:7%;top:30%}
.m0108 .art-dot.three {right:17%;bottom:12%}

/* m0109: 开放职位 */
.m0109 {padding:76px 0}
.m0109.alt {background:#f3f7fe}
.m0109 .heading {max-width:760px;margin:0 auto 40px;text-align:center}
.m0109 .heading h2 {margin:0 0 10px;color:#192a40;font-size:30px;line-height:1.4}
.m0109 .heading h2 span {color:#147cff}
.m0109 .heading p {margin:0;color:#8896a8;font-size:12px;line-height:1.8}
.m0109 .table {display:grid;gap:10px}
.m0109 .row {display:grid;grid-template-columns:1.1fr .8fr .8fr auto;align-items:center;gap:15px;padding:17px 20px;border:1px solid #e5eef8;border-radius:10px;background:#fff}
.m0109 .row b {font-size:13px}
.m0109 .row span {color:#8492a2;font-size:10px}
.m0109 .row a {color:#147cff;font-size:10px}

/* m0110: 员工福利 */
.m0110 {padding:76px 0}
.m0110.alt {background:#f3f7fe}
.m0110 .heading {max-width:760px;margin:0 auto 40px;text-align:center}
.m0110 .heading h2 {margin:0 0 10px;color:#192a40;font-size:30px;line-height:1.4}
.m0110 .heading h2 span {color:#147cff}
.m0110 .heading p {margin:0;color:#8896a8;font-size:12px;line-height:1.8}
.m0110 .grid {display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.m0110 .card {padding:25px 23px;border:1px solid #e4eefb;border-radius:13px;background:#fff;box-shadow:0 12px 32px rgba(44,107,180,.09);transition:.2s}
.m0110 .card:hover {transform:translateY(-4px);box-shadow:0 18px 38px rgba(44,107,180,.16)}
.m0110 .feature-icon {display:grid;place-items:center;width:43px;height:43px;margin-bottom:15px;border-radius:10px;color:#147cff;background:#e9f4ff;font-size:25px}
.m0110 .card h3 {margin:0 0 8px;color:#24364b;font-size:16px}
.m0110 .card p {margin:0;color:#8190a1;font-size:11px;line-height:1.8}
.m0110 .card .mini-link {display:inline-flex;align-items:center;gap:4px;margin-top:15px;color:#147cff;font-size:10px}

/* m0111: 客户证言 */
.m0111 {padding:76px 0}
.m0111.alt {background:#f3f7fe}
.m0111 .heading {max-width:760px;margin:0 auto 40px;text-align:center}
.m0111 .heading h2 {margin:0 0 10px;color:#192a40;font-size:30px;line-height:1.4}
.m0111 .heading h2 span {color:#147cff}
.m0111 .heading p {margin:0;color:#8896a8;font-size:12px;line-height:1.8}
.m0111 .grid {display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.m0111 .card {padding:25px 23px;border:1px solid #e4eefb;border-radius:13px;background:#fff;box-shadow:0 12px 32px rgba(44,107,180,.09);transition:.2s}
.m0111 .card:hover {transform:translateY(-4px);box-shadow:0 18px 38px rgba(44,107,180,.16)}
.m0111 .feature-icon {display:grid;place-items:center;width:43px;height:43px;margin-bottom:15px;border-radius:10px;color:#147cff;background:#e9f4ff;font-size:25px}
.m0111 .card h3 {margin:0 0 8px;color:#24364b;font-size:16px}
.m0111 .card p {margin:0;color:#8190a1;font-size:11px;line-height:1.8}

/* m0114: 产品库设备套餐 */
.m0114 { padding: 16px 0 174px; background: #fff; }
.m0114 .heading { position: relative; z-index: 1; margin: 0 auto 54px; text-align: center; max-width: none; }
.m0114 .heading h2 { margin: 0; color: #0b112b; font-size: 41px; line-height: 56px; font-weight: 600; }
.m0114 .heading p { margin: 10px 0 0; color: #555; font-size: 16px; line-height: 26px; }
.m0114 .panel { padding: 14px 10px 8px; border-radius: 24px; background: #dde8fe; }
.m0114 .intro { margin: 0 20px 18px; color: #477cff; font-size: 16px; line-height: 26px; font-weight: 600; text-align: center; }
.m0114 .grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 10px; }
.m0114 .card { display: flex; flex-direction: column; min-width: 0; min-height: 386px; padding: 26px 34px 20px 30px; border-radius: 24px; background: #fff; }
.m0114 .card:nth-child(3n + 2) { padding-left: 40px; padding-right: 40px; }
.m0114 .card:nth-child(3n) { padding-left: 44px; padding-right: 38px; }
.m0114 .card:nth-child(n + 4) { min-height: 434px; padding-top: 30px; padding-bottom: 26px; }
.m0114 .card h3 { margin: 0; color: #141414; font-size: 23.5px; line-height: 34px; font-weight: 600; }
.m0114 .card .audience { margin: 3px 0 21px; color: #555; font-size: 16px; line-height: 26px; }
.m0114 .card:nth-child(n + 4) .audience { margin-bottom: 24px; }
.m0114 .card .desc { min-height: 62px; margin: 0; padding-bottom: 17px; border-bottom: 1px dashed #ddd; color: #232323; font-size: 13.8px; line-height: 22px; }
.m0114 .config { margin-top: 18px; }
.m0114 .config h4 { margin: 0 0 7px; color: #232323; font-size: 16px; line-height: 26px; font-weight: 500; letter-spacing: 1px; }
.m0114 .config ul { --tag-gap: 22px; display: flex; flex-wrap: wrap; column-gap: var(--tag-gap); max-width: 100%; margin: 0; padding: 0 0 0 18px; color: #232323; font-size: 14px; line-height: 26px; list-style: none; }
.m0114 .config li { box-sizing: border-box; flex: 0 1 auto; min-width: calc(50% - var(--tag-gap) / 2); max-width: 100%; overflow-x: auto; white-space: nowrap; }
.m0114 .quantity { margin-left: 2px; font-family: "Times New Roman", serif; font-size: 16px; letter-spacing: 1px; }
.m0114 .action { position: relative; align-self: flex-start; margin-top: auto; }
.m0114 .action a { display: inline-flex; align-items: center; justify-content: center; min-width: 110px; min-height: 40px; padding: 0 20px; border-radius: 22px; color: #fff; background: linear-gradient(90deg, #0070ff, #00adff); box-shadow: 0 10px 18px rgba(0, 104, 238, .24); font-size: 16px; line-height: 24px; font-weight: 500; }
.m0114 .action a:hover { filter: brightness(1.06); }
.m0114 .action a:focus-visible { outline: 2px solid #0070ff; outline-offset: 4px; }
@media (max-width: 1170px) {
.m0114 .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.m0114 .card:nth-child(n) { min-height: 410px; padding: 28px; }
.m0114 .card:nth-child(n) .audience { margin-bottom: 21px; }
.m0114 .config ul { --tag-gap: 14px; }
.m0114 .action { margin-top: auto; padding-top: 20px; }
}
@media (max-width: 640px) {
.m0114 { padding: 40px 0 64px; }
.m0114 .heading { margin-bottom: 32px; }
.m0114 .heading h2 { font-size: 30px; line-height: 42px; }
.m0114 .heading p { font-size: 14px; line-height: 24px; }
.m0114 .panel { padding: 14px 8px 8px; }
.m0114 .intro { margin: 0 10px 16px; font-size: 14px; line-height: 24px; text-align: left; }
.m0114 .grid { grid-template-columns: minmax(0, 1fr); }
.m0114 .card:nth-child(n) { min-height: 0; padding: 24px 20px; }
.m0114 .card h3 { font-size: 22px; line-height: 32px; }
.m0114 .card .audience { font-size: 14px; line-height: 24px; }
.m0114 .card .desc { min-height: 0; }
.m0114 .desc br { display: none; }
.m0114 .config ul { padding-left: 12px; --tag-gap: 12px; }
.m0114 .action { padding-top: 24px; }
}
.m0114 .popular {display:block;color:#9b6410;margin-bottom:4px}
.m0114 .action .btn {position:relative}

/* m0115: 网站地图（HTML） */
.m0115 { padding: 64px 0 96px; background: #fff; }
.m0115 .heading { margin: 0 0 40px; text-align: center; }
.m0115 .heading h1 { margin: 0; color: #252629; font-size: 40px; line-height: 1.3; font-weight: 700; }
.m0115 .heading p { margin: 14px 0 0; color: #5f6672; font-size: 16px; line-height: 1.7; }
.m0115 .group { margin: 0 0 40px; }
.m0115 .group h2 { margin: 0 0 18px; padding-left: 12px; border-left: 4px solid #0070ff; color: #252629; font-size: 22px; line-height: 1.3; font-weight: 600; }
.m0115 .list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 24px; margin: 0; padding: 0; list-style: none; }
.m0115 .list a { display: block; padding: 12px 16px; border-radius: 8px; color: #252629; background: #f6f8fd; font-size: 16px; line-height: 1.5; overflow-wrap: anywhere; text-decoration: none; }
.m0115 .list a:hover { color: #0070ff; background: #eaf3ff; }
.m0115 .list a:focus-visible { outline: 2px solid #0070ff; outline-offset: 2px; }
@media (max-width: 1100px) {
.m0115 .list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
.m0115 { padding: 40px 0 56px; }
.m0115 .heading { margin-bottom: 28px; }
.m0115 .heading h1 { font-size: 28px; }
.m0115 .heading p { font-size: 14px; }
.m0115 .group { margin-bottom: 28px; }
.m0115 .group h2 { font-size: 18px; }
.m0115 .list { grid-template-columns: minmax(0, 1fr); gap: 10px; }
}

/* Private navigation list controls; public headings retain their existing layout. */
body[data-preview="true"] .m0001 .cms-menu-heading{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body[data-preview="true"] .m0001 .cms-menu-heading .menu-section-title{flex:1;min-width:0}
body[data-preview="true"] .m0001 .cms-list-manage{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;width:26px;height:26px;padding:0;margin:0 0 12px;border:1px solid #bcd2ff;border-radius:50%;background:#fff;color:#0b5af1;font-size:20px;line-height:1;cursor:pointer}
body[data-preview="true"] .m0001 .cms-list-manage:hover{background:#edf3ff}