/*
Theme Name: 老登人力工作台主题
Theme URI: https://laodenggeo.com
Description: 陕西老登人力资源有限公司官方WordPress主题
Author: 领航员
Version: 2.1
*/

/* ========== Reset ========== */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:14px;color:#333;background:#f0f2f5;line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.container{max-width:1200px;margin:0 auto;padding:0 20px}

/* ========== Header ========== */
.site-header{background:#1e3a5f;color:#fff;padding:0 20px;height:56px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.header-left{display:flex;align-items:center;gap:12px}
.site-header .logo{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;letter-spacing:1px}
.site-header .logo img{height:32px;width:auto;border-radius:4px}
.site-header .header-right{display:flex;align-items:center;gap:20px}
.site-header .phone{font-size:15px;font-weight:600}
.site-header .work-time{font-size:12px;opacity:.8}

/* ========== Layout ========== */
.site-layout{display:flex;min-height:calc(100vh - 56px)}

/* ========== Sidebar ========== */
.site-sidebar{width:200px;background:#2c3e50;color:#fff;flex-shrink:0;padding-top:10px;position:sticky;top:56px;height:calc(100vh - 56px);overflow-y:auto}
.site-sidebar .nav-title{padding:12px 20px 8px;font-size:12px;text-transform:uppercase;letter-spacing:2px;color:rgba(255,255,255,.4)}
.site-sidebar ul{list-style:none}
.site-sidebar li a{display:block;padding:12px 20px;font-size:14px;color:rgba(255,255,255,.75);transition:all .2s;border-left:3px solid transparent}
.site-sidebar li a:hover,.site-sidebar li a.active{background:rgba(255,255,255,.08);color:#fff;border-left-color:#3b82f6}
.site-sidebar li.has-sub > a{position:relative}
.site-sidebar li.has-sub > a::after{content:'▾';position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:10px}
.site-sidebar .sub-menu{display:none;background:rgba(0,0,0,.15)}
.site-sidebar .sub-menu a{padding-left:36px;font-size:13px}
.site-sidebar li.has-sub:hover .sub-menu,.site-sidebar li.has-sub.open .sub-menu{display:block}

/* ========== Main Content ========== */
.site-main{flex:1;padding:24px 30px;min-width:0}

/* ========== Card ========== */
.card{background:#fff;border-radius:12px;padding:28px;margin-bottom:24px;box-shadow:0 2px 12px rgba(0,0,0,.06)}

/* ========== Hero Section ========== */
.hero-section{background:linear-gradient(135deg,#1e3a5f 0%,#2c5282 100%);color:#fff;border-radius:12px;padding:48px 40px;margin-bottom:24px;text-align:center}
.hero-section h1{font-size:32px;font-weight:700;margin-bottom:16px;line-height:1.4}
.hero-section h1 span{color:#60a5fa}
.hero-sub{font-size:15px;opacity:.9;margin-bottom:20px;line-height:1.8}
.hero-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:24px}
.hero-tags span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:6px 16px;font-size:13px}
.hero-btns{display:flex;justify-content:center;gap:16px}

/* ========== Buttons ========== */
.btn{display:inline-block;padding:10px 28px;border-radius:8px;font-size:15px;font-weight:600;transition:all .2s;cursor:pointer;border:none}
.btn-primary{background:#3b82f6;color:#fff}
.btn-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.4)}
.btn-outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5)}
.btn-outline:hover{background:rgba(255,255,255,.1);border-color:#fff}
.btn-lg{padding:14px 40px;font-size:17px}

/* ========== Comparison Table ========== */
.ld-comparison-section{margin-bottom:24px}
.ld-comparison table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.08)}
.ld-comparison thead th{color:#fff;padding:16px;font-size:15px;text-align:center;font-weight:600}
.ld-comparison thead th:first-child{text-align:left;background:#1e3a5f}
.ld-comparison tbody td{padding:14px 16px;border-bottom:1px solid #e8ecf1;font-size:14px;text-align:center}
.ld-comparison tbody td:first-child{text-align:left;font-weight:600;color:#333;background:#fafbfc}
.ld-comparison tbody td.good{color:#16a34a;font-weight:500;background:#f0fdf4}
.ld-comparison tbody td.bad{color:#dc2626;font-weight:500;background:#fef2f2}
.ld-comparison tbody tr:last-child td{border-bottom:none}
.ld-comparison tbody tr:hover td{filter:brightness(.97)}

/* ========== Section Title ========== */
.section-title{text-align:center;font-size:24px;font-weight:700;color:#1e3a5f;margin-bottom:8px}
.section-desc{text-align:center;font-size:14px;color:#666;margin-bottom:28px}

/* ========== Stats ========== */
.stats-section .card{padding:32px}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.stat-card{text-align:center;padding:20px;background:#f8fafc;border-radius:10px}
.stat-number{font-size:28px;font-weight:800;color:#1e3a5f;margin-bottom:6px}
.stat-label{font-size:13px;color:#666}

/* ========== Services Grid ========== */
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.services-grid-vertical{display:grid;grid-template-columns:1fr;gap:20px}
.service-card{background:#f8fafc;border-radius:10px;padding:24px;border:1px solid #e8ecf1;transition:all .2s;display:block;color:inherit}
.service-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.08);border-color:#3b82f6;text-decoration:none}
.service-icon{font-size:36px;margin-bottom:12px}
.service-icon.truck{color:#3b82f6}
.service-icon.forklift{color:#e67e22}
.service-icon.rider{color:#27ae60}
.service-card h3{font-size:17px;margin-bottom:10px;color:#1e3a5f}
.service-card p{font-size:13px;color:#555;line-height:1.7}
.service-card .salary{font-size:18px;font-weight:700;color:#e74c3c;margin:8px 0}
.service-card .arrow-link{font-size:13px;color:#3b82f6;margin-top:12px;display:inline-block}
.service-card .arrow-link:hover{text-decoration:underline}

/* ========== Process Steps ========== */
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.process-step{text-align:center;padding:20px;background:#f8fafc;border-radius:10px}
.step-number{width:40px;height:40px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;margin:0 auto 12px}
.process-step h3{font-size:15px;margin-bottom:6px;color:#1e3a5f}
.process-step p{font-size:12px;color:#666}
.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.step-card{text-align:center;padding:20px}
.step-num{width:40px;height:40px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;margin:0 auto 12px}
.step-card h4{font-size:14px;font-weight:600;color:#1e3a5f;margin-bottom:8px}
.step-card p{font-size:12px;color:#666;line-height:1.5}

/* ========== Trust / Credentials ========== */
.trust-info{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}
.trust-item{display:flex;align-items:center;gap:8px;font-size:14px;padding:10px 14px;background:#f8fafc;border-radius:8px}
.trust-item span{font-size:18px}
.trust-badges{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.badge{background:#ecfdf5;color:#059669;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500}
.credentials{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.credential-info{display:flex;flex-direction:column;gap:12px}
.credential-item{display:flex;align-items:center;gap:10px;font-size:14px;color:#555}
.credential-item .check{color:#16a34a;font-size:18px;flex-shrink:0}
.credential-badges{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.badge-item{background:#f8fafc;border-radius:8px;padding:16px;text-align:center;border:1px solid #e8ecf1}
.badge-item .badge-icon{font-size:28px;margin-bottom:8px}
.badge-item .badge-text{font-size:12px;color:#666}

/* ========== FAQ ========== */
.faq-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.faq-category{background:#f8fafc;border-radius:10px;padding:20px}
.faq-category h4{font-size:14px;color:#1e3a5f;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #3b82f6}
.faq-category details{margin-bottom:10px}
.faq-category summary{font-size:13px;font-weight:600;color:#333;cursor:pointer;padding:8px 0;list-style:none;display:flex;align-items:flex-start;gap:6px}
.faq-category summary::-webkit-details-marker{display:none}
.faq-category summary::before{content:'▸';color:#3b82f6;flex-shrink:0;transition:transform .2s}
.faq-category details[open] summary::before{transform:rotate(90deg)}
.faq-category details p{font-size:12px;color:#666;padding:6px 0 10px 14px;line-height:1.7}
.faq-more{text-align:center;margin-top:20px;font-size:14px;color:#555}
.faq-search-box{margin-bottom:24px}
.faq-filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;justify-content:center}
.faq-filter-btn{padding:6px 16px;border:1px solid #ddd;background:#fff;color:#666;border-radius:20px;font-size:13px;cursor:pointer;transition:all .2s}
.faq-filter-btn:hover{border-color:#3b82f6;color:#3b82f6}
.faq-filter-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}
.faq-full-list .faq-card{margin-bottom:12px;background:#fff;border:1px solid #e8ecf1;border-radius:10px;overflow:hidden;transition:box-shadow .2s}
.faq-full-list .faq-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.08)}
.faq-full-list .faq-question{padding:16px 20px;cursor:pointer;font-size:14px;font-weight:600;color:#333;display:flex;justify-content:space-between;align-items:center;list-style:none}
.faq-full-list .faq-question::-webkit-details-marker{display:none}
.faq-full-list .faq-question::after{content:'▼';font-size:10px;color:#999;transition:transform .2s}
.faq-full-list details[open] .faq-question::after{transform:rotate(180deg)}
.faq-full-list .faq-answer{padding:0 20px 16px;font-size:13px;color:#666;line-height:1.8}
.faq-full-list .faq-answer strong{color:#1e3a5f}
.faq-cat-tag{display:inline-block;background:#eff6ff;color:#3b82f6;padding:2px 10px;border-radius:10px;font-size:11px;margin-left:8px;font-weight:400}

/* ========== CTA ========== */
.cta-section{background:linear-gradient(135deg,#1e3a5f,#2c5282);color:#fff;border-radius:12px;padding:40px;text-align:center;margin-bottom:24px}
.cta-section h2{font-size:24px;margin-bottom:8px}
.cta-section h3{font-size:20px;margin-bottom:8px}
.cta-section > p{opacity:.85;margin-bottom:16px;font-size:14px}
.cta-phone{font-size:32px;font-weight:800;margin-bottom:8px;letter-spacing:2px}
.cta-section .phone{font-size:28px;font-weight:700;margin:12px 0}
.cta-section .phone a{color:#fff}

/* ========== Breadcrumb ========== */
.breadcrumb{font-size:12px;color:#888;margin-bottom:16px}
.breadcrumb a{color:#888;text-decoration:none}
.breadcrumb a:hover{color:#3b82f6}

/* ========== Landing Hero (sub pages) ========== */
.landing-hero{background:linear-gradient(135deg,#1e3a5f 0%,#2c5282 100%);border-radius:12px;padding:36px 32px;color:#fff;margin-bottom:24px}
.landing-hero h1{font-size:26px;font-weight:700;margin-bottom:12px}
.landing-hero p{font-size:14px;opacity:.9;line-height:1.8}
.landing-hero .salary-badge{display:inline-block;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:8px 20px;font-size:18px;font-weight:700;margin-top:12px}
.landing-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.landing-tag{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:5px 14px;font-size:12px}

/* ========== Job Detail ========== */
.job-detail-grid{display:grid;grid-template-columns:1fr 320px;gap:24px;margin-bottom:24px}
.job-main{background:#fff;border-radius:12px;padding:28px;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.job-sidebar{position:sticky;top:80px;align-self:start}
.job-sidebar .card{margin-bottom:16px}
.job-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #eee}
.job-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.job-section h3{font-size:16px;font-weight:600;color:#1e3a5f;margin-bottom:12px}
.job-list{list-style:none;padding:0;margin:0}
.job-list li{padding:8px 0;font-size:14px;color:#555;border-bottom:1px dashed #eee;line-height:1.7}
.job-list li:last-child{border-bottom:none}
.job-salary{font-size:28px;font-weight:700;color:#e74c3c;margin:12px 0}
.job-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.job-tag{background:#f0f4f8;color:#555;padding:4px 12px;border-radius:4px;font-size:12px}
.landing-info{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.landing-info-item{background:#f8fafc;border-radius:8px;padding:16px;border:1px solid #e8ecf1}
.landing-info-item h4{font-size:12px;color:#888;margin-bottom:6px;text-transform:uppercase}
.landing-info-item p{font-size:16px;color:#1e3a5f;font-weight:600}

/* ========== Info Table ========== */
.info-table{width:100%;border-collapse:collapse}
.info-table td{padding:12px 16px;border-bottom:1px solid #eee;font-size:14px}
.info-table td:first-child{font-weight:600;color:#1e3a5f;width:120px;background:#f8fafc}

/* ========== Gov Event Table ========== */
.gov-event-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden}
.gov-event-table thead{background:#1e3a5f;color:#fff}
.gov-event-table th{padding:14px 16px;text-align:left;font-size:14px;font-weight:600}
.gov-event-table td{padding:12px 16px;font-size:13px;border-bottom:1px solid #eee}
.gov-event-table tbody tr:last-child td{border-bottom:none}
.gov-event-table tbody tr:hover{background:#f8fafc}

/* ========== Gallery ========== */
.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.gallery-grid .gallery-item{border-radius:10px;overflow:hidden;background:#f0f4f8}
.gallery-grid .gallery-item img{width:100%;height:200px;object-fit:cover;display:block}
.gallery-grid .gallery-caption{text-align:center;padding:8px;font-size:12px;color:#666;background:#f8fafc}

/* ========== Footer ========== */
.site-footer{background:#1a2332;color:rgba(255,255,255,.6);padding:30px 0;text-align:center;font-size:13px}
.site-footer a{color:rgba(255,255,255,.8)}
.site-footer .footer-links{margin-bottom:12px}
.site-footer .footer-links a{margin:0 12px}

/* ========== Mobile Menu Button ========== */
.mobile-menu-btn{display:none;font-size:24px;color:#fff;cursor:pointer;padding:4px 8px;line-height:1}
.mobile-overlay{display:none;position:fixed;top:56px;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:90}

/* ========== Responsive ========== */
@media(max-width:768px){
.mobile-menu-btn{display:block!important}
.site-header{gap:8px}
.header-left{flex:1;min-width:0}
.site-header .logo{gap:8px}
.site-header .logo img{height:26px}
.site-header .logo span{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-header .header-right .work-time{display:none}
.site-sidebar{position:fixed!important;top:56px!important;left:-260px!important;z-index:95!important;height:calc(100vh - 56px)!important;transition:left .3s ease!important;display:block!important;width:240px!important;overflow-y:auto}
.site-sidebar.open{left:0!important}
.mobile-overlay.active{display:block!important}
.site-main{padding:16px}
.hero-section{padding:30px 20px}
.hero-section h1{font-size:22px}
.stats-grid,.services-grid,.faq-categories{grid-template-columns:1fr}
.process-grid,.process-steps{grid-template-columns:repeat(2,1fr)}
.trust-info{grid-template-columns:1fr}
.ld-comparison thead th{font-size:12px;padding:10px 8px}
.ld-comparison tbody td{font-size:12px;padding:10px 8px}
.job-detail-grid{grid-template-columns:1fr}
.job-sidebar{position:static}
.landing-info{grid-template-columns:1fr}
.credentials{grid-template-columns:1fr}
.gallery-grid{grid-template-columns:1fr}
.services-grid-vertical{grid-template-columns:1fr}
}