/* ===== 命名空间隔离：所有选择器都以 .ue-au- 开头，不污染全局 ===== */
    .ue-au-wrap{
      width:100%;
      background:#ffffff;
      box-sizing:border-box;
      color:#111;
      font-family:inherit;
      line-height:1.6;
    }
    .ue-au-wrap *,.ue-au-wrap *::before,.ue-au-wrap *::after{
      box-sizing:border-box; margin:0; padding:0;
    }
    .ue-au-inner{
      display:flex; flex-direction:row;
      width:100%; max-width:1680px;
      margin:0 auto; align-items:stretch;
    }

    /* ---------- 左侧：58% ---------- */
    .ue-au-left{
      position:relative;
      flex:0 0 58%; width:58%;
      background:#f4f4f4;
      overflow:hidden;
      display:flex; align-items:center;
      padding:60px 70px;
    }
    .ue-au-watermark-bg{
      position:absolute;
      right:-50px; top:50%;
      transform:translateY(-50%);
      width:60%; max-width:520px;
      opacity:.12; pointer-events:none; user-select:none;
    }
    .ue-au-text{ position:relative; z-index:2; max-width:620px; }
    .ue-au-title{
      font-size:46px; font-weight:800;
      letter-spacing:.5px; line-height:1.1;
      margin-bottom:34px; color:#000;
    }
    .ue-au-text p{
      font-size:16px; line-height:1.65;
      color:#111; margin-bottom:22px;
    }
    .ue-au-text p:last-child{ margin-bottom:0; }

    /* ---------- 右侧：42%，12 列交错网格 ---------- */
    .ue-au-right{
      flex:0 0 42%; width:42%;
      background:#ffffff;
      padding:30px 30px 30px 0;
      display:flex; align-items:center;
    }
    .ue-au-grid{
      display:grid;
      grid-template-columns: repeat(12, 1fr);
      grid-template-rows: auto auto;
      gap:14px; width:100%;
    }
    /* 上排：img1 占左 7 列，img2 占右 5 列（左宽右窄） */
    .ue-au-a{ grid-column:1 / span 7;  grid-row:1; }
    .ue-au-b{ grid-column:8 / span 5;   grid-row:1; }
    /* 下排：img3 占左 5 列，img4 占右 7 列（左窄右宽，与上排交错） */
    .ue-au-c{ grid-column:1 / span 5;  grid-row:2; }
    .ue-au-d{ grid-column:6 / span 7;  grid-row:2; }

    .ue-au-cell img{
      width:100%; height:100%;
      object-fit:cover; display:block;
      border-radius:2px;
    }
    .ue-au-a img{ aspect-ratio: 7/6; }
    .ue-au-b img{ aspect-ratio: 5/5.5; }
    .ue-au-c img{ aspect-ratio: 5/5.5; }
    .ue-au-d img{ aspect-ratio: 7/6; }

    /* ---------- 平板 ---------- */
    @media (max-width:1024px){
      .ue-au-left{ padding:40px 36px; flex-basis:55%; width:55%; }
      .ue-au-right{ flex-basis:45%; width:45%; padding:20px 20px 20px 0; }
      .ue-au-title{ font-size:34px; margin-bottom:24px; }
      .ue-au-text p{ font-size:14px; margin-bottom:14px; }
      .ue-au-grid{ gap:10px; }
    }

    /* ---------- 手机：上下堆叠，4 图变 2x2 ---------- */
    @media (max-width:768px){
      .ue-au-inner{ flex-direction:column; }
      .ue-au-left{
        flex-basis:auto; width:100%;
        padding:40px 24px; order:1;
      }
      .ue-au-right{
        flex-basis:auto; width:100%;
        padding:20px; order:2;
      }
      .ue-au-title{ font-size:28px; margin-bottom:18px; }
      .ue-au-text p{ font-size:14px; margin-bottom:12px; }
      .ue-au-watermark-bg{ width:55%; right:-30px; opacity:.1; }

      .ue-au-grid{
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        gap:10px;
      }
      .ue-au-a{ grid-column:1; grid-row:1; }
      .ue-au-b{ grid-column:2; grid-row:1; }
      .ue-au-c{ grid-column:1; grid-row:2; }
      .ue-au-d{ grid-column:2; grid-row:2; }
      .ue-au-a img,.ue-au-b img,.ue-au-c img,.ue-au-d img{ aspect-ratio:1/1; }
    }