/* ============================================================
   responsive.css —— 断点适配（通用系统六版结构）
   1080 堆叠 Hero / 980 解除 sticky / 720 单列与移动导航
   ============================================================ */

@media (max-width: 1080px) {
  .hero-grid { grid-template-columns: 1fr; gap: var(--sp-6); }
  .hero-copy .lead { max-width: 620px; }
  .tour-win { max-width: 680px; }
  .pain-grid { grid-template-columns: repeat(2, 1fr); }
  .asm-wrap { grid-template-columns: 1fr; }
  .asm-box-wrap { position: static; }
}

@media (max-width: 980px) {
  /* 特性区：单列堆叠，文字统一在上 */
  .feat { grid-template-columns: 1fr; gap: var(--sp-5); }
  .feat:nth-child(even) .feat__txt { order: 0; }
  .feat:nth-child(even) .feat-demo { order: 0; }
  .feat__txt { opacity: 1; transform: none; max-width: 680px; }
  .feat-demo { transform: none; }
  .story-panel.feat-demo { min-height: 0; }
  .sol-grid { grid-template-columns: 1fr; }
  .sol-pains { max-height: none; }
  .get-steps { grid-template-columns: 1fr; }
}

/* 平板竖屏：演示面板去掉为角标预留的右侧留白 */
@media (max-width: 900px) {
  .dm-ledger, .dm-export, .dm-todo, .dm-money, .dm-search, .dm-notify,
  .dm-sched, .dm-flow, .dm-alert { padding-right: 0; }
}

@media (max-width: 720px) {
  :root { --section-y: 76px; }
  .nav-menu { display: none; }
  .nav-actions .btn { display: none; }
  .nav-burger { display: grid; }
  .nav-menu.is-open {
    display: flex; position: fixed; top: var(--nav-h); left: 0; right: 0;
    flex-direction: column; background: #fff; padding: var(--sp-3); gap: 4px; z-index: 140;
    border-bottom: 1px solid var(--line); box-shadow: var(--sh-md);
  }
  .nav-item { width: 100%; }
  .nav-trigger { width: 100%; text-align: left; }
  .nav-dropdown { position: static; min-width: 0; margin: 2px 0 4px 12px; box-shadow: none; border: 0; background: var(--surface-alt); }
  .hero { padding-top: calc(var(--nav-h) + 40px); }
  .hsys-body { flex-direction: column; }
  .hero-win .asm-sys__side { width: 100%; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.1); background: rgba(0,0,0,.18); }
  #heroSide { flex-direction: row; overflow-x: auto; overflow-y: hidden; max-height: none; gap: 6px; padding: 10px 12px; }
  #heroSide .asm-side__item { flex: none; }
  #heroSide .asm-side__plugins { display: none; }
  .dp-cards { grid-template-columns: 1fr; }
  .dv2-stage { grid-template-columns: 1fr; }
  .dv2-dev { flex-direction: row; align-items: center; gap: 12px; }
  .dv2-dev .dv2-lines { flex: 1; }
  .dv2-dev > span { margin-top: 0; flex: none; }
  .os2 { grid-template-columns: 1fr; }
  .os2-list { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
  .os2-row span { display: none; }
  .price { grid-template-columns: 1fr; gap: var(--sp-4); }
  .price-plus { display: none; }
  .price-side { padding: var(--sp-5); }
  .asm-sys__side { width: 118px; }
  .asm-main__search { display: none; }
  .pain-grid { grid-template-columns: 1fr; }
  .pain-flip { height: 236px; }
  .pain-bridge { flex-direction: column; align-items: flex-start; }
  .story-panel { padding: var(--sp-4); }
  .v-card { width: 272px; }
  .v-card__text { font-size: 12.5px; min-height: 86px; }
  .cta { padding: var(--sp-6) var(--sp-5); border-radius: 26px; }
  .cta-form .field { flex: 1 1 100%; }
  .footer-grid { grid-template-columns: 1fr; gap: 30px; }
  .footer-bottom { align-items: flex-start; flex-direction: column; gap: 8px; }
}