header .container,
      main .container {
          max-width: 1232px;
          padding-left: 16px;
          padding-right: 16px;
          margin: 0 auto;
      }

      /* 紫色渐变按钮 */
      .btn-primary-innerlight {
          line-height: 150%;
          background: linear-gradient(94deg, #d866ef 0%, #7b43fd 100%);
          box-shadow: 0px 0.25rem 1.25rem 0px rgba(146, 75, 249, 0.5),
              inset 0px 0px 0.5rem 0.25rem rgba(255, 255, 255, 0.25);
          border-radius: 200px;
          font-weight: 500;
          transition: all 0.2s;
      }

      .btn-primary-innerlight:hover,
      .btn-primary-innerlight:focus {
          filter: brightness(1.2);
      }

      /* 橙色渐变按钮 */
      .btn-orange-innerlight {
          line-height: 150%;
          background: #FF8833;
          box-shadow: inset 0px 0px 12px 4px rgba(255, 255, 255, 0.25);
          border-radius: 200px;
          font-weight: 500;
          transition: all 0.2s;
      }

      .btn-orange-innerlight:hover,
      .btn-orange-innerlight:focus {
          filter: brightness(1.2);
      }

      /* 橙色边框按钮 */
      .btn-orange-outline {
          outline: 2px solid #ff8833;
          outline-offset: -2px;
          color: #ff8833;
          border-radius: 200px;
          font-weight: 500;
          transition: all 0.2s;
      }

      .btn-orange-outline:hover,
      .btn-orange-outline:focus {
          color: #fff;
          background: #ff8833;
      }

      /* 紫色边框按钮 */
      .btn-primary-outline {
          outline: 2px solid #D866EF;
          outline-offset: -2px;
          color: #D866EF;
          border-radius: 200px;
          font-weight: 500;
          transition: all 0.2s;
      }

      .btn-primary-outline:hover,
      .btn-primary-outline:focus {
          color: #fff;
          background: #D866EF;
          filter: brightness(0.9)
      }

      header {
          transition: all 0.3s ease-in-out;
      }