0235712
/
mianxing


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918
							<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>应聘者中心 - 智能招聘系统</title>
    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
    <link href="https://cdn.bootcdn.net/ajax/libs/animate.css/4.1.1/animate.min.css" rel="stylesheet">
    <script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.4.3/echarts.min.js"></script>
    <link href="common.css" rel="stylesheet">
    <link href="candidate.css" rel="stylesheet">
</head>
<body>
    <!-- 主界面 - 应聘者 -->
    <div class="container" id="candidateContainer">
        <!-- 左侧导航 -->
        <div class="sidebar">
            <div class="logo">
                <i class="fas fa-user-tie"></i>
                <span>应聘者中心</span>
            </div>
            <div class="nav-menu">
                <div class="nav-item active" id="navCandidateJobs">
                    <i class="fas fa-briefcase"></i>
                    <span>工作机会</span>
                </div>
                <div class="nav-item" id="navCandidateResume">
                    <i class="fas fa-file-alt"></i>
                    <span>简历分析</span>
                </div>
                <div class="nav-item" id="navCandidateInterview">
                    <i class="fas fa-video"></i>
                    <span>视频面试</span>
                </div>
                <div class="nav-item" id="navCandidateRecords">
                    <i class="fas fa-history"></i>
                    <span>面试记录</span>
                </div>
                <div class="nav-item" id="navCandidateProfile">
                    <i class="fas fa-user"></i>
                    <span>个人中心</span>
                </div>
                <div class="nav-item" id="navCandidateSettings">
                    <i class="fas fa-cog"></i>
                    <span>系统设置</span>
                </div>
            </div>
        </div>
        
        <!-- 主内容区 -->
        <div class="main-content">
            <!-- 顶部信息栏 -->
            <div class="header">
                <div class="search-bar">
                    <input type="text" class="search-input" placeholder="搜索工作职位、公司..." id="candidateSearchInput">
                    <button class="search-btn" id="candidateSearchBtn">
                        <i class="fas fa-search"></i>
                    </button>
                    <span class="search-advanced" id="candidateAdvancedSearch">高级筛选</span>
                </div>
                <div class="search-filters" id="candidateSearchFilters">
                    <div class="filter-row">
                        <div class="filter-group">
                            <label for="jobTypeFilter">职位类型</label>
                            <select id="jobTypeFilter" class="filter-select">
                                <option value="">全部</option>
                                <option value="fulltime">全职</option>
                                <option value="parttime">兼职</option>
                                <option value="intern">实习</option>
                            </select>
                        </div>
                        <div class="filter-group">
                            <label for="jobLocationFilter">工作地点</label>
                            <select id="jobLocationFilter" class="filter-select">
                                <option value="">全部</option>
                                <option value="beijing">北京</option>
                                <option value="shanghai">上海</option>
                                <option value="guangzhou">广州</option>
                                <option value="shenzhen">深圳</option>
                            </select>
                        </div>
                    </div>
                    <div class="filter-row">
                        <div class="filter-group">
                            <label for="jobSalaryFilter">薪资范围</label>
                            <select id="jobSalaryFilter" class="filter-select">
                                <option value="">全部</option>
                                <option value="10k">10k以下</option>
                                <option value="10-20k">10-20k</option>
                                <option value="20-30k">20-30k</option>
                                <option value="30k+">30k以上</option>
                            </select>
                        </div>
                        <div class="filter-group">
                            <label for="jobExperienceFilter">经验要求</label>
                            <select id="jobExperienceFilter" class="filter-select">
                                <option value="">全部</option>
                                <option value="1">1年以下</option>
                                <option value="1-3">1-3年</option>
                                <option value="3-5">3-5年</option>
                                <option value="5+">5年以上</option>
                            </select>
                        </div>
                    </div>
                    <div class="filter-actions">
                        <button class="btn" id="resetFilters">重置</button>
                        <button class="btn btn-primary" id="applyFilters">应用筛选</button>
                    </div>
                </div>
                <div class="user-info">
                    <div class="user-dropdown">
                        <div class="avatar" id="userAvatar">张</div>
                        <div class="dropdown-menu" id="userDropdown">
                            <div class="dropdown-item" id="dropdownProfile">
                                <i class="fas fa-user"></i> 个人中心
                            </div>
                            <div class="dropdown-item" id="dropdownSettings">
                                <i class="fas fa-cog"></i> 系统设置
                            </div>
                            <div class="dropdown-divider"></div>
                            <div class="dropdown-item" id="dropdownLogout">
                                <i class="fas fa-sign-out-alt"></i> 退出登录
                            </div>
                        </div>
                    </div>
                    <div>
                        <div style="font-weight: 500;">张伟</div>
                        <div style="font-size: 12px; color: #64748b;">应聘者</div>
                    </div>
                </div>
            </div>
            
            <!-- 工作机会页面 -->
            <div class="content-area" id="candidateJobsPage">
                <div class="content-title">
                    <i class="fas fa-briefcase"></i>
                    <span>推荐工作机会</span>
                </div>
                
                <!-- 搜索历史 -->
                <div class="search-history">
                    <div class="history-title">搜索历史</div>
                    <div class="history-tags" id="searchHistoryTags">
                        <span class="history-tag">前端开发</span>
                        <span class="history-tag">北京</span>
                        <span class="history-tag">20k以上</span>
                        <span class="history-tag">互联网</span>
                    </div>
                </div>
                
                <!-- 热门搜索 -->
                <div class="hot-search">
                    <div class="history-title">热门搜索</div>
                    <div id="hotSearchList">
                        <div class="hot-item">
                            <div class="hot-rank">1</div>
                            <div class="hot-content">Java开发工程师</div>
                            <div class="hot-count">1.2万次</div>
                        </div>
                        <div class="hot-item">
                            <div class="hot-rank">2</div>
                            <div class="hot-content">产品经理</div>
                            <div class="hot-count">9800次</div>
                        </div>
                        <div class="hot-item">
                            <div class="hot-rank">3</div>
                            <div class="hot-content">UI设计师</div>
                            <div class="hot-count">8500次</div>
                        </div>
                        <div class="hot-item">
                            <div class="hot-rank">4</div>
                            <div class="hot-content">数据分析师</div>
                            <div class="hot-count">7200次</div>
                        </div>
                    </div>
                </div>
                
                <div class="card-grid" id="jobGrid">
                    <!-- 工作卡片将通过JS动态生成 -->
                </div>
            </div>
            
            <!-- 简历分析页面 -->
            <div class="content-area" id="candidateResumePage" style="display: none;">
                <div class="content-title">
                    <i class="fas fa-file-alt"></i>
                    <span>我的简历</span>
                </div>
                
                <div class="resume-form">
                    <div class="form-section">
                        <div class="form-section-title">
                            <i class="fas fa-user"></i>
                            <span>基本信息</span>
                        </div>
                        <div class="form-row">
                            <div class="form-col">
                                <label for="resumeName">姓名</label>
                                <input type="text" id="resumeName" class="form-control" placeholder="请输入您的姓名" value="张伟">
                            </div>
                            <div class="form-col">
                                <label for="resumeGender">性别</label>
                                <select id="resumeGender" class="form-control">
                                    <option value="male" selected>男</option>
                                    <option value="female">女</option>
                                    <option value="other">其他</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-col">
                                <label for="resumeBirth">出生日期</label>
                                <input type="date" id="resumeBirth" class="form-control" value="1990-05-15">
                            </div>
                            <div class="form-col">
                                <label for="resumePhone">联系电话</label>
                                <input type="tel" id="resumePhone" class="form-control" placeholder="请输入联系电话" value="13800138000">
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-col">
                                <label for="resumeEmail">电子邮箱</label>
                                <input type="email" id="resumeEmail" class="form-control" placeholder="请输入电子邮箱" value="zhangwei@example.com">
                            </div>
                            <div class="form-col">
                                <label for="resumeLocation">居住地</label>
                                <input type="text" id="resumeLocation" class="form-control" placeholder="请输入居住城市" value="北京">
                            </div>
                        </div>
                    </div>
                    
                    <div class="form-section">
                        <div class="form-section-title">
                            <i class="fas fa-graduation-cap"></i>
                            <span>教育背景</span>
                        </div>
                        <div class="form-row">
                            <div class="form-col">
                                <label for="resumeSchool">学校名称</label>
                                <input type="text" id="resumeSchool" class="form-control" placeholder="请输入学校名称" value="北京大学">
                            </div>
                            <div class="form-col">
                                <label for="resumeDegree">学历</label>
                                <select id="resumeDegree" class="form-control">
                                    <option value="bachelor" selected>本科</option>
                                    <option value="master">硕士</option>
                                    <option value="phd">博士</option>
                                    <option value="college">大专</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-col">
                                <label for="resumeMajor">专业</label>
                                <input type="text" id="resumeMajor" class="form-control" placeholder="请输入所学专业" value="计算机科学与技术">
                            </div>
                            <div class="form-col">
                                <label for="resumeGraduation">毕业时间</label>
                                <input type="date" id="resumeGraduation" class="form-control" value="2012-06-30">
                            </div>
                        </div>
                    </div>
                    
                    <div class="form-section">
                        <div class="form-section-title">
                            <i class="fas fa-briefcase"></i>
                            <span>工作经历</span>
                        </div>
                        <div id="workExperienceContainer">
                            <!-- 工作经历将通过JS动态添加 -->
                        </div>
                        <button class="btn" id="addWorkExperience" style="margin-top: 10px;">
                            <i class="fas fa-plus"></i> 添加工作经历
                        </button>
                    </div>
                    
                    <div class="form-section">
                        <div class="form-section-title">
                            <i class="fas fa-project-diagram"></i>
                            <span>项目经验</span>
                        </div>
                        <div id="projectExperienceContainer">
                            <!-- 项目经验将通过JS动态添加 -->
                        </div>
                        <button class="btn" id="addProjectExperience" style="margin-top: 10px;">
                            <i class="fas fa-plus"></i> 添加项目经验
                        </button>
                    </div>
                    
                    <div class="form-section">
                        <div class="form-section-title">
                            <i class="fas fa-star"></i>
                            <span>技能专长</span>
                        </div>
                        <div class="form-group">
                            <label for="resumeSkills">技能 (用逗号分隔)</label>
                            <input type="text" id="resumeSkills" class="form-control" placeholder="例如: JavaScript, Python, 项目管理" value="JavaScript, HTML5, CSS3, Vue.js, React, Node.js, 项目管理">
                        </div>
                    </div>
                    
                    <div class="form-section">
                        <div class="form-section-title">
                            <i class="fas fa-certificate"></i>
                            <span>证书资质</span>
                        </div>
                        <div id="certificateContainer">
                            <!-- 证书将通过JS动态添加 -->
                        </div>
                        <button class="btn" id="addCertificate" style="margin-top: 10px;">
                            <i class="fas fa-plus"></i> 添加证书
                        </button>
                    </div>
                    
                    <div class="form-actions">
                        <button class="btn" id="cancelResume">
                            取消
                        </button>
                        <button class="btn btn-primary" id="saveResume">
                            <i class="fas fa-save"></i> 保存简历
                        </button>
                        <button class="btn btn-primary" id="analyzeResume">
                            <i class="fas fa-chart-bar"></i> 分析匹配度
                        </button>
                    </div>
                </div>
                
                <!-- 职业匹配结果 -->
                <div class="match-result" id="matchResult" style="display: none;">
                    <div class="match-title">
                        <i class="fas fa-chart-pie"></i>
                        <span>职业匹配分析</span>
                    </div>
                    <div id="matchList">
                        <!-- 匹配结果将通过JS动态生成 -->
                    </div>
                    <div class="chart-container" id="matchChart"></div>
                </div>
            </div>
            
            <!-- 视频面试页面 -->
            <div class="content-area" id="candidateInterviewPage" style="display: none;">
                <div class="content-title">
                    <i class="fas fa-video"></i>
                    <span>视频面试</span>
                </div>
                
                <div class="calendar-container">
                    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;">
                        <h3>2023年11月</h3>
                        <div>
                            <button class="btn" id="prevMonth">
                                <i class="fas fa-chevron-left"></i>
                            </button>
                            <button class="btn" id="nextMonth">
                                <i class="fas fa-chevron-right"></i>
                            </button>
                        </div>
                    </div>
                    
                    <table class="calendar">
                        <thead>
                            <tr>
                                <th>日</th>
                                <th>一</th>
                                <th>二</th>
                                <th>三</th>
                                <th>四</th>
                                <th>五</th>
                                <th>六</th>
                            </tr>
                        </thead>
                        <tbody id="calendarBody">
                            <!-- 日历内容将通过JS动态生成 -->
                        </tbody>
                    </table>
                </div>
                
                <div style="margin-top: 30px;">
                    <h3 style="margin-bottom: 16px;">面试安排</h3>
                    <div class="card">
                        <div class="card-header">
                            <div class="card-avatar">X</div>
                            <div>
                                <div class="card-title">前端开发工程师面试</div>
                                <div class="card-subtitle">XX科技公司 · 2023-11-15 14:00</div>
                            </div>
                        </div>
                        <div class="card-tags">
                            <span class="card-tag">视频面试</span>
                            <span class="card-tag">技术面试</span>
                        </div>
                        <div class="card-footer">
                            <span>面试官: 李经理</span>
                            <button class="card-btn">进入面试</button>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- 面试记录页面 -->
            <div class="content-area" id="candidateRecordsPage" style="display: none;">
                <div class="content-title">
                    <i class="fas fa-history"></i>
                    <span>面试记录</span>
                </div>
                
                <div class="card-grid">
                    <div class="card">
                        <div class="card-header">
                            <div class="card-avatar">X</div>
                            <div>
                                <div class="card-title">前端开发工程师</div>
                                <div class="card-subtitle">XX科技公司 · 2023-10-20</div>
                            </div>
                        </div>
                        <div class="card-tags">
                            <span class="card-tag">技术面试</span>
                            <span class="card-tag">通过</span>
                        </div>
                        <div class="card-footer">
                            <span>面试官: 王总监</span>
                            <button class="card-btn">查看反馈</button>
                        </div>
                    </div>
                    
                    <div class="card">
                        <div class="card-header">
                            <div class="card-avatar">Y</div>
                            <div>
                                <div class="card-title">高级前端开发</div>
                                <div class="card-subtitle">YY互联网公司 · 2023-09-15</div>
                            </div>
                        </div>
                        <div class="card-tags">
                            <span class="card-tag">技术面试</span>
                            <span class="card-tag">未通过</span>
                        </div>
                        <div class="card-footer">
                            <span>面试官: 张经理</span>
                            <button class="card-btn">查看反馈</button>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- 个人中心页面 -->
            <div class="content-area" id="candidateProfilePage" style="display: none;">
                <div class="content-title">
                    <i class="fas fa-user"></i>
                    <span>个人中心</span>
                </div>
                
                <div class="profile-container">
                    <div class="profile-sidebar">
                        <div class="profile-menu">
                            <div class="profile-menu-item active" data-section="basicInfo">基本信息</div>
                            <div class="profile-menu-item" data-section="education">教育背景</div>
                            <div class="profile-menu-item" data-section="experience">工作经历</div>
                            <div class="profile-menu-item" data-section="security">账户安全</div>
                        </div>
                    </div>
                    
                    <div class="profile-content">
                        <!-- 基本信息 -->
                        <div class="profile-section active" id="basicInfoSection">
                            <div class="profile-header">
                                <div class="profile-avatar">张</div>
                                <div class="profile-info">
                                    <h2>张伟</h2>
                                    <p>前端开发工程师 | 5年经验</p>
                                    <button class="btn" style="margin-top: 10px;">
                                        <i class="fas fa-camera"></i> 更换头像
                                    </button>
                                </div>
                            </div>
                            
                            <div class="profile-form">
                                <div class="form-group">
                                    <label for="profileName">姓名</label>
                                    <input type="text" id="profileName" class="form-control" value="张伟">
                                </div>
                                
                                <div class="form-row">
                                    <div class="form-col">
                                        <label for="profileGender">性别</label>
                                        <select id="profileGender" class="form-control">
                                            <option value="male" selected>男</option>
                                            <option value="female">女</option>
                                            <option value="other">其他</option>
                                        </select>
                                    </div>
                                    <div class="form-col">
                                        <label for="profileBirth">出生日期</label>
                                        <input type="date" id="profileBirth" class="form-control" value="1990-05-15">
                                    </div>
                                </div>
                                
                                <div class="form-group">
                                    <label for="profilePhone">联系电话</label>
                                    <input type="tel" id="profilePhone" class="form-control" value="13800138000">
                                </div>
                                
                                <div class="form-group">
                                    <label for="profileEmail">电子邮箱</label>
                                    <input type="email" id="profileEmail" class="form-control" value="zhangwei@example.com">
                                </div>
                                
                                <div class="form-group">
                                    <label for="profileLocation">居住地</label>
                                    <input type="text" id="profileLocation" class="form-control" value="北京市朝阳区">
                                </div>
                                
                                <div class="form-group">
                                    <label for="profileBio">个人简介</label>
                                    <textarea id="profileBio" class="form-control" rows="4">5年前端开发经验，精通Vue.js和React框架，有丰富的项目管理和团队协作经验。</textarea>
                                </div>
                                
                                <div class="form-actions">
                                    <button class="btn">取消</button>
                                    <button class="btn btn-primary">保存更改</button>
                                </div>
                            </div>
                        </div>
                        
                        <!-- 教育背景 -->
                        <div class="profile-section" id="educationSection">
                            <h2 style="margin-bottom: 20px;">教育背景</h2>
                            
                            <div class="form-section">
                                <div class="form-row">
                                    <div class="form-col">
                                        <label for="eduSchool">学校名称</label>
                                        <input type="text" id="eduSchool" class="form-control" value="北京大学">
                                    </div>
                                    <div class="form-col">
                                        <label for="eduDegree">学历</label>
                                        <select id="eduDegree" class="form-control">
                                            <option value="bachelor" selected>本科</option>
                                            <option value="master">硕士</option>
                                            <option value="phd">博士</option>
                                        </select>
                                    </div>
                                </div>
                                
                                <div class="form-row">
                                    <div class="form-col">
                                        <label for="eduMajor">专业</label>
                                        <input type="text" id="eduMajor" class="form-control" value="计算机科学与技术">
                                    </div>
                                    <div class="form-col">
                                        <label for="eduGraduation">毕业时间</label>
                                        <input type="date" id="eduGraduation" class="form-control" value="2012-06-30">
                                    </div>
                                </div>
                                
                                <div class="form-actions">
                                    <button class="btn">取消</button>
                                    <button class="btn btn-primary">保存更改</button>
                                </div>
                            </div>
                        </div>
                        
                        <!-- 工作经历 -->
                        <div class="profile-section" id="experienceSection">
                            <h2 style="margin-bottom: 20px;">工作经历</h2>
                            
                            <div class="form-section">
                                <div class="form-row">
                                    <div class="form-col">
                                        <label for="expCompany">公司名称</label>
                                        <input type="text" id="expCompany" class="form-control" value="AA科技有限公司">
                                    </div>
                                    <div class="form-col">
                                        <label for="expPosition">职位</label>
                                        <input type="text" id="expPosition" class="form-control" value="高级前端开发工程师">
                                    </div>
                                </div>
                                
                                <div class="form-row">
                                    <div class="form-col">
                                        <label for="expStart">开始时间</label>
                                        <input type="date" id="expStart" class="form-control" value="2018-03-01">
                                    </div>
                                    <div class="form-col">
                                        <label for="expEnd">结束时间</label>
                                        <input type="date" id="expEnd" class="form-control" value="2023-05-31">
                                    </div>
                                </div>
                                
                                <div class="form-group">
                                    <label for="expDescription">工作描述</label>
                                    <textarea id="expDescription" class="form-control" rows="4">负责公司核心产品的前端架构设计和开发，带领3人前端团队，使用Vue.js和React技术栈。</textarea>
                                </div>
                                
                                <button class="btn" style="margin-top: 10px;">
                                    <i class="fas fa-plus"></i> 添加工作经历
                                </button>
                                
                                <div class="form-actions">
                                    <button class="btn">取消</button>
                                    <button class="btn btn-primary">保存更改</button>
                                </div>
                            </div>
                        </div>
                        
                        <!-- 账户安全 -->
                        <div class="profile-section" id="securitySection">
                            <h2 style="margin-bottom: 20px;">账户安全</h2>
                            
                            <div class="form-section">
                                <div class="form-group">
                                    <label for="currentPassword">当前密码</label>
                                    <input type="password" id="currentPassword" class="form-control" placeholder="请输入当前密码">
                                </div>
                                
                                <div class="form-group">
                                    <label for="newPassword">新密码</label>
                                    <input type="password" id="newPassword" class="form-control" placeholder="请输入新密码">
                                </div>
                                
                                <div class="form-group">
                                    <label for="confirmPassword">确认新密码</label>
                                    <input type="password" id="confirmPassword" class="form-control" placeholder="请再次输入新密码">
                                </div>
                                
                                <div class="form-actions">
                                    <button class="btn">取消</button>
                                    <button class="btn btn-primary">更改密码</button>
                                </div>
                            </div>
                            
                            <div class="form-section" style="margin-top: 30px;">
                                <div class="form-section-title">
                                    <i class="fas fa-shield-alt"></i>
                                    <span>安全设置</span>
                                </div>
                                
                                <div class="settings-item">
                                    <div class="settings-item-info">
                                        <h3>双重验证</h3>
                                        <p>为您的账户增加额外的安全层</p>
                                    </div>
                                    <div class="settings-item-action">
                                        <label class="switch">
                                            <input type="checkbox">
                                            <span class="slider"></span>
                                        </label>
                                    </div>
                                </div>
                                
                                <div class="settings-item">
                                    <div class="settings-item-info">
                                        <h3>登录提醒</h3>
                                        <p>当账户在新设备登录时发送通知</p>
                                    </div>
                                    <div class="settings-item-action">
                                        <label class="switch">
                                            <input type="checkbox" checked>
                                            <span class="slider"></span>
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- 系统设置页面 -->
            <div class="content-area" id="candidateSettingsPage" style="display: none;">
                <div class="content-title">
                    <i class="fas fa-cog"></i>
                    <span>系统设置</span>
                </div>
                
                <div class="settings-container">
                    <div class="settings-sidebar">
                        <div class="settings-menu">
                            <div class="settings-menu-item active" data-section="notificationSettings">通知设置</div>
                            <div class="settings-menu-item" data-section="privacySettings">隐私设置</div>
                            <div class="settings-menu-item" data-section="appearanceSettings">外观设置</div>
                        </div>
                    </div>
                    
                    <div class="settings-content">
                        <!-- 通知设置 -->
                        <div class="settings-section active" id="notificationSettings">
                            <h2 style="margin-bottom: 20px;">通知设置</h2>
                            
                            <div class="settings-item">
                                <div class="settings-item-info">
                                    <h3>职位推荐</h3>
                                    <p>接收系统推荐的匹配职位通知</p>
                                </div>
                                <div class="settings-item-action">
                                    <label class="switch">
                                        <input type="checkbox" checked>
                                        <span class="slider"></span>
                                    </label>
                                </div>
                            </div>
                            
                            <div class="settings-item">
                                <div class="settings-item-info">
                                    <h3>面试邀请</h3>
                                    <p>接收企业发送的面试邀请通知</p>
                                </div>
                                <div class="settings-item-action">
                                    <label class="switch">
                                        <input type="checkbox" checked>
                                        <span class="slider"></span>
                                    </label>
                                </div>
                            </div>
                            
                            <div class="settings-item">
                                <div class="settings-item-info">
                                    <h3>系统消息</h3>
                                    <p>接收系统更新和维护通知</p>
                                </div>
                                <div class="settings-item-action">
                                    <label class="switch">
                                        <input type="checkbox" checked>
                                        <span class="slider"></span>
                                    </label>
                                </div>
                            </div>
                            
                            <div class="settings-item">
                                <div class="settings-item-info">
                                    <h3>营销信息</h3>
                                    <p>接收合作伙伴的优惠和活动信息</p>
                                </div>
                                <div class="settings-item-action">
                                    <label class="switch">
                                        <input type="checkbox">
                                        <span class="slider"></span>
                                    </label>
                                </div>
                            </div>
                            
                            <div class="form-group" style="margin-top: 30px;">
                                <label for="notificationEmail">通知邮箱</label>
                                <input type="email" id="notificationEmail" class="form-control" value="zhangwei@example.com">
                            </div>
                            
                            <div class="form-actions">
                                <button class="btn">取消</button>
                                <button class="btn btn-primary">保存设置</button>
                            </div>
                        </div>
                        
                        <!-- 隐私设置 -->
                        <div class="settings-section" id="privacySettings">
                            <h2 style="margin-bottom: 20px;">隐私设置</h2>
                            
                            <div class="settings-item">
                                <div class="settings-item-info">
                                    <h3>公开简历</h3>
                                    <p>允许企业搜索和查看您的简历</p>
                                </div>
                                <div class="settings-item-action">
                                    <label class="switch">
                                        <input type="checkbox" checked>
                                        <span class="slider"></span>
                                    </label>
                                </div>
                            </div>
                            
                            <div class="settings-item">
                                <div class="settings-item-info">
                                    <h3>联系方式可见</h3>
                                    <p>允许企业查看您的联系方式</p>
                                </div>
                                <div class="settings-item-action">
                                    <label class="switch">
                                        <input type="checkbox">
                                        <span class="slider"></span>
                                    </label>
                                </div>
                            </div>
                            
                            <div class="settings-item">
                                <div class="settings-item-info">
                                    <h3>个性化推荐</h3>
                                    <p>根据您的浏览记录推荐职位</p>
                                </div>
                                <div class="settings-item-action">
                                    <label class="switch">
                                        <input type="checkbox" checked>
                                        <span class="slider"></span>
                                    </label>
                                </div>
                            </div>
                            
                            <div class="form-group" style="margin-top: 30px;">
                                <label for="privacyLevel">隐私级别</label>
                                <select id="privacyLevel" class="form-control">
                                    <option value="high">高 - 仅对申请的企业可见</option>
                                    <option value="medium" selected>中 - 对所有认证企业可见</option>
                                    <option value="low">低 - 对所有用户可见</option>
                                </select>
                            </div>
                            
                            <div class="form-actions">
                                <button class="btn">取消</button>
                                <button class="btn btn-primary">保存设置</button>
                            </div>
                        </div>
                        
                        <!-- 外观设置 -->
                        <div class="settings-section" id="appearanceSettings">
                            <h2 style="margin-bottom: 20px;">外观设置</h2>
                            
                            <div class="form-group">
                                <label for="themeSelect">主题颜色</label>
                                <select id="themeSelect" class="form-control">
                                    <option value="light" selected>浅色主题</option>
                                    <option value="dark">深色主题</option>
                                    <option value="system">跟随系统</option>
                                </select>
                            </div>
                            
                            <div class="form-group">
                                <label for="fontSize">字体大小</label>
                                <select id="fontSize" class="form-control">
                                    <option value="small">小</option>
                                    <option value="medium" selected>中</option>
                                    <option value="large">大</option>
                                </select>
                            </div>
                            
                            <div class="settings-item">
                                <div class="settings-item-info">
                                    <h3>动画效果</h3>
                                    <p>启用界面过渡动画</p>
                                </div>
                                <div class="settings-item-action">
                                    <label class="switch">
                                        <input type="checkbox" checked>
                                        <span class="slider"></span>
                                    </label>
                                </div>
                            </div>
                            
                            <div class="form-actions">
                                <button class="btn">取消</button>
                                <button class="btn btn-primary">保存设置</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 模态框样式 -->
    <div class="modal-overlay" id="jobModal">
        <div class="modal-content">
            <div class="modal-title">
                <i class="fas fa-briefcase"></i>
                <span>发布新职位</span>
            </div>
            
            <div class="form-group">
                <label for="jobTitle">职位名称</label>
                <input type="text" id="jobTitle" class="form-control" placeholder="例如: 高级产品经理">
            </div>
            
            <div class="form-group">
                <label for="jobType">职位类型</label>
                <select id="jobType" class="form-control">
                    <option value="fulltime">全职</option>
                    <option value="parttime">兼职</option>
                    <option value="intern">实习</option>
                </select>
            </div>
            
            <div class="form-group">
                <label for="jobDepartment">所属部门</label>
                <input type="text" id="jobDepartment" class="form-control" placeholder="例如: 产品部">
            </div>
            
            <div class="form-group">
                <label for="jobLocation">工作地点</label>
                <input type="text" id="jobLocation" class="form-control" placeholder="例如: 北京">
            </div>
            
            <div class="form-group">
                <label for="jobSalary">薪资范围</label>
                <input type="text" id="jobSalary" class="form-control" placeholder="例如: 15k-30k">
            </div>
            
            <div class="form-group">
                <label for="jobDescription">职位描述</label>
                <textarea id="jobDescription" class="form-control" rows="5" placeholder="请输入职位描述和工作内容"></textarea>
            </div>
            
            <div class="form-group">
                <label for="jobRequirements">任职要求</label>
                <textarea id="jobRequirements" class="form-control" rows="5" placeholder="请输入任职要求和技能要求"></textarea>
            </div>
            
            <div class="modal-buttons">
                <button class="modal-btn modal-btn-cancel" id="cancelJob">
                    取消
                </button>
                <button class="modal-btn modal-btn-confirm" id="confirmJob">
                    发布职位
                </button>
            </div>
        </div>
    </div>

    <script src="common.js"></script>
    <script src="candidate.js"></script>
</body>
</html>