.container {
        padding-left: 8%;
    }
       .main_title {
              display: none !important;
       }

       .container_screen,
       .ly_article_1 {
              max-width: 1580px !important;
       }

       .helpcenter {
              max-width: 1580px;
              position: relative;
              margin: 0 auto;
       }

       .helpcenter-title {
              width: 100%;
              height: 340px;
              background: url('//ueeshop.ly200-cdn.com/u_file/UPBH/UPBH471/2601/14/photo/table-documents.jpg');
              background-position: center center;
              background-size: cover;
              position: relative;
       }

       .mask {
              height: 340px;
              background-color: #fff0;
              background-image: linear-gradient(-90deg, rgb(255 255 255 / .07) 3%, #000000 90%);
              opacity: .92;
              transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
       }

       .helpcenter-title-content {
              width: 50%;
              position: absolute;
              left: 5%;
              top: 50%;
              transform: translateY(-50%);
              z-index: 1;
       }
       @media (max-width: 767px) {
        .helpcenter-title-content {
            width: 90%;
        }
    }

       .helpcenter-title-content h1 {
              font-size: 40px;
              color: #fff;
              font-weight: 700;
              margin-bottom: 10px;
       }

       .helpcenter-title-content h3 {
              font-size: 20px;
              color: #fff;
              font-weight: 400;
              margin-bottom: 10px;
       }

       .helpcenter-content {
              display: flex;
              align-items: center;
              justify-content: space-between;
              padding: 0 30px;
       }

       .helpcenter-content-left {
              width: 25%;
              padding: 10px;
       }

       .helpcenter-content-left img {
              width: 100%;
              height: 100%;
       }

       .hc-faq {
              width: 85%;
              margin: 30px auto;
       }

       /* FAQ 两列 */
       .hc-faqHead {
              display: grid;
              grid-template-columns: 1fr 1fr;
              gap: 28px;
              margin: 0 0 10px 0
       }

       .hc-kicker {
              font-size: 14px;
              letter-spacing: .6px;
              text-transform: uppercase;
              color: #7a7a7a;
              font-weight: 800;
              margin: 0 0 4px 0
       }

       .hc-title {
              font-size: 24px;
              letter-spacing: .4px;
              text-transform: uppercase;
              color: #169d53;
              font-weight: 900;
              margin: 0
       }

       .hc-faqCols {
              display: grid;
              grid-template-columns: 1fr 1fr;
              gap: 28px
       }

       /* ✅ 手风琴卡片（加入过渡动画） */
       .hc-acc {
              border: 1px solid #e9e9e9;
              background: #fff
       }

       .hc-acc details {
              border-top: 1px solid #ededed
       }

       .hc-acc details:first-child {
              border-top: none
       }

       .hc-acc summary {
              list-style: none;
              cursor: pointer;
              padding: 14px 44px 14px 16px;
              font-weight: 900;
              text-transform: uppercase;
              font-size: 11px;
              letter-spacing: .55px;
              color: #111;
              position: relative;
              background: #fff;

              /* ✅ 动画：背景、缩进、阴影 */
              transition: background-color .25s ease, padding-left .25s ease, box-shadow .25s ease;
       }

       .hc-acc summary:hover {
              background: #f6f6f6;
              padding-left: 20px;
              box-shadow: inset 3px 0 0 #169d53;
       }

       .hc-acc summary::-webkit-details-marker {
              display: none
       }

       .hc-acc summary::after {
              content: "";
              position: absolute;
              right: 14px;
              top: 50%;
              transform: translateY(-50%) rotate(45deg);
              width: 7px;
              height: 7px;
              border-right: 2px solid #111;
              border-bottom: 2px solid #111;
              opacity: .9;

              /* ✅ 动画：箭头旋转平滑 */
              transition: transform .25s ease;
       }

       .hc-acc details[open] summary::after {
              transform: translateY(-50%) rotate(225deg);
       }

       /* ✅ 答案区：平滑展开/收起 */
       .hc-ans {
              padding: 0 16px 14px 16px;
              color: #333;

              overflow: hidden;
              max-height: 0;
              opacity: 0;
              transform: translateY(-6px);

              transition: max-height .35s ease, opacity .25s ease, transform .25s ease;
       }

       .hc-acc details[open] .hc-ans {
              max-height: 650px;
              opacity: 1;
              transform: translateY(0);
       }

       .hc-ans p {
              margin: 0.5rem 0;
              font-size: 12px;
              line-height: 1.7
       }

       .hc-acc details[open] summary {
              background: #f7f7f7
       }

       /* 响应式 */
       @media (max-width: 980px) {
              .hc-grid {
                     grid-template-columns: repeat(2, 1fr)
              }

              .hc-faqHead,
              .hc-faqCols {
                     grid-template-columns: 1fr
              }

              .hc-heroText {
                     left: 20px;
                     right: 20px
              }
       }