/* 优论官网交互精修：保留原内容结构，仅优化页面首屏差异与师资悬浮体验。 */

/* 两个内页不再沿用首页整屏品牌广告。导航位置、尺寸与首页保持一致。 */
body[data-yl-page="teachers"] .teacher-page > .header,
body[data-yl-page="contact"] .contact-page > .header {
  height:auto; min-height:0; overflow:visible; background:var(--yl-paper);
}
body[data-yl-page="teachers"] .teacher-page > .header::after,
body[data-yl-page="contact"] .contact-page > .header::after {display:none}
body[data-yl-page="teachers"] .teacher-page > .header > .hero-section,
body[data-yl-page="contact"] .contact-page > .header > .hero-section {display:none!important}
body[data-yl-page="teachers"] .teacher-page > .teacher-hero {display:none}

.yl-page-lead{position:relative;overflow:hidden;border-bottom:1px solid #dce5df}
.yl-page-lead-inner{
  max-width:1240px;margin:auto;padding:55px clamp(18px,4vw,46px) 57px;
  min-height:365px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  gap:clamp(34px,5.4vw,76px);align-items:center;
}
.yl-page-lead-copy{min-width:0}
.yl-page-kicker{font-size:12px;letter-spacing:.14em;font-weight:600;color:#658579;margin:0 0 19px}
.yl-page-kicker span{margin:0 7px;color:#9daea7}
.yl-page-lead h1{font-size:clamp(38px,4vw,55px);font-weight:600;letter-spacing:-.04em;line-height:1.22;color:var(--yl-ink);margin:0 0 19px}
.yl-page-description{color:#607274;font-size:15px;line-height:1.85;max-width:490px;margin:0 0 24px}
.yl-page-lead-action{display:inline-flex;align-items:center;gap:18px;padding:11px 0 7px;border-bottom:1px solid #75938a;color:var(--yl-ink);font-size:14px;font-weight:600;text-decoration:none;transition:gap .2s,color .2s}
.yl-page-lead-action:hover,.yl-page-lead-action:focus-visible{color:#517b6c;gap:25px}
.yl-page-lead-action span{font-size:17px;font-weight:400}
.yl-page-lead-teachers{background:linear-gradient(116deg,#fbfaf6 35%,#edf3ef 100%)}
.yl-subject-directory{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:10px 0 8px 30px;border-left:1px solid #cbdad0}
.yl-subject-topline{display:flex;justify-content:space-between;align-items:center;color:#67827a;font-size:11px;letter-spacing:.08em;margin-bottom:15px}
.yl-subject-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 21px}
.yl-subject-grid>span{display:flex;align-items:baseline;gap:12px;border-bottom:1px solid #d4dfd7;padding:14px 0;font-size:16px;color:#2c494d;letter-spacing:.02em}
.yl-subject-grid>span small{font-size:10px;color:#91a69b;letter-spacing:.05em;font-variant-numeric:tabular-nums}

.yl-page-lead-contact{background:linear-gradient(115deg,#1e3a40 14%,#2e5352 77%,#3e6458 100%);border-bottom:none}
.yl-page-lead-contact .yl-page-lead-inner{min-height:365px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);padding-top:49px;padding-bottom:49px}
.yl-page-lead-contact .yl-page-kicker{color:#a7c4b8}
.yl-page-lead-contact .yl-page-kicker span{color:#78998c}
.yl-page-lead-contact h1{color:#f8fbf7}
.yl-page-lead-contact .yl-page-description{color:#d3e0da}
.yl-page-lead-contact .yl-page-lead-action{color:#f2f8f1;border-bottom-color:#afcbbb}
.yl-page-lead-contact .yl-page-lead-action:hover{color:#d4eee0}
.yl-contact-code{justify-self:end;display:flex;align-items:center;gap:22px;width:max-content;padding:16px 30px 16px 16px;border:1px solid #ffffff42;border-radius:12px;background:#ffffff14}
.yl-contact-code img{display:block;width:150px;height:150px;background:#fff;padding:8px;border-radius:7px;object-fit:contain}
.yl-contact-code-copy{display:flex;flex-direction:column;gap:8px;min-width:105px}
.yl-contact-code-copy strong{font-size:20px;font-weight:600;color:#fff;letter-spacing:.02em}
.yl-contact-code-copy span{font-size:13px;color:#d1e1d9}

@media (max-width:768px){
  .yl-page-lead-inner,.yl-page-lead-contact .yl-page-lead-inner{display:flex;flex-direction:column;align-items:stretch;gap:26px;min-height:0;padding:39px 22px 40px}
  .yl-page-kicker{font-size:11px;margin-bottom:13px}
  .yl-page-lead h1{font-size:clamp(34px,8vw,43px);margin-bottom:14px}
  .yl-page-description{font-size:14px;line-height:1.8;margin-bottom:14px}
  .yl-subject-directory{padding:5px 0 0;border-left:0;border-top:1px solid #d5e2d9}
  .yl-subject-topline{margin-top:19px}
  .yl-subject-grid>span{font-size:13px;padding:11px 0}
  .yl-contact-code{justify-self:start;align-self:flex-start;gap:16px;padding:11px 21px 11px 11px}
  .yl-contact-code img{width:116px;height:116px;padding:7px}
  .yl-contact-code-copy strong{font-size:17px}
  body[data-yl-page="teachers"] .teacher-page>.teacher-container{padding-top:32px}
}
@media(max-width:410px){
  .yl-contact-code{gap:13px;padding-right:15px}
  .yl-contact-code img{width:106px;height:106px}
  .yl-subject-grid{gap:0 14px}
}