<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="文都人力 - 专业蓝领人力资源服务、技能培训、人力资源服务产业园运营，为企业提供一站式人力资源解决方案。">
  <meta name="keywords" content="文都人力,蓝领人力,技能培训,无人机培训,电气自动化,叉车培训,学历提升,人力资源产业园,海外劳务,国际化人力资源,境外劳务输出,国际化人才派遣">
  <title>文都人力 - 专业人力资源服务 | 蓝领人力 · 技能培训 · 产业园运营</title>
  <link rel="stylesheet" href="css/style.css">
</head>
<body>

  <!-- ===== 导航栏 ===== -->
  <nav class="navbar">
    <div class="nav-inner">
      <a href="index.html" class="nav-logo">
        <img src="assets/logo-2.png" alt="文都集团" class="logo-img">
        <div class="logo-text">
          <span>文都集团</span>
          <span class="sub">WENDU GROUP</span>
        </div>
      </a>
      <ul class="nav-menu">
        <li><a href="index.html" class="nav-link active">首页</a></li>
        <li><a href="about.html" class="nav-link">关于我们</a></li>
        <li><a href="services.html" class="nav-link">产品服务</a></li>
        <li><a href="news.html" class="nav-link">新闻公告</a></li>
        <li><a href="contact.html" class="nav-link">联系我们</a></li>
                <li><a href="http://pta.hfwendu.com/" class="nav-link" target="_blank" rel="noopener">企招考务</a></li>
        <li class="nav-dropdown">
          <a href="javascript:void(0)" class="nav-link">内部学习</a>
          <ul class="dropdown-menu">
            <li><a href="http://121.40.51.200:8080/">文都网课平台</a></li>
            <li><a href="http://121.40.51.200:80/">文都知识库</a></li>
          </ul>
        </li>
      </ul>

      <div class="nav-toggle">
        <span></span><span></span><span></span>
      </div>
    </div>
  </nav>

  <!-- ===== Banner 轮播 ===== -->
  <section class="portal-banner" id="portalBanner">
    <div class="banner-slides">
      <!-- Slide 1 -->
      <div class="banner-slide bg-navy active" style="background-image: url('assets/banner1-workforce.png')">
        <div class="banner-content">
          <div class="banner-tagline">WENDU HUMAN RESOURCE</div>
          <h1 class="banner-title">汇聚人才力量<br>赋能企业发展</h1>
          <p class="banner-subtitle">文都人力专注蓝领人力资源服务、职业技能培训与人力资源服务产业园运营，为企业提供从人才输送、技能培养到产业园管理的全链条解决方案。</p>
          <div class="banner-stats">
            <div class="banner-stat-item">
              <div class="banner-stat-num">20<span class="metric-unit">+</span></div>
              <div class="banner-stat-label">年行业深耕</div>
            </div>
            <div class="banner-stat-item">
              <div class="banner-stat-num">500<span class="metric-unit">+</span></div>
              <div class="banner-stat-label">合作企业</div>
            </div>
            <div class="banner-stat-item">
              <div class="banner-stat-num">330000<span class="metric-unit">+</span></div>
              <div class="banner-stat-label">输送人才</div>
            </div>
          </div>
        </div>
      </div>
      <!-- Slide 2 -->
      <div class="banner-slide bg-deep" style="background-image: url('assets/banner2-training.png')">
        <div class="banner-content">
          <div class="banner-tagline">PROFESSIONAL TRAINING</div>
          <h1 class="banner-title">技能赋能人才<br>培训成就未来</h1>
          <p class="banner-subtitle">涵盖无人机操作、电气自动化、叉车驾驶、学历提升等多元化职业技能培训项目，理论与实操并重，助力人才技能升级，服务区域经济发展。</p>
          <div class="banner-stats">
            <div class="banner-stat-item">
              <div class="banner-stat-num">30<span class="metric-unit">+</span></div>
              <div class="banner-stat-label">培训项目</div>
            </div>
            <div class="banner-stat-item">
              <div class="banner-stat-num">100<span class="metric-unit">%</span></div>
              <div class="banner-stat-label">考证通过率</div>
            </div>
            <div class="banner-stat-item">
              <div class="banner-stat-num">6<span class="metric-unit">大</span></div>
              <div class="banner-stat-label">培训领域</div>
            </div>
          </div>
        </div>
      </div>
      <!-- Slide 3 -->
      <div class="banner-slide bg-accent" style="background-image: url('assets/banner3-park.png')">
        <div class="banner-content">
          <div class="banner-tagline">INDUSTRY PARK OPERATION</div>
          <h1 class="banner-title">产业园运营管理<br>打造产业生态</h1>
          <p class="banner-subtitle">人力资源服务产业园全流程运营管理，招商引资、企业服务、政策对接，打造区域人力资源产业集聚平台，促进人力资源服务业高质量发展。</p>
          <div class="banner-stats">
            <div class="banner-stat-item">
              <div class="banner-stat-num">4<span class="metric-unit">大</span></div>
              <div class="banner-stat-label">核心业务板块</div>
            </div>
            <div class="banner-stat-item">
              <div class="banner-stat-num">100<span class="metric-unit">%</span></div>
              <div class="banner-stat-label">服务覆盖</div>
            </div>
            <div class="banner-stat-item">
              <div class="banner-stat-num">∞</div>
              <div class="banner-stat-label">无限可能</div>
            </div>
          </div>
        </div>
      </div>
      <!-- Slide 4 -->
      <div class="banner-slide bg-global" style="background-image: url('assets/banner4-global.png')">
        <div class="banner-content">
          <div class="banner-tagline">GLOBAL TALENT SERVICE</div>
          <h1 class="banner-title">链接全球人才<br>共建国际通道</h1>
          <p class="banner-subtitle">依托文都人力全球化服务网络，提供海外劳务派遣、国际人才引进、跨境校企合作等一站式国际人力资源解决方案，架起企业与世界的人才桥梁。</p>
          <div class="banner-stats">
            <div class="banner-stat-item">
              <div class="banner-stat-num">10<span class="metric-unit">+</span></div>
              <div class="banner-stat-label">合作国家/地区</div>
            </div>
            <div class="banner-stat-item">
              <div class="banner-stat-num">20<span class="metric-unit">+</span></div>
              <div class="banner-stat-label">海外服务项目</div>
            </div>
            <div class="banner-stat-item">
              <div class="banner-stat-num">5<span class="metric-unit">万+</span></div>
              <div class="banner-stat-label">全球人才库</div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="banner-dots">
      <span class="banner-dot active" data-slide="0"></span>
      <span class="banner-dot" data-slide="1"></span>
      <span class="banner-dot" data-slide="2"></span>
      <span class="banner-dot" data-slide="3"></span>
    </div>
  </section>

  <!-- ===== 核心数据指标 ===== -->
  <section class="metrics-section">
    <div class="metrics-grid">
      <div class="metric-card reveal">
        <div class="metric-num"><span data-counter="20">0</span><span class="metric-unit">年+</span></div>
        <div class="metric-label">深耕人力资源行业</div>
      </div>
      <div class="metric-card reveal">
        <div class="metric-num"><span data-counter="500">0</span><span class="metric-unit">+</span></div>
        <div class="metric-label">长期合作企业客户</div>
      </div>
      <div class="metric-card reveal">
        <div class="metric-num"><span data-counter="330000">0</span><span class="metric-unit">+</span></div>
        <div class="metric-label">累计输送各类人才</div>
      </div>
      <div class="metric-card reveal">
        <div class="metric-num"><span data-counter="30">0</span><span class="metric-unit">+</span></div>
        <div class="metric-label">技能培训项目</div>
      </div>
      <div class="metric-card reveal">
        <div class="metric-num"><span data-counter="4">0</span><span class="metric-unit">大</span></div>
        <div class="metric-label">核心业务板块</div>
      </div>
      <div class="metric-card reveal">
        <div class="metric-num">100<span class="metric-unit">%</span></div>
        <div class="metric-label">客户满意度</div>
      </div>
    </div>
  </section>

  <!-- ===== 企业简介（左右分栏） ===== -->
  <section class="section">
    <div class="container">
      <div class="about-portal">
        <div class="about-portal-text reveal">
          <div class="section-subtitle" style="text-align: left; margin-bottom: 12px;">ABOUT WENDU HR</div>
          <h3>以人力资源服务为核心的综合型企业</h3>
          <p>
            文都集团是一家综合性人力资源服务企业，主营业务涵盖蓝领人力资源服务、职业技能培训、人力资源服务产业园运营及国际化人力资源解决方案四大板块。
            <br>公司始终秉承"诚信为先·服务为本"的经营理念，致力于为企业和人才搭建高效、可靠的对接平台。
            <br>经过多年发展，文都人力已累计服务超500家企业客户，输送各类人才逾33万人次，
            <br>培训学员覆盖电气自动化、无人机操作、叉车等多个技能领域，
            并成功运营管理文都人力资源服务产业园，赢得了广泛的行业认可。
          </p>
          <a href="about.html" class="link-more">了解详情
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
          </a>
        </div>
        <div class="about-portal-visual reveal reveal-delay-1">
          <div class="visual-deco">
            <div class="deco-icon">
              <svg width="80" height="80" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
            </div>
            <div class="deco-text">诚信为先 · 服务为本</div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ===== 核心优势 ===== -->
  <section class="section section-gray">
    <div class="container">
      <div class="reveal">
        <h2 class="section-title">核心优势</h2>
        <div class="section-divider"></div>
        <p class="section-subtitle">CORE ADVANTAGES</p>
      </div>
      <div class="advantages-portal">
        <div class="advantage-card reveal">
          <div class="advantage-icon">
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
          </div>
          <h4 class="advantage-title">资质保障</h4>
          <p class="advantage-desc">持有合法人力资源服务许可证、劳务派遣证等，多年行业深耕，合规经营值得信赖</p>
        </div>
        <div class="advantage-card reveal reveal-delay-1">
          <div class="advantage-icon">
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg>
          </div>
          <h4 class="advantage-title">高效响应</h4>
          <p class="advantage-desc">专业团队快速响应企业需求，平均48小时内完成人才匹配与输送</p>
        </div>
        <div class="advantage-card reveal reveal-delay-2">
          <div class="advantage-icon">
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
          </div>
          <h4 class="advantage-title">人才储备</h4>
          <p class="advantage-desc">庞大人才数据库与多渠道招聘网络，满足企业规模化用工需求</p>
        </div>
        <div class="advantage-card reveal reveal-delay-3">
          <div class="advantage-icon">
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5M2 12l10 5 10-5"/></svg>
          </div>
          <h4 class="advantage-title">全链条服务</h4>
          <p class="advantage-desc">从人才招聘、技能培训到产业园运营，一站式人力资源解决方案</p>
        </div>
        <div class="advantage-card reveal reveal-delay-3">
          <div class="advantage-icon">
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M12 1v6m0 6v6"/><path d="M19.07 4.93l-4.24 4.24m-5.66 5.66l-4.24 4.24"/><path d="M4.93 4.93l4.24 4.24m5.66 5.66l4.24 4.24"/></svg>
          </div>
          <h4 class="advantage-title">国际化布局</h4>
          <p class="advantage-desc">具备商务部备案的“对外劳务经营许可”，合规向全球各个国家输送技能人才</p>
        </div>
      </div>
    </div>
  </section>

  <!-- ===== 业务板块导航 ===== -->
  <section class="section">
    <div class="container">
      <div class="reveal">
        <h2 class="section-title">业务板块</h2>
        <div class="section-divider"></div>
        <p class="section-subtitle">BUSINESS SECTORS</p>
      </div>
      <div class="business-nav">
        <!-- 蓝领人力 -->
        <a href="services.html#blue-collar" class="business-nav-card reveal">
          <div class="business-nav-header">
            <div class="business-nav-icon">
              <svg width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
            </div>
            <div class="business-nav-title">蓝领人力</div>
            <div class="business-nav-desc">专业蓝领人才招聘与输送服务</div>
          </div>
          <ul class="business-nav-list">
            <li>劳务派遣</li>
            <li>人才招聘</li>
            <li>灵活用工</li>
            <li>岗位外包</li>
            <li>后勤保障</li>
          </ul>
        </a>
        <!-- 技能培训 -->
        <a href="services.html#training" class="business-nav-card reveal reveal-delay-1">
          <div class="business-nav-header">
            <div class="business-nav-icon">
              <svg width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M22 10v6M2 10l10-5 10 5-10 5z"/><path d="M6 12v5c3 3 9 3 12 0v-5"/></svg>
            </div>
            <div class="business-nav-title">技能培训</div>
            <div class="business-nav-desc">多元化职业技能培训项目</div>
          </div>
          <ul class="business-nav-list">
            <li>电气自动化培训</li>
            <li>无人机操作培训</li>
            <li>电工培训</li>
            <li>叉车驾驶培训</li>
            <li>学历提升</li>
          </ul>
        </a>
        <!-- 产业园运营 -->
        <a href="services.html#park" class="business-nav-card reveal reveal-delay-2">
          <div class="business-nav-header">
            <div class="business-nav-icon">
              <svg width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21h18"/><path d="M5 21V7l8-4v18"/><path d="M19 21V11l-6-4"/><path d="M9 9v.01M9 12v.01M9 15v.01M9 18v.01"/></svg>
            </div>
            <div class="business-nav-title">产业园运营</div>
            <div class="business-nav-desc">人力资源服务产业园全流程运营</div>
          </div>
          <ul class="business-nav-list">
            <li>招商引资</li>
            <li>园区运营</li>
            <li>企业服务</li>
            <li>政策对接</li>
            <li>平台搭建</li>
            <li>数据服务</li>
          </ul>
        </a>
        <!-- 国际化人力资源 -->
        <a href="services.html#international" class="business-nav-card reveal reveal-delay-3">
          <div class="business-nav-header">
            <div class="business-nav-icon">
              <svg width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>
            </div>
            <div class="business-nav-title">国际化人力资源</div>
            <div class="business-nav-desc">境外劳务输出与国际化人才派遣</div>
          </div>
          <ul class="business-nav-list">
            <li>境外劳务输出</li>
            <li>国际化人才派遣</li>
            <li>出国手续办理</li>
            <li>语言培训</li>
            <li>境外法律保障</li>
            <li>国际化招聘服务</li>
            <li>技能人才培养服务</li>
            <li>EOR海外服务</li>
          </ul>
        </a>
      </div>
    </div>
  </section>

  <!-- ===== 新闻公告三栏 ===== -->
  <section class="section section-gray">
    <div class="container">
      <div class="news-portal">
        <!-- 左栏：新闻动态 -->
        <div class="news-portal-col reveal">
          <h3>新闻动态 <a href="news.html" class="col-more">更多 →</a></h3>
          <div class="news-featured" id="homeFeaturedCompany"></div>
          <div class="news-list-portal" id="homeListCompany"></div>
        </div>
        <!-- 中栏：活动通知 -->
        <div class="news-portal-col reveal reveal-delay-1">
          <h3>活动通知 <a href="news.html" class="col-more">更多 →</a></h3>
          <div class="news-featured" id="homeFeaturedEvent"></div>
          <div class="news-list-portal" id="homeListEvent"></div>
        </div>
        <!-- 右栏：公示公告 -->
        <div class="news-portal-col reveal reveal-delay-2">
          <h3>公示公告 <a href="news.html" class="col-more">更多 →</a></h3>
          <div class="news-list-portal" id="homeListAnnouncement"></div>
        </div>
      </div>
    </div>
  </section>

  <!-- ===== 社会责任横幅 ===== -->
  <section class="responsibility-banner">
    <div class="responsibility-content reveal">
      <h3>积极服务就业优先战略 高效助力保障国计民生</h3>
      <p>文都集团始终践行社会责任，通过专业人力资源服务促进就业、保障民生，为区域经济发展和人才队伍建设贡献力量。</p>
      <a href="about.html" class="btn btn-lg">了解详情</a>
    </div>
  </section>

  <!-- ===== 关注我们（公众号二维码） ===== -->
  <section class="follow-section">
    <div class="container">
      <div class="follow-card reveal">
        <div class="follow-text">
          <h3>关注我们</h3>
          <p>扫码关注文都集团官方公众号，获取最新招聘资讯、培训动态和行业政策解读，随时掌握人力资源服务前沿信息。</p>
          <span class="follow-highlight">
            <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><path d="M8.691 2.188C3.891 2.188 0 5.476 0 9.53c0 2.212 1.17 4.203 3.002 5.55a.59.59 0 0 1 .213.665l-.39 1.48c-.019.07-.048.141-.048.213 0 .163.131.295.295.295a.326.326 0 0 0 .167-.054l1.902-1.114a.864.864 0 0 1 .717-.098 10.16 10.16 0 0 0 2.837.403c.276 0 .543-.027.81-.05-.857-2.578.105-4.895 2.526-6.485 2.498-1.641 5.825-1.013 7.796.298-1.197-3.743-5.355-6.451-10.136-6.451zM7.09 6.714a1.052 1.052 0 1 1 0 2.105 1.052 1.052 0 0 1 0-2.105zm3.234 0a1.052 1.052 0 1 1 0 2.105 1.052 1.052 0 0 1 0-2.105z"/><path d="M24 14.381c0-3.404-3.243-6.163-7.244-6.163-4.004 0-7.244 2.759-7.244 6.163 0 3.404 3.24 6.163 7.244 6.163.827 0 1.622-.12 2.371-.336a.71.71 0 0 1 .588.082l1.564.914a.266.266 0 0 0 .137.044.266.266 0 0 0 .268-.268c0-.06-.024-.12-.039-.18l-.32-1.214a.484.484 0 0 1 .174-.546C23.052 18.054 24 16.318 24 14.381zm-9.574-1.067a.862.862 0 1 1 0-1.724.862.862 0 0 1 0 1.724zm4.65 0a.862.862 0 1 1 0-1.724.862.862 0 0 1 0 1.724z"/></svg>
            微信扫一扫关注
          </span>
        </div>
        <div class="qr-wrapper">
          <div class="qr-image-box">
            <img src="assets/qrcode_for_gh_55a64535715a_258.jpg" alt="文都人力官方公众号二维码">
          </div>
          <div class="qr-caption">文都集团官方公众号</div>
        </div>
      </div>
    </div>
  </section>

  <!-- ===== 页脚 ===== -->
  <footer class="footer">
    <div class="container">
      <div class="footer-grid">
        <div class="footer-brand">
          <div class="footer-logo">
            <img src="assets/logo-2.png" alt="文都人力" class="logo-img">
            <span>文都集团</span>
          </div>
          <p>文都集团是一家综合性人力资源服务企业，专注蓝领人力、技能培训与产业园运营及国际化人力资源，为企业提供一站式人力资源解决方案。</p>
        </div>
        <div class="footer-col">
          <h5>快速导航</h5>
          <ul>
            <li><a href="index.html">首页</a></li>
            <li><a href="about.html">关于我们</a></li>
            <li><a href="services.html">产品服务</a></li>
            <li><a href="news.html">新闻公告</a></li>
            <li><a href="contact.html">联系我们</a></li>
          </ul>
        </div>
        <div class="footer-col">
          <h5>业务板块</h5>
          <ul>
            <li><a href="services.html#blue-collar">蓝领人力</a></li>
            <li><a href="services.html#training">技能培训</a></li>
            <li><a href="services.html#park">产业园运营</a></li>
            <li><a href="services.html#international">国际化人力资源</a></li>
            <li><a href="contact.html">企业合作</a></li>
          </ul>
        </div>
        <div class="footer-col">
          <h5>联系方式</h5>
          <div class="footer-contact-item">
            <span class="fc-icon">📍</span>
            <span>安徽省合肥市玉兰大道25号<br>文都人力资源服务产业园</span>
          </div>
          <div class="footer-contact-item">
            <span class="fc-icon">📞</span>
            <span>(0551) 6384‑5505</span>
          </div>
          <div class="footer-contact-item">
            <span class="fc-icon">✉️</span>
            <span>hr@hfwendu.cn</span>
          </div>
        </div>
      </div>
      <div class="footer-bottom">
        <span>© 安徽文都人力资源管理有限公司 版权所有</span>
        <span>
          <span class="license-preview"><a href="assets/3-2人力资源服务许可证（副本）2023.07.02.jpg" target="_blank" class="license-preview-link">人力资源服务许可证编号</a><span class="license-preview-pop"><img src="assets/3-2人力资源服务许可证（副本）2023.07.02.jpg" alt="人力资源服务许可证"></span></span>
          <span class="license-separator">|</span> ICP备XXXXXXXX号
        </span>
      </div>
    </div>
  </footer>

  <!-- ===== 返回顶部 ===== -->
  <button class="back-to-top" aria-label="返回顶部">
    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="18 15 12 9 6 15"/></svg>
  </button>

  <script src="js/main.js"></script>
  <script>
  (function () {
    function escapeHtml(s) {
      return String(s == null ? '' : s).replace(/[&<>"']/g, function (c) {
        return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c];
      });
    }
    function dayOf(d) { var p = (d || '').replace(/\D/g, ''); return p.length >= 8 ? p.slice(6, 8) : ''; }
    function ymOf(d) { var p = (d || '').replace(/\D/g, ''); return p.length >= 6 ? (p.slice(0, 4) + '.' + p.slice(4, 6)) : ''; }
    function dnum(d) { return (d || '').replace(/\D/g, ''); }
    function renderCol(fId, lId, items) {
      items.sort(function (a, b) { return dnum(b.date) - dnum(a.date); });
      var featured = items.filter(function (n) { return n.isFeatured; })[0] || items[0] || null;
      var list = items.filter(function (n) { return n !== featured; }).slice(0, 2);
      var f = document.getElementById(fId);
      if (f) {
        if (featured) {
          var img = featured.cover
            ? '<div class="news-featured-img"><img src="' + featured.cover + '" alt="' + escapeHtml(featured.title) + '" style="width:100%;height:100%;object-fit:cover" onerror="this.style.display=\'none\'"></div>'
            : '<div class="news-featured-img"><svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg></div>';
          f.innerHTML = img + '<div class="news-featured-body"><h4><a href="news.html?news=' + encodeURIComponent(featured.id) + '">' + escapeHtml(featured.title) + '</a></h4><p>' + escapeHtml(featured.summary || '') + '</p></div>';
        } else { f.innerHTML = ''; }
      }
      var l = document.getElementById(lId);
      if (l) {
        l.innerHTML = list.map(portalItemHtml).join('');
      }
    }
    // 单条列表项 HTML（三栏共用）
    function portalItemHtml(n) {
      return '<a href="news.html?news=' + encodeURIComponent(n.id) + '" class="news-item-portal">'
        + '<div class="news-item-date"><div class="day">' + dayOf(n.date) + '</div><div class="ym">' + ymOf(n.date) + '</div></div>'
        + '<div class="news-item-body"><h4>' + escapeHtml(n.title) + '</h4><p>' + escapeHtml(n.summary || '') + '</p></div></a>';
    }
    // 纯列表栏（公示公告：不显示头条大图，直接列最新若干条）
    function renderListOnly(lId, items, max) {
      var l = document.getElementById(lId);
      if (!l) return;
      items.sort(function (a, b) { return dnum(b.date) - dnum(a.date); });
      var list = items.slice(0, max || 5);
      l.innerHTML = list.length
        ? list.map(portalItemHtml).join('')
        : '<div class="news-empty-portal">暂无公示公告</div>';
    }
    function loadHomeNews() {
      fetch('/api/news').then(function (r) { return r.ok ? r.json() : { news: [] }; }).then(function (data) {
        var items = (data && data.news) || [];
        renderCol('homeFeaturedCompany', 'homeListCompany', items.filter(function (n) { return (n.category || 'company-news') === 'company-news'; }));
        renderCol('homeFeaturedEvent', 'homeListEvent', items.filter(function (n) { return (n.category || 'event-notice') === 'event-notice'; }));
        renderListOnly('homeListAnnouncement', items.filter(function (n) { return n.category === 'announcement'; }), 5);
      }).catch(function (e) { console.warn('首页新闻加载失败', e); });
    }
    if (document.readyState !== 'loading') { loadHomeNews(); }
    else { document.addEventListener('DOMContentLoaded', loadHomeNews); }
  })();
  </script>
</body>
</html>
