/* =========================================================
   招贤纳士网 · 多站点人才招聘平台 全局样式
   主题：橙红（#ff5a23 系）+ 土黑（#201d1b 系）头尾
   适配：PC / H5 响应式
   ========================================================= */
:root{
    --main:#ff5a23;
    --main-600:#f04a12;
    --main-500:#ff6a35;
    --main-soft:#fff3ee;
    --grad:linear-gradient(135deg,#ff6a35 0%,#f04a12 55%,#e23b08 100%);
    --ink:#2b2b2b;
    --ink-2:#4a4a4a;
    --muted:#8a8a8a;
    --line:#f1e4dd;
    --bg-soft:#fdf6f2;
    --dark:#201d1b;
    --dark-2:#2c2826;
    --radius:12px;
    --shadow:0 6px 20px rgba(240,74,18,.08);
    --shadow-2:0 14px 40px rgba(240,74,18,.16);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
html,body{font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;color:var(--ink);background:#fff;font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;transition:color .2s}
img{border:0;max-width:100%;display:block}
ul,ol{list-style:none}
button,input{font-family:inherit}
::selection{background:var(--main);color:#fff}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#e3c8bb;border-radius:10px;border:2px solid #fff}
::-webkit-scrollbar-thumb:hover{background:var(--main)}
::-webkit-scrollbar-track{background:transparent}

.container{max-width:1200px;margin:0 auto;padding:0 16px}

/* ===================== 头部（土黑 · 一排导航） ===================== */
.site-header{background:var(--dark);color:#fff;position:sticky;top:0;z-index:100;box-shadow:0 2px 14px rgba(0,0,0,.35)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:58px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;min-width:0}
.brand-link{display:flex;align-items:center;color:#fff;text-decoration:none}
.brand-link:hover{color:#fff;opacity:.92}
.brand-logo{height:36px;width:auto;display:block;border-radius:6px}
.brand-text{font-size:20px;font-weight:800;letter-spacing:.5px;color:#fff;white-space:nowrap;
  background:linear-gradient(90deg,#ffd9c9,#ffa17f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.nav-links{display:flex;align-items:center;list-style:none;gap:4px}
.nav-link{color:#e9e4e1;padding:8px 16px;border-radius:8px;font-size:14px;display:inline-block;font-weight:500}
.nav-link:hover{color:#fff;background:rgba(255,90,35,.22)}
.nav-link.active{color:#fff;background:var(--grad);box-shadow:0 4px 12px rgba(240,74,18,.4)}
@media (max-width:768px){
    .header-inner{height:auto;padding:10px 0 8px;justify-content:center;gap:8px}
    .brand{width:100%;justify-content:center}
    .nav-links{width:100%;justify-content:center;gap:3px;flex-wrap:wrap}
    .nav-link{padding:6px 11px;font-size:13px;border-radius:7px}
}

/* ===================== 主区 ===================== */
main{min-height:62vh;padding:22px 0 34px;background:
   radial-gradient(1200px 300px at 50% -60px, rgba(255,90,35,.06), transparent 60%)}

.section-title{font-size:21px;font-weight:800;color:var(--ink);margin:30px 0 16px;
  padding-left:14px;border-left:5px solid var(--main);display:flex;align-items:center;justify-content:space-between;line-height:1.3}
.section-title h2{font-size:21px;font-weight:800;display:flex;align-items:center;gap:8px}
.section-title .more{font-size:13px;color:var(--main);font-weight:600;display:inline-flex;align-items:center;gap:4px}
.section-title .more:hover{text-decoration:underline}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-bottom:14px;box-shadow:0 2px 10px rgba(0,0,0,.03)}

/* 首页搜索 Hero */
.hero{position:relative;overflow:hidden;border-radius:16px;padding:38px 24px 30px;color:#fff;text-align:center;
  background:var(--grad);box-shadow:var(--shadow-2);margin-top:16px}
.hero::before,.hero::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.12);pointer-events:none}
.hero::before{width:340px;height:340px;top:-150px;right:-80px}
.hero::after{width:240px;height:240px;bottom:-120px;left:-60px}
.hero h1{font-size:28px;font-weight:800;margin-bottom:8px;position:relative;z-index:1}
.hero p{opacity:.95;margin-bottom:20px;font-size:15px;position:relative;z-index:1}
.hero-form{display:flex;gap:10px;max-width:760px;margin:0 auto;flex-wrap:wrap;justify-content:center;position:relative;z-index:1}
.hero-form input[type=text]{flex:1 1 220px;padding:13px 18px;border:none;border-radius:10px;font-size:15px;outline:none;color:var(--ink);box-shadow:inset 0 2px 4px rgba(0,0,0,.05)}
.hero-form input[type=text]:focus{box-shadow:0 0 0 3px rgba(255,255,255,.5)}
.hero-form button{padding:13px 40px;background:#fff;color:var(--main-600);border:none;border-radius:10px;font-size:15px;font-weight:800;cursor:pointer;transition:.2s}
.hero-form button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.2)}
.hot-tags{margin-top:18px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:center;position:relative;z-index:1}
.hot-tags>span{font-size:13px;opacity:.95}
.hot-tags .t{color:#fff;opacity:.95;border:1px solid rgba(255,255,255,.55);padding:4px 14px;border-radius:20px;font-size:13px;transition:.2s;background:rgba(255,255,255,.08)}
.hot-tags .t:hover{background:#fff;color:var(--main-600);opacity:1;transform:translateY(-1px)}

/* 职位列表 */
.job-list{list-style:none;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.job-item{display:flex;align-items:center;gap:14px;padding:15px 18px;border-bottom:1px solid #f6ece6;transition:background .18s;white-space:nowrap}
.job-item:last-child{border-bottom:none}
.job-item:hover{background:var(--main-soft);box-shadow:inset 3px 0 0 var(--main)}
.job-cp{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-2);width:200px;flex-shrink:0;min-width:0}
.job-cp img{width:30px;height:30px;object-fit:contain;border:1px solid var(--line);border-radius:7px;background:#fff;padding:2px;flex-shrink:0}
.job-cp .cpname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;min-width:0}
.job-cp a.cpname:hover{color:var(--main)}
.job-pos{flex:1;min-width:0;font-size:16px;font-weight:700;color:var(--ink);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.job-pos:hover{color:var(--main-600)}
.job-meta{flex-shrink:0;display:flex;align-items:center;gap:14px;font-size:12px;color:var(--muted);white-space:nowrap}
.jloc{overflow:hidden;text-overflow:ellipsis;max-width:150px;white-space:nowrap}
.tag-edu{background:var(--main-soft);color:var(--main-600);font-size:12px;padding:2px 9px;border-radius:6px;font-weight:600;white-space:nowrap}
.job-side{flex-shrink:0}
.job-sal{color:var(--main-600);font-weight:800;font-size:15px;background:var(--main-soft);padding:4px 12px;border-radius:8px;white-space:nowrap}
@media (max-width:768px){
    .job-item{gap:10px;padding:12px 12px}
    .job-cp{width:150px}
    .job-pos{font-size:14px}
    .job-meta{gap:8px}
    .jloc{max-width:90px}
    .job-sal{font-size:13px;padding:3px 8px}
}

/* 公司列表 */
.company-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.company-item{display:flex;align-items:center;gap:14px;padding:15px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:.2s;box-shadow:0 1px 4px rgba(0,0,0,.03)}
.company-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-2);border-color:#ffc9b3}
.company-item img{width:48px;height:48px;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:#fff;padding:4px;flex-shrink:0}
.company-item .cname{font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.company-item .cname:hover{color:var(--main-600)}
.company-item .csub{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}
@media (max-width:768px){.company-grid{grid-template-columns:1fr}}

/* 简历滚动 */
.resume-marquee{overflow:hidden;height:228px;position:relative;background:linear-gradient(180deg,#fffdfb,#fff7f2);
  border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.resume-marquee::after{content:"";position:absolute;left:0;right:0;top:0;height:26px;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,247,242,.9),transparent)}
.resume-track{animation:scrollUp 26s linear infinite}
.resume-marquee:hover .resume-track{animation-play-state:paused}
.resume-line{display:flex;align-items:center;gap:14px;padding:10px 18px;border-bottom:1px dashed var(--line);font-size:13px}
.resume-line:hover{background:#fff}
.resume-line .rname{font-weight:700;color:var(--ink);flex-shrink:0}
.resume-line .rname:hover{color:var(--main-600)}
.resume-line .rmeta{color:var(--muted);white-space:nowrap}
.resume-line .rseek{flex:1;color:var(--main-600);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@keyframes scrollUp{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}

/* ===================== 搜索页 ===================== */
.search-bar{background:var(--grad);border-radius:14px;padding:22px 20px;color:#fff;box-shadow:var(--shadow-2);position:relative;overflow:hidden}
.search-bar::after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.1);top:-70px;right:-50px}
.search-bar form{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;position:relative;z-index:1}
.fld{flex:1 1 180px;min-width:0}
.fld label{display:block;font-size:12px;opacity:.95;margin-bottom:5px;font-weight:600}
.fld input{width:100%;padding:11px 14px;border:none;border-radius:9px;font-size:14px;outline:none;color:var(--ink);box-shadow:inset 0 2px 4px rgba(0,0,0,.05)}
.fld input:focus{box-shadow:0 0 0 3px rgba(255,255,255,.5)}
.search-bar button{padding:11px 34px;background:#fff;color:var(--main-600);border:none;border-radius:9px;font-weight:800;cursor:pointer;white-space:nowrap;transition:.2s}
.search-bar button:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.18)}
.result-info{font-size:13px;color:var(--muted);margin:18px 0 12px;display:flex;align-items:center;gap:6px}
.result-info b{color:var(--main-600);font-size:16px}

/* 搜索列表（公司/简历） */
.slist{list-style:none}
.sitem{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px;background:#fff;transition:.2s;box-shadow:0 1px 4px rgba(0,0,0,.03)}
.sitem:hover{transform:translateY(-2px);box-shadow:var(--shadow-2);border-color:#ffc9b3}
.sitem .slogo{flex-shrink:0}
.sitem .slogo img{width:54px;height:54px;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:#fff;padding:4px}
.sitem .sbody{flex:1;min-width:0}
.sitem .stitle{font-size:16px;font-weight:700;color:var(--ink)}
.sitem .stitle:hover{color:var(--main-600)}
.sitem .sdesc{font-size:12px;color:var(--muted);margin-top:4px;display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.sitem .sright{flex-shrink:0;color:var(--main-600);font-weight:800}

/* 分页 */
.pager{display:flex;gap:8px;justify-content:center;align-items:center;margin-top:24px;flex-wrap:wrap}
.pager a,.pager span{min-width:36px;text-align:center;padding:8px 12px;border:1px solid var(--line);border-radius:9px;color:var(--ink-2);background:#fff;font-size:14px;transition:.18s}
.pager a:hover{color:#fff;background:var(--grad);border-color:transparent;transform:translateY(-1px);box-shadow:var(--shadow)}
.pager .cur{background:var(--grad);color:#fff;border-color:transparent;font-weight:700;box-shadow:var(--shadow)}

/* ===================== 底部（土黑） ===================== */
.site-footer{background:var(--dark);color:#cfc9c5;margin-top:0;border-top:4px solid var(--main-600)}
.footer-inner{padding:30px 0 22px;text-align:center}
.footer-brand-link{display:inline-block;color:#fff;text-decoration:none}
.footer-brand-link:hover{opacity:.92}
.footer-logo{height:44px;width:auto;margin:0 auto 12px}
.footer-name{font-size:20px;font-weight:800;color:#fff;letter-spacing:.5px}
.footer-links{display:flex;gap:30px;justify-content:center;list-style:none;margin:16px 0}
.footer-links a{color:#e6e0dc;font-weight:500}
.footer-links a:hover{color:var(--main-500)}
.footer-contact{display:flex;gap:26px;justify-content:center;align-items:center;flex-wrap:wrap;font-size:13px;color:#c6c0bb}
.footer-contact a{color:#fff}
.footer-contact a:hover{color:var(--main-500)}
.footer-contact .qr{display:inline-flex;align-items:center;gap:7px}
.footer-contact .qr img{width:22px;height:22px;border-radius:5px;border:1px solid rgba(255,255,255,.2)}
.footer-icp{margin-top:16px;font-size:12px;color:#9a9390}
.footer-icp a{color:#c9c2be}
.footer-icp a:hover{color:#fff}
.footer-copy{font-size:12px;color:#8f8884;margin-top:8px}

/* ===================== 动效偏好 ===================== */
@media (prefers-reduced-motion:reduce){
    .resume-track{animation:none}
    html{scroll-behavior:auto}
}

/* ===================== 友情链接 ===================== */
.friendlinks{background:var(--dark-2);border-top:1px solid var(--dark-line);padding:26px 0 0;color:#cfc9c5}
.fl-title{font-size:16px;font-weight:700;color:#fff;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.fl-title::before{content:"";width:5px;height:16px;background:var(--grad);border-radius:3px}
.fl-group{display:flex;gap:12px;margin-bottom:0;flex-wrap:wrap;align-items:flex-start}
.fl-label{flex-shrink:0;font-size:12px;color:var(--main-500);font-weight:700;padding-top:3px;white-space:nowrap}
.fl-links{display:flex;flex-wrap:wrap;gap:6px 18px;flex:1;min-width:0}
.fl-links a{color:#bdb5b0;font-size:13px;transition:color .18s}
.fl-links a:hover{color:var(--main-500)}
@media (max-width:768px){
    .fl-group{gap:8px}
    .fl-label{width:100%}
}