.banner img{max-width:100%;}

/* 新闻列表主体 */
.news-list-section {background: #fff;}
.news-item {display: grid;grid-template-columns: 96px 1fr 120px;gap: 34px;align-items: center;padding: 32px 0;border-bottom: 1px solid #e7eef8;}
.news-date {text-align: left;}
.news-date .day {font-size: 34px;line-height: 1;font-weight: 800;color: #14213d;margin-bottom: 8px;}
.news-date .ym {font-size: 14px;color: #6f7e92;margin-bottom: 10px;}
.news-date .tag {display: inline-block;padding: 4px 8px;font-size: 12px;color: #0969e8;background: #eaf3ff; border-radius: 4px;line-height: 1.4;}
.news-content h3 {font-size: 21px;font-weight: 800;color: #14213d;margin-bottom: 12px;line-height: 1.5;}
.news-content h3 a {color: inherit;text-decoration: none;}
.news-content h3 a:hover {color: #0969e8;}
.news-content p {margin: 0;color: #5f6f84;font-size: 15px;line-height: 1.9;}
.news-more {text-align: right;}
.news-more a {color: #0969e8;font-weight: 700;font-size: 14px;text-decoration: none; white-space: nowrap;}
.news-more a i {margin-left: 6px;}
.news-more a:hover {color: #0056d6;}

@media (max-width: 768px) {
  .news-item {grid-template-columns: 70px 1fr;gap: 18px;padding: 24px 0;align-items: flex-start;}
  .news-date .day {font-size: 28px;}
  .news-content h3 {font-size: 18px;margin-bottom: 8px;}
  .news-content p {font-size: 14px;line-height: 1.8;}
  .news-more {grid-column: 2 / 3;text-align: left;margin-top: -6px;}
}

@media (max-width: 480px) {
  .news-list-section {padding-top: 32px !important;padding-bottom: 32px !important;}
  .news-item {grid-template-columns: 1fr;gap: 10px;}
  .news-date {display: flex;align-items: center;gap: 10px;}
  .news-date .day {font-size: 24px;margin-bottom: 0;}
  .news-date .ym { margin-bottom: 0;}
  .news-more {grid-column: auto;}
}



/* 内容详情页 */
.article-detail-section {background: #fff;}
.article-breadcrumb {font-size: 14px;color: #7b8aa0;}
.article-breadcrumb .breadcrumb {align-items: center;}
.article-breadcrumb .breadcrumb-item {color: #7b8aa0;}
.article-breadcrumb .breadcrumb-item a {color: #7b8aa0;text-decoration: none;}
.article-breadcrumb .breadcrumb-item a:hover {color: #0969e8;}
.article-breadcrumb .breadcrumb-item + .breadcrumb-item::before {color: #a8b4c4;content: ">";}
.article-breadcrumb i {color: #0969e8;margin-right: 4px;}
.article-main {padding-right: 10px;}
.article-title {font-size: 32px;line-height: 1.45;font-weight: 800;color: #14213d;margin-bottom: 20px;text-align:center}
.article-meta {display: flex;flex-wrap: wrap;gap: 32px;color: #6f7e92;font-size: 14px;margin-bottom: 24px;}
.article-summary {background: #f4f9ff;border: 1px solid #dbeafc;border-radius: 8px;padding: 20px 24px; color: #2d3f58;font-size: 15px;line-height: 1.9;font-weight: 600;margin-bottom: 28px;}
.article-cover {margin-bottom: 26px;border-radius: 8px;overflow: hidden;background: #f3f7fc;border: 1px solid #e6eff9;}
.article-cover img {width: 100%;display: block;border-radius: 8px;}
.article-content {color: #2d3f58;font-size: 16px;line-height: 2;}
.article-content img{display:block;max-width:100%;}
.article-content p {margin-bottom: 18px;}
.article-content h2 {font-size: 22px;font-weight: 800;color: #14213d;margin: 26px 0 12px;}
.article-page-nav {display: flex;justify-content: space-between;gap: 18px;}
.article-page-nav a{color:#0969e8;}
.article-page-nav a:hover {background: #f3f8ff;border-color: #0969e8;}
.article-page-nav .prev,.article-page-nav .next{flex:1;min-height:42px;padding:9px 18px;box-sizing:border-box;border:1px solid #c8def8;border-radius:8px;color:#0969e8;font-size:14px;display:flex;align-items:center;gap:8px;background:#fff;}



.article-page-nav .next {justify-content: flex-end;text-align: right;}
.article-sidebar {position: sticky;top: 120px;}
.side-card {background: #fff;border: 1px solid #e4edf8;border-radius: 12px;padding: 28px 26px;box-shadow: 0 12px 32px rgba(29, 92, 154, 0.06);margin-bottom: 28px;}
.side-title {font-size: 22px;font-weight: 800;color: #14213d;margin-bottom: 22px;}
.hot-list {list-style: none;padding: 0;margin: 0;}
.hot-list li {display: grid;grid-template-columns: 28px 1fr;gap: 12px;align-items: flex-start;margin-bottom: 22px;}
.hot-list li:last-child {margin-bottom: 0;}
.hot-list span {width: 24px;height: 24px;border-radius: 50%;background: #0969e8;color: #fff;font-size: 13px;font-weight: 700;display: flex;align-items: center;justify-content: center;}
.hot-list span.gray {background: #dbe4f0;color: #7a8798;}
.hot-list a {color: #40536d;font-size: 15px;line-height: 1.7;text-decoration: none;}
.hot-list a:hover {color: #0969e8;}
.side-appoint {position: relative;overflow: hidden;border-radius: 12px;padding: 30px 28px;min-height: 170px;background: linear-gradient(135deg, #0b78ff, #4bb0ff);color: #fff;box-shadow: 0 18px 36px rgba(9, 105, 232, 0.22);}
.side-appoint h3 {font-size: 24px;font-weight: 800;margin-bottom: 6px;}
.side-appoint p {font-size: 15px;opacity: 0.9;margin-bottom: 24px;}
.side-appoint a {display: inline-flex;align-items: center;gap: 8px;background: #fff;color: #0969e8;border-radius: 999px;padding: 9px 22px;font-weight: 800;font-size: 14px;text-decoration: none;}
.appoint-bg {position: absolute;right: 20px;bottom: 14px;font-size: 92px;color: rgba(255, 255, 255, 0.13);}

/* 平板 */
@media (max-width: 991px) {
  .article-main {padding-right: 0;}
  .article-sidebar {position: static; margin-top: 20px;}
  .article-title {font-size: 28px;}
}

/* 手机 */
@media (max-width: 768px) {
.article-detail-section {padding-top: 32px !important;padding-bottom: 36px !important;}
.article-title {font-size: 24px;line-height: 1.5;}
.article-meta {gap: 10px 20px;font-size: 13px;}
.article-summary {padding: 16px;font-size: 14px;}
.article-content {font-size: 15px;line-height: 1.9;}
.article-content h2 {font-size: 20px;}
.article-page-nav {flex-direction: column;}
.article-page-nav .next {justify-content: flex-start;text-align: left;}
.side-card {padding: 24px 20px;}
.side-appoint {padding: 26px 22px;}
}

/* 小屏手机 */
@media (max-width: 480px) {
.article-title {font-size: 22px;}
.article-meta {display: block;}
.article-meta span {display: block;margin-bottom: 6px;}
.article-cover {margin-left: -2px;margin-right: -2px;}
.hot-list li {margin-bottom: 18px;}
.side-appoint h3 {font-size: 21px;}
}

/* 手机端定稿：列表页和详情页不再使用桌面布局 */
.news-list-section{padding-top:32px!important;padding-bottom:32px!important;}
.news-item{grid-template-columns:1fr;gap:10px;padding:24px 0;align-items:flex-start;}
.news-date{display:flex;align-items:center;gap:10px;}
.news-date .day{font-size:24px;margin-bottom:0;}
.news-date .ym{margin-bottom:0;}
.news-content h3{font-size:18px;margin-bottom:8px;}
.news-content p{font-size:14px;line-height:1.8;}
.news-more{grid-column:auto;text-align:left;margin-top:0;}
.news-page .pagination{gap:6px;flex-wrap:wrap;}
.news-page .page-link{min-width:34px;text-align:center;border-radius:8px;}

.article-detail-section{padding-top:32px!important;padding-bottom:36px!important;}
.article-breadcrumb{font-size:13px;line-height:1.7;}
.article-breadcrumb .breadcrumb{row-gap:4px;}
.article-main{padding-right:0;}
.article-title{font-size:22px;line-height:1.5;}
.article-meta{display:block;font-size:13px;}
.article-meta span{display:block;margin-bottom:6px;}
.article-summary{padding:16px;font-size:14px;}
.article-cover{margin-left:-2px;margin-right:-2px;}
.article-content{font-size:15px;line-height:1.9;}
.article-content h2{font-size:20px;}
.article-page-nav{flex-direction:column;}
.article-page-nav .next{justify-content:flex-start;text-align:left;}
.article-sidebar{position:static;margin-top:20px;}
.side-card{padding:24px 20px;}
.hot-list li{margin-bottom:18px;}
.side-appoint{padding:26px 22px;}
.side-appoint h3{font-size:21px;}



/*三个院区*/
.contact-campus-list{width:100%;}
.contact-campus-item{display:flex;flex-direction:column;width:100%;min-height:0;margin-bottom:14px;background:#fff;border:1px solid #e9f0f8;border-radius:9px;overflow:hidden;box-shadow:0 4px 18px rgba(24,78,125,0.05);transition:all 0.3s ease;}
.contact-campus-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(24,78,125,0.10);}
.contact-campus-info{width:100%;padding:16px 15px;min-width:0;box-sizing:border-box;}
.contact-campus-title{display:flex;align-items:center;margin-bottom:13px;}
.contact-campus-icon{display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;margin-right:9px;border:1px solid #d9eaff;border-radius:50%;background:#f4f9ff;color:#1677ff;font-size:16px;}
.contact-campus-title h3{margin:0;color:#142b46;font-size:16px;font-weight:700;line-height:1.4;}
.contact-campus-detail{margin:0;padding:0;list-style:none;}
.contact-campus-detail li{display:flex;align-items:flex-start;margin-bottom:9px;color:#65758a;font-size:12px;line-height:1.6;}
.contact-campus-detail li:last-child{margin-bottom:0;}
.contact-campus-detail > li > i{flex:0 0 18px;width:18px;color:#1677ff;font-size:14px;line-height:1.5;}
.contact-campus-text{flex:1;min-width:0;padding-left:3px;}
.contact-campus-text strong{display:block;margin:0 0 1px;color:#354b63;font-size:15px;font-weight:600;line-height:1.5;}
.contact-campus-text span{display:block;color:#718198;font-size:15px;line-height:1.6;}
.contact-campus-map{display:inline-flex;align-items:center;margin-top:10px;padding:5px 11px;border:1px solid #b9d8ff;border-radius:20px;color:#1677ff;background:#f7fbff;font-size:12px;text-decoration:none;transition:all 0.25s ease;}
.contact-campus-map i{margin-right:4px;font-size:12px;}
.contact-campus-map:hover{color:#fff;background:#1677ff;border-color:#1677ff;text-decoration:none;}
.contact-campus-image{flex:none;order:2;width:100%;height:145px;min-height:145px;overflow:hidden;position:relative;}
.contact-campus-image img{display:block;width:100%;height:100%;min-height:145px;object-fit:cover;transition:transform 0.5s ease;}
.contact-campus-item:hover .contact-campus-image img{transform:scale(1.04);}


/*服务流程*/
.service-flow-box{width:100%;color:#17233d;}
.service-flow-head{margin-bottom:34px;}
.service-flow-head h2{position:relative;margin:0 0 10px;padding-left:18px;font-size:28px;font-weight:700;line-height:1.4;color:#17233d;}
.service-flow-head h2::before{content:"";position:absolute;left:0;top:8px;width:5px;height:24px;border-radius:4px;background:#1677ff;}
.service-flow-head p{margin:0;font-size:15px;line-height:1.8;color:#71809d;}

.service-flow-overview{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;row-gap:26px;column-gap:20px;margin-bottom:38px;}
.service-flow-step{flex:0 0 112px;text-align:center;}
.service-flow-overview .service-flow-step:nth-child(1){grid-column:1;grid-row:1;}
.service-flow-overview .service-flow-step:nth-child(3){grid-column:2;grid-row:1;}
.service-flow-overview .service-flow-step:nth-child(5){grid-column:3;grid-row:1;}
.service-flow-overview .service-flow-step:nth-child(7){grid-column:1;grid-row:2;}
.service-flow-overview .service-flow-step:nth-child(9){grid-column:2;grid-row:2;}
.service-flow-arrow{position:absolute;width:50px;margin-top:22px;text-align:center;color:#5b9bff;}
.service-flow-overview .service-flow-arrow:nth-child(2){top:0;left:calc(33.333% - 25px);}
.service-flow-overview .service-flow-arrow:nth-child(4){top:0;left:calc(66.666% - 25px);}
.service-flow-overview .service-flow-arrow:nth-child(6){display:none;}
.service-flow-overview .service-flow-arrow:nth-child(8){top:calc(50% + 13px);left:calc(33.333% - 25px);}
.service-flow-arrow::before{content:"";position:absolute;top:11px;left:0;right:0;border-top:1px dashed #bfd8ff;}
.service-flow-arrow i{position:relative;z-index:2;padding:0 2px;font-size:19px;background:#fff;top:-6px}
.service-flow-num{display:flex;align-items:center;justify-content:center;width:58px;height:58px;margin:0 auto 14px;border-radius:50%;font-size:22px;font-weight:700;color:#fff;background:linear-gradient(135deg,#096cf4,#4897ff);box-shadow:0 8px 18px rgba(22,119,255,0.18);}
.service-flow-step h3{margin:0 0 7px;font-size:17px;font-weight:700;color:#17233d;}
.service-flow-step p{margin:0;font-size:13px;line-height:1.6;color:#8190aa;}

.service-flow-list{position:relative;border:1px solid #e8eff8;border-radius:8px;overflow:hidden;background:#fff;}
.service-flow-list::before{content:"";position:absolute;left:55px;top:48px;bottom:48px;width:1px;border-left:1px dashed #cbdfff;}
.service-flow-item{position:relative;display:flex;min-height:112px;padding:22px 24px 22px 20px;border-bottom:1px solid #edf2f8;}
.service-flow-item:last-child{border-bottom:0;}
.service-flow-icon{position:relative;z-index:2;flex:0 0 70px;display:flex;align-items:flex-start;justify-content:center;padding-top:3px;}
.service-flow-icon i{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;font-size:22px;color:#1677ff;background:#eef5ff;}
.service-flow-detail{flex:1;padding-left:10px;}
.service-flow-title{display:flex;align-items:center;margin-bottom:8px;}
.service-flow-title span{margin-right:14px;font-size:22px;font-weight:700;line-height:1;color:#1677ff;}
.service-flow-title h3{margin:0;font-size:18px;font-weight:700;color:#17233d;}
.service-flow-detail > p{margin:0;font-size:14px;line-height:1.85;color:#6d7d99;}
.service-flow-item{transition:all .25s ease;}
.service-flow-item:hover{background:#f8fbff;}
.service-flow-item:hover .service-flow-icon i{color:#fff;background:#1677ff;}
.service-flow-item:hover .service-flow-title h3{color:#1677ff;}

/*屈光矫正*/                                                                                                                                                                     
.refractive-mobile-page{width:100%;max-width:100%;padding:0 15px;box-sizing:border-box;color:#333;font-size:14px;}
.refractive-title{position:relative;text-align:center;margin:0 0 22px;}
.refractive-title h2{margin:0;padding:0;color:#1d2939;font-size:22px;line-height:1.5;font-weight:600;}
.refractive-title span{display:block;margin-top:3px;color:#a5afbd;font-size:10px;line-height:1.5;letter-spacing:1px;text-transform:uppercase;}
.refractive-section{width:100%;margin-bottom:30px;}
.refractive-problem-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.refractive-problem-card{display:flex;align-items:center;min-height:82px;padding:14px 10px;background:#fff;border:1px solid #edf2f7;border-radius:10px;box-shadow:0 3px 12px rgba(24,78,125,0.04);box-sizing:border-box;}
.problem-icon{flex:0 0 42px;width:42px;height:42px;margin-right:10px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#edf6ff;color:#1677ff;font-size:20px;}
.problem-info{min-width:0;}
.problem-info h3{margin:0 0 4px;color:#263445;font-size:16px;line-height:1.4;font-weight:600;}
.problem-info p{margin:0;color:#8a96a5;font-size:14px;line-height:1.5;}
.refractive-warm-tip{display:flex;align-items:flex-start;width:100%;margin:0 0 32px;padding:13px 12px;box-sizing:border-box;background:#f3f8ff;border:1px solid #dcecff;border-radius:8px;}
.warm-tip-icon{flex:0 0 20px;width:20px;height:20px;margin-right:8px;display:flex;align-items:center;justify-content:center;color:#1677ff;font-size:16px;margin-top:3px;}
.warm-tip-text{flex:1;min-width:0;color:#607086;font-size:14px;line-height:1.75;}
.warm-tip-text strong{color:#1677ff;font-weight:500;}
.refractive-method-section{margin-bottom:28px;}
.refractive-mobile-method-list{width:100%;}
.refractive-mobile-method-card{width:100%;margin-bottom:14px;background:#fff;border:1px solid #e7eef6;border-radius:11px;overflow:hidden;box-shadow:0 3px 14px rgba(24,78,125,0.045);}
.mobile-method-head{display:flex;align-items:center;min-height:62px;padding:10px 13px;box-sizing:border-box;background:linear-gradient(135deg,#f5faff 0%,#ffffff 100%);border-bottom:1px solid #edf2f7;}
.mobile-method-number{flex:0 0 38px;width:38px;height:38px;margin-right:11px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#1677ff;color:#fff;font-size:12px;font-weight:600;}
.mobile-method-head h3{margin:0;color:#263445;font-size:16px;line-height:1.4;font-weight:600;}
.mobile-method-head span{display:block;margin-top:1px;color:#a1adba;font-size:9px;line-height:1.4;letter-spacing:.8px;}
.mobile-method-content{width:100%;}
.mobile-method-row{display:flex;align-items:flex-start;width:100%;min-height:48px;padding:11px 13px;box-sizing:border-box;border-bottom:1px solid #f0f3f7;}
.mobile-method-row:last-child{border-bottom:0;}
.mobile-method-label{flex:0 0 80px;width:80px;padding-right:8px;color:#7c8998;font-size:14px;line-height:1.65;box-sizing:border-box;}
.mobile-method-value{flex:1;min-width:0;color:#465466;font-size:14px;line-height:1.7;word-break:break-all;}
.refractive-medical-tip{display:flex;align-items:flex-start;width:100%;margin:4px 0 20px;padding:13px 12px;box-sizing:border-box;background:#fafbfc;border:1px solid #edf0f3;border-radius:8px;}
.medical-tip-icon{flex:0 0 20px;width:20px;height:20px;margin-right:8px;display:flex;align-items:center;justify-content:center;color:#8d9aaa;font-size:15px;}
.medical-tip-text{flex:1;min-width:0;color:#8a96a5;font-size:14px;line-height:1.7;}
.medical-tip-text strong{color:#657487;font-weight:500;}
.article-content .refractive-mobile-page *{box-sizing:border-box;}
.article-content .refractive-mobile-page img{ max-width:100%;height:auto;}

@media (max-width:375px){
	.refractive-mobile-page{padding:0 12px;}
	.refractive-title{margin-bottom:18px;}
	.refractive-title h2{font-size:20px;}
	.refractive-problem-grid{gap:10px;}
	.refractive-problem-card{min-height:78px;padding:11px 8px;}
	.problem-icon{flex:0 0 36px;width:36px;height:36px;margin-right:8px;font-size:17px;}
	.problem-info h3{font-size:14px;}
	.problem-info p{font-size:10px;}
	.mobile-method-head{min-height:58px;padding:9px 11px;}
	.mobile-method-number{flex-basis:35px;width:35px;height:35px;margin-right:9px;}
	.mobile-method-head h3{font-size:15px;}
	.mobile-method-row{padding:10px 11px;}
	.mobile-method-label{flex-basis:64px;width:64px;font-size:14px;}
	.mobile-method-value{font-size:11px;}
}