.human-resource-export-page{min-height:100vh;display:flex;flex-direction:column}.human-resource-export-page *{margin:0;padding:0;box-sizing:border-box}.human-resource-export-page .container{max-width:1200px;margin:0 auto;padding:0 20px}.human-resource-export-page .breadcrumb{background-color:#f8f9fa;padding:12px 0;border-bottom:1px solid #e9ecef}.human-resource-export-page .breadcrumb .container{display:flex;align-items:center;gap:8px}.human-resource-export-page .breadcrumb-item{color:#6c757d;text-decoration:none;font-size:14px}.human-resource-export-page .breadcrumb-item.home:before{content:"🏠";margin-right:4px}.human-resource-export-page .breadcrumb-item:hover{color:#2a5298}.human-resource-export-page .separator{color:#6c757d}.human-resource-export-page .breadcrumb-item.current{color:#333;font-weight:500;cursor:default}.human-resource-export-page .page-title{text-align:center;padding:40px 0;background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;margin-bottom:40px}.human-resource-export-page .page-title h1{font-size:32px;margin-bottom:10px}.human-resource-export-page .page-title p{font-size:16px;opacity:.9}.human-resource-export-page .main-content{max-width:1200px;margin:0 auto 40px}.human-resource-export-page .top-sections{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:30px}.human-resource-export-page .service-section{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.human-resource-export-page .section-title{font-size:18px;font-weight:600;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #e9ecef}.human-resource-export-page .overview-section{display:flex;flex-direction:column}.human-resource-export-page .service-overview{border-radius:8px;overflow:hidden;margin-bottom:10px}.human-resource-export-page .overview-placeholder{width:100%;height:200px;background:linear-gradient(135deg,#1e3c72,#2a5298);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative}.human-resource-export-page .placeholder-icon{font-size:48px;margin-bottom:15px}.human-resource-export-page .overview-caption{color:#fff;padding:15px;font-size:14px;position:relative}.human-resource-export-page .service-categories{background-color:#fff;border-radius:12px;padding:25px;margin-bottom:30px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.human-resource-export-page .category-tabs{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.human-resource-export-page .category-tab{padding:10px 20px;border:1px solid #ddd;background-color:#fff;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:400;color:#333}.human-resource-export-page .category-tab:hover{border-color:#2a5298;color:#2a5298}.human-resource-export-page .category-tab.active{background-color:#2a5298;color:#fff;border-color:#2a5298}.human-resource-export-page .service-content{background-color:#fff;border-radius:8px;padding:20px;margin-bottom:30px;box-shadow:0 2px 8px rgba(0,0,0,.08);min-height:400px}.human-resource-export-page .service-category-content h3{font-size:24px;margin-bottom:20px;color:#333}.human-resource-export-page .service-description{margin-bottom:30px;line-height:1.8;color:#6c757d}.human-resource-export-page .service-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.human-resource-export-page .feature-item{background-color:#f8f9fa;border-radius:8px;padding:20px;text-align:center;transition:transform .3s,box-shadow .3s}.human-resource-export-page .feature-item:hover{transform:translateY(-5px);box-shadow:0 4px 16px rgba(0,0,0,.1)}.human-resource-export-page .feature-icon{font-size:36px;margin-bottom:15px}.human-resource-export-page .feature-item h4{font-size:18px;margin-bottom:10px;color:#333}.human-resource-export-page .feature-item p{color:#6c757d;font-size:14px;line-height:1.6}.human-resource-export-page .service-empty{padding:60px 20px;text-align:center;color:#adb5bd}.human-resource-export-page .fade-slide-enter-active{animation:fadeSlideIn .3s ease}@keyframes fadeSlideIn{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.human-resource-export-page .top-sections{grid-template-columns:1fr;gap:20px}.human-resource-export-page .main-content{padding:0 15px}.human-resource-export-page .page-title h1{font-size:28px}.human-resource-export-page .category-tabs{justify-content:center}.human-resource-export-page .service-features{grid-template-columns:1fr}}