失败博物�?- 创客俱乐�?/title> <link rel="icon" href="../data/favicon.png" type="image/png">   <link rel="preload" href="/css/fontawesome6/all.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="/css/fontawesome6/all.min.css"></noscript> <style> /* ===== 基础重置 ===== */ * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', sans-serif; background-color: #FFFFFF; color: #1E293B; line-height: 1.6; overflow-x: hidden; } :root { --primary: #0066FF; --primary-light: #4C8CFF; --primary-dark: #0052CC; --primary-soft: #E6F0FF; --secondary: #00C4B4; --secondary-light: #2FE5D5; --accent: #FF6B4A; --accent-light: #FF8A70; --bg-white: #FFFFFF; --bg-light: #F8FAFC; --bg-gray: #F1F5F9; --text-primary: #0F172A; --text-secondary: #334155; --text-tertiary: #64748B; --text-light: #94A3B8; --border-light: #E2E8F0; --border-medium: #CBD5E1; --shadow-sm: 0 1px 3px rgba(0,0,0,0.1); --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1); --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1); --shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.1); --radius-sm: 6px; --radius-md: 12px; --radius-lg: 16px; --radius-xl: 24px; --radius-full: 9999px; } .container { max-width: 1280px; margin: 0 auto; padding: 0 40px; } @media (max-width: 768px) { .container { padding: 0 20px; } } /* ===== 导航�?===== */ .navbar { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(12px); border-bottom: 1px solid var(--border-light); transition: all 0.3s ease; height: 70px; display: flex; align-items: center; } .navbar.scrolled { background: rgba(255, 255, 255, 0.98); box-shadow: var(--shadow-sm); } .navbar-container { display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 40px; } .logo { display: flex; align-items: center; gap: 12px; text-decoration: none; } .logo img { width: 34px; height: 34px; border-radius: 10px; object-fit: cover; } .logo span { font-size: 22px; font-weight: 700; letter-spacing: 2px; background: linear-gradient(135deg, #6d28d9 0%, #0891b2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-family: 'Noto Serif CJK SC', 'STSong', 'SimSun', 'Georgia', serif; } .nav-menu { display: flex; gap: 32px; } .nav-item { position: relative; } .nav-link { display: flex; align-items: center; gap: 6px; color: var(--text-secondary); text-decoration: none; font-size: 15px; font-weight: 500; padding: 8px 0; transition: color 0.3s ease; cursor: pointer; } .nav-link:hover { color: var(--primary); } .nav-link i { font-size: 12px; transition: transform 0.3s ease; } .nav-item:hover .nav-link i { transform: rotate(180deg); } .dropdown-menu { position: absolute; top: 100%; left: 50%; transform: translateX(-50%) translateY(10px); min-width: 220px; background: var(--bg-white); border: 1px solid var(--border-light); border-radius: var(--radius-lg); padding: 12px 0; box-shadow: var(--shadow-xl); opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 100; } .nav-item:hover .dropdown-menu { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(20px); } .dropdown-item { display: flex; align-items: center; gap: 12px; padding: 10px 20px; color: var(--text-secondary); font-size: 14px; text-decoration: none; transition: all 0.3s ease; } .dropdown-item:hover { background: var(--primary-soft); color: var(--primary); } .dropdown-item i { width: 16px; color: var(--primary); font-size: 14px; } .nav-right { display: flex; align-items: center; gap: 24px; } .nav-login { color: var(--text-secondary); text-decoration: none; font-size: 15px; font-weight: 500; transition: color 0.3s ease; } .nav-login:hover { color: var(--primary); } .nav-register { padding: 10px 24px; background: var(--primary); color: white; text-decoration: none; border-radius: var(--radius-full); font-size: 14px; font-weight: 600; transition: all 0.3s ease; box-shadow: var(--shadow-sm); } .nav-register:hover { background: var(--primary-dark); transform: translateY(-2px); box-shadow: var(--shadow-md); } .nav-console { color: var(--text-secondary); text-decoration: none; font-size: 15px; font-weight: 500; transition: color 0.3s ease; } .nav-console:hover { color: var(--primary); } .mobile-menu-btn { display: none; background: none; border: none; font-size: 24px; color: var(--text-primary); cursor: pointer; } /* ===== 移动端侧边栏 ===== */ .sidebar-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(4px); z-index: 1001; opacity: 0; visibility: hidden; transition: all 0.3s ease; } .sidebar-overlay.active { opacity: 1; visibility: visible; } .sidebar { position: fixed; top: 0; left: -320px; width: 280px; height: 100%; background: var(--bg-white); z-index: 1002; transition: left 0.3s ease; box-shadow: var(--shadow-xl); overflow-y: auto; } .sidebar.active { left: 0; } .sidebar-header { display: flex; align-items: center; justify-content: space-between; padding: 20px; border-bottom: 1px solid var(--border-light); } .sidebar-logo { display: flex; align-items: center; gap: 10px; } .sidebar-logo img { width: 32px; height: 32px; border-radius: 6px; } .sidebar-logo span { font-size: 16px; font-weight: 600; color: var(--text-primary); } .sidebar-close { background: none; border: none; font-size: 20px; color: var(--text-light); cursor: pointer; padding: 4px; } .sidebar-nav { padding: 16px; } .sidebar-nav-item { display: flex; align-items: center; gap: 12px; padding: 12px 16px; color: var(--text-secondary); text-decoration: none; border-radius: var(--radius-md); transition: all 0.3s ease; font-weight: 500; } .sidebar-nav-item:hover { background: var(--primary-soft); color: var(--primary); } .sidebar-nav-item i { width: 20px; color: var(--primary); } .sidebar-submenu { margin-left: 16px; margin-bottom: 16px; border-left: 2px solid var(--border-light); padding-left: 12px; } .sidebar-submenu-item { display: flex; align-items: center; gap: 10px; padding: 10px 16px; color: var(--text-tertiary); text-decoration: none; font-size: 14px; border-radius: var(--radius-md); transition: all 0.3s ease; } .sidebar-submenu-item:hover { background: var(--primary-soft); color: var(--primary); } .sidebar-submenu-item i { width: 16px; color: var(--primary); font-size: 12px; } .sidebar-auth { padding: 20px; border-top: 1px solid var(--border-light); display: flex; flex-direction: column; gap: 12px; } .sidebar-auth .btn { width: 100%; text-align: center; justify-content: center; } /* ===== 英雄�?===== */ .hero { position: relative; min-height: 600px; display: flex; align-items: center; background: linear-gradient(135deg, #FFFFFF 0%, #F8FAFC 100%); overflow: hidden; padding-top: 70px; } .hero-grid-bg { position: absolute; inset: 0; background-image: linear-gradient(rgba(0, 102, 255, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 102, 255, 0.03) 1px, transparent 1px); background-size: 50px 50px; z-index: 0; } .hero-container { position: relative; z-index: 10; width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 40px; } .hero-content { text-align: center; max-width: 800px; margin: 0 auto; } .hero-badge { display: inline-block; font-size: 14px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: var(--primary); background: rgba(0, 102, 255, 0.08); padding: 6px 16px; border-radius: var(--radius-full); margin-bottom: 24px; border: 1px solid rgba(0, 102, 255, 0.15); } .hero-title { font-size: clamp(36px, 5vw, 56px); font-weight: 700; line-height: 1.1; color: var(--text-primary); margin-bottom: 24px; } .hero-title .highlight { position: relative; display: inline-block; color: var(--accent); } .hero-title .highlight::after { content: ''; position: absolute; bottom: 8px; left: 0; width: 100%; height: 12px; background: rgba(255, 107, 74, 0.15); z-index: -1; } .hero-desc { font-size: 18px; color: var(--text-secondary); line-height: 1.8; margin-bottom: 40px; } .btn { padding: 16px 32px; border-radius: var(--radius-full); text-decoration: none; font-weight: 600; font-size: 16px; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; border: none; } .btn-primary { background: var(--primary); color: white; box-shadow: var(--shadow-md); } .btn-primary:hover { background: var(--primary-dark); transform: translateY(-4px); box-shadow: var(--shadow-lg); } .btn-outline { background: transparent; border: 1.5px solid var(--border-light); color: var(--text-secondary); } .btn-outline:hover { border-color: var(--primary); color: var(--primary); transform: translateY(-4px); } /* ===== 失败博物馆内�?===== */ .failure-section { padding: 100px 0; } .filter-bar { display: flex; justify-content: center; gap: 12px; margin-bottom: 60px; flex-wrap: wrap; } .filter-btn { padding: 10px 28px; border: 1.5px solid var(--border-light); border-radius: var(--radius-full); background: transparent; color: var(--text-secondary); font-size: 15px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; } .filter-btn:hover { border-color: var(--primary); color: var(--primary); } .filter-btn.active { background: var(--primary); border-color: var(--primary); color: white; box-shadow: var(--shadow-sm); } .failure-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } .failure-card { background: var(--bg-white); border: 1px solid var(--border-light); border-radius: var(--radius-lg); padding: 32px; transition: all 0.3s ease; box-shadow: var(--shadow-sm); } .failure-card:hover { border-color: var(--accent); transform: translateY(-8px); box-shadow: var(--shadow-lg); } .failure-header { margin-bottom: 20px; } .failure-author { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; } .author-avatar { width: 48px; height: 48px; border-radius: 50%; background: var(--accent-light); color: white; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 16px; flex-shrink: 0; } .author-info h4 { font-size: 16px; font-weight: 600; margin-bottom: 2px; } .author-info p { font-size: 13px; color: var(--text-light); } .failure-title { font-size: 20px; font-weight: 700; color: var(--text-primary); margin-bottom: 16px; line-height: 1.3; } .failure-excerpt { font-size: 14px; color: var(--text-tertiary); line-height: 1.7; margin-bottom: 20px; } .failure-tags { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 20px; } .failure-tag { padding: 4px 12px; background: var(--bg-light); border-radius: var(--radius-full); font-size: 12px; color: var(--text-secondary); } .failure-tag.highlight { background: var(--accent-light); color: white; } .failure-meta { display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: var(--text-light); border-top: 1px dashed var(--border-light); padding-top: 16px; } .failure-meta i { margin-right: 6px; } .failure-link { color: var(--primary); font-weight: 500; text-decoration: none; display: flex; align-items: center; gap: 4px; } .failure-link:hover { gap: 8px; } .pagination { display: flex; justify-content: center; gap: 8px; margin-top: 60px; } .page-btn { width: 40px; height: 40px; border: 1px solid var(--border-light); border-radius: var(--radius-full); background: var(--bg-white); color: var(--text-secondary); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; } .page-btn:hover { border-color: var(--primary); color: var(--primary); } .page-btn.active { background: var(--primary); border-color: var(--primary); color: white; } .page-btn.arrow { width: auto; padding: 0 16px; } /* ===== 底部 ===== */ .footer { background: #0F172A; color: white; padding: 60px 0 30px; } .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr 1.2fr; gap: 40px; margin-bottom: 50px; } .footer-brand { padding-right: 30px; } .footer-logo { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; } .footer-logo img { width: 36px; height: 36px; border-radius: 8px; } .footer-logo span { font-size: 18px; font-weight: 600; } .footer-desc { font-size: 14px; color: #94A3B8; line-height: 1.8; margin-bottom: 24px; } .footer-contact-item { display: flex; align-items: center; gap: 12px; color: #94A3B8; font-size: 14px; margin-bottom: 12px; } .footer-contact-item i { width: 20px; color: var(--primary); } .footer-section-title { font-size: 16px; font-weight: 600; margin-bottom: 24px; color: white; } .footer-links { display: flex; flex-direction: column; gap: 12px; } .footer-link { color: #94A3B8; text-decoration: none; font-size: 14px; transition: all 0.3s ease; } .footer-link:hover { color: white; transform: translateX(5px); } .footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 30px; display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: #94A3B8; } .footer-links-bottom { display: flex; gap: 24px; } .footer-links-bottom a { color: #94A3B8; text-decoration: none; transition: color 0.3s ease; } .footer-links-bottom a:hover { color: white; } /* ===== 响应?===== */ .hidden { display: none !important; } @media (max-width: 1024px) { .nav-menu { display: none; } .mobile-menu-btn { display: block; } .nav-right .nav-login, .nav-right .nav-register, .nav-right .nav-console { display: none; } .nav-right .nav-login, .nav-right .nav-register, .nav-right .nav-console { display: none; } .failure-grid { grid-template-columns: repeat(2, 1fr); } .footer-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .navbar-container { padding: 0 20px; } .nav-right .nav-login, .nav-right .nav-register { display: none; } .hero { min-height: 500px; padding-top: 80px; } .hero-title { font-size: 36px; } .hero-desc { font-size: 15px; } .failure-grid { grid-template-columns: 1fr; } .filter-bar { flex-direction: column; align-items: center; } .filter-btn { width: 200px; text-align: center; } .footer-grid { grid-template-columns: 1fr; } .footer-bottom { flex-direction: column; gap: 16px; text-align: center; } .footer-links-bottom { justify-content: center; flex-wrap: wrap; gap: 16px; } } </style> <link rel="stylesheet" href="../css/footer.css">  <meta name="baidu-site-verification" content="codeva-U92XEI2N4R" /> <link rel="canonical" href="https://www.mksrc.cn/website/community/failure.php"> <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large">  <meta property="og:type" content="website"> <meta property="og:url" content="https://www.mksrc.cn/website/community/failure.php"> <meta property="og:title" content="创业搭子铺"> <meta property="og:description" content="让每一个创业者都不再独行，找到志同道合的伙伴。创业资源、项目对接、经验分享——来这里，找到可以并肩的人。"> <meta property="og:image" content="https://www.mksrc.cn/data/logo.png"> <meta property="og:site_name" content="创业搭子铺"> <meta property="og:locale" content="zh_CN">  <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="创业搭子铺"> <meta name="twitter:description" content="让每一个创业者都不再独行，找到志同道合的伙伴。创业资源、项目对接、经验分享——来这里，找到可以并肩的人。"> <meta name="twitter:image" content="https://www.mksrc.cn/data/logo.png">  <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(bp, s); })(); </script> </head> <body>  <nav class="navbar" id="navbar"> <div class="navbar-container"> <a href="../index.php" class="logo"> <img src="/data/logo.png" alt="创客俱乐�?> <span>创客俱乐�?/span> </a> <div class="nav-menu"> <div class="nav-item"><a href="../index.php" class="nav-link">首页</a></div> <div class="nav-item"> <a href="../products/index.php" class="nav-link">产品 <i class="fas fa-chevron-down"></i></a> <div class="dropdown-menu"> <a href="../products/collaboration.php" class="dropdown-item"><i class="fas fa-eye"></i>创客协作引擎</a> <a href="../products/navigation.php" class="dropdown-item"><i class="fas fa-tasks"></i>玲珑导航�?/a> <a href="../products/monitor.php" class="dropdown-item"><i class="fas fa-chart-line"></i>群星GOT监控�?/a> <a href="http://zzs.mksrc.cn/" class="dropdown-item"><i class="fas fa-graduation-cap"></i>创业作战�?/a> <a href="https://openai.mksrc.cn/" class="dropdown-item"><i class="fas fa-microchip"></i>凌云AI实验�?/a> <div class="dropdown-divider"></div> <a href="../products/index.php" class="dropdown-item"><i class="fas fa-arrow-right"></i>查看全部产品</a> </div> </div> <div class="nav-item"> <a href="../solution/startup.php" class="nav-link">解决方案 <i class="fas fa-chevron-down"></i></a> <div class="dropdown-menu"> <a href="../solution/startup.php" class="dropdown-item"><i class="fas fa-rocket"></i>初创团队 (1-10�?</a> <a href="../solution/growth.php" class="dropdown-item"><i class="fas fa-chart-bar"></i>成长型企�?(10-50�?</a> <a href="../solution/enterprise.php" class="dropdown-item"><i class="fas fa-building"></i>中大型团�?(50+�?</a> </div> </div> <div class="nav-item"> <a href="#" class="nav-link">社区 <i class="fas fa-chevron-down"></i></a> <div class="dropdown-menu"> <a href="../community/chat.php" class="dropdown-item"><i class="fas fa-handshake"></i>极客共享社区</a> <a href="../community/lab.php" class="dropdown-item"><i class="fas fa-bolt"></i>创新实验�?/a> <a href="../community/learning.php" class="dropdown-item"><i class="fas fa-comments"></i>学习中心社区</a> <a href="http://bbs.mksrc.cn/" class="dropdown-item"><i class="fas fa-code"></i>极客开放社�?/a> <a href="../community/failure.php" class="dropdown-item"><i class="fas fa-calendar-alt"></i>失败博物馆社�?/a> </div> </div> <div class="nav-item"> <a href="../resource/resources.php" class="nav-link">资源<i class="fas fa-chevron-down"></i></a> <div class="dropdown-menu"> <a href="../resource/resources.php" class="dropdown-item"><i class="fas fa-book"></i>文档中心</a> <a href="../resource/learning.php" class="dropdown-item"><i class="fas fa-graduation-cap"></i>学习中心</a> <a href="../resource/resources.php" class="dropdown-item"><i class="fas fa-file-alt"></i>资源�?span style="margin-left: 8px; font-size: 10px; color: var(--primary);">工具/服务</span></a> <a href="../resource/tools.php" class="dropdown-item"><i class="fas fa-tools"></i>工具�?span style="margin-left: 8px; font-size: 10px; color: var(--primary);">计算�?估�?/span></a> <a href="../resource/templates.php" class="dropdown-item"><i class="fas fa-file-powerpoint"></i>模板�?/a> <a href="https://open.mksrc.cn/" class="dropdown-item"><i class="fas fa-code"></i>开放平�?/a> </div> </div> <div class="nav-item"> <a href="../ecosystem/index.php" class="nav-link">生�?<i class="fas fa-chevron-down"></i></a> <div class="dropdown-menu"> <a href="../ecosystem/index.php" class="dropdown-item"><i class="fas fa-sitemap"></i>生态位体系</a> <a href="../exchange/index.php" class="dropdown-item"><i class="fas fa-exchange-alt"></i>信息交换所</a> <a href="../store/index.php" class="dropdown-item"><i class="fas fa-shopping-cart"></i>创客商城</a> <a href="../security/index.php" class="dropdown-item"><i class="fas fa-shield-alt"></i>安全赋能中心</a> </div> </div> <div class="nav-item"> <a href="#" class="nav-link">支持 <i class="fas fa-chevron-down"></i></a> <div class="dropdown-menu"> <a href="../support/help.php" class="dropdown-item"><i class="fas fa-question-circle"></i>帮助中心</a> <a href="../support/faq.php" class="dropdown-item"><i class="fas fa-comment-dots"></i>常见问题</a> <a href="../support/tech.php" class="dropdown-item"><i class="fas fa-headset"></i>技术支�?/a> <a href="../support/business.php" class="dropdown-item"><i class="fas fa-handshake"></i>商务合作</a> <a href="../support/feedback.php" class="dropdown-item"><i class="fas fa-lightbulb"></i>反馈建议</a> </div> </div> <div class="nav-item"> <a href="#" class="nav-link">关于我们 <i class="fas fa-chevron-down"></i></a> <div class="dropdown-menu"> <a href="../about/story.php" class="dropdown-item"><i class="fas fa-history"></i>我们的故�?/a> <a href="../about/team.php" class="dropdown-item"><i class="fas fa-users"></i>核心团队</a> <a href="#partners" class="dropdown-item"><i class="fas fa-handshake"></i>合作伙伴</a> <a href="../about/join.php" class="dropdown-item"><i class="fas fa-user-plus"></i>加入我们</a> <a href="../about/contact.php" class="dropdown-item"><i class="fas fa-envelope"></i>联系我们</a> </div> </div> </div> <div class="nav-right"> <a href="../console/home/login.html" class="nav-login" id="desktop-login">登录</a> <a href="../console/home/register.html" class="nav-register">注册</a> <a href="../console/index.php" class="nav-console" style="display: none;">控制�?/a> <button class="mobile-menu-btn" id="menuBtn"><i class="fas fa-bars"></i></button> </div> </div> </nav>  <div class="sidebar-overlay" id="sidebarOverlay"></div> <div class="sidebar" id="sidebar"> <div class="sidebar-header"> <div class="sidebar-logo"> <img src="/data/logo.png" alt="创客俱乐�? onerror="this.src='data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'32\' height=\'32\' viewBox=\'0 0 32 32\'%3E%3Crect width=\'32\' height=\'32\' rx=\'6\' fill=\'%230066FF\'/%3E%3Ctext x=\'50%25\' y=\'50%25\' dominant-baseline=\'middle\' text-anchor=\'middle\' font-family=\'Inter\' font-size=\'16\' font-weight=\'600\' fill=\'white\'%3EM%3C/text%3E%3C/svg%3E'"> <span>创客俱乐�?/span> </div> <button class="sidebar-close" id="closeSidebar"><i class="fas fa-times"></i></button> </div> <div class="sidebar-nav"> <a href="../index.php" class="sidebar-nav-item"><i class="fas fa-home"></i> 首页</a> <div class="sidebar-nav-item"><i class="fas fa-cube"></i> 产品</div> <div class="sidebar-submenu"> <a href="../products/collaboration.php" class="sidebar-submenu-item"><i class="fas fa-eye"></i>创客协作引擎</a> <a href="../products/navigation.php" class="sidebar-submenu-item"><i class="fas fa-tasks"></i>玲珑导航�?/a> <a href="../products/monitor.php" class="sidebar-submenu-item"><i class="fas fa-chart-line"></i>群星GOT监控�?/a> <a href="http://zzs.mksrc.cn/" class="sidebar-submenu-item"><i class="fas fa-graduation-cap"></i>创业作战�?/a> <a href="https://openai.mksrc.cn/" class="sidebar-submenu-item"><i class="fas fa-microchip"></i>凌云AI实验�?/a> </div> <div class="sidebar-nav-item"><i class="fas fa-tools"></i> 解决方案</div> <div class="sidebar-submenu"> <a href="../solution/startup.php" class="sidebar-submenu-item"><i class="fas fa-rocket"></i>初创团队 (1-10�?</a> <a href="../solution/growth.php" class="sidebar-submenu-item"><i class="fas fa-chart-bar"></i>成长型企�?(10-50�?</a> <a href="../solution/enterprise.php" class="sidebar-submenu-item"><i class="fas fa-building"></i>中大型团�?(50+�?</a> </div> <div class="sidebar-nav-item"><i class="fas fa-users"></i> 社区</div> <div class="sidebar-submenu"> <a href="../community/chat.php" class="sidebar-submenu-item"><i class="fas fa-handshake"></i>极客共享社区</a> <a href="../community/lab.php" class="sidebar-submenu-item"><i class="fas fa-flask"></i>创新实验�?/a> <a href="../community/learning.php" class="sidebar-submenu-item"><i class="fas fa-graduation-cap"></i>学习中心</a> <a href="http://bbs.mksrc.cn/" class="sidebar-submenu-item"><i class="fas fa-code"></i>极客开放社�?/a> <a href="../community/failure.php" class="sidebar-submenu-item"><i class="fas fa-calendar-alt"></i>失败博物馆社�?/a> </div> <div class="sidebar-nav-item"><i class="fas fa-file-alt"></i> 资源</div> <div class="sidebar-submenu"> <a href="../resource/resources.php" class="sidebar-submenu-item"><i class="fas fa-book"></i>文档中心</a> <a href="../resource/learning.php" class="sidebar-submenu-item"><i class="fas fa-graduation-cap"></i>学习中心</a> <a href="../resource/resources.php" class="sidebar-submenu-item"><i class="fas fa-file-alt"></i>资源�?/a> <a href="../resource/tools.php" class="sidebar-submenu-item"><i class="fas fa-tools"></i>工具�?/a> <a href="../resource/templates.php" class="sidebar-submenu-item"><i class="fas fa-file-powerpoint"></i>模板�?/a> <a href="https://open.mksrc.cn/" class="sidebar-submenu-item"><i class="fas fa-code"></i>开放平�?/a> </div> <div class="sidebar-nav-item"><i class="fas fa-sitemap"></i> 生�?/div> <div class="sidebar-submenu"> <a href="../ecosystem/index.php" class="sidebar-submenu-item"><i class="fas fa-sitemap"></i>生态位体系</a> <a href="../exchange/index.php" class="sidebar-submenu-item"><i class="fas fa-exchange-alt"></i>信息交换所</a> <a href="../store/index.php" class="sidebar-submenu-item"><i class="fas fa-shopping-cart"></i>创客商城</a> <a href="../security/index.php" class="sidebar-submenu-item"><i class="fas fa-shield-alt"></i>安全赋能中心</a> </div> <div class="sidebar-nav-item"><i class="fas fa-life-ring"></i> 支持</div> <div class="sidebar-submenu"> <a href="../support/help.php" class="sidebar-submenu-item"><i class="fas fa-question-circle"></i>帮助中心</a> <a href="../support/faq.php" class="sidebar-submenu-item"><i class="fas fa-comment-dots"></i>常见问题</a> <a href="../support/tech.php" class="sidebar-submenu-item"><i class="fas fa-headset"></i>技术支�?/a> <a href="../support/business.php" class="sidebar-submenu-item"><i class="fas fa-handshake"></i>商务合作</a> <a href="../support/feedback.php" class="sidebar-submenu-item"><i class="fas fa-lightbulb"></i>反馈建议</a> </div> <div class="sidebar-nav-item"><i class="fas fa-info-circle"></i> 关于</div> <div class="sidebar-submenu"> <a href="../about/story.php" class="sidebar-submenu-item"><i class="fas fa-history"></i>我们的故�?/a> <a href="../about/team.php" class="sidebar-submenu-item"><i class="fas fa-users"></i>核心团队</a> <a href="#partners" class="sidebar-submenu-item"><i class="fas fa-handshake"></i>合作伙伴</a> <a href="../about/join.php" class="sidebar-submenu-item"><i class="fas fa-user-plus"></i>加入我们</a> <a href="../about/contact.php" class="sidebar-submenu-item"><i class="fas fa-envelope"></i>联系我们</a> </div> </div> <div class="sidebar-auth"> <a href="../console/home/login.html" class="btn btn-primary" id="mobile-login">登录</a> <a href="../console/home/register.html" class="btn btn-outline">注册</a> </div> </div>  <section class="hero"> <div class="hero-grid-bg"></div> <div class="hero-container"> <div class="hero-content"> <div class="hero-badge">失败博物�?/div> <h1 class="hero-title">别人�?span class="highlight">�?/span>，你�?span class="highlight">�?/span></h1> <p class="hero-desc">真实的创业失败复盘，让你少走弯路。每一次失败都是一次学习，每一个教训都是成功的阶梯�?/p> <a href="#failures" class="btn btn-primary">浏览失败案例 <i class="fas fa-arrow-right"></i></a> </div> </div> </section>  <section class="failure-section" id="failures"> <div class="container"> <div class="filter-bar" id="filterBar"> <button class="filter-btn active" data-filter="all">全部</button> <button class="filter-btn" data-filter="financing">融资</button> <button class="filter-btn" data-filter="team">团队</button> <button class="filter-btn" data-filter="product">产品</button> <button class="filter-btn" data-filter="market">市场</button> <button class="filter-btn" data-filter="operation">运营</button> </div> <div class="failure-grid" id="failuresGrid"> </div> <div class="text-center py-4 hidden" id="loadingIndicator"> <i class="fa fa-spinner fa-pulse fa-2x text-gray-400"></i> </div> </div> </section>  <section style="padding:60px 0;background:#f8fafc"> <div class="container"> <div style="max-width:620px;margin:0 auto"> <h2 style="font-size:24px;font-weight:700;text-align:center;margin-bottom:8px">分享你的创业教训</h2> <p style="color:#64748b;text-align:center;margin-bottom:32px">你的每一次复盘，都是别人的避坑指�?/p> <form id="submitForm" style="background:white;padding:32px;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.06)"> <div style="margin-bottom:16px"> <label style="font-size:13px;font-weight:600;color:#334155;display:block;margin-bottom:4px">你的名字</label> <input type="text" id="sub_name" style="width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px" placeholder="显示为作者名"> </div> <div style="margin-bottom:16px"> <label style="font-size:13px;font-weight:600;color:#334155;display:block;margin-bottom:4px">标题 *</label> <input type="text" id="sub_title" style="width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px" placeholder="如：融了500万后，我们三个月花光�?> </div> <div style="margin-bottom:16px"> <label style="font-size:13px;font-weight:600;color:#334155;display:block;margin-bottom:4px">分类</label> <select id="sub_category" style="width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px"> <option value="financing">融资失败</option> <option value="team">团队管理</option> <option value="product">产品方向</option> <option value="market">市场推广</option> <option value="operation">运营策略</option> </select> </div> <div style="margin-bottom:16px"> <label style="font-size:13px;font-weight:600;color:#334155;display:block;margin-bottom:4px">标签（逗号分隔�?/label> <input type="text" id="sub_tags" style="width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px" placeholder="如：融资,现金�?团队管理"> </div> <div style="margin-bottom:16px"> <label style="font-size:13px;font-weight:600;color:#334155;display:block;margin-bottom:4px">简�?/label> <textarea id="sub_excerpt" rows="3" style="width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px" placeholder="简要描述你的失败经�?.."></textarea> </div> <div style="margin-bottom:24px"> <label style="font-size:13px;font-weight:600;color:#334155;display:block;margin-bottom:4px">详细复盘</label> <textarea id="sub_content" rows="6" style="width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px" placeholder="详细描述..."></textarea> </div> <button type="button" id="submitBtn" style="width:100%;padding:12px;background:#0066FF;color:white;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer" onclick="submitFailure()">提交故事</button> <p id="submitMsg" style="text-align:center;font-size:13px;margin-top:12px;display:none"></p> </form> </div> </div> </section>  <footer class="footer"> <div class="container"> <div class="footer-grid"> <div class="footer-brand"> <div class="footer-logo"><img src="/data/logo.png" alt="创客俱乐�?><span>创客俱乐�?/span></div> <p class="footer-desc">让每一个创业者都不再独行，找到志同道合的伙伴�?br></p> <div class="footer-contact-item"><i class="fas fa-map-marker-alt"></i> 创业搭子铺科技�?/div> <div class="footer-contact-item"><i class="fas fa-envelope"></i> contact@mksrc.cn</div> </div> <div><h3 class="footer-section-title">产品</h3><div class="footer-links"><a href="products/collaboration.php" class="footer-link">创客协作引擎</a><a href="#" class="footer-link">玲珑导航�?/a><a href="#" class="footer-link">群星GOT监控�?/a></div></div> <div><h3 class="footer-section-title">社区</h3><div class="footer-links"><a href="community/chat.php" class="footer-link">极客共享社区</a><a href="#" class="footer-link">创新实验�?/a><a href="community/learning.php" class="footer-link">学习中心</a></div></div> <div><h3 class="footer-section-title">关于</h3><div class="footer-links"><a href="about/story.php" class="footer-link">关于我们</a><a href="about/partners.php" class="footer-link">合作伙伴</a><a href="about/contact.php" class="footer-link">联系我们</a></div></div> <div><h3 class="footer-section-title">关注我们</h3><div class="footer-qr-grid"><div class="footer-qr-item"><img src="http://www.mksrc.cn/data/123-1.png" alt="公众�?><div class="footer-qr-item-title">公众�?/div><div class="footer-qr-item-desc">最新动�?/div></div><div class="footer-qr-item"><img src="http://www.mksrc.cn/data/123-2.png" alt="社群"><div class="footer-qr-item-title">社群</div><div class="footer-qr-item-desc">加入讨论</div></div></div></div> </div> <div class="footer-bottom"><div id="footerCopyright">? 2025 创客俱乐�?· 让创业不再孤�?/div><div class="footer-links-bottom"><a href="resource/legal.php">隐私条款</a><a href="#">服务协议</a><a href="resource/legal.php">法律声明</a></div></div> </div> </footer> <script> // 导航栏滚动效�? window.addEventListener('scroll', function() { const navbar = document.getElementById('navbar'); if (window.scrollY > 50) { navbar.classList.add('scrolled'); } else { navbar.classList.remove('scrolled'); } }); // 移动端侧边栏 const menuBtn = document.getElementById('menuBtn'); const closeSidebar = document.getElementById('closeSidebar'); const sidebar = document.getElementById('sidebar'); const sidebarOverlay = document.getElementById('sidebarOverlay'); menuBtn.addEventListener('click', function() { sidebar.classList.add('active'); sidebarOverlay.classList.add('active'); document.body.style.overflow = 'hidden'; }); function closeSidebarMenu() { sidebar.classList.remove('active'); sidebarOverlay.classList.remove('active'); document.body.style.overflow = ''; } closeSidebar.addEventListener('click', closeSidebarMenu); sidebarOverlay.addEventListener('click', closeSidebarMenu); // 登录状态检�? document.addEventListener('DOMContentLoaded', function() { const loginBtn = document.getElementById('desktop-login'); const registerBtn = document.querySelector('.nav-register'); const consoleBtn = document.querySelector('.nav-console'); const mobileLogin = document.getElementById('mobile-login'); const isLoggedIn = localStorage.getItem('isLoggedIn') === 'true'; if (isLoggedIn) { if (loginBtn) loginBtn.style.display = 'none'; if (registerBtn) registerBtn.style.display = 'none'; if (consoleBtn) consoleBtn.style.display = 'block'; if (mobileLogin) mobileLogin.textContent = '控制�?; if (mobileLogin) mobileLogin.href = '../console/dashboard/index.php'; } }); // 失败案例 - API动态加�? var currentFilter = 'all'; var failureApi = '/console/api/failure/failure_api.php'; function loadFailures(filter) { currentFilter = filter || 'all'; var grid = document.getElementById('failuresGrid'); var indicator = document.getElementById('loadingIndicator'); if (indicator) indicator.classList.remove('hidden'); grid.innerHTML = ''; var url = failureApi + '?action=list&category=' + currentFilter; fetch(url).then(function(r){return r.json()}).then(function(d){ if (indicator) indicator.classList.add('hidden'); if (d.code === 0 && d.data.failures && d.data.failures.length) { d.data.failures.forEach(function(f){ var tags = (f.tags || '').split(',').map(function(t){return t.trim()}).filter(Boolean); var tagHtml = tags.map(function(t){return '<span class="failure-tag">'+t+'</span>'}).join(''); var catMap = {financing:'融资',team:'团队',product:'产品',market:'市场',operation:'运营'}; var catLabel = catMap[f.category] || f.category; var card = document.createElement('div'); card.className = 'failure-card'; card.innerHTML = '<div class="failure-header">'+ '<div class="failure-author">'+ '<div class="author-avatar">'+(f.author_name ? f.author_name.charAt(0) : '�?)+'</div>'+ '<div class="author-info"><h4>'+(f.author_name||'匿名')+'</h4><p>'+(f.author_title||'创业�?)+'</p></div>'+ '</div>'+ '<h3 class="failure-title">�?+f.title+'�?/h3>'+ (f.excerpt ? '<p class="failure-excerpt">'+f.excerpt+'</p>' : '')+ '<div class="failure-tags"><span class="failure-tag highlight">'+catLabel+'</span>'+tagHtml+'</div>'+ '</div>'+ '<div class="failure-meta">'+ '<span><i class="far fa-eye"></i> '+(f.views||0)+'阅读</span>'+ '<span><i class="far fa-heart"></i> '+(f.likes||0)+'</span>'+ '</div>'; grid.appendChild(card); }); } else { grid.innerHTML = '<div class="text-center py-12" style="grid-column:1/-1"><i class="fa fa-inbox" style="font-size:40px;color:#cbd5e1;display:block;margin-bottom:12px"></i><p style="color:#94a3b8">暂无相关故事，来分享你的经历�?/p></div>'; } }).catch(function(){ if (indicator) indicator.classList.add('hidden'); grid.innerHTML = '<div class="text-center py-12" style="grid-column:1/-1"><p style="color:#ef4444">加载失败，请刷新重试</p></div>'; }); } // 筛选按�? document.addEventListener('DOMContentLoaded', function() { var filterBtns = document.querySelectorAll('.filter-btn'); filterBtns.forEach(function(btn){ btn.addEventListener('click', function(){ filterBtns.forEach(function(b){b.classList.remove('active')}); this.classList.add('active'); loadFailures(this.getAttribute('data-filter')); }); }); loadFailures('all'); }); // 提交故事 function submitFailure() { var btn = document.getElementById('submitBtn'); var msg = document.getElementById('submitMsg'); var title = document.getElementById('sub_title').value.trim(); if (!title) { msg.style.display='block'; msg.style.color='#ef4444'; msg.textContent='请输入标�?; return; } btn.disabled = true; btn.textContent = '提交�?..'; var fd = new FormData(); fd.append('action','submit'); fd.append('author_name', document.getElementById('sub_name').value.trim()); fd.append('title', title); fd.append('category', document.getElementById('sub_category').value); fd.append('tags', document.getElementById('sub_tags').value.trim()); fd.append('excerpt', document.getElementById('sub_excerpt').value.trim()); fd.append('content', document.getElementById('sub_content').value.trim()); fetch(failureApi, {method:'POST', body:fd}).then(function(r){return r.json()}).then(function(d){ msg.style.display='block'; if (d.code === 0) { msg.style.color='#10b981'; msg.textContent='提交成功！等待管理员审核后展�?; document.getElementById('submitForm').reset(); } else { msg.style.color='#ef4444'; msg.textContent=d.msg; } btn.disabled = false; btn.textContent = '提交故事'; }).catch(function(){ msg.style.display='block'; msg.style.color='#ef4444'; msg.textContent='网络错误'; btn.disabled = false; btn.textContent = '提交故事'; }); } </script> </body> </html>