     /* 框架 */
     section {
         position: relative;
         z-index: 1;
         overflow: hidden;
         width: 100%;
         padding: 130px var(--container);
     }

     @media (max-width: 1200px) {
         section {
             padding: 90px var(--container);
         }
     }

     @media (max-width: 900px) {
         section {
             padding: 60px var(--container);
         }
     }

     /* 标题 */
     .BaseTitle {
         display: flex;
         flex-direction: column;
         grid-gap: 10px;
     }

     .BaseTitle p {
         color: #707070;
         font-size: 14px;
         letter-spacing: 2.8px;
     }

     .BaseTitle h1 {
         color: #2C2C2C;
         font-family: "Playfair Display";
         font-size: 60px;
         line-height: 1;
     }

     .BaseTitle h1 b {
         font-weight: 500;
         color: var(--color);
         font-family: "Playfair Display";
     }

     @media (max-width: 1200px) {
         .BaseTitle h1 {
             font-size: 48px;
         }
     }

     @media (max-width: 900px) {
         .BaseTitle h1 {
             font-size: 38px;
         }
     }

     @media (max-width: 600px) {
         .BaseTitle h1 {
             font-size: 28px;
         }
     }

     /* 查看更多 */
     .indexMore {
         display: flex;
         align-items: center;
         grid-gap: 60px;
         padding-bottom: 10px;
         border-bottom: 1px solid #2C2C2C;
     }

     .indexMore:hover {
         color: var(--color);
         border-bottom: 1px solid var(--color);
     }

     @media (max-width: 900px) {
         .indexMore {
             grid-gap: 30px;
             padding-bottom: 5px;
         }
     }
