.doc-banner{text-align:center;background:url(/images_icon/Image/Gradient-BG.jpg) 50%/cover no-repeat;border-radius:16px;justify-content:center;align-items:center;width:auto;min-height:390px;margin:0 50px;padding:70px 20px 50px;display:flex;position:relative;overflow:hidden}.doc-banner-content{z-index:1;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:700px;margin:0 auto;display:flex;position:relative}.doc-banner-eyebrow{font-family:var(--font-primary);letter-spacing:2.5px;text-transform:uppercase;color:#ffffffd1;text-align:center;width:100%;margin-bottom:16px;font-size:11px;font-weight:500}.doc-banner-title{font-family:var(--font-primary);color:#fff;text-align:center;width:100%;margin-bottom:12px;font-size:44px;font-weight:700;line-height:1.15}.doc-banner-desc{font-family:var(--font-primary);color:#ffffffd9;text-align:center;width:100%;margin-bottom:30px;font-size:14px;line-height:1.65}.doc-banner-search-wrap{flex-direction:column;align-items:center;gap:12px;width:100%;margin-bottom:24px;display:flex}.doc-banner-search-bar{border:1px solid #fff;border-radius:8px;align-items:center;gap:10px;width:100%;max-width:580px;height:52px;padding:0 18px;display:flex}.doc-banner-search-icon{flex-shrink:0;width:18px;height:18px}.doc-banner-search-input{font-family:var(--font-primary);color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:14px}.doc-banner-search-input::placeholder{color:#ffffffb3}.doc-banner-search-divider{background:var(--color-border);flex-shrink:0;width:1px;height:22px}.doc-banner-speciality-drop{cursor:pointer;font-family:var(--font-primary);color:#fff;white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.doc-banner-speciality-drop img{filter:brightness(0)invert();width:14px;height:14px}.doc-banner-speciality-dropdown{z-index:1000;background:#fff;border:1px solid #e0e0e0;border-radius:12px;min-width:280px;max-height:320px;margin-top:8px;position:absolute;top:100%;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.doc-banner-speciality-dropdown button{text-align:left;cursor:pointer;color:#333;width:100%;font-size:14px;font-family:var(--font-primary);background:0 0;border:none;border-bottom:1px solid #f0f0f0;padding:14px 18px;font-weight:500;transition:all .2s;display:block}.doc-banner-speciality-dropdown button:last-child{border-bottom:none}.doc-banner-speciality-dropdown button:hover{color:#3d7373;background-color:#f5f5f5;padding-left:22px}.doc-banner-speciality-dropdown::-webkit-scrollbar{width:8px}.doc-banner-speciality-dropdown::-webkit-scrollbar-track{background:#f5f5f5;border-radius:10px}.doc-banner-speciality-dropdown::-webkit-scrollbar-thumb{background:#a2d07e;border-radius:10px;transition:background .2s}.doc-banner-speciality-dropdown::-webkit-scrollbar-thumb:hover{background:#8bc76a}.skeleton-item{border-bottom:1px solid #f0f0f0;padding:14px 18px}.skeleton-item:last-child{border-bottom:none}.skeleton-line{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;height:16px;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.doc-banner-search-btn{background-color:var(--color-primary-dark);color:#9ce580;width:220px;height:50px;font-family:var(--font-primary);cursor:pointer;letter-spacing:2px;text-transform:uppercase;border:none;border-radius:8px;font-size:15px;font-weight:600;transition:background-color .25s}.doc-banner-popular{margin-top:4px}.doc-banner-popular-label{font-family:var(--font-primary);letter-spacing:2px;text-transform:uppercase;color:#ffffffb8;margin-bottom:10px;font-size:11px;font-weight:500}.doc-banner-popular-tags{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 0;display:flex}.doc-banner-popular-item{align-items:center;display:inline-flex}.doc-banner-popular-dot{color:#ffffff8c;margin:0 10px;font-size:8px;line-height:1}.doc-banner-popular-link{font-family:var(--font-primary);color:#ffffffe6;font-size:13px;text-decoration:none;transition:color .2s}.doc-banner-popular-link:hover{color:#fff;text-decoration:underline}@media (max-width:1024px){.doc-banner{border-radius:14px;min-height:360px;margin:0 30px;padding:65px 20px 44px}.doc-banner-title{font-size:36px}}@media (max-width:768px){.doc-banner{border-radius:12px;min-height:320px;margin:0 16px;padding:55px 16px 36px}.doc-banner-title{font-size:28px}.doc-banner-desc{font-size:13px}.doc-banner-search-wrap{flex-direction:column;gap:12px}.doc-banner-search-bar{max-width:100%;height:46px}.doc-banner-search-btn{letter-spacing:1.5px;width:100%;max-width:200px;height:46px;font-size:14px}.doc-banner-speciality-dropdown{min-width:240px}}@media (max-width:480px){.doc-banner{border-radius:10px;margin:0 12px;padding:46px 14px 32px}.doc-banner-title{font-size:22px}.doc-banner-desc{margin-bottom:22px;font-size:12px}.doc-banner-search-wrap{flex-direction:column;gap:10px;width:100%}.doc-banner-search-bar{gap:7px;width:100%;max-width:100%;height:44px;padding:0 10px}.doc-banner-search-input{font-size:13px}.doc-banner-search-icon{width:16px;height:16px}.doc-banner-speciality-drop{gap:4px;font-size:12px}.doc-banner-search-btn{letter-spacing:1px;width:100%;height:44px;font-size:13px}.doc-banner-speciality-dropdown{min-width:220px;max-height:280px}.doc-banner-popular-tags{gap:6px 0}.doc-banner-popular-link{font-size:12px}}@media (max-width:355px){.doc-banner{margin:0 8px;padding:40px 10px 28px}.doc-banner-title{font-size:18px}.doc-banner-desc{margin-bottom:18px;font-size:11px}.doc-banner-search-bar{gap:6px;height:40px;padding:0 8px}.doc-banner-search-input{font-size:12px}.doc-banner-speciality-drop span{display:none}.doc-banner-speciality-drop{gap:0;font-size:11px}.doc-banner-search-btn{letter-spacing:.5px;height:40px;font-size:12px}.doc-banner-speciality-dropdown{min-width:200px;max-height:250px}.doc-banner-speciality-dropdown button{padding:12px 14px;font-size:13px}}
.doclist-section{background:var(--color-bg);padding:40px 0}.doclist-container{width:100%;margin:0 auto;padding:0 50px}.doclist-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.doclist-card{border:1px solid var(--color-border);background:#fff;border-radius:12px;flex-direction:column;transition:box-shadow .25s;display:flex;overflow:hidden}.doclist-card:hover{box-shadow:0 6px 24px #3574711f}.doclist-card-head{align-items:flex-start;gap:14px;padding:18px 16px 14px;display:flex}.doclist-photo-wrap{background:linear-gradient(137deg,#9ce580 0%,#357471 100%);border-radius:10px;flex-shrink:0;min-width:100px;height:112px;padding:10px 10px 0;overflow:hidden}.doclist-photo{object-fit:cover;border-radius:4px 4px 0 0;width:100%;height:100%;display:block}.doclist-card-meta{flex:1;min-width:0}.doclist-card-name{font-family:var(--font-primary);color:var(--color-text);word-break:break-word;margin-bottom:5px;font-size:15px;font-weight:700;line-height:1.25}.doclist-card-specialty{font-family:var(--font-primary);color:var(--color-text-light);margin-bottom:3px;font-size:12px;line-height:1.45}.doclist-card-exp{font-family:var(--font-primary);color:var(--color-text-light);margin:0;font-size:12px}.doclist-share-btn{cursor:pointer;background:url(/images_icon/Image/Gradient-BG1.jpg) 50%/cover no-repeat;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;transition:opacity .2s,transform .15s;display:flex}.doclist-share-icon{filter:brightness(0)invert();width:15px;height:15px;display:block}.doclist-card-body{flex:1;padding:0 16px 6px}.doclist-card-section{margin-bottom:10px}.doclist-section-label{font-family:var(--font-primary);color:var(--color-primary);margin-bottom:4px;font-size:12.5px;font-weight:700;line-height:1.3}.doclist-section-text{font-family:var(--font-primary);color:var(--color-text-light);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.doclist-card-actions{border-top:1px solid var(--color-border);align-items:stretch;margin-top:auto;display:flex}.doclist-action-btn{font-family:var(--font-primary);color:var(--color-text);flex:1;justify-content:center;align-items:center;gap:7px;padding:13px 8px;font-size:12px;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s;display:flex}.doclist-action-btn:hover{background-color:var(--color-bg-green);color:var(--color-primary-dark)}.doclist-action-btn--book{color:#9ce580;background-color:#45716f}.doclist-action-btn--book:hover{color:#9ce580;background-color:#357471}.doclist-action-icon--book{filter:brightness(0)saturate()invert(79%)sepia(30%)saturate(500%)hue-rotate(60deg)brightness(110%)}.doclist-action-divider{background:var(--color-border);flex-shrink:0;align-self:stretch;width:1px}.doclist-action-icon{object-fit:contain;flex-shrink:0;width:18px;height:18px}.doclist-pagination{flex-direction:column;align-items:flex-end;gap:10px;margin-top:40px;display:flex}.doclist-page-nums{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.doclist-page-btn{min-width:36px;height:36px;font-family:var(--font-primary);color:var(--color-text);cursor:pointer;border-radius:6px;padding:0 10px;font-size:13px;font-weight:500;transition:background-color .2s,color .2s,border-color .2s}.doclist-page-btn:hover{border-color:var(--color-primary);color:var(--color-primary-dark);background-color:#eff7dd}.doclist-page-btn--active{border-color:var(--color-primary);color:var(--color-primary-dark);background-color:#eff7dd;font-weight:700}.doclist-page-btn--active:hover{border-color:var(--color-primary);color:var(--color-primary-dark);background-color:#eff7dd}.doclist-page-btn--disabled{color:#999;cursor:not-allowed;opacity:.6;background-color:#f5f5f5}.doclist-page-btn--disabled:hover{color:#999;cursor:not-allowed;background-color:#f5f5f5}.doclist-page-btn:disabled{color:#999;cursor:not-allowed;opacity:.6;background-color:#f5f5f5}.doclist-page-btn:disabled:hover{color:#999;cursor:not-allowed;background-color:#f5f5f5}.doclist-page-btn--older{border-color:var(--color-border);background-color:#eff7dd}.doclist-page-ellipsis{font-family:var(--font-primary);color:var(--color-text-muted);-webkit-user-select:none;user-select:none;padding:0 2px;font-size:14px}.doclist-card--skeleton{pointer-events:none}.skeleton-photo{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:8px;width:100%;height:200px;animation:1.5s infinite skeleton-loading}.skeleton-name{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:70%;height:20px;margin-bottom:8px;animation:1.5s infinite skeleton-loading}.skeleton-specialty{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:60%;height:16px;margin-bottom:6px;animation:1.5s infinite skeleton-loading}.skeleton-exp{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:50%;height:14px;animation:1.5s infinite skeleton-loading}.skeleton-share{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:50%;width:32px;height:32px;animation:1.5s infinite skeleton-loading}.skeleton-label{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:40%;height:14px;margin-bottom:8px;animation:1.5s infinite skeleton-loading}.skeleton-text{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;height:12px;margin-bottom:6px;animation:1.5s infinite skeleton-loading}.skeleton-text:last-child{margin-bottom:0}.skeleton-button{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:6px;flex:1;height:36px;animation:1.5s infinite skeleton-loading}.skeleton-divider{background:#e0e0e0;width:1px;height:36px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.doclist-pagination-info{font-family:var(--font-primary);color:var(--color-text-muted);margin-top:10px;font-size:13px}@media (max-width:1280px){.doclist-container{padding:0 36px}}@media (max-width:1024px){.doclist-container{padding:0 24px}.doclist-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width:768px){.doclist-section{padding:36px 0 50px}.doclist-container{padding:0 20px}.doclist-grid{grid-template-columns:1fr;gap:18px}.doclist-pagination{align-items:flex-end;gap:10px}}@media (max-width:480px){.doclist-container{padding:0 16px}.doclist-card-head{padding:14px 12px 12px}.doclist-card-body{padding:0 12px 6px}.doclist-card-name{font-size:14px}}