1<!doctype html>
2<html lang="zh-CN">
3<head>
4<meta charset="utf-8">
5<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
6<title>职位详情</title>
7<link rel="stylesheet" href="style.css">
8</head>
9<body>
10<div class="app">
11 <header class="top">
12 <div class="top-l"><span class="dot"></span>求职者 · 顾屿</div>
13 <div class="top-r">职位详情</div>
14 </header>
15 <main class="main">
16<div class="cover">🖥️</div>
17<div class="card">
18 <div class="row"><div class="nm" style="font-size:16px;font-weight:800">资深前端工程师</div></div>
19 <div class="row" style="margin-top:8px"><div class="sal" style="font-size:18px;font-weight:800;color:var(--gold)">25-40K · 14薪</div>
20 <span class="tag">急招</span></div>
21 <div class="row" style="margin-top:10px;color:var(--sub);font-size:12px">
22 <span>📍 杭州</span><span>🎓 本科</span><span>⏳ 3年以上</span></div>
23</div>
24<div class="card">
25 <div class="row"><div class="avatar" style="width:42px;height:42px">云</div><div class="info" style="flex:1"><div class="nm" style="font-size:14px">云启科技</div><div class="muted">B轮 · 200-500人 · 互联网</div></div>
26 <span class="tag">已认证</span></div>
27</div>
28<div class="card">
29 <div class="sec-title"><span class="em">📋</span> 职位描述</div>
30 <div class="muted" style="line-height:1.7">负责核心业务前端架构与组件库建设，主导 React + TypeScript 技术栈落地，优化首屏性能与工程化体系，配合产品与设计师打磨 C 端体验。</div>
31</div>
32<div class="card">
33 <div class="sec-title"><span class="em">✅</span> 任职要求</div>
34 <div class="pin">🔹 5年+ 前端经验</div> <div class="pin">🔹 精通 React</div> <div class="pin">🔹 性能优化</div> <div class="pin">🔹 工程化</div>
35</div>
36<div class="card">
37 <div class="sec-title"><span class="em">🎁</span> 福利待遇</div>
38 <div class="muted" style="line-height:1.8">五险一金 · 股票期权 · 弹性办公 · 免费三餐 · 年度体检 · 15 天年假</div>
39</div>
40<div class="row" style="gap:8px;margin:4px 2px 12px">
41 <button class="btn line flex" style="flex:1">⭐ 收藏</button>
42 <button class="btn flex" style="flex:1">💬 问 HR</button>
43 <button class="btn flex" style="flex:1;background:linear-gradient(120deg,var(--gold),#b8932e);color:#3a2c04">立即投递</button>
44</div>
45</main>
46 <nav class="nav"><a class=" on" href="home.html"><span class="ic">🏠</span>首页</a><a class="" href="filter.html"><span class="ic">🔍</span>搜索</a><a class="" href="cv.html"><span class="ic">📄</span>简历</a><a class="" href="track.html"><span class="ic">📊</span>投递</a><a class="" href="notify.html"><span class="ic">🔔</span>消息</a></nav>
47</div>
48<script></script>
49</body>
50</html>