/* ============================================================
   首页 index.css —— 版块顺序与原首页一致，仅重塑视觉
   ============================================================ */

/* ---------- 轮播（通栏广告位） ---------- */
.q-banner { position: relative; overflow: hidden; }
.q-banner .q-slides { position: relative; height: 460px; }
.q-banner .q-slide { position: absolute; inset: 0; opacity: 0; transition: opacity .6s; }
.q-banner .q-slide.on { opacity: 1; }
.q-banner .q-slide a { display: block; width: 100%; height: 100%; }
.q-banner .q-slide img { width: 100%; height: 100%; object-fit: cover; }
.q-banner .q-dots { position: absolute; left: 0; right: 0; bottom: 18px; text-align: center; z-index: 5; }
.q-banner .q-dots span { display: inline-block; width: 28px; height: 4px; border-radius: 2px; background: rgba(255,255,255,.5); margin: 0 5px; cursor: pointer; transition: all .3s; }
.q-banner .q-dots span.on { background: var(--q-gold); }
.q-banner .q-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 46px; height: 70px; line-height: 70px; text-align: center; font-size: 26px; color: #fff; background: rgba(16,90,84,.35); cursor: pointer; z-index: 5; border-radius: 4px; font-family: serif; user-select: none; }
.q-banner .q-arrow:hover { background: rgba(16,90,84,.65); }
.q-banner .q-prev { left: 20px; }
.q-banner .q-next { right: 20px; }

/* ---------- 新闻焦点区（横幅 + 头条 + 图片轮播 + 公示公告） ---------- */
.q-focus { display: flex; gap: 24px; }
.q-focus-left { flex: 1; min-width: 0; }
.q-focus-right { flex: none; width: 336px; }

/* 头条 */
.q-headline { background: var(--q-white); border-radius: var(--q-radius); box-shadow: var(--q-shadow); padding: 24px 28px 26px; }
.q-headline h3 a { font-size: 22px; color: var(--q-primary-deep); line-height: 1.5; }
.q-headline h3 a:hover { color: var(--q-coral-deep); }
.q-headline .q-hl-summary { margin-top: 8px; color: var(--q-ink-2); font-size: 13px; line-height: 1.8; }
.q-headline .q-hl-list { margin-top: 14px; }

/* 图片轮播（相册精选） */
.q-focus-pics { position: relative; margin-top: 24px; border-radius: var(--q-radius); overflow: hidden; height: 258px; box-shadow: var(--q-shadow); }
.q-focus-pics .q-slide { position: absolute; inset: 0; opacity: 0; transition: opacity .6s; }
.q-focus-pics .q-slide.on { opacity: 1; }
.q-focus-pics img { width: 100%; height: 100%; object-fit: cover; }
.q-focus-pics .q-cap { position: absolute; left: 0; right: 0; bottom: 0; padding: 30px 18px 12px; background: linear-gradient(180deg, transparent, rgba(16,90,84,.85)); color: #fff; font-size: 14px; }
.q-focus-pics .q-dots { position: absolute; right: 14px; bottom: 12px; z-index: 5; }
.q-focus-pics .q-dots span { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,.5); margin-left: 8px; cursor: pointer; }
.q-focus-pics .q-dots span.on { background: var(--q-gold); }

/* 公示公告 tabs */
.q-gongshi { background: var(--q-white); border-radius: var(--q-radius); box-shadow: var(--q-shadow); padding: 20px 24px 22px; }
.q-gongshi-hd { display: flex; border-bottom: 2px solid var(--q-primary-pale); }
.q-gongshi-hd a { padding: 0 4px 10px; margin-right: 22px; font-size: 17px; color: var(--q-ink-2); border-bottom: 3px solid transparent; margin-bottom: -2px; }
.q-gongshi-hd a.on { color: var(--q-primary-deep); font-weight: bold; border-bottom-color: var(--q-gold); }
.q-gongshi-bd { padding-top: 12px; }

