/**/
* {margin: 0;padding: 0;box-sizing: border-box;font-family: "PingFang SC", "Microsoft YaHei", sans-serif;}
/**/
html, body {width: 100%;overflow-x: hidden;background-color: #fdf2f8;  color: #333;}
ul,ol,li{list-style:none;list-style-type:none;}
/**/
.nav {width: 100%;height: 50px;background-color: #ed5995; display: flex;align-items: center;justify-content: space-around;position: sticky;top: 0;z-index: 999;box-shadow: 0 2px 8px rgba(0,0,0,0.1);}
.nav a {color: #fff;text-decoration: none;font-size: 16px;font-weight: 500;padding: 0 10px;}
.nav a.active {color: #ed5995; border-bottom: 2px solid #ed5995;}
/**/
.banner {width: 100%;height:auto;position: relative;overflow: hidden;}
.banner-wrapper {width: 300%;height: 100%;display: flex;transition: transform 0.5s ease;}
.banner-item {width: 33.333%;height: 100%;}
.banner-item img {width: 100%;height: 100%;object-fit: cover;}
.banner-dots {position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);display: flex;gap: 8px;}
.banner-dot {width: 8px;height: 8px;border-radius: 50%;background-color: #fff;opacity: 0.6;cursor: pointer;}
.banner-dot.active {opacity: 1;background-color: #ed5995;}
/**/
.container {width: 90%;margin: 20px auto;}
/**/
.home-module {background-color: #fff;border-radius: 12px;padding: 15px;margin-bottom: 20px;box-shadow: 0 2px 10px rgba(0,0,0,0.05);}
.home-module h2 {color: #ed5995;font-size: 18px;margin-bottom: 15px;padding-left: 10px;border-left: 3px solid #ed5995;}
.home-card {display: flex;gap: 10px;margin-bottom: 10px;}
.home-card img {width: 80px;height: 80px;border-radius: 8px;object-fit: cover;}
.home-card-content {flex: 1;}
.home-card-content h3 {font-size: 16px;margin-bottom: 5px;color: #333;}
.home-card-content p {font-size: 14px;color: #666;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
/**/
.list-item {background-color: #fff;border-radius: 12px;padding: 15px;margin-bottom: 15px;display: flex;gap: 15px;text-decoration: none;color: #333;}
.list-item img {width: 100px;height: 100px;border-radius: 8px;object-fit: cover;}
.list-content {flex: 1;}
.list-content h3 {font-size: 16px;margin-bottom: 8px;color: #333;}
.list-content .desc {font-size: 14px;color: #666;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 8px;}
.list-content .date {font-size: 12px;color: #999;}
/**/
.pagination {display: flex;justify-content: center;gap: 10px;margin: 30px 0;}
.pagination ul li {padding: 8px 15px;border: 1px solid #ed5995;background-color: #fff;color: #ed5995;border-radius: 6px;cursor: pointer;font-size: 14px;}
.pagination ul li.active {background-color: #ed5995;color: #fff;}
.pagination ul li:disabled {opacity: 0.5;cursor: not-allowed;}
/**/
.detail {background-color: #fff;border-radius: 12px;padding: 20px;margin-bottom: 20px;}
.detail-title {font-size: 20px;color: #333;margin-bottom: 15px;text-align: center;}
.detail-meta {font-size: 14px;color: #999;text-align: center;margin-bottom: 20px;}
.detail-content {font-size: 16px;line-height: 1.8;color: #333;}
.detail-content img {max-width: 100%;height:auto!important;border-radius: 8px;margin: 15px 0;}
/**/
.related {background-color: #fff;border-radius: 12px;padding: 15px;}
.related h3 {font-size: 18px;color: #ed5995;margin-bottom: 15px;padding-left: 10px;border-left: 3px solid #ed5995;}
.related-list {display: flex;flex-direction: column;gap: 10px;}
.related-item {padding: 10px;border-bottom: 1px dashed #eee;}
.related-item a {text-decoration: none;color: #333;font-size: 15px;}
.related-item a:hover {color: #ed5995;}
/**/
.footer {width: 100%;background-color: #ed5995;color: #fff;text-align: center;padding: 15px 0;font-size: 14px;margin-top: 30px;}