/* 新闻列表主体 */
.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;}

/* 内容详情页 */
.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 p {margin-bottom:18px;text-indent:2rem;}
.article-content h2 {font-size: 22px;font-weight: 800;color: #14213d;margin: 26px 0 12px;}
.article-content img{max-width:100%;display:block;}
.article-page-nav {display: flex;justify-content: space-between;gap: 18px;margin-top: 34px;}
.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 .prev a,.article-page-nav .next a{color:#0969e8;text-decoration:none;display:inline;}
.article-page-nav .prev:hover,.article-page-nav .next:hover{background:#f3f8ff;border-color:#0969e8;}
.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);}

/*三个院区*/
.contact-campus-list{width:100%;}
.contact-campus-item{display:flex;width:100%;min-height:205px;margin-bottom:18px;background:#fff;border:1px solid #e9f0f8;border-radius:12px;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{flex:1;padding:24px 28px;min-width:0;}
.contact-campus-title{display:flex;align-items:center;margin-bottom:18px;}
.contact-campus-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin-right:12px;border:1px solid #d9eaff;border-radius:50%;background:#f4f9ff;color:#1677ff;font-size:20px;}
.contact-campus-title h3{margin:0;color:#142b46;font-size:20px;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:13px;color:#65758a;font-size:14px;line-height:1.7;}
.contact-campus-detail li:last-child{margin-bottom:0;}
.contact-campus-detail > li > i{flex:0 0 20px;width:20px;color:#1677ff;font-size:16px;line-height:1.5;}
.contact-campus-text{flex:1;min-width:0;padding-left:5px;}
.contact-campus-text strong{display:block;margin:0 0 2px;color:#354b63;font-size:14px;font-weight:600;line-height:1.6;}
.contact-campus-text span{display:block;color:#718198;font-size:14px;line-height:1.7;}
.contact-campus-map{display:inline-flex;align-items:center;margin-top:15px;padding:6px 14px;border:1px solid #b9d8ff;border-radius:20px;color:#1677ff;background:#f7fbff;font-size:13px;text-decoration:none;transition:all 0.25s ease;}
.contact-campus-map i{margin-right:5px;font-size:14px;}
.contact-campus-map:hover{color:#fff;background:#1677ff;border-color:#1677ff;text-decoration:none;}
.contact-campus-image{flex:0 0 40%;min-height:205px;overflow:hidden;position:relative;}
.contact-campus-image img{display:block;width:100%;height:100%;min-height:205px;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{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:38px;}
.service-flow-step{flex:0 0 112px;text-align:center;}
.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-arrow{flex:1;position:relative;margin-top:22px;text-align:center;color:#5b9bff;}
.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 5px;font-size:19px;background:#fff;}
.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-page *,.refractive-page *:before,.refractive-page *:after{box-sizing:border-box;}
.refractive-section{width:100%;margin-bottom:28px;}
.refractive-title{width:100%;text-align:center;margin-bottom:22px;}
.refractive-title h2{display:inline-block;margin:0;padding:0;font-size:24px;line-height:34px;font-weight:600;color:#142b50;letter-spacing:1px;}
.refractive-title span{display:block;width:32px;height:3px;margin:9px auto 0;background:#1677ff;border-radius:10px;}
.problem-list{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.problem-item{display:flex;align-items:center;min-height:104px;padding:15px 20px;background:#fff;border:1px solid #e4edf9;border-radius:8px;transition:all .25s ease;}
.problem-item:hover{border-color:#cfe1fb;box-shadow:0 5px 18px rgba(32,105,190,.06);}
.problem-icon{flex:0 0 62px;width:62px;height:62px;margin-right:15px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f1f6fd;color:#1677ff;font-size:31px;}
.problem-info{min-width:0;}
.problem-info h3{margin:0 0 7px;font-size:17px;line-height:24px;color:#172d50;font-weight:600;}
.problem-info p{margin:0;font-size:13px;line-height:21px;color:#71809a;}
.refractive-tips{display:flex;align-items:center;min-height:42px;margin-top:17px;padding:8px 20px;background:#f5f8fd;border-radius:6px;color:#687891;font-size:13px;line-height:22px;}
.refractive-tips > i{flex:0 0 auto;margin-right:10px;color:#1677ff;font-size:17px;}
.refractive-tips strong{margin-right:5px;color:#263d60;font-weight:600;}
.refractive-compare{margin-top:34px;}
.compare-table{display:grid;grid-template-columns:120px repeat(4,1fr);width:100%;overflow:hidden;border-top:1px solid #e3ebf6;border-left:1px solid #e3ebf6;border-radius:7px 7px 0 0;background:#fff;}
.compare-labels{display:grid;grid-template-rows:54px 74px 94px 54px 51px;}
.compare-label{display:flex;align-items:center;justify-content:center;padding:8px 8px;text-align:center;color:#183252;background:#f7faff;border-right:1px solid #e3ebf6;border-bottom:1px solid #e3ebf6;font-size:13px;line-height:20px;font-weight:600;}
.compare-label-head{background:#fff;}
.compare-column{display:grid;grid-template-rows:54px 74px 94px 54px 51px;min-width:0;}
.compare-column-title{display:flex;align-items:center;justify-content:center;gap:7px;padding:0 8px;background:#f9fbff;border-right:1px solid #e3ebf6;border-bottom:1px solid #e3ebf6;}
.compare-column-title i{color:#1677ff;font-size:20px;}
.compare-column-title strong{color:#172e50;font-size:15px;line-height:20px;font-weight:600;}
.compare-cell{display:flex;align-items:center;justify-content:center;padding:8px 12px;text-align:center;color:#526680;background:#fff;border-right:1px solid #e3ebf6;border-bottom:1px solid #e3ebf6;font-size:12px;line-height:21px;}
.refractive-medical-note{display:flex;align-items:center;min-height:43px;margin-top:23px;padding:8px 20px;background:#f5f8fd;border-radius:6px;color:#687891;font-size:13px;line-height:22px;}
.refractive-medical-note > i{flex:0 0 auto;margin-right:10px;color:#1677ff;font-size:17px;}
.refractive-medical-note strong{margin-right:5px;color:#273e60;font-weight:600;}