/*
 * Globals
 */

html {
  font-size: 85%; /* 1rem = 10px */
}

body {
  font-size: 1.2rem; /* 恢复默认16px的正文大小 */
}

.cover-container {
  max-width: 100%;
}

body, html {
  margin: 0;  /* 移除默认边距 */
  padding: 0;
  overflow-x: hidden; /* 隐藏横向溢出内容 */
}

.divider-horizontal-dark {
      border-top: 2px solid #000;
      opacity: 0.5;
      }

.divider-horizontal-white {
      border-top: 2px solid #fff;
      opacity: 0.5;
      }

.bg-dark-70{
    background-color: rgba(33, 37, 41, 0.7) !important;
} 

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-size: 1.8rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 1.0);
  background-color: transparent;
  border-bottom: .25rem solid transparent;
  outline: none; /* 移除默认外框 */
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  color: #fff;
  border-bottom-color: #fff;
  outline: none; /* 移除默认外框 */
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
  outline: none; /* 移除默认外框 */
}


.category-title{
        font-size: 1.8rem;
        font-weight: 500;
        color:black;}

.category-title-link:link{
        font-size: 1.8rem;
        font-weight: 500;
        color:black;
        text-decoration:none;   }
.category-title-link:visited{
        font-size: 2.0rem;
        font-weight: 500;
        color:black;
        text-decoration:none;   }   
.category-title-link:hover{
        font-size: 1.8rem;
        font-weight: 500;
        color:grey;
        text-decoration:none;  }


.nav-sub-link:link{
        font-size: 1.6rem;
        color:grey;
        text-decoration:none;   }
.nav-sub-link:visited{
        font-size: 1.6rem;
        color:grey;
        text-decoration:none;   }   
.nav-sub-link:hover{
        font-size: 1.6rem;
        color:black;
        text-decoration:none;  }

.nav-sub-white-link:link{
        font-size: 1.6rem;
        color:white;
        text-decoration:none;   }
.nav-sub-white-link:visited{
        font-size: 1.6rem;
        color:white;
        text-decoration:none;   }   
.nav-sub-white-link:hover{
        font-size: 1.6rem;
        color:grey;
        text-decoration:none;  }


.breadcrumb-link:link{
        font-size: 1.6rem;
        color:grey;
        text-decoration:none;   }
.breadcrumb-link:visited{
        font-size: 1.6rem;
        color:grey;
        text-decoration:none;   }   
.breadcrumb-link:hover{
        font-size: 1.6rem;
        color:black;
        text-decoration:none;  }

.button-link{
        font-size: 1.4rem;
        color:grey;}
.button-link:link{
        font-size: 1.4rem;
        color:grey;
        text-decoration:none;   }
.button-link:visited{
        font-size: 1.4rem;
        color:grey;
        text-decoration:none;   }   
.button-link:hover{
        font-size: 1.4rem;
        color:black;
        text-decoration:none;  }

.button-white-link{
        font-size: 1.4rem;
        color:white;}
.button-white-link:link{
        font-size: 1.4rem;
        color:white;
        text-decoration:none;   }
.button-white-link:visited{
        font-size: 1.4rem;
        color:white;
        text-decoration:none;   }   
.button-white-link:hover{
        font-size: 1.4rem;
        color:white;
        text-decoration:none;  }

.table-link:link{
        font-size: 1.4rem;
        color:black;
        text-decoration:none;   }
.table-link:visited{
        font-size: 1.4rem;
        color:black;
        text-decoration:none;   }   
.table-link:hover{
        font-size: 1.4rem;
        color:grey;
        text-decoration:none;  }

.card-black-link:link{
        font-size: 1.4rem;
        color:black;
        text-decoration:none;   }
.card-black-link:visited{
        font-size: 1.4rem;
        color:black;
        text-decoration:none;   }   
