/* Style for the default hyperlink */
a {

        color:white;

    text-decoration: none;

}

/* Style for the default hyperlink on hover */
a:hover {
    color: #FF8A54; /* Change color on hover */
    text-decoration: underline; /* Underline on hover */
}

/* 公共样式 */
h1 {
    color: #FF8A54;
    text-align: left;
    font-weight: bold;
    /* margin-bottom: 15px; */
}

.timestamp {
    color: #777777;
}

body {
 
  background-color: #171717;
  color: white;
  width:100%;

}

footer {
    text-align: center;
}

.styled-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #F0F0F0;
    padding: 10px;
}

.styled-image {
    max-width: 100%;
    max-height: 100%;
}







/* 英文文字间距变小 */
@media only screen and (max-width: 767px) {
    body {
        margin: 0 auto;
        max-width: 99%;
        padding: 0 1%;
        font-size: 100%;
        line-height: 2.8em;
        letter-spacing: 0.1em; /* 英文文字的间距 */
    }

    /* 中文文字间距变大 */
    body::after {
        content: ' ';
        display: block;
        font-size: 0; /* 隐藏伪元素内容 */
        letter-spacing: 0.3em; /* 中文文字的间距，调整这个值以增加或减少中文文字间距 */
        unicode-range: u+4e00-9fa5; /* 匹配中文字符范围 */
    }
}

/* 导航栏的css */
 nav {
    background-color: #333; 
    border: 1px solid #333; 
    padding: 10px; 
    color: white; 
    margin:2px;
}

nav a {
    color: white; 
    margin-right: 10px; 
    text-decoration: none; 
}
 









/* 平板设备样式 */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    body {
        margin: 0 auto;
        max-width: 90%;
        padding: 0 5%;
        font-size: 100%;
        font-family: Georgia, serif;
        letter-spacing: 0.1em;
        word-spacing: 0.1em;
        line-height: 2.8em;
    }
}

/* 桌面端样式 */
@media only screen and (min-width: 992px) {
    body {
        margin: 0 auto;
        max-width: 80%;
        padding: 0 10%;
        font-size: 100%;
        font-family: Georgia, serif;
        letter-spacing: 0.1em;
        word-spacing: 0.1em;
        line-height: 2.8em;s
    }
}
