/* viewproduct */
    .view {
      width: 100%;
      height: 100%;
      position: relative;
      background: #FFFFFF;
    }

    .view .banner {
      /*height: 100vh;*/
      position: relative;
    }

    .view .banner img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .view .banner-div {
      position: absolute;
      top: 15%;
      left: 50%;
      transform: translateX(-50%);
      text-align: center;
    }

    .view .banner-div h3 {
      font-size: 55px;
      color: #FFFFFF;
      font-weight: bold;
      margin-bottom: 11px;
      line-height: 55px;
      font-family: 'HarmonyOS Sans SC, HarmonyOS Sans SC';
    }

    .banner-div h4 {
      font-size: 30px;
      line-height: 25px;
      font-weight: 400;
      color: #FFFFFF;
      font-family: 'HarmonyOS Sans SC, HarmonyOS Sans SC';
      margin-bottom: 25px;
    }

    .banner-div p {
      margin-bottom: 25px;
      font-size: 16px;
      color: #FFFFFF;
      font-weight: 500;
      line-height: 20px;
      font-family: 'HarmonyOS Sans SC, HarmonyOS Sans SC';
    }

    .banner-div a {
      width: 121px;
      height: 38px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 16px;
      color: #FFFFFF;
      font-weight: 300;
      background: #009173;
      border: 1px solid #009173;
      border-radius: 40px;
      margin: auto;
      font-family: 'HarmonyOS Sans SC, HarmonyOS Sans SC';
    }

    .banner-div-bottom {
      position: absolute;
      bottom: 1.5%;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      width: 100%;
      justify-content: center;
      align-items: center;
    }

    .banner-div-bottom span {
      color: #5D5D5D;
      font-size: 20px;
      font-weight: 500;
      position: relative;
      line-height: 20px;
      padding-right: 25px;
      padding-left: 25px;
      font-family: 'HarmonyOS Sans SC, HarmonyOS Sans SC';
    }

    .banner-div-bottom span:not(:last-child)::after {
      content: '';
      position: absolute;
      right: 0px;
      top: 0;
      width: 1px;
      height: 100%;
      background: #5D5D5D;
    }

    .tab-img {
      width: 100%;
      background: #F5F5F5;
      padding-top: 72px;
      padding-bottom: 85px;
    }

    .ticontent {
      width: 1400px;
      margin: auto;
    }

    .tab-img-bottom {
      width: 100%;
    }

    .tab-img-bottom img {
      width: 100%;
      display: none;
      height: 650px;
      object-fit: cover;
      border-radius: 10px;
    }

    .tabimg-show {
      display: block !important;
    }

    .tab-img-item {
      margin-bottom: 81px;
    }

    .tab-p-item {
      width: 100%;
      display: flex;
      justify-content: space-between;
      text-align: center;
      margin-bottom: 31px;
    }

    .tab-p-item p {
      font-size: 18px;
      color: #5D5D5D;
      font-weight: 500;
      padding-bottom: 31px;
      position: relative;
      cursor: pointer;
      font-family: 'HarmonyOS Sans SC, HarmonyOS Sans SC';
    }

    .tab-p-item-5 p {
      width: 19%;
    }

    .tab-p-item-4 p {
      width: 24%;
    }

    .tab-p-item-3 p {
      width: 32%;
    }

    .tab-p-item-2 p {
      width: 49%;
    }

    .tab-p-item-1 p {
      width: 90%;
    }

    .tab-p-item-1 {
      justify-content: center !important;
    }

    .tab-p-item .tabimg-show::after {
      position: absolute;
      content: '';
      width: 60%;
      height: 2px;
      background: #009173;
      border: 1px solid #009173;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
    }

    .tab-p-item-1 .tabimg-show::after {
      width: 40% !important;
    }

    .tab-span-item {
      width: 100%;
      text-align: center;
      height: 75px;
      display: flex;
      justify-content: center;
      background: #FFFFFF;
      border-radius: 10px;
      padding: 0px 45px;
      display: flex;
      justify-content: center;
      align-items: center;
      box-shadow: inset 0px 4px 6px rgba(0, 0, 0, 0.1);
    }

    .tab-span-item span {
      font-size: 16px;
      line-height: 20px;
      color: #5D5D5D;
      font-weight: 400;
      display: none;
      font-family: 'HarmonyOS Sans SC, HarmonyOS Sans SC';
    }

    /* md */
    .md {
      width: 100%;
      height: 100%;
    }

    .md-item {
      width: 100%;
      height: 100%;
      position: relative;
      line-height: 0;
    }

    .md-item-text {
      position: absolute;
      top: 15%;
      left: 50%;
      transform: translateX(-50%);
      text-align: center;
      width: 100%;
    }

    .md-item-text h3 {
      margin-bottom: 17px;
      font-size:2.5rem;
      font-weight: bold;
      color: #FFFFFF;
      line-height: 40px;
      font-family: 'HarmonyOS Sans SC, HarmonyOS Sans SC';
      opacity: 0;
      transform: translateY(70px);
      width: 100%;
      white-space: nowrap;
    }

    .md-item-text p {
      font-size: 18px;
      font-weight: 500;
      color: #FFFFFF;
      width: 36%;
      margin: auto;
      line-height: 22px;
      font-family: 'HarmonyOS Sans SC, HarmonyOS Sans SC';
      opacity: 0;
      transform: translateY(70px);
    }

    .textblack h3,
    .textblack p {
      color: #000000 !important;
    }

    .md-item img,
    .md-item video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      line-height: 0;
    }

    .applications {
      width: 100%;
      height: 100%;
      background: #FFFFFF;
      padding-top: 59px;
      padding-bottom: 59px;
    }

    .app-content {
      width: 1400px;
      margin: auto;
    }

    .app-content h3 {
      margin-bottom: 10px;
      font-size:2.5rem;
      color: #000000;
      font-weight: bold;
      font-family: 'HarmonyOS Sans SC, HarmonyOS Sans SC';
      margin-bottom: 36px;
    }

    .app-content p {
      margin-bottom: 33px;
      color: #5D5D5D;
      font-size: 18px;
      font-weight: 500;
      font-family: 'HarmonyOS Sans SC, HarmonyOS Sans SC';
      margin-bottom: 37px;
    }

    .app-flex {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      align-items: center;
      margin-bottom: 25px;
    }

    .app-item {
      width: 237px;
      height: 172px;
      border-radius: 5px;
      display: flex;
      align-items: center;
      box-shadow: 1.5px 3px 6.5px rgba(0, 0, 0, 0.16);
    }

    .app-item-img {
      width: 63%;
      height: 50%;
      margin: auto;
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
    }

    .app-more {
      display: flex;
      width: 100%;
      height: 55px;
      border-radius: 10px;
      justify-content: center;
      align-items: center;
      font-family: 'HarmonyOS Sans SC, HarmonyOS Sans SC';
      font-size: 25px;
      line-height: 25px;
      color: #000000;
      box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.16);
    }

    .app-item img {
      width: 100px;
      height: auto;
      object-fit: cover;
      margin-bottom: 0px;
    }

    .app-item p {
      font-family: 'HarmonyOS Sans SC, HarmonyOS Sans SC';
      font-size: 13px;
      line-height: 13px;
      color: #000000;
      margin-bottom: 0px;
    }

    .canshu {
      width: 100%;
      height: 100%;
      background: #FFFFFF;
      padding-top: 50px;
      padding-bottom: 55px;
    }

    .canshu-content {
      width: 1400px;
      margin: auto;
    }

    .canshu-content h3 {
      margin-bottom: 36px;
      font-size:2.5rem;
      color: #000000;
      font-weight: bold;
      font-family: 'HarmonyOS Sans SC, HarmonyOS Sans SC';
	  text-align: center;
    }

    .canshu-content table {
      width: 100%;
      border-collapse: collapse;
    }

    .canshu-content td:first-child {
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px;
    }

    .canshu-content td:last-child {
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
    }

    .canshu-content th:first-child {
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px;
    }

    .canshu-content th:last-child {
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
    }

    .canshu-content table tr th:first-child {
      
      padding-left: 25px;
      font-size: 18px;
      color: #000000;
      font-weight: 500;
      font-family: 'HarmonyOS Sans SC, HarmonyOS Sans SC';
    }

    .canshu-content table tr td:first-child {
      text-align: center;
      padding: 25px;
      font-size: 18px;
      color: #000000;
      font-weight: 500;
      font-family: 'HarmonyOS Sans SC, HarmonyOS Sans SC';
    }

    .canshu-content table tr th:not(:first-child) {
      text-align: center;
      font-size: 18px;
      color: #000000;
      font-weight: 600;
      font-family: 'HarmonyOS Sans SC, HarmonyOS Sans SC';
    }

    .canshu-content table tr td:not(:first-child) {
      text-align: center;
      font-size: 18px;
      color: #5D5D5D;
      font-weight: 400;
      font-family: 'HarmonyOS Sans SC, HarmonyOS Sans SC';
    }

    .canshu-content table tr {
      height: 70px;
    }

    .canshu-content table tr:nth-child(odd) {
      background: #EAEAEA;
      border: 10px;
    }

    .form-bd {
      width: 100%;
      background: #FFFFFF;
      padding-top: 79px;
      padding-bottom: 70px;
    }

    .form-bd-content {
      width: 1400px;
      margin: auto;
    }

    .form-bd-content h3 {
      margin-bottom: 36px;
      font-size:2.5rem;
      color: #000000;
      font-weight: bold;
      font-family: 'HarmonyOS Sans SC, HarmonyOS Sans SC';
    }

    .cc-content {
      width: 100%;
    }

    .cc-input {
      width: 100%;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
    }

    .cc-input input {
      font-size: 16px;
      font-weight: 300;
      color: #8D8D8D;
      font-family: 'HarmonyOS Sans SC, HarmonyOS Sans SC';
    }

    .cc-input input:not(:last-child) {
      width: 695px;
      height: 60px;
      margin-bottom: 12px;
      border-radius: 14px;
      border: 1px solid #868686;
      padding-left: 17px;
    }

    .cc-input input:last-child {
      width: 100%;
      height: 60px;
      margin-bottom: 12px;
      border-radius: 14px;
      border: 1px solid #868686;
      padding-left: 17px;
    }

    .guinpu #attr_37 {
      width: 100%;
      height: 60px;
      margin-bottom: 12px;
      border-radius: 14px;
      border: 1px solid #868686;
      padding-left: 17px;
      font-size: 16px;
      font-weight: 300;
      color: #8D8D8D;
      font-family: 'HarmonyOS Sans SC, HarmonyOS Sans SC';
    }

    .guinpu #attr_38 {
      width: 100%;
      height: 203px;
      margin-bottom: 61px;
      border-radius: 14px;
      border: 1px solid #868686;
      padding-left: 17px;
      font-size: 16px;
      font-weight: 300;
      color: #8D8D8D;
      padding-top: 13px;
      font-family: 'HarmonyOS Sans SC, HarmonyOS Sans SC';
    }

    .guinpu .cc-b {
      width: 101px;
      height: 33px;
      border-radius: 40px;
      border: 1px solid #009173;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 16px;
      color: #009173;
      font-weight: 400;
      background: transparent;
      margin: auto;
      cursor: pointer;
      font-family: 'HarmonyOS Sans SC, HarmonyOS Sans SC';
    }

    .md-item-text-animation h3,
    .md-item-text-animation p {
      animation: identifier 0.7s linear forwards;
    }

    @keyframes identifier {
      0% {
        transform: translateY(70px);
        opacity: 0;
      }

      100% {
        transform: translateY(0px);
        opacity: 1;
      }
    }

    @media screen and (max-width: 1440px) {
      .view .banner-div {
        top: 13%;
        width: 90%;
      }

      .view .tab-p-item,
      .tab-img-item {
        margin-bottom: 15px;
      }

      .tab-p-item p {
        font-size: 15px;
        padding-bottom: 15px;
      }

      .tab-img-bottom img {
        height: 69vh;
      }

      .tab-span-item span {
        font-size: 14px;
      }

      .ticontent,
      .app-content,
      .canshu-content,
      .form-bd-content {
        width: 1140px;
        margin: auto;
      }

      .md-item-text {
        top: 9%;
      }

      .app-item {
        width: 211px;
        height: 172px;
      }

      .banner-div a {
        width: 121px;
        height: 28px;
        font-size: 13px;
        line-height: 13px;
      }

      .cc-input input:not(:last-child) {
        width: 49%;
      }

      .md-item-text {
        width: 80%;
      }

      .md-item-text p {
        width: 60%;
      }

      .banner-div p {
        margin-bottom: 12px;
      }

      .banner-div h4 {
        margin-bottom: 20px;
      }

      .canshu-content table tr td:not(:first-child) {
        font-size: 15px;
      }

      .canshu-content table tr td:first-child {
        font-size: 15px;
      }
    }

    @media screen and (max-width: 1140px) {
      .tab-img-bottom img {
        height: auto;
      }

      .view .banner {
        height: 100%;
      }

      .banner-div h4 {
        font-size: 18px;
        line-height: 20px;
      }

      .tab-span-item {
        height: 100%;
        padding: 15px;
      }

      .cc-input input:not(:last-child),
      .md .guinpu #attr_37,
      .guinpu #attr_38 {
        font-size: 13px;
      }

      .guinpu #attr_38 {
        margin-bottom: 31px;
      }

      .guinpu .cc-b {
        margin-bottom: 20px;
      }

      .ticontent,
      .app-content,
      .canshu-content,
      .form-bd-content {
        width: 95%;
      }

      .md-item img,
      .md-item video {
        height: auto;
      }

      .app-item {
        width: 100%;
        margin-bottom: 10px;
      }

      .app-item-img {
        width: auto;
        height: auto;
      }

      .md-item-text {
        position: relative;
        padding: 35px 0 25px 0;
      }

      .md-item-text {
        width: 95%;
      }

      .banner-div h3 {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 15px;
      }

      .md-item-text h3 {
        margin-bottom: 17px;
        font-size: 20px;
        font-weight: bold;
        color: #000000;
        line-height: 20px;
        opacity: 1;
        transform: translateY(0px);
        white-space: normal;
      }

      .md-item-text p {
        font-size: 15px;
        color: #5D5D5D;
        line-height: 20px;
        width: 100%;
        opacity: 1;
        transform: translateY(0px);
      }

      .banner-div-bottom span {
        font-size: 15px;
      }

      .tab-p-item p {
        font-size: 13px;
      }

      .tab-p-item {
        flex-direction: column;
      }

      .tab-p-item p {
        padding-bottom: 15px;
        margin-bottom: 15px;
        width: 100%;
      }

      .tab-img-item {
        margin-bottom: 41px;
      }

      .app-content h3,
      .canshu-content h3,
      .form-bd-content h3 {
        font-size: 20px;
      }

      .app-content p {
        font-size: 15px;
        line-height: 20px;
      }

      .canshu-content table tr th:first-child {
        font-size: 13px;
        padding-left: 5px;
      }

      .canshu-content table tr th:not(:first-child) {
        font-size: 13px;
        padding-left: 5px;
      }

      .canshu-content table tr td:first-child {
        font-size: 13px;
        padding-left: 5px;
      }

      .canshu-content table tr td:not(:first-child) {
        font-size: 13px;
        padding-left: 5px;
      }

      .canshu {
        overflow-x: scroll;
      }

      .banner-div-bottom span {
        padding-right: 5px;
        padding-left: 5px;
        font-size: 10px !important;
        line-height: 10px !important;
      }

      .banner-div p {
        margin-bottom: 10px;
      }

      .banner-div h4 {
        margin-bottom: 13px;
      }

      .tab-img {
        padding-top: 32px;
        padding-bottom: 25px;
      }

      .applications {
        padding-top: 29px;
      }

      .form-bd {
        padding-bottom: 10px;
      }
    }

    @media (max-width: 750px) {
      .mbanner {
        display: block !important;
      }

      .pbanner {
        display: none;
      }
    }

    .banner-div {
      width: 100%;
    }

    .md-item-text h3,
    .md-item-text p {
      text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    }

    .vvvdie0,
    .vvvdie {
      width: 100%;
      height: auto;
    }

    .home-button {
      display: flex;
      width: 132px;
      margin: auto;
    }

    .home-video {
      background: #FFFFFF !important;
      border: 1px solid #FFFFFF !important;
      color: #000000 !important;
    }

    .view .banner-div h4 span {
      position: relative;
      padding-right: 25px;
      padding-left: 25px;
    }

    .view .banner-div h4 span:not(:last-child)::after {
      content: '';
      position: absolute;
      right: 0px;
      top: 0;
      width: 1px;
      height: 100%;
      background: #FFFFFF;
    }

    .banner-div h4 {
      font-size: 20px;
      line-height: 25px;
      font-weight: bold;
      color: #FFFFFF;
      font-family: 'HarmonyOS Sans SC, HarmonyOS Sans SC';
      margin-bottom: 15px;
    }

    .ifplayc {
      position: fixed;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.7);
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: none;
    }

    .ifplaycd {
      width: 900px;
      height: 545px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      box-shadow: 0px 0px 5px rgba(255, 255, 255, 1);
    }

    .ifplaycd iframe {
      width: 100%;
      height: 100%;
    }

    .ifplayspan {
      font-size: 22px;
      line-height: 22px;
      color: #FFFFFF;
      display: flex;
      width: 30px;
      height: 30px;
      justify-content: center;
      align-items: center;
      border: 1px solid #FFFFFF;
      border-radius: 50%;
      position: absolute;
      top: -30px;
      right: -30px;
      cursor: pointer;
    }

    /* tab */
    .md-hide {
      display: none;
    }

    .md-show {
      display: block !important;
    }

    .active {
      color: #0FFFFFF !important;
    }

    .canshu-content table tbody {
      display: inline-table;
      width: 100%;
    }

    .bh3 {
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .banner h3 {
      cursor: pointer;
      position: relative;
      padding: 0 5px;
      flex: 1;
    }

    .bh3 h3:not(:last-child)::after {
      
      position: absolute;
      top: 10%;
      right: 0;
      display: inline-block;
      width: 3px;
      height: 80%;
      background: #FFFFFF;
      border: 1px solid #FFFFFF;

    }

    .bh3 h3:first-child {
      text-align: right;
    }

    .bh3 h3:last-child {
      text-align: left;
    }

    @media screen and (max-width: 1440px) {
      .ifplaycd {
        width: 800px;
        height: 445px;
      }

      .md-item-text h3 {
        white-space: normal !important;
      }
    }

    @media screen and (max-width: 1000px) {
      .ifplaycd {
        width: 80%;
        height: auto;
      }

      .banner-div h4 {
        display: none;
      }
    }
	
	
		.container1 {
            text-align: center;
        }
        
        .play-button {
            background: rgb(8 1 86);
            color: white;
            border: none;
            padding: 12px 40px;
            font-size: 1.2rem;
            font-weight: bold;
            border-radius: 50px;
            cursor: pointer;
           display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            box-shadow:0 8px 20px rgb(237 232 232 / 30%);
            transition: all 0.3s ease;
        }
        
        .play-button:hover {
            background: #000000;
            transform: translateY(-3px);
            box-shadow: 0 8px 20px rgb(237 232 232 / 30%);
        }
        
        .play-button:active {
            transform: translateY(-1px);
        }
        
        .play-button i {
            font-size: 1.4rem;
        }
        
        .modal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.9);
            display: flex;
            justify-content: center;
            align-items: center;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
            z-index: 1000;
        }
        
        .modal.active {
            opacity: 1;
            visibility: visible;
        }
        
        .modal-content {
            width: 90%;
            max-width: 800px;
            position: relative;
            transform: scale(0.9);
            transition: transform 0.3s ease;
        }
        
        .modal.active .modal-content {
            transform: scale(1);
        }
        
        .close-btn {
            position: absolute;
            top: -40px;
            right: 0;
            color: white;
            font-size: 2rem;
            background: none;
            border: none;
            cursor: pointer;
            padding: 5px;
        }
        
        .video-container {
            position: relative;
            padding-bottom: 56.25%; /* 16:9 宽高比 */
            height: 0;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
        }
        
        .video-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        
        .hint {
            color: white;
            margin-top: 20px;
            font-size: 0.9rem;
            opacity: 0.8;
        }
		
		
		.container {
            max-width:1200px;
            margin: 0 auto;
        }

        .header {
            text-align: center;
            margin-bottom: 50px;
            padding-bottom: 25px;
          
        }

        .header h3 {
            font-size: 2.7rem;
            margin-bottom: 15px;
            background: linear-gradient(to right, #fff, #aaa);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            letter-spacing: 1.5px;
        }

        .header p {
            color: #bbb;
            font-size: 1.2rem;
            max-width: 800px;
            margin: 0 auto;
        }

        /* 两排布局 */
        .two-rows {
            display: flex;
            flex-direction: column;
            gap: 40px;
        }

        /* 每行布局 */
        .row {
            display: flex;
            gap: 30px;
            min-height: 350px;
        }

        /* 左侧大区域 */
        .left-large {
            flex: 7; /* 左侧占比大 */
            background-color: #111;
            border-radius: 15px;
            padding: 30px;
            position: relative;
            transition: all 0.4s ease;
            border: 1px solid #222;
            overflow: hidden;
        }

        /* 右侧小区域 */
        .right-small {
            flex: 5; /* 右侧占比小 */
            background-color: #111;
            border-radius: 15px;
            padding: 30px;
            position: relative;
            transition: all 0.4s ease;
            border: 1px solid #222;
            overflow: hidden;
        }

        /* 白色内发光效果 */
        .glow-effect {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: inherit;
            pointer-events: none;
            opacity: 0;
            transition: opacity 0.4s ease;
            box-shadow: inset 0 0 60px rgba(255, 255, 255, 0.2);
            z-index: 0;
        }

        /* 鼠标悬停效果 */
        .left-large:hover .glow-effect,
        .right-small:hover .glow-effect {
            opacity: 1;
        }

        .left-large:hover,
        .right-small:hover {
            transform: translateY(-8px);
            border-color: #444;
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.7);
        }

        /* 内容样式 */
        .content {
            position: relative;
            z-index: 1;
            height: 100%;
            display: flex;
            flex-direction: column;
        }

        .icon-container {
            width: 80px;
            height: 80px;
            background-color: #222;
            border-radius: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 25px;
            color: #fff;
            font-size: 2.2rem;
        }

        .title {
            font-size: 2rem;
            margin-bottom: 20px;
            color: #fff;
        }

        .description {
            color: #bbb;
            font-size: 1.1rem;
            line-height: 1.7;
            flex-grow: 1;
        }

        .highlight {
            color: #fff;
            font-weight: bold;
            background-color: rgba(255, 255, 255, 0.1);
            padding: 2px 8px;
            border-radius: 4px;
        }

       
    
        /* 响应式设计 */
        @media (max-width: 1100px) {
            .row {
                flex-direction: column;
            }
            
            .left-large, .right-small {
                flex: 1;
            }
        }

        @media (max-width: 768px) {
            .header h3 {
                font-size: 2.3rem;
            }
            
            .left-large, .right-small {
                padding: 25px;
            }
            
            .title {
                font-size: 1.7rem;
            }
        }