:root{
  --blue:#1a5fb4; --blue2:#2f80ed; --orange:#f08c1a; --orange-d:#b8740c;
  --purple:#7b5cd6; --green:#2f9e44;
  --ink:#1b2836; --ink2:#5b6b80; --ink3:#8a99ad;
  --bg:#f2f6fb; --card:#ffffff; --line:#e2eaf4;
  --sh:0 2px 10px rgba(26,95,180,.07); --sh2:0 10px 30px rgba(26,95,180,.14);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Helvetica Neue",sans-serif;
  font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased;}
a{color:var(--blue);text-decoration:none;}
img{max-width:100%;display:block;}
.wrap{max-width:880px;margin:0 auto;padding:0 16px;}

/* ---------- 顶部导航 ---------- */
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);
  backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--line);}
.nav-in{max-width:880px;margin:0 auto;padding:0 16px;display:flex;align-items:center;gap:18px;height:58px;}
.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:16px;color:var(--ink);flex-shrink:0;}
.brand .logo{width:30px;height:30px;border-radius:9px;flex-shrink:0;
  background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;}
.nav-links{display:flex;gap:2px;margin-left:auto;overflow-x:auto;min-width:0;scrollbar-width:none;}
.nav-links::-webkit-scrollbar{display:none;}
.nav-links a{padding:7px 11px;border-radius:9px;font-size:14px;color:var(--ink2);white-space:nowrap;font-weight:500;}
.nav-links a:hover{background:#f0f5fc;color:var(--blue);}
.nav-links a.on{background:var(--blue);color:#fff;font-weight:600;}

/* ---------- 通用块 ---------- */
.sec{margin:34px 0;}
.sec-h{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.sec-h h2{margin:0;font-size:19px;font-weight:800;letter-spacing:-.2px;}
.sec-h .more{margin-left:auto;font-size:13px;color:var(--ink3);font-weight:600;}
.sec-h .more:hover{color:var(--blue);}
.sec-h .bar{width:4px;height:18px;border-radius:2px;background:var(--blue);}
.card{background:var(--card);border-radius:16px;box-shadow:var(--sh);}

/* ---------- Hero ---------- */
.hero{background:linear-gradient(135deg,#12488c 0%,#1a5fb4 45%,#2f80ed 100%);
  border-radius:22px;padding:30px 26px 26px;color:#fff;position:relative;overflow:hidden;
  box-shadow:0 14px 38px rgba(26,95,180,.28);margin-top:20px;}
.hero::after{content:"";position:absolute;right:-70px;top:-90px;width:260px;height:260px;
  border-radius:50%;background:rgba(255,255,255,.09);}
.hero::before{content:"";position:absolute;right:40px;bottom:-110px;width:180px;height:180px;
  border-radius:50%;background:rgba(255,255,255,.06);}
.hero-in{position:relative;z-index:1;}
.hero .kick{font-size:12px;letter-spacing:2.5px;opacity:.82;font-weight:600;}
.hero h1{margin:8px 0 10px;font-size:27px;line-height:1.35;font-weight:800;letter-spacing:-.5px;}
.hero .sub{font-size:14px;opacity:.93;line-height:1.7;max-width:560px;margin:0;}
.hero .pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;}
.hero .pills span{font-size:12px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);
  padding:4px 11px;border-radius:20px;backdrop-filter:blur(4px);}

/* ---------- 二维码关注卡 ---------- */
.qr-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.qr-card{background:var(--card);border-radius:16px;padding:16px;box-shadow:var(--sh);
  display:flex;gap:14px;align-items:center;}
.qr-card .qr{width:112px;height:112px;border-radius:10px;flex-shrink:0;object-fit:contain;
  background:#fff;border:1px solid var(--line);cursor:zoom-in;}
.qr-card .qr:hover{border-color:var(--blue);}
.qr-card .qi{min-width:0;}
.qr-card .qt{font-size:11px;font-weight:700;letter-spacing:.5px;padding:2px 8px;border-radius:6px;display:inline-block;}
.qr-card .qt.gzh{background:#eaf7ee;color:var(--green);}
.qr-card .qt.sph{background:#fff5e6;color:var(--orange-d);}
.qr-card .qn{font-size:15px;font-weight:800;margin:6px 0 4px;}
.qr-card .qd{font-size:12px;color:var(--ink3);line-height:1.6;}
.qr-card.big{flex-direction:column;text-align:center;gap:10px;}
.qr-card.big .qr{width:180px;height:180px;}

/* ---------- 数据条 ---------- */
.stat{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.stat .box{background:var(--card);border-radius:14px;padding:13px 14px;box-shadow:var(--sh);text-align:center;}
.stat .n{font-size:21px;font-weight:800;color:var(--blue);letter-spacing:-.5px;line-height:1.2;}
.stat .l{font-size:12px;color:var(--ink3);margin-top:2px;}

/* ---------- 板块入口 ---------- */
.sec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.sec-card{background:var(--card);border-radius:16px;padding:18px;box-shadow:var(--sh);
  display:block;color:inherit;transition:transform .16s,box-shadow .16s;border:1px solid transparent;}
.sec-card:hover{transform:translateY(-3px);box-shadow:var(--sh2);}
.sec-card .ic{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;
  justify-content:center;font-size:20px;margin-bottom:10px;}
.sec-card h3{margin:0 0 6px;font-size:16px;font-weight:800;}
.sec-card p{margin:0;font-size:12.5px;color:var(--ink2);line-height:1.65;}
.sec-card .cnt{display:inline-block;margin-top:9px;font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px;}

/* ---------- 文章列表 ---------- */
.post-list{display:flex;flex-direction:column;gap:10px;}
.post-item{background:var(--card);border-radius:14px;padding:15px 17px;box-shadow:var(--sh);
  display:block;color:inherit;transition:transform .14s,box-shadow .14s;}
.post-item:hover{transform:translateX(3px);box-shadow:var(--sh2);}
.post-item .pt{font-size:15.5px;font-weight:700;margin-bottom:5px;line-height:1.5;}
.post-item .ps{font-size:13px;color:var(--ink2);line-height:1.6;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.post-item .pm{margin-top:8px;display:flex;gap:8px;align-items:center;font-size:11.5px;color:var(--ink3);flex-wrap:wrap;}
.post-item .tag{background:#eef3f9;padding:2px 8px;border-radius:6px;font-weight:600;color:#4a5a72;}

/* ---------- 企业卡（校招速递） ---------- */
.bar{position:sticky;top:58px;background:var(--bg);padding:12px 0 8px;z-index:40;}
#q{width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:12px;font-size:14px;
  outline:none;background:#fff;font-family:inherit;color:var(--ink);}
#q:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(26,95,180,.1);}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;}
.chip{border:1px solid var(--line);background:#fff;color:#33425a;border-radius:20px;
  padding:6px 13px;font-size:13px;cursor:pointer;transition:.12s;font-family:inherit;}
.chip:hover{border-color:var(--blue);color:var(--blue);}
.chip.on{background:var(--blue);color:#fff;border-color:var(--blue);font-weight:600;}
.chip.loc.on{background:var(--orange-d);border-color:var(--orange-d);}
.chip.reset.on{background:var(--ink2);border-color:var(--ink2);}
#count{font-size:12.5px;color:var(--ink3);margin:12px 2px 8px;}
.co{background:var(--card);border-radius:14px;padding:15px 17px;margin-bottom:11px;box-shadow:var(--sh);}
.co-top{display:flex;align-items:baseline;gap:8px;}
.co-name{font-size:16px;font-weight:700;line-height:1.45;}
.co-date{font-size:12px;color:var(--ink3);margin-left:auto;flex-shrink:0;}
.co-tags{margin:9px 0 4px;display:flex;gap:6px;flex-wrap:wrap;}
.ltag{font-size:11px;background:#eaf2ff;color:var(--blue);padding:2px 8px;border-radius:6px;font-weight:600;}
.ltag.fj{background:#fff3d6;color:var(--orange-d);}
.mtag{font-size:11px;background:#eef3f9;color:#4a5a72;padding:2px 8px;border-radius:6px;}
.co-apply{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px;}
.apply{display:inline-block;padding:6px 13px;background:var(--blue);color:#fff;border-radius:8px;
  font-size:13px;font-weight:600;}
.apply:hover{background:#15487f;}
.apply.mail{background:var(--green);}
.apply.mail:hover{background:#237a35;}
.wx{font-size:12px;color:var(--ink2);}
.view{margin-left:auto;font-size:13px;color:var(--blue);font-weight:600;}
.empty{background:var(--card);border-radius:14px;padding:26px;text-align:center;color:var(--ink3);}
details.issues{margin-top:24px;background:var(--card);border-radius:14px;padding:4px 17px;box-shadow:var(--sh);}
details.issues summary{cursor:pointer;font-size:14px;font-weight:700;color:#33425a;padding:12px 0;}
details.issues a{display:block;color:var(--blue);font-size:13.5px;padding:9px 0;border-top:1px solid #f0f3f7;}

/* ---------- 文章页 ---------- */
.art{background:var(--card);border-radius:18px;padding:26px 24px 30px;box-shadow:var(--sh);margin-top:18px;}
.art h1{font-size:23px;font-weight:800;margin:0 0 10px;line-height:1.45;letter-spacing:-.3px;}
.art .meta{font-size:12.5px;color:var(--ink3);display:flex;gap:10px;flex-wrap:wrap;
  padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:20px;}
.art .meta .tag{background:#eef3f9;padding:2px 9px;border-radius:6px;font-weight:600;color:#4a5a72;}
.art h2{font-size:18px;font-weight:800;margin:28px 0 10px;padding-left:11px;border-left:4px solid var(--blue);line-height:1.5;}
.art > h2:first-child{margin-top:0;}
.art h3{font-size:16px;font-weight:700;margin:22px 0 8px;color:#22374f;}
.art h4{font-size:14.5px;font-weight:700;margin:18px 0 6px;color:#33425a;}
.art p{margin:11px 0;line-height:1.9;}
.art ul,.art ol{padding-left:22px;margin:11px 0;line-height:1.9;}
.art li{margin:5px 0;}
.art strong{color:#12488c;font-weight:700;}
.art code{background:#eef3f9;padding:2px 6px;border-radius:5px;font-size:13px;
  font-family:"SF Mono",Consolas,Monaco,monospace;color:#b1256b;}
.art hr{border:none;border-top:1px dashed var(--line);margin:24px 0;}
.art blockquote{margin:14px 0;padding:12px 16px;background:#f7fafd;border-left:3px solid var(--blue2);
  border-radius:0 10px 10px 0;color:#3c4f66;}
.art blockquote p{margin:4px 0;}
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:14px 0;border-radius:12px;border:1px solid var(--line);}
.art table{width:100%;border-collapse:collapse;font-size:13.5px;word-break:break-word;}
.art th{background:#f4f8fd;padding:10px 13px;text-align:left;font-weight:700;color:#22374f;
  border-bottom:1px solid var(--line);white-space:nowrap;}
.art td{padding:10px 13px;border-bottom:1px solid #f0f4f9;vertical-align:top;}
.art tbody tr:last-child td{border-bottom:none;}
.cal{margin:16px 0;padding:14px 17px;border-radius:12px;background:#f4f8fd;border-left:4px solid var(--blue2);font-size:14px;}
.cal p{margin:6px 0;line-height:1.8;}
.cal ul,.cal ol{margin:6px 0;padding-left:20px;}
.cal .cal-t{font-weight:800;font-size:13.5px;margin-bottom:6px;color:#12488c;}
.cal.tip{background:#eaf7ee;border-color:var(--green);}
.cal.tip .cal-t{color:#237a35;}
.cal.warn{background:#fff6e8;border-color:var(--orange);}
.cal.warn .cal-t{color:#a86504;}
.cal.key{background:#f1ecff;border-color:var(--purple);}
.cal.key .cal-t{color:#5b3fc0;}
.cal.quote{background:#f7fafd;border-color:#9fb4cd;}
.cal.quote .cal-t{color:var(--ink2);}
.cal.step{background:#eef6ff;border-color:var(--blue);}
.art-foot{margin-top:26px;padding-top:18px;border-top:1px solid var(--line);font-size:12.5px;color:var(--ink3);}

/* 关注引导条 */
.follow{margin:26px 0;background:linear-gradient(135deg,#12488c,#2f80ed);border-radius:18px;
  padding:20px;color:#fff;display:flex;gap:18px;align-items:center;flex-wrap:wrap;box-shadow:0 10px 28px rgba(26,95,180,.25);}
.follow .fl{flex:1;min-width:200px;}
.follow h3{margin:0 0 6px;font-size:17px;font-weight:800;}
.follow p{margin:0;font-size:13px;opacity:.9;line-height:1.7;}
.follow .fq{background:#fff;border-radius:12px;padding:8px;text-align:center;flex-shrink:0;}
.follow .fq img{width:96px;height:96px;border-radius:8px;object-fit:contain;background:#fff;cursor:zoom-in;}
.follow .fq div{font-size:11px;color:var(--ink2);margin-top:4px;font-weight:600;}

/* ---------- 二维码放大层 ---------- */
.qr-zoom{position:fixed;inset:0;z-index:999;background:rgba(12,30,52,.87);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
  padding:24px;cursor:zoom-out;animation:qzIn .18s ease;}
@keyframes qzIn{from{opacity:0}to{opacity:1}}
.qr-zoom img{width:min(74vw,360px);height:auto;border-radius:16px;background:#fff;padding:16px;
  box-shadow:0 24px 70px rgba(0,0,0,.45);}
.qz-tip{color:#dbe7f6;font-size:13px;letter-spacing:.5px;}
.qz-close{position:absolute;top:18px;right:20px;width:38px;height:38px;border-radius:50%;
  background:rgba(255,255,255,.16);color:#fff;font-size:20px;line-height:38px;text-align:center;font-style:normal;}

/* ---------- 页脚 ---------- */
.z-foot{margin:44px 0 30px;padding-top:22px;border-top:1px solid var(--line);
  text-align:center;font-size:12.5px;color:var(--ink3);line-height:2;}
.z-foot .fb{font-weight:700;color:var(--ink2);font-size:13.5px;}
.z-foot a{color:var(--ink3);}
.z-foot a:hover{color:var(--blue);}

/* ---------- 响应式 ---------- */
@media (max-width:720px){
  .stat{grid-template-columns:repeat(2,1fr);}
  .sec-grid{grid-template-columns:1fr;}
  .qr-row{grid-template-columns:1fr;}
  .hero{padding:24px 20px 22px;}
  .hero h1{font-size:22px;}
  .nav-in{gap:10px;height:54px;}
  .brand{font-size:15px;}
  .nav-links a{padding:6px 9px;font-size:13px;}
  .art{padding:20px 17px 24px;border-radius:14px;}
  .art h1{font-size:20px;}
  .sec-card{padding:15px;}
}