/* =========================================================
   Mobile Responsive
   Only Adaptation
   PC Styles Untouched
========================================================= */


@media screen and (max-width:768px){


  /* ======================
     Global
  ====================== */
  
  html,
  body{
      overflow-x:hidden;
  }
  
  .container{
  
      width:100%;
      max-width:none;
  
      padding-left:20px;
      padding-right:20px;
  
      box-sizing:border-box;
  
  }
  
  
  /* ======================
     Hero（修复首屏重叠）
  ====================== */
  
  
  .aw-hero{
  
      min-height:100vh;
  
      padding-top:80px;
      padding-bottom:80px;

      margin-bottom:0;
  
  }
  
  
  .aw-hero__tag{
  
      font-size:14px;
      line-height:22px;
  
  }
  
  
  .aw-hero__title{
  
      font-size:36px!important;
      line-height:48px;
  
  }
  
  
  .aw-hero__row{
  
      flex-direction:column!important;
  
      gap:8px!important;
  
  }
  
  
  .aw-hero__label{
  
      flex:none;
  
  }
  
  
  .aw-hero__content{
  
      font-size:16px;
  
      line-height:28px;
  
  }
  
  
  /* ======================
     Section spacing
  ====================== */
  
  
  .spacer-160{
  
      height:80px;
  
  }
  
  
  
  /* ======================
     Common horizontal layout
  ====================== */
  
  
  .aw-bg-wrapper,
  .aw-insight-wrapper,
  .aw-entry-wrapper,
  .aw-scene-wrapper,
  .section-risk-wrapper,
  .section-decision-bottom,
  .section-opt-cards,
  .section-migrate-wrapper{
  
      flex-direction:column!important;
  
      gap:40px!important;
  
  }
  
  
  
  /* ======================
     Background
  ====================== */
  
  
  .aw-bg-left,
  .aw-bg-right{
  
      width:100%!important;
  
      flex:none!important;
  
  }
  
  
  .aw-bg-right img{
  
      width:100%!important;
  
      height:auto!important;
  
  }
  
  
  .aw-bg-block{
  
      height:auto;
  
      min-height:120px;
  
  }
  
  
  
  /* ======================
     Insight
  ====================== */
  
  
  .section-insight .aw-insight-left,
  .section-insight .aw-insight-right{
  
  
      width:100%!important;
  
      height:auto!important;
  
      min-height:0!important;
  
      max-height:none!important;
  
  }
  
  
  .section-insight .aw-insight-card-inner{
  
      position:relative;
  
      height:auto;
  
      min-height:0;
  
      max-height:none;
  
  }
  
  
  .section-insight .nowrap{
  
      white-space:normal!important;
  
  }
  
  
  /* ======================
     Entry
  ====================== */
  
  
  .aw-entry-arrow{
  
      transform:rotate(90deg);
  
  }
  
  
  .aw-entry-three-col{
  
      flex-direction:column!important;
  
  }
  
  
  /* ======================
     Scene
  ====================== */
  
  
  .aw-scene-left__image img,
  .aw-scene-right__image img{
  
      width:100%!important;
  
      height:auto!important;
  
  }
  
  
  .aw-scene-left__image,
  .aw-scene-right__image{
  
      width:100%!important;
  
      height:auto!important;
  
  }
  
  
  /* ======================
     Goal
  ====================== */
  
  
  .aw-goal-card{
  
      padding:60px 24px;
  
  }
  
  
  .aw-goal-card__title{
  
      font-size:28px;
  
  }
  
  
  .aw-goal-cycle{
  
      flex-direction:column;
  
  }
  
  
  .aw-goal-cycle__arrow{
  
      width:80%;
  
  }
  
  
  .aw-goal-grid{
  
      flex-direction:column;
  
  }
  
  
  .aw-goal-item__title{
  
      white-space:normal;
  
      font-size:20px;
  
  }
  
  
  .aw-goal-item__layer{
  
      white-space:normal;
  
  }
  
  
  
  /* ======================
     Strategy common
  ====================== */
  
  
  .strategy-01-header,
  .strategy-01-content-row,
  .strategy-01-right-area,
  .strategy-02-wrapper{
  
      flex-direction:column!important;
  
  }
  
  
  .strategy-01-num,
  .strategy-02-num{
  
      font-size:56px!important;
  
      width:auto!important;
  
  }
  
  
  
  .strategy-01-right-img,
  .strategy-02-middle-img{
  
      max-width:100%!important;
  
      width:100%!important;
  
      transform:none!important;
  
  }
  
  
  .strategy-01-modules{
  
      margin-left:0!important;
  
  }
  
  
  /* ======================
     Risk
  ====================== */
  
  
  .section-risk-left,
  .section-risk-right{
  
      width:100%;
  
  }
  
  
  .section-risk-left .img{
  
      margin-left:0!important;
  
  }
  
  
  
  /* ======================
     Decision
  ====================== */
  
  
  .section-decision-bottom .left,
  .section-decision-bottom .right{
  
      max-width:100%!important;
  
      width:100%!important;
  
  }
  
  
  .section-decision-bottom .right{
  
      margin-top:0!important;
  
  }
  
  
  
  /* ======================
     Images
  ====================== */
  
  
  img{
  
      max-width:100%;
  
      height:auto;
  
  }
  
  
  
  /* ======================
     Footer
  ====================== */
  
  
  .footer-inner{
  
      flex-direction:column!important;
  
  }
  
  
  .footer-card{
  
      width:calc(100% - 40px)!important;
  
  }
  
  
  
  /* ======================
     AI assistant
  ====================== */
  
  
  .ai-trigger{
  
      width:64px!important;
  
      height:64px!important;
  
  }
  
  
  .ai-trigger img{
  
      width:64px!important;
  
      height:64px!important;
  
  }
  
  
  /* ======================
     Fix: 防止 main 上移重叠
  ====================== */
  
  main {
      margin-top: 0 !important;
      padding-top: 0 !important;
  }

  }