/* 各页面最终响应式约束，在页面样式之后加载；不以隐藏横向溢出代替布局修复。 */
html { -webkit-text-size-adjust:100%; scroll-padding-top:80px; }
body { min-width:0; }
.landing-page *, .landing-page *::before, .landing-page *::after { box-sizing:border-box; }
.landing-page .carousel-dot { border:0; padding:0; }
.landing-page img { max-width:100%; height:auto; }
.landing-page .banner-left,.landing-page .banner-right,.landing-page .scene-left,.landing-page .scene-right { min-width:0; }
.landing-page .step-desc { width:100%; max-width:260px; }
.article-content { min-width:0; }
.article-content div,.article-content section,.article-content p,.article-content figure { max-width:100% !important; min-width:0 !important; }
.article-content figure { margin-left:0; margin-right:0; }
.article-content iframe { height:auto; aspect-ratio:16/9; }
.article-content video { height:auto; }
.help-footer,.scene-footer,.beian-footer { overflow-wrap:anywhere; }
@media(max-width:1100px) {
  .landing-page .banner-left { padding-left:0; }
  .landing-page .banner-phone { margin-right:0; }
  .landing-page .scene-left { padding-left:0; }
  .landing-page .step-list { padding-left:16px; padding-right:16px; }
  .landing-page .step-item-custom { min-width:0; }
  .landing-page .banner-title-row { flex-wrap:wrap; }
}
@media(max-width:900px) {
  html,body.scene-body { overflow-x:visible; }
  .landing-page .carousel-dot,.landing-page .carousel-dot.active { display:flex; align-items:center; justify-content:center; width:44px; height:44px; background:transparent; }
  .landing-page .carousel-dot::after { content:""; width:10px; height:10px; border-radius:5px; background:#d0d5dd; }
  .landing-page .carousel-dot.active::after { width:28px; background:var(--main-color); }
  .landing-page .banner-title-row { justify-content:center; }
  .landing-page .banner-left { text-align:center; }
  .landing-page .scene-left,.landing-page .scene-right { width:100%; }
  .landing-page .scene-phone { width:300px; max-width:100%; min-width:0; min-height:0; }
  .landing-page .scene-item-vertical { min-width:0; width:100%; text-align:center; }
  .landing-page .scene-grid-vertical { width:100%; }
  .landing-page .openclaw-card { min-width:0; }
  .landing-page .about .container1200,.landing-page .steps .container1200 { padding:0 16px; }
  .help-hero { height:auto; min-height:210px; }
  .help-banner-content { padding-bottom:24px; }
  .help-banner-description { width:auto; max-width:100%; }
  .article-summary h2 { white-space:normal; overflow-wrap:anywhere; }
  .article-content h2,.article-content h3 { scroll-margin-top:80px; }
  .search input { font-size:16px; }
  .categories a { min-height:44px; }
  .tag { max-width:100%; }
  body.scene-body .scene-media-row,body.scene-body .scene-media-reverse { flex-direction:column; }
  body.scene-body .scene-media-copy,body.scene-body .scene-media-image { width:100%; min-width:0; }
  body.scene-body .scene-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.scene-body .scene-feature-card { min-width:0; }
  body.scene-body .scene-cta-actions { flex-wrap:wrap; }
  body.scene-body .scene-tutorial-section .scene-article-link { display:inline-flex; align-items:center; justify-content:center; min-height:36px; }
}
@media(max-width:600px) {
  .landing-page .banner { padding:36px 0; }
  .landing-page .banner-title-main,.landing-page .banner-title-main .main-color { font-size:28px; }
  .landing-page .banner-title-sub { font-size:18px; margin-left:0; }
  .landing-page .banner-subtitle { font-size:21px; }
  .landing-page .banner-desc { font-size:16px; overflow-wrap:anywhere; }
  .landing-page .banner-phone { width:240px; min-width:0; min-height:0; margin-top:0; }
  .landing-page .scene-title,.landing-page .steps-title,.landing-page .openclaw-title { font-size:26px; }
  .landing-page .scene-subtitle,.landing-page .steps-subtitle,.landing-page .openclaw-subtitle { font-size:16px; padding:0 12px; }
  .landing-page .step-list { padding:0; }
  .landing-page .step-desc { font-size:16px; }
  .landing-page .faq-item { padding:16px; }
  .landing-page .faq-q { font-size:16px; }
  .landing-page .about-desc,.landing-page .about-desc2 { overflow-wrap:anywhere; }
  .landing-page .install-modal-body { padding:20px 16px; }
  body.scene-body .scene-feature-grid { grid-template-columns:minmax(0,1fr); }
  body.scene-body .scene-feature-card p { margin-left:0; }
  body.scene-body .scene-metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.scene-body .scene-button { max-width:100%; white-space:normal; height:auto; min-height:44px; }
  .pagination a,.pagination > span { min-height:40px; }
  .article-heading .article-info { flex-direction:row; justify-content:flex-start; align-items:center; }
  .article-content blockquote { margin-left:0; margin-right:0; }
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto !important; transition:none !important; animation:none !important; }
}