* {margin: 0;padding: 0;box-sizing: border-box;font-family: "Microsoft Yahei", sans-serif;}
html {font-size: 16px;font-size: calc(100vw / 375 * 16); }
body {background-color: #f5f5f5;color: #333;line-height: 1.6;}
ul, li {list-style: none;}
a {text-decoration: none;color: #333;}
.container {width: 100%;max-width: 750px;margin: 0 auto;padding: 0 0.5rem;}
.header {background-color: #e45a98;color: #fff;padding: 0.75rem 0;position: fixed;top: 0;left: 0;right: 0;z-index: 999;}
.header .container {display: flex;justify-content: space-between;align-items: center;}
.logo {font-size: 1.2rem;font-weight: bold;color: #fff;}
.menu-btn {width: 1.5rem;height: 1.5rem;display: flex;flex-direction: column;justify-content: space-around;cursor: pointer;}
.menu-btn span {display: block;width: 100%;height: 0.15rem;background-color: #fff;}
.nav {position: fixed;top: 3.2rem;left: 0;right: 0;background-color: #d40e67;transform: translateX(-100%);transition: transform 0.3s ease;z-index: 998;}
.nav.active {transform: translateX(0);}
.nav ul {padding: 1rem 0;}
.nav li {padding: 0.75rem 1rem;border-bottom: 1px solid #e45a98;}
.nav li a {color: #fff;font-size: 1rem;display: block;}
.nav li a:hover {color: #af8cce;}
.main {margin-top: 3.2rem;padding: 1rem 0;}
.page-title {font-size: 1.5rem;color: #e45a98;margin: 1rem 0;padding-bottom: 0.5rem;border-bottom: 2px solid #af8cce;}
.card-list {display: flex;flex-direction: column;gap: 1rem;margin: 1rem 0;}
.card {background-color: #fff;border-radius: 0.5rem;overflow: hidden;box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,0.1);}
.card-img {width: 100%;height: 10rem;object-fit: cover;}
.card-content {padding: 1rem;}
.card-title {font-size: 1.1rem;margin-bottom: 0.5rem;color: #e45a98;}
.card-desc {font-size: 0.9rem;color: #666;margin-bottom: 0.5rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.card-time {font-size: 0.8rem;color: #999;}
.detail {background-color: #fff;padding: 1rem;border-radius: 0.5rem;box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,0.1);}
.detail-img {width: 100%;height: auto;border-radius: 0.5rem;margin: 1rem 0;}
.detail-content {font-size: 0.95rem;line-height: 1.8;color: #444;}
.detail-content img{width:100%!important;height:auto!important;}
.detail-content p {margin-bottom: 1rem;}
.simple-page {background-color: #fff;padding: 1rem;border-radius: 0.5rem;box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,0.1);}
.simple-page img {width: 100%;height: auto;border-radius: 0.5rem;margin: 1rem 0;}
.simple-page p {font-size: 0.95rem;line-height: 1.8;color: #444;margin-bottom: 1rem;}
.banner {width: 100%;background-size: cover;display: flex;align-items: center;justify-content: center;}
.home-module {margin: 2rem 0;}
.home-module h2 {margin-bottom: 1rem;padding-left: 0.5rem;border-left: 0.3rem solid #e45a98;}
.home-module h2 a{font-size: 1.3rem;color: #e45a98;}
.link-btn {display: inline-block;padding: 0.5rem 1rem;background-color: #af8cce;color: #fff;border-radius: 0.3rem;font-size: 0.9rem;margin-top: 0.5rem;}
.listoption,.footer{width:100%;float:left;overflow:hidden;}
.listoption ul{float:left;padding:12px 0px 12px 16px;}
.listoption ul li{float:left;font-family:Tahoma;line-height:18px;margin:6px;border:1px solid #E9E9E9;font-size:14px;}
.listoption ul li a{float:left;padding:8px;color:#555;display:block;font-size:14px;line-height:18px;}
.listoption ul li a:hover{color:#e45a98;text-decoration:none;padding:8px;font-size:14px;line-height:18px;}
.listoption ul li.thisclass,.listoption ul li.thisclass a,.pagebox ul li.thisclass a:hover{background-color:#e45a98;color:#fff;font-weight:bold;padding:8px;font-size:14px;line-height:18px;}
.listoption .pageinfo{padding:8px;color:#999;line-height:18px;}
.listoption .pageinfo strong{font-weight:normal;margin:0px 2px;line-height:18px;}
.footer {background-color: #e45a98;color: #fff;padding: 1.5rem 0;margin-top: 2rem;text-align: center;overflow:hidden;}
.footer p {font-size: 0.8rem;margin-bottom: 0.5rem;}
@media (min-width: 480px) {
	html 
	{  font-size: calc(100vw / 480 * 16);}
}