h1, h2, h3, h4, h5, p {
    text-align: center;
}

h1 {
    font-size: 6vw;
}

h2 {
    font-size: 5vw;
}

h3 {
    font-size: 4vw;
}

h4 {
    font-size: 3vw;
}

h5 {
    font-size: 2vw;
}

p {
    font-size: 1.5vw;
    margin: 0;
    padding: 0;
}

p34 {
    font-size: 3.4vw;
    margin: 0;
    padding: 0;
}

p50 {
    font-size: 5.0vw;
    margin: 0;
    padding: 0;
}

.left-align {
    text-align: left;
}

.centered-div {
    text-align: center;
}

.left-div {
    text-align: left;
    margin-left: 8vw;
}

.right-div {
    text-align: right;
    margin-right: 8vw;
}

.cropped-image {
    width: 88%;
    height: auto;
    clip-path: inset(10% 10% 10% 10%); /* 裁剪掉四周的10% */
}

.original-image {
    width: 100%;
    height: auto;
}

.original-image-width-90-percent {
    width: 90%;
    height: auto;
}

.original-image-width-88-percent {
    width: 88%;
    height: auto;
}

.original-image-width-85-percent {
    width: 85%;
    height: auto;
}

.original-image-width-80-percent {
    width: 80%;
    height: auto;
}

.original-image-width-60-percent {
    width: 60%;
    height: auto;
}

/* 添加以下样式来美化链接 */
.custom-link {
    font-size: 4.5vw;
    display: inline-block; /* 使用块级元素，实现自动换行 */
    padding: 0.3em 0.6em;
    background-color: rgba(236, 79, 89, 0.93);
    color: #fff;
    text-decoration: none;
    margin-bottom: 3vw;
    border-radius: 1.5vw;
    transition: background-color 0.3s ease;
}

.custom-link:hover {
    background-color: #e80510;
}

.wechat-link {
    font-size: 5vw;
    display: inline-block; /* 使用块级元素，实现自动换行 */
    padding: 0.2em 0.5em;
    background-color: #49C158;
    color: #fff;
    text-decoration: none;
    margin-bottom: 0vw;
    border-radius: 1.5vw;
    transition: background-color 0.3s ease;
}

.wechat-link:hover {
    background-color: #49A158;
}


/* 样式可以根据需求自定义 */
.backButton {
    display: none; /* 默认隐藏返回按钮 */
    font-size: 4vw;
    padding: 0.2em 0.5em;
    background-color: #fa627a;
    color: #fff;
    text-decoration: none;
    border-radius: 1vw;
    transition: background-color 0.3s ease;
    cursor: pointer;
}

.backButton:hover {
    background-color: #f53454;
}

.link-button {
    background-color: #fa627a;
    padding: 0.2em;
    font-size: 6vw;
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    border-radius: 0.2em;
    margin-top: 5vw;
    margin-bottom: 5vw;
}

a:link {
    color: white;
    text-decoration: none;
}

/* 未被访问的链接 */
a:visited {
    color: white;
}

/* 已被访问的链接 */
a:hover {
    color: white;
}

/* 鼠标指针移动到链接上 */
a:active {
    color: white;
    background-color: transparent
}

