.yangjia-news-module {
font-family: 'Microsoft YaHei', 'Segoe UI', sans-serif;
margin: 0 auto;
background-color: var(--bg-light);
color: var(--text-dark);
line-height: 1.6;
}
.yangjia-news-module * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.yangjia-news-module .container {
max-width: 1560px;
margin: 0 auto;
padding: 80px 20px 80px 20px;
}
.yangjia-news-module .content-wrapper {display: flex;gap: 40px;}
.yangjia-news-module .left-column {
flex: 2;
display: flex;
flex-direction: column;
}
.yangjia-news-module .carousel-section {
background-color: var(--bg-white);
border-radius: 10px 10px 0 0; 
overflow: hidden;
box-shadow: var(--shadow-light);
position: relative;
}
.yangjia-news-module .carousel-container {
position: relative;
height:450px;
overflow: hidden;
}
.yangjia-news-module .carousel-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity var(--transition-slow);
}
.yangjia-news-module .carousel-slide.active {
opacity: 1;
}
.yangjia-news-module .carousel-slide img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.yangjia-news-module .slide-link {
display: block;
width: 100%;
height: 100%;
position: relative;
}
.yangjia-news-module .slide-content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(to top, rgba(0,0,0,0.85), transparent);
color: white;
padding: 30px;
}
.yangjia-news-module .slide-title {
font-size: 24px;
margin-bottom:0px;
font-weight:500;
text-shadow:1px 1px 3px rgba(0,0,0,0.5);
}
.yangjia-news-module .slide-desc {
font-size: 16px;
opacity: 0.95;
max-width: 80%;
text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.yangjia-news-module .carousel-controls {
position: absolute;
bottom: 30px;
right: 30px;
display: flex;
gap: 12px;
z-index: 10;
}
.yangjia-news-module .carousel-btn {
width: 46px;
height: 46px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.9);
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
color: var(--primary-color);
transition: all var(--transition-normal);
}
.yangjia-news-module .carousel-btn:hover {
background-color: white;
transform: scale(1.1);
box-shadow: var(--shadow-light);
}
.yangjia-news-module .news-section {
background-color: var(--bg-white);
border-radius: 0 0 12px 12px;
padding: 20px;
box-shadow: var(--shadow-light);
margin-top: -5px;
}
.yangjia-news-module .news-list {
display: flex;
flex-direction: column;
gap: 20px;
}
.yangjia-news-module .news-item {padding:6px;border-radius:8px;/* background-color: #faf9f7; */cursor: pointer;transition: all var(--transition-normal);display: flex;align-items: flex-start;gap:10px;text-decoration: none;color: inherit;}
.yangjia-news-module .news-item:hover {
background-color: white;
transform: translateY(-3px);
/* box-shadow: var(--shadow-light); */
}
.yangjia-news-module .news-date {
min-width:100px;
text-align: center;
background-color: var(--primary-color);
color: white;
padding: 10px;
border-radius:6px;
font-weight:500;
font-size: 14px;
}
.yangjia-news-module .news-content {
flex: 1;
}
.yangjia-news-module .news-item-title {
font-weight: 600;
color: var(--text-dark);
margin-bottom: 10px;
font-size: 18px;
display: flex;
align-items: center;
}
.yangjia-news-module .news-item-title i {
margin-right: 10px;
color: var(--patriotic-red);
font-size: 16px;
}
.yangjia-news-module .news-item-desc {
color: var(--text-medium);
font-size: 15px;
line-height: 1.6;
}
.yangjia-news-module .service-section {
flex: 1;
background-color: var(--bg-white);
border-radius: 12px;
padding:20px;
display: flex;
flex-direction: column;
}
.yangjia-news-module .service-header {
margin-bottom: 10px;
}
.yangjia-news-module .service-title {font-size: 24px;color: var(--primary-color);/* font-weight: 700; *//* margin-bottom: 5px; */}
.yangjia-news-module .date-info {background-color: #faf9f7;padding: 20px;border-radius:8px;margin-bottom: 20px;text-align: center;}
.yangjia-news-module .current-date {font-size: 24px;color: var(--primary-color);font-weight: 800;/* margin-bottom: 10px; */}
.yangjia-news-module .opening-info {
color: var(--primary-color);
font-weight: 600;
margin-bottom: 8px;
font-size: 18px;
}
.yangjia-news-module .closure-notice {
color: #999;
font-size: 14px;
margin-top: 10px;
line-height: 1.5;
}
.yangjia-news-module .time-cards {
display: flex;
justify-content: space-between;
margin-bottom:12px;
gap: 10px;
}
.yangjia-news-module .time-card {
flex: 1;
text-align: center;
padding:14px 8px;
background-color: #faf9f7;
border-radius:8px;
transition: all var(--transition-normal);
}
.yangjia-news-module .time-card:hover {
background-color: #f5f3ef;
}
.yangjia-news-module .time-value {font-size: 24px;font-weight: 800;color: var(--primary-color);margin-bottom: 3px;}
.yangjia-news-module .time-label {font-size: 15px;color: var(--text-medium);}
.yangjia-news-module .booking-btn-container {margin: 20px;}
.yangjia-news-module .booking-btn {
width: 100%;
padding: 18px;
background-color: var(--patriotic-red);
background: linear-gradient(135deg, #8B4513, #A0522D);
color: white;
border: none;
border-radius:50px;
font-size: 18px;
font-weight: 700;
cursor: pointer;
transition: all var(--transition-normal);
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
text-decoration: none;
text-align: center;
box-shadow: 0 4px 12px rgba(214, 40, 40, 0.2);
box-shadow: 0 8px 20px rgba(139, 69, 19, 0.2);
}
.yangjia-news-module .booking-btn:hover {
background-color: var(--accent-color);
transform: translateY(-3px);
box-shadow: 0 6px 16px rgba(214, 40, 40, 0.3);
}
.yangjia-news-module .service-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap:20px;
}
.yangjia-news-module .service-item {
background-color: #faf9f7;
padding: 15px 10px;
border-radius:8px;
text-align: center;
cursor: pointer;
transition: all var(--transition-normal);
text-decoration: none;
color: inherit;
border: 1px solid #eee;
}
.yangjia-news-module .service-item:hover {
background-color: white;
transform: translateY(-3px);
box-shadow: var(--shadow-light);
}
.yangjia-news-module .service-icon {
font-size: 26px;
color: var(--primary-color);
margin-bottom:2px;
}
.yangjia-news-module .service-item-title {/* font-weight: 600; */color: var(--text-dark);/* font-size: 15px; */}
.yangjia-news-module .contact-info {
<!-- background-color: #faf9f7;-->
padding: 20px;border-radius:8px;text-align: center;/* margin-top: auto; */}
.yangjia-news-module .contact-title {
font-weight: 300;
color: var(--primary-color);
margin-bottom:5px;
font-size: 16px;
}
.yangjia-news-module .phone-number {
font-size: 24px;
color: var(--primary-color);
font-weight:400;
margin:8px 0;
display: block;
text-decoration: none;
transition: color var(--transition-normal);
}
.yangjia-news-module .phone-number:hover {
color: var(--patriotic-red);
}
.yangjia-news-module .service-time {
color: var(--text-medium);
font-size: 15px;
margin-top: 8px;
}
@media (max-width: 1200px) {
.yangjia-news-module .content-wrapper {
gap: 25px;
}
.yangjia-news-module .carousel-container {
height: 340px;
}
}
@media (max-width: 992px) {
.yangjia-news-module .content-wrapper {
flex-direction: column;
}
.yangjia-news-module .carousel-container {
height: 320px;
}
.yangjia-news-module .time-cards {
flex-wrap: wrap;
}
.yangjia-news-module .time-card {
min-width: calc(33.333% - 10px);
}
}
@media (max-width: 768px) {
.yangjia-news-module .time-cards {
flex-wrap: wrap;
}
.yangjia-news-module .time-card {
min-width: calc(50% - 10px);
}
.yangjia-news-module .service-grid {
/* grid-template-columns: 1fr; */
}
}
@media (max-width: 576px) {
.yangjia-news-module .carousel-section {
display: none;
}
.yangjia-news-module .news-section {
margin-top: 0;
border-radius:8px; 
}
.yangjia-news-module .news-item {
flex-direction: column;
gap: 15px;
padding:5px;
}
.yangjia-news-module .news-date {
align-self: flex-start;
min-width:90px;
}
.yangjia-news-module .service-section {
padding:20px;
}
.yangjia-news-module .time-card {
/* min-width: 100%; */
padding: 16px 8px;
margin-bottom: 5px;
}
.yangjia-news-module .time-value {
font-size: 24px;
}
.yangjia-news-module .time-cards {
margin-bottom: 20px;
gap: 8px;
}
.yangjia-news-module .date-info {
padding: 16px;
margin-bottom: 20px;
}
.yangjia-news-module .booking-btn {
padding: 16px;
font-size: 16px;
}
.yangjia-news-module .service-grid {
gap: 12px;
margin-bottom: 20px;
}
.yangjia-news-module .service-item {
padding: 16px 10px;
}
.yangjia-news-module .contact-info {
padding: 16px;
}
.yangjia-news-module .phone-number {
font-size: 22px;
}
.yangjia-news-module .container {
padding: 20px 15px;
}
}
/* 针对小屏幕手机的额外优化 */
@media (max-width: 375px) {
.yangjia-news-module .service-title {
font-size: 22px;
}
.yangjia-news-module .time-value {
font-size: 22px;
}
.yangjia-news-module .phone-number {
font-size: 20px;
}
.yangjia-news-module .news-item-title {
font-size: 16px;
}
.yangjia-news-module .news-item-desc {
font-size: 14px;
}
}