码农在加班!“爱上政工”代码输出中……
- 2026-02-01 19:35:19
码农在加班!“爱上政工”代码输出中……
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>爱上政工 - 政工专属文案资源分享平台</title> <!-- Tailwind CSS v3 --> <script src="https://cdn.tailwindcss.com"></script> <!-- Font Awesome --> <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet"> <!-- AOS Animation Library --> <link href="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.css" rel="stylesheet"> <script src="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.js"></script> <script> tailwind.config = { theme: { extend: { colors: { primary: '#3B82F6', secondary: '#8B5CF6', accent: '#EF4444', dark: '#0F172A', 'dark-light': '#1E293B', 'dark-lighter': '#334155' }, fontFamily: { sans: ['Inter', 'system-ui', 'sans-serif'] }, animation: { 'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite', } } } } </script> <style type="text/tailwindcss"> @layer utilities { .text-shadow { text-shadow: 0 2px 4px rgba(0,0,0,0.1); } .text-shadow-glow { text-shadow: 0 0 10px rgba(59, 130, 246, 0.5); } .bg-gradient-card { background: linear-gradient(135deg, #1E293B 0%, #0F172A 100%); } .bg-gradient-button { background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%); } .bg-gradient-button:hover { background: linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%); } .card-hover { transition: all 0.3s ease; } .card-hover:hover { transform: translateY(-5px); box-shadow: 0 10px 25px -5px rgba(59, 130, 246, 0.1), 0 8px 10px -6px rgba(59, 130, 246, 0.1); } .nav-link { position: relative; } .nav-link::after { content: ''; position: absolute; width: 0; height: 2px; bottom: -2px; left: 0; background-color: #3B82F6; transition: width 0.3s ease; } .nav-link:hover::after { width: 100%; } .active-nav::after { width: 100%; } .text-ellipsis-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } } </style> </head> <body class="bg-dark text-white min-h-screen flex flex-col"> <!-- 导航栏 - 优化文案专属导航 --> <header class="sticky top-0 z-50 bg-dark-light/90 backdrop-blur-md border-b border-dark-lighter"> <div class="container mx-auto px-4 py-3"> <nav class="flex items-center justify-between"> <!-- Logo --> <div class="flex items-center space-x-2"> <div class="w-10 h-10 rounded-lg bg-gradient-to-br from-primary to-secondary flex items-center justify-center"> <i class="fa fa-file-text-o text-xl"></i> </div> <span class="text-xl font-bold text-white">爱上政工</span> </div> <!-- 主导航 - 桌面版（替换为文案类核心分类） --> <div class="hidden md:flex items-center space-x-8"> <a href="#" class="nav-link active-nav text-white font-medium">首页</a> <a href="#" class="nav-link text-gray-300 hover:text-white transition-colors">工作总结</a> <a href="#" class="nav-link text-gray-300 hover:text-white transition-colors">发言稿</a> <a href="#" class="nav-link text-gray-300 hover:text-white transition-colors">汇报材料</a> <a href="#" class="nav-link text-gray-300 hover:text-white transition-colors">党建文案</a> <a href="#" class="nav-link text-gray-300 hover:text-white transition-colors">心得体会</a> </div> <!-- 搜索框 - 强化文案检索（加宽） --> <div class="hidden md:flex items-center bg-dark-lighter rounded-full px-4 py-2 w-80"> <input type="text" placeholder="搜索文案/标题/关键词..." class="bg-transparent border-none outline-none text-gray-300 placeholder-gray-500 w-full"> <button class="text-gray-400 hover:text-white transition-colors"> <i class="fa fa-search"></i> </button> </div> <!-- 用户功能区 --> <div class="hidden md:flex items-center space-x-4"> <div class="flex items-center bg-dark-lighter rounded-full px-3 py-1"> <i class="fa fa-coins text-yellow-500 mr-1"></i> <span class="text-white text-sm">0</span> </div> <button id="login-btn" class="bg-primary/20 text-primary px-4 py-2 rounded-lg hover:bg-primary/30 transition-colors">登录</button> <button id="register-btn" class="bg-gradient-button text-white px-4 py-2 rounded-lg hover:shadow-lg transition-all">注册</button> </div> <!-- 移动端菜单按钮 --> <button class="md:hidden text-white text-xl" id="mobile-menu-button"> <i class="fa fa-bars"></i> </button> </nav> <!-- 移动端菜单 - 同步文案分类 --> <div class="md:hidden hidden" id="mobile-menu"> <div class="flex items-center bg-dark-lighter rounded-full px-4 py-2 mt-3 mb-4"> <input type="text" placeholder="搜索文案/标题/关键词..." class="bg-transparent border-none outline-none text-gray-300 placeholder-gray-500 w-full"> <button class="text-gray-400 hover:text-white transition-colors"> <i class="fa fa-search"></i> </button> </div> <div class="flex flex-col space-y-3 pb-4"> <a href="#" class="nav-link active-nav text-white font-medium py-2">首页</a> <a href="#" class="nav-link text-gray-300 hover:text-white transition-colors py-2">工作总结</a> <a href="#" class="nav-link text-gray-300 hover:text-white transition-colors py-2">发言稿</a> <a href="#" class="nav-link text-gray-300 hover:text-white transition-colors py-2">汇报材料</a> <a href="#" class="nav-link text-gray-300 hover:text-white transition-colors py-2">党建文案</a> <a href="#" class="nav-link text-gray-300 hover:text-white transition-colors py-2">心得体会</a> </div> <div class="flex items-center justify-between py-3 border-t border-dark-lighter"> <div class="flex items-center"> <i class="fa fa-coins text-yellow-500 mr-2"></i> <span class="text-white">0</span> </div> <div class="flex space-x-2"> <button class="bg-primary/20 text-primary px-3 py-1 rounded-lg text-sm">登录</button> <button class="bg-gradient-button text-white px-3 py-1 rounded-lg text-sm">注册</button> </div> </div> </div> </div> </header> <main class="flex-grow"> 精品政工文案，<br>赋能工作高效开展 </h1> <p class="text-xl text-gray-300 mb-8"> 精选党建、总结、发言、汇报等优质政工文案，可直接编辑使用，节省工作时间 </p> <div class="flex flex-col sm:flex-row justify-center gap-4"> <button class="bg-gradient-button text-white font-medium py-3 px-8 rounded-full hover:shadow-lg transition-all transform hover:-translate-y-1"> 立即探索文案 </button> <button class="bg-transparent border-2 border-white text-white font-medium py-3 px-8 rounded-full hover:bg-white/10 transition-all transform hover:-translate-y-1"> 了解更多 </button> </div> </div> </div> <!-- 装饰元素 --> <div class="absolute top-1/4 left-10 w-20 h-20 bg-primary/20 rounded-full filter blur-3xl animate-pulse-slow"></div> <div class="absolute bottom-1/4 right-10 w-32 h-32 bg-secondary/20 rounded-full filter blur-3xl animate-pulse-slow"></div> </section> <!-- 热门文案标签 - 核心关键词，快速检索 --> <section class="py-8 bg-dark-light"> <div class="container mx-auto px-4"> <div class="flex flex-wrap justify-center gap-3 md:gap-4" data-aos="fade-up" data-aos-duration="800"> <a href="#" class="px-4 py-2 bg-dark-lighter hover:bg-primary/20 text-white rounded-full text-sm transition-colors">年度总结</a> <a href="#" class="px-4 py-2 bg-dark-lighter hover:bg-primary/20 text-white rounded-full text-sm transition-colors">党建工作</a> <a href="#" class="px-4 py-2 bg-dark-lighter hover:bg-primary/20 text-white rounded-full text-sm transition-colors">党课讲稿</a> <a href="#" class="px-4 py-2 bg-dark-lighter hover:bg-primary/20 text-white rounded-full text-sm transition-colors">工作汇报</a> <a href="#" class="px-4 py-2 bg-dark-lighter hover:bg-primary/20 text-white rounded-full text-sm transition-colors">领导发言</a> <a href="#" class="px-4 py-2 bg-dark-lighter hover:bg-primary/20 text-white rounded-full text-sm transition-colors">心得体会</a> <a href="#" class="px-4 py-2 bg-dark-lighter hover:bg-primary/20 text-white rounded-full text-sm transition-colors">述职报告</a> <a href="#" class="px-4 py-2 bg-dark-lighter hover:bg-primary/20 text-white rounded-full text-sm transition-colors">党日活动</a> <a href="#" class="px-4 py-2 bg-dark-lighter hover:bg-primary/20 text-white rounded-full text-sm transition-colors">工作计划</a> <a href="#" class="px-4 py-2 bg-dark-lighter hover:bg-primary/20 text-white rounded-full text-sm transition-colors">调研报告</a> </div> </div> </section> <!-- 精品文案推荐 - 核心展示区，替换为文案卡片 --> <section class="py-16 bg-dark"> <div class="container mx-auto px-4"> <div class="flex justify-between items-center mb-10"> <h2 class="text-3xl font-bold text-white">精品文案推荐</h2> <a href="#" class="text-primary hover:text-primary/80 flex items-center transition-colors"> 查看全部 <i class="fa fa-arrow-right ml-2"></i> </a> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> 正在敲代码！后续呈现预览图，大家一起交流优化!
本文来自网友投稿或网络内容，如有侵犯您的权益请联系我们删除，联系邮箱：wyl860211@qq.com 。