/* ---------- 图片卡片横排（相册 / 荣誉 / 师资 / 视频） ---------- */
.q-card-row { display: flex; flex-wrap: wrap; gap: 22px; }
.q-card { width: calc((100% - 66px)/4); }
.q-card-3 { width: calc((100% - 44px)/3); }
.q-card-5 { width: calc((100% - 88px)/5); }
.q-card .q-card-pic { position: relative; border-radius: 8px; overflow: hidden; aspect-ratio: 4/3; background: var(--q-primary-pale); }
.q-card .q-card-pic img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.q-card:hover .q-card-pic img { transform: scale(1.06); }
.q-card .q-card-pic .q-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 46px; height: 46px; line-height: 46px; text-align: center; border-radius: 50%; background: rgba(233,122,93,.9); color: #fff; font-size: 18px; padding-left: 4px; }
.q-card .q-card-pic .q-play::after { content: ""; }
.q-card h4 { margin-top: 10px; font-size: 14px; font-weight: normal; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.q-card h4 a { color: var(--q-ink-2); }
.q-card h4 a:hover { color: var(--q-primary); }
.q-card .q-card-tag { position: absolute; left: 10px; top: 10px; background: var(--q-coral); color: #fff; font-size: 12px; padding: 1px 10px; border-radius: 12px; }

/* 图文混排（资源下载 / 服务指南） */
.q-mix-list li { display: flex; padding: 18px 0; border-bottom: 1px dashed var(--q-line); }
.q-mix-list li:last-child { border-bottom: 0; }
.q-mix-list .q-mix-pic { flex: none; width: 150px; height: 100px; border-radius: 8px; overflow: hidden; background: var(--q-primary-pale); margin-right: 18px; }
.q-mix-list .q-mix-pic img { width: 100%; height: 100%; object-fit: cover; }
.q-mix-list h4 { font-size: 16px; margin-bottom: 6px; }
.q-mix-list h4 a { color: var(--q-ink); }
.q-mix-list h4 a:hover { color: var(--q-primary); }
.q-mix-list p { color: var(--q-ink-3); font-size: 13px; line-height: 1.7; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.q-mix-list .q-mix-meta { margin-top: 6px; font-size: 12px; color: var(--q-ink-3); }
.q-mix-list .q-mix-meta i { font-style: normal; color: var(--q-gold-deep); margin-right: 12px; }

/* 服务指南图标卡 */
.q-svc-row { display: flex; gap: 20px; }
.q-svc { flex: 1; text-align: center; background: linear-gradient(180deg, var(--q-primary-pale), #fff); border-radius: var(--q-radius); padding: 28px 16px 24px; border: 1px solid transparent; transition: all .3s; }
.q-svc:hover { border-color: var(--q-primary-light); box-shadow: var(--q-shadow-lg); transform: translateY(-4px); }
.q-svc .q-svc-ico { width: 64px; height: 64px; line-height: 64px; margin: 0 auto; border-radius: 50%; background: var(--q-white); box-shadow: var(--q-shadow); font-size: 26px; color: var(--q-primary); }
.q-svc h4 { margin-top: 14px; font-size: 17px; color: var(--q-primary-deep); }
.q-svc p { margin-top: 6px; font-size: 13px; color: var(--q-ink-3); line-height: 1.6; }
.q-svc .q-svc-more { display: inline-block; margin-top: 10px; font-size: 13px; color: var(--q-coral); }

/* 相册横向滚动 */
.q-scroll { position: relative; }
.q-scroll-bd { overflow: hidden; }
.q-scroll-track { display: flex; gap: 20px; transition: transform .5s; }
.q-scroll-track .q-card { flex: none; width: 270px; }
.q-scroll-btn { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 64px; line-height: 64px; text-align: center; background: var(--q-white); box-shadow: var(--q-shadow); border-radius: 6px; cursor: pointer; font-size: 22px; color: var(--q-primary); z-index: 5; user-select: none; }
.q-scroll-btn:hover { background: var(--q-primary); color: #fff; }
.q-scroll-btn.q-prev { left: -14px; }
.q-scroll-btn.q-next { right: -14px; }

/* ---------- 新增：荣誉资质 + 师资团队 展示带 ---------- */
.q-honor-band { display: flex; gap: 24px; }
.q-honor-left { flex: 1; }
.q-honor-right { flex: 1; }
.q-teacher { display: flex; padding: 16px 0; border-bottom: 1px dashed var(--q-line); }
.q-teacher:last-child { border-bottom: 0; }
.q-teacher .q-teacher-pic { flex: none; width: 84px; height: 84px; border-radius: 50%; overflow: hidden; border: 3px solid var(--q-gold-pale); margin-right: 16px; }
.q-teacher .q-teacher-pic img { width: 100%; height: 100%; object-fit: cover; }
.q-teacher h4 { font-size: 15px; color: var(--q-ink); }
.q-teacher h4 span { color: var(--q-ink-3); font-size: 12px; font-weight: normal; margin-left: 8px; }
.q-teacher p { font-size: 13px; color: var(--q-ink-3); line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* ---------- 关于我们 / 联系我们 ---------- */
.q-about { display: flex; gap: 30px; }
.q-about .q-about-txt { flex: 1; }
.q-about .q-about-txt h3 { font-size: 20px; color: var(--q-primary-deep); margin-bottom: 12px; }
.q-about .q-about-txt .q-about-desc { color: var(--q-ink-2); line-height: 2; font-size: 14px; text-align: justify; }
.q-about .q-about-txt .q-about-desc p { margin-bottom: 8px; }
.q-about .q-contact-card { flex: none; width: 380px; background: var(--q-primary-pale); border-radius: var(--q-radius); padding: 26px 30px; }
.q-about .q-contact-card h3 { font-size: 20px; color: var(--q-primary-deep); margin-bottom: 14px; }
.q-contact-card p { line-height: 34px; color: var(--q-ink-2); font-size: 14px; }
.q-contact-card .q-label { color: var(--q-primary); font-weight: bold; margin-right: 8px; }


/* ---------- 6. 专题专栏（预留版块） ---------- */
.q-topic-row { display: flex; gap: 22px; }
.q-topic { flex: 1; display: flex; background: var(--q-white); border: 1px solid var(--q-line); border-radius: var(--q-radius); overflow: hidden; box-shadow: var(--q-shadow); transition: all .3s; }
.q-topic:hover { border-color: var(--q-primary); transform: translateY(-4px); }
.q-topic .q-topic-pic { flex: none; width: 220px; background: var(--q-primary-pale); }
.q-topic .q-topic-pic img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.q-topic:hover .q-topic-pic img { transform: scale(1.05); }
.q-topic .q-topic-txt { padding: 20px 22px; }
.q-topic .q-topic-txt h4 { font-size: 17px; color: var(--q-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.q-topic .q-topic-txt h4 a { color: var(--q-ink); }
.q-topic .q-topic-txt h4 a:hover { color: var(--q-primary); }
.q-topic .q-topic-txt p { margin-top: 10px; font-size: 13px; color: var(--q-ink-3); line-height: 1.8; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.q-topic .q-topic-more { display: inline-block; margin-top: 12px; font-size: 13px; color: var(--q-coral); }
.q-topic .q-topic-more:hover { color: var(--q-primary); }

/* ---------- 13. 儿康商城（预留版块） ---------- */
.q-mall-row { display: flex; flex-wrap: wrap; gap: 22px; }
.q-mall { width: calc((100% - 88px)/5); background: var(--q-white); border: 1px solid var(--q-line); border-radius: var(--q-radius); overflow: hidden; box-shadow: var(--q-shadow); transition: all .3s; }
.q-mall:hover { border-color: var(--q-gold); transform: translateY(-4px); }
.q-mall .q-mall-pic { position: relative; aspect-ratio: 1/1; background: var(--q-primary-pale); overflow: hidden; }
.q-mall .q-mall-pic img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.q-mall:hover .q-mall-pic img { transform: scale(1.06); }
.q-mall h4 { margin: 12px 14px 0; font-size: 14px; font-weight: normal; color: var(--q-ink-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.q-mall h4 a { color: var(--q-ink-2); }
.q-mall h4 a:hover { color: var(--q-primary); }
.q-mall .q-mall-price { margin: 8px 14px 14px; }
.q-mall .q-mall-price em { font-style: normal; font-size: 18px; font-weight: bold; color: var(--q-coral); }
.q-mall .q-mall-price del { margin-left: 8px; font-size: 12px; color: var(--q-ink-3); }