@media (max-width: 1060px) {
  .site-header nav {
    display: none;
  }

  .menu-toggle {
    display: inline-flex;
  }

  .site-header.menu-open nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 76px;
    display: grid;
    gap: 0;
    padding: 12px 24px;
    background: rgba(238, 248, 250, .97);
    box-shadow: var(--shadow);
  }

  .site-header.menu-open nav a {
    padding: 11px 0;
  }

  .hero {
    grid-template-columns: 1fr;
  }

  .hero-visual {
    min-height: 500px;
  }

  .product-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .product-card:last-child {
    grid-column: 1 / -1;
  }

  .card-grid.three {
    grid-template-columns: repeat(2, 1fr);
  }

  .pricing-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 760px) {
  .section-shell {
    width: min(calc(100% - 32px), var(--max));
  }

  .header-inner {
    width: calc(100% - 32px);
    gap: 12px;
  }

  .brand-mark {
    width: 31px;
    height: 31px;
  }

  .header-actions {
    gap: 8px;
  }

  .system-login {
    font-size: 13px;
  }

  .system-register {
    min-height: 36px;
    padding: 6px 10px;
  }

  .hero {
    padding-block: 52px 58px;
  }

  .hero h1 {
    font-size: 42px;
  }

  .hero-summary {
    font-size: 16px;
  }

  .hero-note {
    font-size: 15px;
  }

  .hero-actions,
  .live-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .hero-visual {
    min-height: 420px;
    margin-top: 18px;
  }

  .knowledge-globe {
    width: min(350px, 100%);
    height: min(350px, 100vw - 32px);
  }

  .product-float {
    width: 150px;
    padding: 12px 13px;
  }

  .product-float strong {
    font-size: 15px;
  }

  .product-float p {
    font-size: 13px;
  }

  .product-float small {
    display: none;
  }

  .product-float > span {
    font-size: 11px;
  }

  .float-lingxi {
    left: -2px;
    top: 42px;
  }

  .float-zhida {
    right: -3px;
    top: 154px;
  }

  .float-xiaoguan {
    left: 22px;
    bottom: 0;
  }

  .content-section {
    padding: 66px 0;
  }

  .content-section,
  .system-test-section {
    scroll-margin-top: 90px;
  }

  .product-grid,
  .growth-chain,
  .live-product,
  .card-grid.three,
  .about-layout,
  .pricing-grid {
    grid-template-columns: 1fr;
  }

  .product-card:last-child {
    grid-column: auto;
  }

  .product-card.featured {
    transform: none;
  }

  .product-card p {
    font-size: 15px;
  }

  .product-card h3 {
    font-size: 27px;
  }

  .product-type {
    font-size: 17px;
  }

  .growth-chain article:not(:last-child)::after {
    content: "↓";
    right: 50%;
    top: auto;
    bottom: -18px;
  }

  .growth-chain p {
    min-height: auto;
  }

  .live-product {
    gap: 30px;
  }

  .autr-panel {
    padding: 22px 16px;
  }

  .autr-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .autr-grid span {
    font-size: 15px;
  }

  .glass-card p {
    font-size: 15px;
  }

  .system-test-section {
    margin-block: 58px 70px;
    padding: 42px 22px;
  }

  .pricing-hero {
    padding-block: 68px 42px;
  }

  .pricing-hero h1 {
    font-size: 40px;
  }

  .pricing-card.featured {
    transform: none;
  }

  .customer-float {
    right: 16px;
    bottom: 16px;
  }

  .site-footer {
    flex-direction: column;
    font-size: 15px;
  }
}

@media (max-width: 390px) {
  .brand > span:last-child,
  .system-login {
    display: none;
  }

  .hero h1 {
    font-size: 37px;
  }

  .product-float {
    width: 138px;
  }

  .product-float p {
    display: none;
  }
}