* {
          box-sizing: border-box;
      }

      body {
          /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; */
          line-height: 1.6;
          color: #333;
          max-width: 800px;
          margin: 0 auto;
          padding: 20px;
      }

      h1,
      h2 {
          text-align: center;
          position: relative;
          padding-bottom: 0.5rem;
          margin-top: 1.5rem;
          margin-bottom: 1rem;
      }

      p {
          margin-bottom: 1rem;
          word-wrap: break-word;
          overflow-wrap: break-word;
      }

      ul,
      ol {
          padding-left: 1.5rem;
          margin-bottom: 1rem;
          word-wrap: break-word;
          overflow-wrap: break-word;
      }

      li {
          margin-bottom: 0.5rem;
      }

      strong {
          font-weight: bold;
      }

      table {
          width: 100%;
          border-collapse: collapse;
          margin-bottom: 1rem;
      }

      th,
      td {
          border: 1px solid #ddd;
          padding: 8px;
          text-align: left;
      }

      th {
          background-color: #f2f2f2;
      }

      code {
          font-family: monospace;
          background-color: #f5f5f5;
          padding: 2px 4px;
          border-radius: 4px;
      }

      @media (max-width: 480px) {
          body {
              padding: 15px;
          }

          h1 {
              margin-top: 1.2rem;
              padding-top: 20px;
              font-size: 1.6rem;
          }


          h2 {
              margin-top: 1rem;
              font-size: 1.35rem;
          }

          h3 {
              font-size: 1.2rem;
          }

          table {
              font-size: 0.9rem;
          }
      }

      .img-container {
          /* display: inline-block;
           max-width: 100%;
            margin: 0.5rem auto; */
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 1rem auto;
            width: fit-content;
          /* aspect-ratio: 16/9;
          /* 新增宽高比约束 */
          /*overflow: hidden;*/
          /*display: grid;*/
          /*place-items: center; */
      }

      .img-container img {
            width: 55%;
            height: 55%;
            display: block;
          /*object-fit: contain;*/
          /* 替换cover为contain */
          /*-webkit-object-fit: contain;*/
          /* iOS兼容 */
      }

      @media (max-width: 768px) {
          .img-container {
              max-width: 95vw;
              /* 移动端限制最大宽度 */
              margin: 0.5rem auto;
             /*aspect-ratio: 4/3;*/
              /* 移动端适用比例 */
              padding-right: 30px;
          }
      }

      @supports (-webkit-touch-callout: none) {
          .img-container {
              -webkit-overflow-scrolling: touch;
              max-height: -webkit-fill-available;
          }
      }

      .language-button {
          position: fixed;
          top: 20px;
          right: 20px;
          padding: 8px 16px;
          background-color: rgba(66, 153, 225, 0.8);
          color: white;
          border-radius: 4px;
          text-decoration: none;
          font-size: 0.9rem;
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          transition: background-color 0.2s, transform 0.2s;
          z-index: 1000;
      }

      @media (max-width: 768px) {
          .language-button {
              top: 10px;
              right: 15px;
              padding: 6px 12px;
              font-size: 0.8rem;
          }
      }