.card-black-link:hover{
        font-size: 1.4rem;
        color:grey;
        text-decoration:none;  }

     .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      #bg-image {
      background:url("/static/photos/demo/IMG_20230923_095338.jpg")
      background-size: 300%;
      background-position: top;
      background-repeat: no-repeat;
      }

      .divider-horizontal {
      border-top: 2px solid #000;
      margin-top: 2px;
      opacity: 0.75;
      }


      @font-face {
      font-family: 'PingfangShoushuTi';
      src: url('/static/fonts/PingfangShoushuTi.woff2') format('woff2');
      src: url('/static/fonts/PingfangShoushuTi.woff') format('woff');
      src: url('/static/fonts/PingfangShoushuTi.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
      font-display: swap; /* 避免布局偏移（FOIT/FOUT） */
      } 


      .logo-font-cn { 
        font-family:'PingfangShoushuTi';
        font-size: 3.2rem;
        letter-spacing: 0px;
        }
      .slogan-font-cn { 
        font-family:'PingfangShoushuTi';
        font-size: 2.4rem;
        letter-spacing: 0px;
        }
      .subtitle-font-cn { 
        font-family:'PingfangShoushuTi';
        font-size: 2.0rem;
        letter-spacing: 0px;
        }
      .logo-font-en {
        font-family:'Arial';
        color: rgba(255, 255, 255, .75);
        font-weight: 400}
      .logo-svg { 
        margin-right:10px;
        opacity: 0.5;
      }
      .slogan {
        font-family:'Arial','Comic Sans MS', 'Brush Script MT', cursive;
        color: rgba(255, 255, 255, .75);
        font-weight:700;
        letter-spacing: 0px;}

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

      @font-face {
      font-family: 'MizukiMing-Regular';
      src: url('/static/fonts/MizukiMing-Regular.woff2') format('woff2');
      src: url('/static/fonts/MizukiMing-Regular.woff') format('woff');
      src: url('/static/fonts/MizukiMing-Regular.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
      font-display: swap; /* 避免布局偏移（FOIT/FOUT） */
      } 
 

      .photo-summary-font-cn { 
        font-family:'MizukiMing-Regular';
        font-size: 1.6rem;
        font-weight: 200;
        letter-spacing: 0px;
        }

      .photo-exif-font-cn { 
        font-family:'MizukiMing-Regular';
        font-size: 1.6rem;
        font-weight: 200;
        letter-spacing: 0px;
        }


    .photo-nav-link:link{
            font-size: 1.8rem;
            color:grey;
            text-decoration:none; }
    .photo-nav-link:visited{
            font-size: 1.8rem;
            color:grey;
            text-decoration:none; }   
    .photo-nav-link:hover{
            font-size: 1.8rem;
            color:black;
            text-decoration:none;
            }


    .nav-start{
      border-left: 1rem dotted;
      border-left-color: grey;
      padding: 0 1rem; 
    }

    .anthor-nav-link:link{
      font-family:'MizukiMing-Regular';
            padding: 1rem 0;
            font-size: 1.8rem;
            color:black;
            text-decoration:none;
            border-bottom: .25rem solid transparent;
            outline: none; /* 移除默认外框 */   }
    .anthor-nav-link:visited{
      font-family:'MizukiMing-Regular';
            padding: 1rem 0;
            font-size: 1.8rem;
            color:black;
            text-decoration:none;
            border-bottom: .25rem solid transparent;
            outline: none; /* 移除默认外框 */   }   
    .anthor-nav-link:hover{
      font-family:'MizukiMing-Regular';
            padding: 1rem 0;
            font-size: 1.8rem;
            color:grey;
            text-decoration:none;
            text-decoration:none;  
            border-bottom-color: grey;
            outline: none; /* 移除默认外框 */
            }


.blog-summary-font-cn { 
        font-family:'MizukiMing-Regular';
        font-size: 1.6rem;
        font-weight: 200;
        letter-spacing: 0px;
        }

.background_recommend_lable{
        font-size: 2rem;
        color:white;}
.background_recommend_memo{
        font-size: 1.5rem;
        color:white;}

@font-face {
      font-family: 'CunSong';
      src: url('/static/fonts/CunSong.woff2') format('woff2');
      src: url('/static/fonts/CunSong.woff') format('woff');
      src: url('/static/fonts/CunSong.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
      font-display: swap; /* 避免布局偏移（FOIT/FOUT） */
      }

@font-face {
      font-family: 'XiangcuiDengcusong';
      src: url('/static/fonts/XiangcuiDengcusong.woff2') format('woff2');
      src: url('/static/fonts/XiangcuiDengcusong.woff') format('woff');
      src: url('/static/fonts/XiangcuiDengcusong.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
      font-display: swap; /* 避免布局偏移（FOIT/FOUT） */
      }

@font-face {
      font-family: 'NanoFullSong-Regular';
      src: url('/static/fonts/NanoFullSong-Regular.woff2') format('woff2');
      src: url('/static/fonts/NanoFullSong-Regular.woff') format('woff');
      src: url('/static/fonts/NanoFullSong-Regular.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
      font-display: swap; /* 避免布局偏移（FOIT/FOUT） */
      }

.background_recommend_lable_font_cn { 
        font-family:'NanoFullSong-Regular';
        font-size: 1.6rem;
        font-weight: 400;
        letter-spacing: 0px;
        color: white;
        }
.background_recommend_memo_font_cn { 
        font-family:'NanoFullSong-Regular';
        font-size: 1.4rem;
        font-weight: 200;
        letter-spacing: 0px;
        color: white;
        }

.article_recommend_lable_font_cn { 
        font-family:'NanoFullSong-Regular';
        font-size: 1.4rem;
        font-weight: 400;
        letter-spacing: 0px;
        }
.article_recommend_memo_font_cn { 
        font-family:'NanoFullSong-Regular';
        font-size: 1.4rem;
        font-weight: 200;
        letter-spacing: 0px;
        }

.image-hover-shadow:hover {
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
  transition: box-shadow 0.3s ease;
}

.background-nav-link:link{
        font-size: 1.8rem;
        font-weight: 500;
        color:white;
        background-color: transparent;
        border-bottom: .25rem solid transparent;
        outline: none; /* 移除默认外框 */
        text-decoration:none; }
.background-nav-link:visited{
        font-size: 1.8rem;
        font-weight: 500;
        color:white;
        background-color: transparent;
        border-bottom: .25rem solid transparent;
        outline: none; /* 移除默认外框 */
        text-decoration:none; }   
.background-nav-link:hover{
        font-size: 1.8rem;
        font-weight: 500;
        color:white;
        background-color: transparent;
        border-bottom: .25rem solid transparent;
        outline: none; /* 移除默认外框 */
        border-bottom-color: #fff;
        }

.background_display_lable { 
        font-size: 7rem;
        font-weight: 700;
        letter-spacing: 0px;
        color: white;
        }

.article_card_summary:link{
    font-size: 1.6rem;
    color:black;
    text-decoration:none;   }
.article_card_summary:visited{
    font-size: 1.6rem;
    color:black;
    text-decoration:none;   }   
.article_card_summary:hover{
    font-size: 1.6rem;
    color:grey;
    text-decoration:none;  }