.header{color:#fff;background-color:#1a5a8a;margin-top:0;margin-bottom:40px;padding:20px 0;position:relative;top:0;left:0;right:0}.hospital-name{text-align:center;margin-top:0;margin-bottom:10px;font-size:2rem}.hospital-subtitle{text-align:center;opacity:.9;margin-top:0;margin-bottom:20px;font-size:1rem}.breadcrumb{justify-content:center;align-items:center;margin-top:0;margin-bottom:0;font-size:.9rem;display:flex}.breadcrumb-item{color:#fff;text-decoration:none;transition:all .3s}.breadcrumb-item:hover{text-decoration:underline}.breadcrumb-item.active{opacity:.8;pointer-events:none}.breadcrumb-separator{opacity:.7;margin:0 10px}.doctors-list-page{background-color:#f8f9fa;min-height:100vh;padding:40px 0}.doctor-detail-page{background-color:#f8f9fa;min-height:100vh;padding-bottom:40px}.page-title{color:#1a5a8a;text-align:center;margin-top:0;margin-bottom:50px;padding-top:20px;font-size:2.5rem;position:relative}.page-title:after{content:"";background:linear-gradient(90deg,#1a5a8a,#2c7fb8);border-radius:2px;width:80px;height:4px;margin:15px auto 0;display:block}.doctors-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;padding:0 20px;display:grid}.doctors-grid a{color:inherit;text-decoration:none}.doctor-card{text-align:center;background:#fff;border-radius:10px;transition:all .3s;overflow:hidden;box-shadow:0 4px 12px #00000014}.doctor-card:hover{transform:translateY(-10px);box-shadow:0 10px 25px #00000026}.doctor-image{height:280px;position:relative;overflow:hidden}.doctor-image img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;opacity:0;width:100%;height:100%;transition:all .3s}.doctor-image img.img-loaded{opacity:1}.doctor-card:hover .doctor-image img{transform:scale(1.1)}.doctor-overlay{color:#fff;background:linear-gradient(#0000,#000000b3);padding:20px;transition:all .3s;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.doctor-card:hover .doctor-overlay{transform:translateY(0)}.doctor-overlay p{margin:0;font-size:.9rem;line-height:1.5}.doctor-info{padding:20px}.doctor-name{color:#1a5a8a;margin-bottom:5px;font-size:1.3rem;font-weight:600}.doctor-specialty{color:#666;font-size:.95rem}.skeleton-doctor{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #00000014}.skeleton-image{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;height:280px;animation:1.5s infinite skeleton-loading}.skeleton-info{padding:20px}.skeleton-name{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:60%;height:24px;margin:0 auto 10px;animation:1.5s infinite skeleton-loading}.skeleton-position{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:40%;height:16px;margin:0 auto;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.doctors-error{color:#dc3545;text-align:center;background-color:#fff3f3;border-radius:8px;grid-column:1/-1;padding:40px 20px}.retry-btn{color:#fff;cursor:pointer;background-color:#1a5a8a;border:none;border-radius:5px;margin-top:20px;padding:10px 30px;transition:all .3s}.retry-btn:hover{background-color:#2c7fb8}.pagination{justify-content:center;align-items:center;gap:20px;margin-top:50px;display:flex}.page-btn{color:#fff;cursor:pointer;background-color:#1a5a8a;border:none;border-radius:5px;padding:10px 25px;transition:all .3s}.page-btn:hover:not(:disabled){background-color:#2c7fb8;transform:translateY(-2px)}.page-btn:disabled{cursor:not-allowed;background-color:#ccc}.page-info{color:#666;font-size:1rem}@media (width<=768px){.doctors-list-page{padding:20px 0}.page-title{font-size:2rem}.doctors-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.doctor-image{height:250px}}.doctor-detail{background:#fff;border-radius:10px;margin-bottom:40px;padding:40px;box-shadow:0 4px 12px #00000014}.doctor-header{border-bottom:1px solid #eee;gap:30px;margin-bottom:30px;padding-bottom:30px;display:flex}.doctor-header .doctor-image{background-color:#f0f0f0;border:1px solid #e8e8e8;border-radius:10px;flex-shrink:0;width:200px;height:260px;overflow:hidden}.doctor-header .doctor-image img{-o-object-fit:cover;object-fit:cover;opacity:1;width:100%;height:100%;display:block}.doctor-header .doctor-info{flex:1}.doctor-header .doctor-name{color:#1a5a8a;margin-bottom:10px;font-size:1.8rem}.doctor-header .doctor-position{color:#666;margin-bottom:15px;font-size:1rem}.doctor-header .doctor-intro{color:#555;font-size:.95rem;line-height:1.8}.doctor-content .section{margin-bottom:25px}.doctor-content .section-title{color:#1a5a8a;border-left:4px solid #1a5a8a;margin-bottom:15px;padding-left:12px;font-size:1.3rem}.doctor-content .academic-list{color:#555;padding-left:20px;line-height:2}.doctor-content .specialty-content,.doctor-content .research-content,.doctor-content .conclusion-content,.doctor-content .content-content{color:#555;line-height:1.8}.doctor-content .content-content img{border-radius:8px;max-width:100%;margin:15px 0}.doctor-content .cases{margin-top:20px}.doctor-content .cases-title{color:#1a5a8a;margin-bottom:15px;font-size:1.1rem}.doctor-content .case-item{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:15px}.doctor-content .case-title{color:#333;margin-bottom:10px;font-size:1rem}.doctor-content .case-content p{color:#555;margin-bottom:8px;line-height:1.8}.loading-container{color:#666;flex-direction:column;justify-content:center;align-items:center;padding:100px 20px;display:flex}.error-container{color:#dc3545;background-color:#fff5f5;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.error-container p{margin-bottom:20px}@media (width<=768px){.doctor-detail{padding:20px}.doctor-header{text-align:center;flex-direction:column;align-items:center}.doctor-header .doctor-image{width:160px;height:200px}}