.teacher-ui { --teacher-green:#009b4c; --teacher-dark:#173028; --teacher-text:#52685e; color:var(--teacher-dark); background:#fff; font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif; }
.teacher-ui * { box-sizing:border-box; }
.teacher-container { width:min(1268px, calc(100% - 40px)); margin:0 auto; }
.teacher-ui h1,.teacher-ui h2,.teacher-ui h3,.teacher-ui p { margin:0; }
.teacher-ui h1,.teacher-ui h2,.teacher-ui h3 { color:var(--teacher-dark); font-weight:700; }
.teacher-eyebrow { color:var(--teacher-green); font-size:14px; font-weight:700; letter-spacing:.08em; }
.teacher-hero { padding:75px 0 70px; background:linear-gradient(120deg,#e9f7ef,#f9fcfa 57%,#dff3e7); }
.teacher-hero__inner { display:flex; align-items:center; justify-content:space-between; gap:60px; min-height:260px; }
.teacher-hero h1 { margin:12px 0 16px; font-size:clamp(42px,4vw,60px); line-height:1.12; letter-spacing:-1.5px; }
.teacher-hero p:not(.teacher-eyebrow) { max-width:620px; color:var(--teacher-text); font-size:18px; line-height:1.8; }
.teacher-hero__badge { width:190px; height:190px; flex:0 0 auto; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; color:#fff; background:var(--teacher-green); border-radius:50%; box-shadow:0 18px 34px rgba(0,155,76,.23); }
.teacher-hero__badge strong { font-size:34px; line-height:1; }
.teacher-hero__badge span { font-size:15px; }
.teacher-listing { padding:88px 0 92px; }
.teacher-listing__heading { display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:38px; }
.teacher-listing__heading h2,.teacher-cta h2 { margin-top:12px; font-size:clamp(28px,2.8vw,42px); line-height:1.32; }
.teacher-listing__heading > p { max-width:350px; color:var(--teacher-text); font-size:15px; line-height:1.8; }
.teacher-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:20px; }
.teacher-profile { overflow:hidden; background:#fff; border:1px solid #dfeae3; border-radius:12px; transition:transform .2s ease,box-shadow .2s ease; }
.teacher-profile:hover { transform:translateY(-5px); box-shadow:0 17px 30px rgba(21,57,41,.13); }
.teacher-profile__image { height:240px; padding:16px 18px 0; display:flex; align-items:flex-end; justify-content:center; background:#fff; border-bottom:1px solid #e8efeb; }
.teacher-profile__image img { width:100%; height:100%; display:block; object-fit:contain; object-position:center bottom; }
.teacher-profile__body { min-height:180px; padding:20px 20px 18px; display:flex; flex-direction:column; align-items:flex-start; }
.teacher-profile h3 { font-size:20px; line-height:1.35; }
.teacher-profile h3 a { color:var(--teacher-dark); text-decoration:none; }
.teacher-profile__body > span { margin-top:5px; color:var(--teacher-green); font-size:13px; }
.teacher-profile__body > p { height:48px; margin-top:13px; overflow:hidden; color:var(--teacher-text); font-size:14px; line-height:1.72; }
.teacher-profile__more { margin-top:auto; padding-top:12px; color:var(--teacher-green); font-size:14px; font-weight:700; text-decoration:none; }
.teacher-profile__more i { margin-left:4px; }
.teacher-pagination { margin-top:44px; text-align:center; }
.teacher-pagination > span { display:inline-flex; margin:0 3px; vertical-align:middle; }
.teacher-pagination .page-status { display:none; }
.teacher-pagination a,.teacher-pagination .page-num-current { min-width:38px; height:38px; padding:0 10px; display:inline-flex; align-items:center; justify-content:center; color:#38604b; border:1px solid #dce9e1; border-radius:6px; background:#fff; font-size:14px; text-decoration:none; }
.teacher-pagination a:hover,.teacher-pagination .page-num-current { color:#fff !important; border-color:var(--teacher-green) !important; background:var(--teacher-green) !important; }
.teacher-cta { padding:60px 0; background:#173028; }
.teacher-cta h2 { max-width:780px; color:#fff; }
.teacher-cta .teacher-eyebrow { color:#67d89c; }
.teacher-cta__inner { display:flex; align-items:center; justify-content:space-between; gap:36px; }
.teacher-cta a { min-width:142px; padding:13px 20px; display:inline-flex; align-items:center; justify-content:center; color:#fff; border-radius:7px; background:var(--teacher-green); font-size:16px; font-weight:700; text-decoration:none; }
.teacher-cta a:hover { color:#fff; background:#007d3d; }
@media (max-width:991px) { .teacher-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .teacher-hero__inner { min-height:0; } }
@media (max-width:640px) { .teacher-container { width:min(100% - 28px,1268px); } .teacher-hero,.teacher-listing { padding:58px 0; } .teacher-hero__inner,.teacher-listing__heading,.teacher-cta__inner { align-items:flex-start; flex-direction:column; gap:24px; } .teacher-hero h1 { font-size:40px; } .teacher-hero p:not(.teacher-eyebrow) { font-size:16px; } .teacher-hero__badge { width:126px; height:126px; } .teacher-hero__badge strong { font-size:27px; } .teacher-grid { gap:12px; } .teacher-profile__image { height:190px; padding:10px 10px 0; } .teacher-profile__body { min-height:160px; padding:14px 13px; } .teacher-profile h3 { font-size:16px; } .teacher-profile__body > p { height:44px; margin-top:10px; font-size:13px; } .teacher-cta { padding:48px 0; } }