/* ============================================================
   公共设计令牌与组件（三份设计模板共用部分）
   页面专属样式见 home.css / detail.css / publish.css
   ============================================================ */
:root{
  --paper:#FBF7F1; --ink:#221E2E; --ink-soft:#7A7486;
  --coral:#FF5A3C; --coral-soft:#FFEDE8;
  --jade:#0FB89A; --jade-soft:#E3F7F1;
  --sun:#FFC83D; --card:#FFFFFF; --line:rgba(34,30,46,.09);
  --shadow-card:0 2px 0 rgba(34,30,46,.04), 0 10px 24px -14px rgba(34,30,46,.2);
  --disp:"Bricolage Grotesque","Noto Sans SC",sans-serif;
  --body:"Noto Sans SC","Bricolage Grotesque",sans-serif;
  --accent:var(--coral); --accent-soft:var(--coral-soft);
}
body[data-mode="seek"]{--accent:var(--jade); --accent-soft:var(--jade-soft)}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--body);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;min-height:100vh}
button{font-family:var(--body)}
a{color:inherit;text-decoration:none}

/* 品牌字标 */
.brand .zh{font-weight:900;letter-spacing:.04em;font-size:21px}
.brand .hl{color:var(--coral)}

/* 简版顶栏（详情/发布/其他页） */
.nav{display:flex;align-items:center;gap:16px;padding:14px 5vw;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:50}
.back{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--ink-soft);cursor:pointer}
.back svg{width:18px;height:18px}
.nav .spacer{flex:1}
.nav .dom{font-family:var(--disp);font-weight:700;font-size:13px;color:var(--ink-soft)}

.shell{max-width:1040px;margin:0 auto;padding:26px 5vw 70px}

/* 招聘/求职分段切换 */
.seg{background:#fff;border:1px solid var(--line);border-radius:15px;padding:5px;display:flex;box-shadow:var(--shadow-card)}
.seg button{border:0;cursor:pointer;background:transparent;font-weight:700;font-size:15px;color:var(--ink-soft);padding:11px 24px;border-radius:11px;display:flex;align-items:center;gap:8px;transition:background .15s,color .15s}
.seg button .n{font-family:var(--disp);font-size:12.5px;opacity:.7}
.seg button.on{color:#fff;background:var(--accent);box-shadow:0 8px 16px -8px var(--accent)}

/* 信息卡（信息墙 + 发布预览共用） */
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:17px 19px;box-shadow:var(--shadow-card);position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}
.card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent)}
.card.faded{opacity:.6}
.ctop{display:flex;align-items:center;gap:9px;margin-bottom:10px}
.tag{font-size:12px;font-weight:700;color:var(--accent);background:var(--accent-soft);padding:5px 10px;border-radius:8px}
.new{font-family:var(--disp);font-size:11px;font-weight:800;color:#5a4500;background:var(--sun);padding:4px 9px;border-radius:8px;letter-spacing:.03em;box-shadow:0 0 0 4px rgba(255,200,61,.25)}
.ago{margin-left:auto;font-size:12.5px;color:var(--ink-soft)}
.meta{display:flex;align-items:center;gap:7px;font-size:13.5px;color:var(--ink-soft);margin-bottom:12px}
.meta svg{width:14px;height:14px;flex:0 0 auto}
.pay{font-family:var(--disp);font-weight:800;font-size:18px;color:var(--ink)}
.pay small{font-family:var(--body);font-weight:500;font-size:12.5px;color:var(--ink-soft)}
.cact{margin-left:auto;display:flex;gap:9px}
.call{border:0;cursor:pointer;border-radius:11px;background:var(--accent);color:#fff;font-weight:700;font-size:14px;padding:10px 15px;display:flex;align-items:center;gap:8px;box-shadow:0 8px 16px -9px var(--accent);transition:filter .15s}
.call:hover{filter:brightness(1.05)}
.call svg{width:15px;height:15px}
.call .num{font-family:var(--disp);opacity:.85}
.wx{border:1px solid var(--line);background:#fff;border-radius:11px;cursor:pointer;width:44px;display:flex;align-items:center;justify-content:center;color:#3aa84a}
.wx svg{width:20px;height:20px}

/* 提示浮层 */
.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);background:var(--ink);color:#fff;padding:14px 22px;border-radius:14px;font-size:14px;font-weight:700;box-shadow:0 16px 40px -12px rgba(34,30,46,.6);opacity:0;pointer-events:none;transition:.3s;z-index:90;display:flex;align-items:center;gap:9px}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.toast svg{width:18px;height:18px;color:#7CF2C8}

/* 页脚（全站合规声明） */
.winfoot{padding:20px 5vw;border-top:1px solid var(--line);color:var(--ink-soft);font-size:12.5px;display:flex;gap:18px;flex-wrap:wrap;align-items:center;max-width:1280px;margin:0 auto}
.winfoot .b{font-family:var(--body);font-weight:900;color:var(--ink)}
.winfoot .dom{font-family:var(--disp);font-weight:700;color:var(--coral)}
.winfoot .legal a{color:var(--coral)}

/* 未实装页面的简易容器 */
.plainbox{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:var(--shadow-card)}
.plainbox h1{font-family:var(--disp);font-weight:800;font-size:24px;margin-bottom:8px}
.plainbox p{color:var(--ink-soft);font-size:14.5px;line-height:1.6}
.plainbox code{font-family:var(--disp);font-weight:700}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media (max-width:820px){.nav .dom{display:none}}

/* 导航登录态（所有前台顶栏共用） */
.nav-user{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--ink-soft);white-space:nowrap;border:1px solid var(--line);border-radius:11px;padding:8px 13px;background:#fff}
.nav-user svg{width:16px;height:16px}
.nav-user:hover{color:var(--ink);text-decoration:none;border-color:var(--ink-soft)}
.nav-user.in{color:var(--ink);font-weight:700}