.teacher-page{padding:0 0 70px;background:#f4f8fc}.breadcrumb{display:flex;align-items:center;gap:9px;padding:20px 0;color:#8193a5;font-size:12px}.breadcrumb a:hover{color:var(--blue)}.breadcrumb b{color:#49657e;font-weight:500}
.teacher-profile{display:grid;grid-template-columns:260px minmax(0,1fr) 280px;gap:30px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 36px rgba(16,60,105,.08)}.profile-photo{position:relative;height:310px;overflow:hidden;border-radius:12px;background:#dceafa}.profile-photo img{width:100%;height:100%;object-fit:cover;object-position:center 25%}.profile-photo span{position:absolute;left:13px;bottom:13px;padding:7px 11px;border-radius:18px;background:#16845f;color:#fff;font-size:11px;font-weight:700;box-shadow:0 5px 15px #103c3152}
.profile-main{min-width:0;padding:5px 0}.profile-title{display:flex;align-items:flex-start;justify-content:space-between}.teacher-number{margin-bottom:5px;color:#8498a9;font-size:11px}.profile-title h1{margin:0;color:var(--navy);font-size:32px}.online-badge{padding:6px 10px;border-radius:16px;background:#eaf8f2;color:#16845f;font-size:11px}.identity{margin:10px 0 0;color:#43647f;font-size:15px;font-weight:700}.intro{margin:17px 0;color:#71889d;font-size:13px;line-height:1.8}.profile-facts{display:grid;grid-template-columns:1fr 1fr;margin-top:18px;border:1px solid #e4edf5;border-radius:10px;overflow:hidden}.profile-facts div{padding:13px 15px;background:#f9fbfd}.profile-facts div:nth-child(odd){border-right:1px solid #e4edf5}.profile-facts div:nth-child(-n+2){border-bottom:1px solid #e4edf5}.profile-facts small{display:block;margin-bottom:5px;color:#8b9cad;font-size:10px}.profile-facts b{display:block;overflow:hidden;color:#345570;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.profile-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.profile-tags span{padding:6px 9px;border-radius:5px;background:#edf5ff;color:#1769df;font-size:11px}
.profile-action{padding:24px;border-left:1px solid #e5edf5;background:linear-gradient(145deg,#fbfdff,#f1f7ff);border-radius:0 12px 12px 0}.price-label{color:#8094a6;font-size:11px}.profile-action strong{display:block;margin:8px 0;color:#ff7624;font-size:27px}.profile-action p{margin:0;color:#7d91a2;font-size:11px;line-height:1.7}.book-button{width:100%;margin-top:22px;min-height:46px}.consult-link{display:block;margin-top:12px;padding:11px;border:1px solid #bfd4ed;border-radius:8px;background:#fff;color:var(--blue);text-align:center;font-size:12px;font-weight:700}.safe-note{margin-top:16px;color:#91a1af;font-size:10px;line-height:1.6;text-align:center}
.trust-row{display:grid;grid-template-columns:repeat(4,1fr);margin:18px 0 24px;background:#fff;border:1px solid var(--line);border-radius:13px}.trust-row>div{display:flex;align-items:center;gap:12px;padding:18px 22px;position:relative}.trust-row>div:not(:last-child):after{content:"";position:absolute;right:0;width:1px;height:34px;background:#e4ecf3}.trust-row i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#edf5ff;color:var(--blue);font-size:12px;font-style:normal;font-weight:800}.trust-row span{min-width:0}.trust-row b,.trust-row small{display:block}.trust-row b{color:#294c68;font-size:12px}.trust-row small{margin-top:4px;overflow:hidden;color:#8799a9;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.teacher-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.teacher-details{display:grid;gap:18px}.detail-section{padding:28px 30px;background:#fff;border:1px solid var(--line);border-radius:14px}.detail-heading{display:flex;align-items:center;gap:13px;margin-bottom:23px;padding-bottom:17px;border-bottom:1px solid #e8eff5}.detail-heading>span{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#edf5ff;color:var(--blue);font-size:12px;font-weight:800}.detail-heading h2{margin:0;color:var(--navy);font-size:19px}.detail-heading p{margin:3px 0 0;color:#9aacba;font-size:9px;letter-spacing:1.6px}.basic-grid{display:grid;grid-template-columns:repeat(2,1fr);margin:0;border:1px solid #e4edf5;border-radius:10px;overflow:hidden}.basic-grid div{display:grid;grid-template-columns:130px 1fr;min-height:51px;border-bottom:1px solid #e8eff5}.basic-grid div:nth-child(odd){border-right:1px solid #e8eff5}.basic-grid div:nth-last-child(-n+2){border-bottom:0}.basic-grid dt,.basic-grid dd{display:flex;align-items:center;margin:0;padding:10px 13px;font-size:12px}.basic-grid dt{background:#f5f9fd;color:#71879a}.basic-grid dd{color:#294d6a;font-weight:600}.subject-cloud{display:flex;flex-wrap:wrap;gap:10px}.subject-cloud span{padding:9px 13px;border:1px solid #cae0f5;border-radius:7px;background:#f5faff;color:#1769df;font-size:12px}.long-copy,.experience-block p{margin:0;color:#5f7990;font-size:13px;line-height:2;white-space:pre-line}.experience-block{padding:18px;border-left:3px solid var(--blue);background:#f6faff;border-radius:0 9px 9px 0}.experience-block+ .experience-block{margin-top:14px}.experience-block.result{border-left-color:#18a078;background:#f3fbf8}.experience-block h3{margin:0 0 8px;color:#234c6d;font-size:13px}.schedule-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.schedule-grid>div{padding:17px;border:1px solid #e1ebf3;border-radius:9px;background:#fafcfe}.schedule-grid small{color:#879bab;font-size:10px}.schedule-grid p{margin:8px 0 0;color:#345873;font-size:12px;line-height:1.7}.schedule-grid p.orange{color:#ff7624;font-size:15px;font-weight:800}.certificate-box{display:flex;align-items:center;gap:14px;padding:17px;border-radius:9px;background:#f2faf6;color:#27785e}.certificate-box span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#16845f;color:#fff}.certificate-box p{margin:0;font-size:12px;line-height:1.7}
.booking-aside{position:sticky;top:18px}.booking-card{padding:27px;background:linear-gradient(155deg,#0b315b,#0d5fb6);border-radius:14px;color:#fff;box-shadow:0 15px 35px #0b315b29}.booking-card .mini{font-size:9px;letter-spacing:1.5px;color:#9bc7f2}.booking-card h2{margin:9px 0 10px;font-size:21px}.booking-card>p{margin:0;color:#c3dcf3;font-size:11px;line-height:1.8}.booking-card ul{list-style:none;margin:20px 0;padding:0}.booking-card li{position:relative;margin:11px 0;padding-left:19px;color:#e4f1fb;font-size:11px}.booking-card li:before{content:"✓";position:absolute;left:0;color:#65e3b8}.booking-card .button{width:100%;background:#fff;color:var(--blue)}.hotline{margin-top:20px;padding-top:18px;border-top:1px solid #ffffff24}.hotline small,.hotline b,.hotline span{display:block}.hotline small{color:#9bc7f2;font-size:10px}.hotline b{margin:5px 0;font-size:22px}.hotline span{color:#bdd8ee;font-size:10px}
.related{margin-top:30px}.related-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.related-title span{color:var(--blue);font-size:9px;letter-spacing:1.8px}.related-title h2{margin:6px 0 0;color:var(--navy);font-size:23px}.related-title a{color:var(--blue);font-size:12px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.related-card{display:grid;grid-template-columns:112px 1fr;min-height:145px;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:12px;transition:transform .2s,box-shadow .2s}.related-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.related-card img{width:100%;height:100%;object-fit:cover}.related-card>div{padding:17px}.related-card h3{margin:0;color:var(--navy);font-size:15px}.related-card p{margin:7px 0;color:#687f93;font-size:11px}.related-card span{display:block;color:#1769df;font-size:10px}.related-card b{display:block;margin-top:13px;color:#ff7624;font-size:13px}
@media(max-width:1050px){.teacher-profile{grid-template-columns:220px 1fr}.profile-action{grid-column:1/-1;border-left:0;border-top:1px solid #e5edf5}.teacher-layout{grid-template-columns:1fr}.booking-aside{position:static}.trust-row{grid-template-columns:repeat(2,1fr)}.trust-row>div:nth-child(2):after{display:none}.related-grid{grid-template-columns:1fr 1fr}.nav{display:none}}
@media(max-width:720px){.teacher-page .shell{width:min(100% - 28px,1380px)}.teacher-profile{grid-template-columns:1fr;padding:17px;gap:18px}.profile-photo{height:330px}.profile-title h1{font-size:27px}.profile-facts{grid-template-columns:1fr}.profile-facts div{border-right:0!important;border-bottom:1px solid #e4edf5!important}.profile-facts div:last-child{border-bottom:0!important}.profile-action{padding:20px}.trust-row{grid-template-columns:1fr}.trust-row>div:after{display:none}.teacher-layout{display:block}.detail-section{padding:21px 17px;margin-bottom:15px}.basic-grid{grid-template-columns:1fr}.basic-grid div{border-right:0!important;border-bottom:1px solid #e8eff5!important}.basic-grid div:last-child{border-bottom:0!important}.basic-grid div{grid-template-columns:105px 1fr}.schedule-grid{grid-template-columns:1fr}.booking-aside{margin-top:15px}.related-grid{grid-template-columns:1fr}.related-title{align-items:flex-start}.related-title a{display:none}.topbar{display:none}}

/* Detail-page readability */
.breadcrumb{font-size:15px}
.profile-photo span,.online-badge{font-size:14px}
.teacher-number{font-size:15px}
.profile-title h1{font-size:40px}
.identity{font-size:19px}
.intro{font-size:18px;line-height:1.9}
.profile-facts small{font-size:14px}
.profile-facts b{font-size:17px}
.profile-tags span{font-size:16px}
.price-label,.profile-action p{font-size:16px}
.consult-link{font-size:16px}
.safe-note{font-size:13px}
.trust-row b{font-size:16px}
.trust-row small{font-size:13px}
.detail-heading>span{font-size:15px}
.detail-heading h2{font-size:24px}
.detail-heading p{font-size:12px}
.basic-grid dt,.basic-grid dd{font-size:17px}
.subject-cloud span{font-size:16px}
.long-copy,.experience-block p{font-size:18px;line-height:1.9}
.experience-block h3{font-size:18px}
.schedule-grid small{font-size:14px}
.schedule-grid p{font-size:17px}
.schedule-grid p.orange{font-size:20px}
.certificate-box p{font-size:17px}
.booking-card .mini{font-size:12px}
.booking-card h2{font-size:26px}
.booking-card>p,.booking-card li{font-size:16px}
.hotline small,.hotline span{font-size:13px}
.related-title span{font-size:12px}
.related-title h2{font-size:27px}
.related-title a{font-size:16px}
.related-card h3{font-size:19px}
.related-card p{font-size:16px}
.related-card span{font-size:14px}
.related-card b{font-size:17px}
@media(max-width:720px){
  .profile-title h1{font-size:34px}
  .intro,.long-copy,.experience-block p{font-size:16px}
  .basic-grid div{grid-template-columns:116px 1fr}
  .basic-grid dt,.basic-grid dd{padding:11px 12px;font-size:16px}
  .detail-heading h2{font-size:23px}
}