.departmentDetailPage{background-color:#f8fafc;min-height:80vh;padding-bottom:80px}.departmentHero{color:#fff;background:linear-gradient(135deg,#072b4c 0%,#0754a8 60%,#0878d1 100%);padding:48px 0 42px;position:relative;overflow:hidden}.departmentHero:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1f 0%,#fff0 70%);width:550px;height:550px;position:absolute;top:-40%;right:-10%}.departmentHeroInner{z-index:2;max-width:900px;position:relative}.departmentBreadcrumb{color:#bae6fd;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;font-size:13.5px;font-weight:600;display:flex}.departmentBreadcrumb a{color:#e0f2fe;text-decoration:none;transition:color .2s}.departmentBreadcrumb a:hover{color:#fff;text-decoration:underline}.departmentBadgeWrap{align-items:center;gap:10px;margin-bottom:14px;display:flex}.departmentBadge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;letter-spacing:.5px;text-transform:uppercase;background:#ffffff2e;border:1px solid #ffffff4d;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.departmentHeroTitle{color:#fff;letter-spacing:-.5px;text-wrap:balance;margin:0 0 12px;font-size:clamp(28px,4vw,42px);font-weight:900;line-height:1.22}.departmentHeroDesc{color:#e2f1fc;max-width:800px;margin:0;font-size:16px;line-height:1.65}.departmentBody{margin-top:36px}.departmentGrid{grid-template-columns:310px minmax(0,1fr);align-items:start;gap:36px;display:grid}.departmentSidebar{flex-direction:column;gap:20px;display:flex;position:sticky;top:24px}.departmentSideCard{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px;box-shadow:0 4px 16px #0f3f630d}.departmentSideTitle{color:#0f172a;border-bottom:2px solid #f1f5f9;align-items:center;gap:8px;margin:0 0 16px;padding-bottom:12px;font-size:16px;font-weight:800;display:flex}.departmentSideTitle svg{color:#0878d1;flex-shrink:0}.departmentInfoList{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.departmentInfoItem{color:#334155;gap:12px;font-size:13.5px;line-height:1.5;display:flex}.departmentInfoItem svg{color:#0878d1;flex-shrink:0;margin-top:2px}.departmentInfoLabel{color:#64748b;text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px;font-size:11.5px;font-weight:700;display:block}.departmentInfoValue{color:#0f172a;font-weight:600}.departmentInfoValue a{color:#0878d1;text-decoration:none}.departmentInfoValue a:hover{text-decoration:underline}.departmentActionCard{color:#fff;background:linear-gradient(135deg,#0754a8 0%,#0878d1 100%);border-radius:16px;flex-direction:column;gap:12px;padding:22px;display:flex;box-shadow:0 10px 24px #0878d140}.departmentActionTitle{color:#fff;margin:0;font-size:17px;font-weight:800}.departmentActionDesc{color:#e0f2fe;margin:0;font-size:13px;line-height:1.5}.departmentBookingBtn{color:#0754a8;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:12px 18px;font-size:14px;font-weight:800;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px 12px #0000001a}.departmentBookingBtn:hover{color:#053b75;background:#f8fafc;transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.departmentHotlineBtn{color:#fff;background:#ffffff26;border:1px solid #ffffff59;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.departmentHotlineBtn:hover{color:#fff;background:#ffffff40}.departmentNoticeBox{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;align-items:flex-start;gap:10px;padding:14px 16px;font-size:13px;line-height:1.5;display:flex}.departmentNoticeBox svg{color:#22c55e;flex-shrink:0;margin-top:2px}.departmentMainContent{flex-direction:column;gap:28px;display:flex}.departmentCardSection{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:32px;box-shadow:0 4px 20px #0f3f630d}.departmentSectionHeader{border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:22px;padding-bottom:14px;display:flex}.departmentSectionTitleWrap{align-items:center;gap:12px;display:flex}.departmentSectionIcon{color:#0878d1;background:#e0f2fe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.departmentSectionTitle{color:#0f172a;letter-spacing:-.3px;margin:0;font-size:20px;font-weight:800}.departmentSectionLead{color:#334155;margin:0 0 20px;font-size:16px;font-weight:500;line-height:1.7}.departmentCoverBox{aspect-ratio:3/2;background:linear-gradient(135deg,#072b4c 0%,#0754a8 100%);border:1px solid #e2e8f0;border-radius:16px;justify-content:center;align-items:center;width:100%;margin-bottom:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 18px #0f3f6314}.departmentCoverBox.isContainMode{background:linear-gradient(135deg,#f0f7fd 0%,#e1effa 100%);border-color:#bce0f8}.departmentCoverImg{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .3s;display:block}.departmentCoverImg.fitContain{object-fit:contain!important;object-position:center center!important}.departmentCoverImg.fitCoverTop{object-fit:cover!important;object-position:top center!important}.departmentCoverImg.fitCoverCenter{object-fit:cover!important;object-position:center center!important}.departmentCoverImg.fitCoverBottom{object-fit:cover!important;object-position:bottom center!important}.departmentCoverImg.fitFill{object-fit:fill!important;object-position:center center!important}.departmentRichTextWrap{color:#334155;font-size:15px;line-height:1.75}.departmentRichTextWrap p{margin:0 0 16px}.departmentRichTextWrap h2,.departmentRichTextWrap h3,.departmentRichTextWrap h4{color:#0754a8;margin:24px 0 12px;font-weight:800}.departmentRichTextWrap ul,.departmentRichTextWrap ol{margin-bottom:18px;padding-left:24px}.departmentRichTextWrap li{margin-bottom:8px}.departmentSpecialtiesGrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin-top:10px;display:grid}.departmentSpecialtyCard{color:inherit;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:8px;padding:20px;text-decoration:none;transition:all .24s cubic-bezier(.16,1,.3,1);display:flex}.departmentSpecialtyCard:hover{background:#fff;border-color:#0878d1;transform:translateY(-3px);box-shadow:0 10px 24px #0878d11f}.departmentSpecialtyCardTitle{color:#0754a8;justify-content:space-between;align-items:center;margin:0;font-size:16px;font-weight:800;display:flex}.departmentSpecialtyCardTitle svg{color:#0878d1;transition:transform .2s}.departmentSpecialtyCard:hover .departmentSpecialtyCardTitle svg{transform:translate(4px)}.departmentSpecialtyCardDesc{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.departmentDoctorGrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-top:10px;display:grid}.departmentDocCard{text-align:center;color:inherit;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;padding:16px;text-decoration:none;transition:all .24s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 4px 12px #0f3f630a}.departmentDocCard:hover{border-color:#0878d1;transform:translateY(-4px);box-shadow:0 12px 28px #0878d129}.departmentDocAvatarWrap{aspect-ratio:1/1.25;background:#f1f5f9;border:1px solid #e8edf4;border-radius:12px;justify-content:center;align-items:center;width:100%;margin-bottom:14px;display:flex;position:relative;overflow:hidden}.departmentDocAvatarImg{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .35s;display:block}.departmentDocCard:hover .departmentDocAvatarImg{transform:scale(1.03)}.departmentDocAvatarFallback{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.departmentDocAvatarFallback svg{width:48px;height:48px}.departmentDocBadgeRole{color:#0878d1;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:11px;font-weight:700;display:inline-block;overflow:hidden}.departmentDocName{color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;font-size:15px;font-weight:800;line-height:1.35;display:-webkit-box;overflow:hidden}.departmentDocDegree{color:#64748b;margin-bottom:12px;font-size:12.5px;line-height:1.4}.departmentDocFooter{color:#0878d1;border-top:1px solid #f1f5f9;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:auto;padding-top:10px;font-size:12.5px;font-weight:700;display:flex}.departmentDocFooter svg{transition:transform .2s}.departmentDocCard:hover .departmentDocFooter svg{transform:translate(4px)}.departmentBackNav{align-items:center;gap:12px;margin-top:10px;display:flex}.departmentBackBtn{color:#334155;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.departmentBackBtn:hover{color:#0878d1;background:#f8fafc;border-color:#0878d1}@media (max-width:991px){.departmentGrid{grid-template-columns:1fr;gap:28px}.departmentSidebar{position:static}.departmentCardSection{padding:24px}}@media (max-width:640px){.departmentHero{padding:36px 0 30px}.departmentCardSection{padding:18px}.departmentDoctorGrid{grid-template-columns:repeat(2,1fr);gap:12px}.departmentSpecialtiesGrid{grid-template-columns:1fr}.departmentDocCard{padding:12px}}@media (max-width:420px){.departmentDoctorGrid{grid-template-columns:1fr}}