body {
       margin: 0;
       font-family: "Noto Serif JP", serif;
       font-weight: 400;
       font-style: normal;
       font-size: 1.1em;
   }

   body::before {
       content: "";
       position: fixed;
       inset: 0;
       background: url("https://www.junyanese.site/style/jsbgs.png") center / cover no-repeat;
       opacity: 0.5;
       pointer-events: none;
       z-index: -1;
   }

   header,
   footer {
       color: black;
       padding: 1rem;
       text-align: center;
       box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
              background-color: rgba(255, 255, 255, 0.88);
       box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
       backdrop-filter: blur(4px);
   }

   header img {
       width: 280px;
       height: auto;
   }

   section {
       max-width: 90%;
       margin: 3rem;
       padding: 1rem;
       background-color: rgba(255, 255, 255, 0.88);
       box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
       backdrop-filter: blur(4px);
       border-radius: 15px;
   }

   a {
       color: #0066cc;
       text-decoration: none;
   }

   a:hover {
       text-decoration: underline;
   }

   .back-to-home {
       position: fixed;
       bottom: 20px;
       /* 距離下方 20px */
       right: 20px;
       /* 距離右邊 20px */
       z-index: 999;
       /* 確保蓋在上層 */

       padding: 10px 16px;
       background-color: #333;
       color: #fff;
       text-decoration: none;
       font-size: 14px;
       border-radius: 999px;
       /* 圓角膠囊 */
       box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
   }

   .back-to-home:hover {
       background-color: #555;
   }

   h1 {
       font-size: 1.6em;
       line-height: 100%;
   }

   h2 {
       font-size: 1.25em;
       line-height: 100%;
   }

   h3 {
       font-size: 1.1em;
       line-height: 100%;
   }

   .smaller {
       font-size: 0.8em;
   }

   /* class p1代表日文段落，縮排一字。p2代表漢語段落，縮排兩字，英文段落不縮排 */
   .p1 {
       text-indent: 1em;
   }

   .p2 {
       text-indent: 2em;
       font-family: "Chocolate Classical Sans";
       font-style: normal;
   }