<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
    <title>异业联荟 - 全行业异业合作平台 - 洋矛云南科技有限公司</title>
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        /* 紧凑版样式：大幅缩小各模块间距 */
        * { margin: 0; padding: 0; box-sizing: border-box; font-family: "Microsoft YaHei", "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
        body { background-color: #F8FAFC; color: #1E293B; line-height: 1.5; } /* 行高略减 */
        a { text-decoration: none; color: inherit; }
        .container { max-width: 1280px; margin: 0 auto; padding: 0 24px; }
        .header { position: sticky; top: 0; z-index: 1000; background: rgba(255,255,255,0.85); backdrop-filter: blur(20px); border-bottom: 1px solid rgba(0,0,0,0.05); }
        .nav-box { height: 70px; display: flex; align-items: center; justify-content: space-between; } /* 高度缩小 */
        .logo { font-size: 26px; font-weight: 800; background: linear-gradient(135deg, #1E40AF, #3B82F6); -webkit-background-clip: text; background-clip: text; color: transparent; letter-spacing: 2px; }
        .logo span { font-size: 13px; font-weight: 400; color: #64748B; margin-left: 6px; }
        .nav-wrapper { display: flex; align-items: center; gap: 16px; }
        .nav-a { display: flex; gap: 28px; }
        .nav-a a { font-size: 15px; font-weight: 500; color: #334155; position: relative; padding: 6px 0; transition: color 0.3s; }
        .nav-a a:hover, .nav-a a.active { color: #2563EB; }
        .nav-a a::after { content: ""; position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background: linear-gradient(90deg, #2563EB, #60A5FA); transition: 0.3s; transform: translateX(-50%); border-radius: 2px; }
        .nav-a a:hover::after, .nav-a a.active::after { width: 70%; }
        .points-area { display: flex; align-items: center; gap: 12px; background: #F1F5F9; padding: 4px 14px; border-radius: 40px; }
        .points-display { display: flex; align-items: center; gap: 5px; font-weight: 600; color: #2563EB; font-size: 14px; }
        .points-display i { font-size: 16px; }
        .level-badge { background: linear-gradient(135deg, #2563EB, #60A5FA); color: white; padding: 2px 8px; border-radius: 20px; font-size: 11px; font-weight: 600; }
        .logout-btn { background: #EF4444 !important; border: none; padding: 4px 10px; border-radius: 30px; color: white; cursor: pointer; font-size: 12px; }
        .menu-toggle { display: none; flex-direction: column; cursor: pointer; width: 28px; height: 22px; justify-content: space-between; background: none; border: none; padding: 0; }
        .menu-toggle span { display: block; width: 100%; height: 2px; background: #1E293B; transition: 0.3s; border-radius: 2px; }
        .bottom-nav { background: #FFFFFF; border-top: 1px solid #E2E8F0; border-bottom: 1px solid #E2E8F0; padding: 12px 0; margin-top: 16px; }
        .nav-links-bottom { display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; }
        .nav-links-bottom a { font-size: 14px; font-weight: 500; color: #475569; position: relative; padding: 4px 0; }
        .nav-links-bottom a:hover { color: #2563EB; }
        .nav-links-bottom a::after { content: ""; position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background: linear-gradient(90deg, #2563EB, #60A5FA); transition: 0.3s; transform: translateX(-50%); }
        .nav-links-bottom a:hover::after { width: 70%; }
        .hero { background: linear-gradient(135deg, #0F172A, #1E3A8A, #3B82F6); color: #fff; padding: 60px 0; text-align: center; position: relative; overflow: hidden; } /* 原100px -> 60px */
        .hero h1 { font-size: 48px; background: linear-gradient(90deg, #FFF, #BFDBFE); -webkit-background-clip: text; background-clip: text; color: transparent; margin-bottom: 12px; }
        .hero p { font-size: 18px; max-width: 700px; margin: 0 auto; }
        .section { padding: 48px 0; } /* 原80px -> 48px */
        .section-alt { background-color: #FFFFFF; }
        .section-title { text-align: center; font-size: 30px; font-weight: 700; color: #0F172A; margin-bottom: 32px; position: relative; } /* 原36px,56px */
        .section-title::after { content: ""; display: block; width: 60px; height: 3px; background: linear-gradient(90deg, #3B82F6, #8B5CF6); margin: 12px auto 0; border-radius: 2px; }
        .intro-box { background: #FFFFFF; padding: 24px 32px; border-radius: 20px; box-shadow: 0 10px 20px -8px rgba(0,0,0,0.05); border: 1px solid rgba(0,0,0,0.03); }
        .intro-box p { font-size: 16px; color: #334155; }
        .benefit-wrap { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; } /* 原30px */
        .benefit-card { background: #FFFFFF; padding: 24px 16px; border-radius: 20px; text-align: center; transition: 0.3s; border: 1px solid #F1F5F9; } /* 原40px 24px */
        .benefit-card:hover { transform: translateY(-4px); border-color: #E0E7FF; box-shadow: 0 12px 24px -12px rgba(37,99,235,0.15); }
        .benefit-icon { font-size: 40px; background: linear-gradient(135deg, #2563EB, #60A5FA); -webkit-background-clip: text; background-clip: text; color: transparent; margin-bottom: 16px; } /* 原48px 24px */
        .benefit-card h3 { font-size: 20px; font-weight: 700; margin-bottom: 8px; } /* 原22px 12px */
        .benefit-card p { color: #64748B; font-size: 14px; } /* 原15px */
        .plan-wrap { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } /* 原30px */
        .plan-card { background: #FFFFFF; padding: 24px; border-radius: 20px; border: 1px solid #F1F5F9; transition: 0.3s; } /* 原32px */
        .plan-card:hover { transform: translateY(-4px); }
        .plan-card h4 { font-size: 20px; font-weight: 700; background: linear-gradient(135deg, #2563EB, #60A5FA); -webkit-background-clip: text; background-clip: text; color: transparent; margin-bottom: 16px; padding-bottom: 8px; border-bottom: 2px solid #F1F5F9; } /* 原22px 20px 12px */
        .plan-card ul { list-style: none; }
        .plan-card li { margin: 8px 0; padding-left: 20px; position: relative; color: #475569; font-size: 14px; } /* 原12px 24px */
        .plan-card li::before { content: "✦"; color: #3B82F6; position: absolute; left: 0; font-size: 12px; }
        .footer { background: #0F172A; color: #94A3B8; text-align: center; padding: 32px 0; font-size: 13px; border-top: 1px solid #1E293B; } /* 原48px 14px */
        
        /* 广告滚动区紧凑化 */
        .ad-section { background: #F8FAFC; padding: 24px 0 32px 0; } /* 原40px 0 40px */
        .ad-card { background: #FFFFFF; border-radius: 24px; box-shadow: 0 8px 20px -10px rgba(0,0,0,0.04); border: 1px solid #EFF3F8; overflow: hidden; padding: 12px 0 12px 0; } /* 原20px 0 20px */
        .ad-header { display: flex; align-items: baseline; justify-content: space-between; padding: 0 24px 8px 24px; border-bottom: 1px solid #EEF2F6; margin-bottom: 12px; flex-wrap: wrap; } /* 原28px 12px 20px */
        .ad-title { font-size: 18px; font-weight: 700; background: linear-gradient(135deg, #1E40AF, #3B82F6); -webkit-background-clip: text; background-clip: text; color: transparent; gap: 8px; display: inline-flex; align-items: center; }
        .ad-title i { color: #3B82F6; font-size: 18px; }
        .ad-sub { font-size: 12px; color: #6C86A3; background: #F1F5F9; padding: 2px 10px; border-radius: 40px; }
        .scroll-wrapper { width: 100%; overflow: hidden; position: relative; background: #FFFFFF; user-select: none; }
        .scroll-track { display: flex; width: fit-content; animation: scrollLeftToRight 28s linear infinite; will-change: transform; }
        .scroll-wrapper:hover .scroll-track { animation-play-state: paused; }
        .ad-item { flex-shrink: 0; width: 180px; margin-right: 20px; transition: transform 0.3s ease, box-shadow 0.3s; border-radius: 16px; background: #FCFDFF; overflow: hidden; border: 1px solid #EDF2F7; } /* 原200px 24px */
        .ad-item:hover { transform: translateY(-4px); box-shadow: 0 12px 20px -12px rgba(0,0,0,0.1); }
        .ad-item a { display: block; text-decoration: none; color: inherit; }
        .ad-img-box { width: 100%; height: 100px; overflow: hidden; background: #F8FAFE; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #F0F4F9; } /* 原110px */
        .ad-img-box img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
        .ad-item:hover .ad-img-box img { transform: scale(1.03); }
        .ad-caption { padding: 8px 6px; text-align: center; font-size: 12px; font-weight: 500; color: #2C3E66; background: white; } /* 原12px 8px */
        @keyframes scrollLeftToRight { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
        
        /* 响应式紧凑化调整 */
        @media (max-width: 1024px) {
            .benefit-wrap { grid-template-columns: repeat(2, 1fr); gap: 20px; }
            .plan-wrap { grid-template-columns: repeat(2, 1fr); gap: 20px; }
            .hero h1 { font-size: 40px; }
        }
        @media (max-width: 768px) {
            .container { padding: 0 16px; }
            .section { padding: 32px 0; }
            .section-title { font-size: 26px; margin-bottom: 24px; }
            .hero { padding: 40px 0; }
            .hero h1 { font-size: 28px; }
            .hero p { font-size: 15px; }
            .intro-box { padding: 20px; }
            .benefit-wrap { grid-template-columns: 1fr !important; gap: 16px; }
            .plan-wrap { grid-template-columns: 1fr !important; gap: 16px; }
            .benefit-card { padding: 20px 16px; }
            .plan-card { padding: 18px; }
            .ad-item { width: 140px; margin-right: 12px; }
            .ad-img-box { height: 80px; }
            .ad-title { font-size: 16px; }
            .menu-toggle { display: flex !important; }
            .nav-wrapper { position: relative; }
            .nav-a {
                position: fixed;
                top: 70px;
                left: -100%;
                width: 75%;
                max-width: 280px;
                height: calc(100vh - 70px);
                background: rgba(255,255,255,0.98);
                backdrop-filter: blur(10px);
                flex-direction: column;
                align-items: flex-start;
                justify-content: flex-start;
                padding: 24px 20px;
                gap: 16px;
                transition: left 0.3s ease;
                z-index: 999;
                overflow-y: auto;
                box-shadow: 2px 0 10px rgba(0,0,0,0.1);
            }
            .nav-a.show { left: 0; }
            .nav-a a { font-size: 16px; padding: 8px 0; width: 100%; border-bottom: 1px solid #E2E8F0; }
            .nav-a a::after { display: none; }
            .points-area { padding: 2px 10px; gap: 8px; }
            .bottom-nav { padding: 10px 0; }
            .nav-links-bottom { gap: 12px; }
            .nav-links-bottom a { font-size: 13px; }
        }
        @media (max-width: 480px) {
            .ad-item { width: 120px; margin-right: 10px; }
            .ad-img-box { height: 70px; }
            .hero h1 { font-size: 24px; }
        }
    </style>
</head>
<body>

<header class="header">
    <div class="container nav-box">
        <div class="logo">异业联荟<span></span></div>
        <div class="nav-wrapper">
            <div class="nav-a" id="mobileNavMenu">
                <a href="index.html">首页</a>
                <a href="apply.html">免费入驻</a>
                <a href="resource.html">资源对接</a>
                <a href="points_center.html">积分中心</a>
                <a href="about.html">关于我们</a>
            </div>
            <div id="userArea" class="points-area"></div>
        </div>
        <button id="menuBtn" class="menu-toggle" aria-label="菜单">
            <span></span><span></span><span></span>
        </button>
    </div>
</header>

<!-- 滚动广告区块 -->
<section class="ad-section">
    <div class="container">
        <div class="ad-card">
            <div class="ad-header">
                <div class="ad-title"><i class="fa-regular fa-images"></i> 品牌合作 · 热推专区</div>
                <div class="ad-sub"><i class="fa-regular fa-clock"></i> 滚动联展 | 实时更新</div>
            </div>
            <div class="scroll-wrapper">
                <div class="scroll-track">
                    <!-- 第一组广告图片（共8张） -->
                    <div class="ad-item"><a href="https://ymynkj.top/uploads/videos/20260610195409_6a295061b339a.mp4"><div class="ad-img-box"><img src="https://picsum.photos/id/20/300/180" alt="品质生活馆" loading="lazy"></div><div class="ad-caption">品质生活馆</div></a></div>
                    <div class="ad-item"><a href="javascript:void(0)"><div class="ad-img-box"><img src="https://picsum.photos/id/26/300/180" alt="旅行·异业合作"></div><div class="ad-caption">旅行·异业合作</div></a></div>
                    <div class="ad-item"><a href="javascript:void(0)"><div class="ad-img-box"><img src="https://picsum.photos/id/29/300/180" alt="餐饮美食联盟"></div><div class="ad-caption">餐饮美食</div></a></div>
                    <div class="ad-item"><a href="javascript:void(0)"><div class="ad-img-box"><img src="https://picsum.photos/id/42/300/180" alt="科技数码圈"></div><div class="ad-caption">科技数码圈</div></a></div>
                    <div class="ad-item"><a href="javascript:void(0)"><div class="ad-img-box"><img src="https://picsum.photos/id/58/300/180" alt="教育培训资源"></div><div class="ad-caption">教育培训资源</div></a></div>
                    <div class="ad-item"><a href="javascript:void(0)"><div class="ad-img-box"><img src="https://picsum.photos/id/66/300/180" alt="健康医美联合"></div><div class="ad-caption">健康医美联合</div></a></div>
                    <div class="ad-item"><a href="javascript:void(0)"><div class="ad-img-box"><img src="https://picsum.photos/id/96/300/180" alt="房产·装修生态"></div><div class="ad-caption">房产·装修生态</div></a></div>
                    <div class="ad-item"><a href="javascript:void(0)"><div class="ad-img-box"><img src="https://picsum.photos/id/124/300/180" alt="金融保险服务"></div><div class="ad-caption">金融保险服务</div></a></div>
                    <!-- 重复第二组，无缝滚动 -->
                    <div class="ad-item"><a href="https://ymynkj.top/uploads/videos/20260610195409_6a295061b339a.mp4"><div class="ad-img-box"><img src="https://picsum.photos/id/20/300/180" alt="品质生活馆"></div><div class="ad-caption">品质生活馆</div></a></div>
                    <div class="ad-item"><a href="javascript:void(0)"><div class="ad-img-box"><img src="https://picsum.photos/id/26/300/180" alt="旅行·异业合作"></div><div class="ad-caption">旅行·异业合作</div></a></div>
                    <div class="ad-item"><a href="javascript:void(0)"><div class="ad-img-box"><img src="https://picsum.photos/id/29/300/180" alt="餐饮美食联盟"></div><div class="ad-caption">餐饮美食</div></a></div>
                    <div class="ad-item"><a href="javascript:void(0)"><div class="ad-img-box"><img src="https://picsum.photos/id/42/300/180" alt="科技数码圈"></div><div class="ad-caption">科技数码圈</div></a></div>
                    <div class="ad-item"><a href="javascript:void(0)"><div class="ad-img-box"><img src="https://picsum.photos/id/58/300/180" alt="教育培训资源"></div><div class="ad-caption">教育培训资源</div></a></div>
                    <div class="ad-item"><a href="javascript:void(0)"><div class="ad-img-box"><img src="https://picsum.photos/id/66/300/180" alt="健康医美联合"></div><div class="ad-caption">健康医美联合</div></a></div>
                    <div class="ad-item"><a href="javascript:void(0)"><div class="ad-img-box"><img src="https://picsum.photos/id/96/300/180" alt="房产·装修生态"></div><div class="ad-caption">房产·装修生态</div></a></div>
                    <div class="ad-item"><a href="javascript:void(0)"><div class="ad-img-box"><img src="https://picsum.photos/id/124/300/180" alt="金融保险服务"></div><div class="ad-caption">金融保险服务</div></a></div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="section">
    <div class="container">
        <h2 class="section-title">平台简介</h2>
        <div class="intro-box">
            <p>企业入驻、发布资源、基础供需匹配、对接永久全部免费，汇聚全行业商家，打通资源互换、异业合作、渠道共享。</p>
        </div>
    </div>
</section>

<section class="section section-alt">
    <div class="container">
        <h2 class="section-title">四大永久免费权益</h2>
        <div class="benefit-wrap">
            <div class="benefit-card"><div class="benefit-icon"><i class="fa-solid fa-store"></i></div><h3>免费入驻</h3><p>零门槛入驻，无年费、无平台使用费</p></div>
            <div class="benefit-card"><div class="benefit-icon"><i class="fa-solid fa-share-nodes"></i></div><h3>免费发资源</h3><p>自由发布自有资源、合作需求</p></div>
            <div class="benefit-card"><div class="benefit-icon"><i class="fa-solid fa-magnifying-glass-chart"></i></div><h3>免费智能匹配</h3><p>平台自动撮合上下游供需</p></div>
            <div class="benefit-card"><div class="benefit-icon"><i class="fa-solid fa-users-viewfinder"></i></div><h3>免费线上对接会</h3><p>每月固定线上资源交流会</p></div>
        </div>
    </div>
</section>

<section class="section">
    <div class="container">
        <h2 class="section-title">平台运营规划（月/季/年）</h2>
        <div class="plan-wrap">
            <div class="plan-card"><h4>月度规划</h4><ul><li>日常招商入驻</li><li>每周供需匹配</li><li>线上资源对接日</li></ul></div>
            <div class="plan-card"><h4>季度规划</h4><ul><li>行业专场沙龙</li><li>线下小型对接会</li><li>批量异业合作落地</li></ul></div>
            <div class="plan-card"><h4>年度规划</h4><ul><li>全业态资源闭环</li><li>年度大型峰会</li><li>优质商家授牌评选</li></ul></div>
        </div>
    </div>
</section>

<div class="bottom-nav">
    <div class="container">
        <div class="nav-links-bottom">
            <a href="index.html">首页</a>
            <a href="apply.html">免费入驻</a>
            <a href="resource.html">资源对接</a>
            <a href="points_center.html">积分中心</a>
            <a href="about.html">关于我们</a>
        </div>
    </div>
</div>

<footer class="footer">
    <div class="container">
        <p>异业联荟 © <a href="https://beian.miit.gov.cn/" target="_blank">ICP备案：滇ICP备2023001442号-1</a></p>
        <div style="margin-top: 6px;">
            <a href="privacy.html" style="color:#94A3B8; margin:0 8px;">隐私政策</a>
            <a href="useragreement.html" style="color:#94A3B8;">入驻协议</a>
        </div>
    </div>
</footer>

<script>
// 内嵌脚本（登录状态管理 + 汉堡菜单交互，完全保留原有逻辑）
(function() {
    var currentUser = localStorage.getItem('loggedInUser');
    var isLoggedIn = !!currentUser;

    function updateUserArea() {
        var userArea = document.getElementById('userArea');
        if (!userArea) return;
        if (!isLoggedIn) {
            userArea.innerHTML = '<a href="login.html" style="color:#2563EB; text-decoration:none; font-size:13px;">登录/注册</a> | <span style="font-size:12px;">游客</span>';
            return;
        }
        fetch('points_api.php?action=get&user_id=' + encodeURIComponent(currentUser))
            .then(function(res) { return res.json(); })
            .then(function(data) {
                if (data.success) {
                    var points = data.points;
                    var level = data.level || 1;
                    userArea.innerHTML = 
                        '<div class="points-display"><i class="fa-regular fa-gem"></i> <span>' + points + '</span></div>' +
                        '<div class="level-badge">Lv.' + level + '</div>' +
                        '<span style="font-size:13px; color:#1E293B;">' + currentUser + '</span>' +
                        '<button id="logoutBtn" class="logout-btn">退出</button>';
                    var logoutBtn = document.getElementById('logoutBtn');
                    if (logoutBtn) {
                        logoutBtn.addEventListener('click', function() {
                            localStorage.removeItem('loggedInUser');
                            window.location.reload();
                        });
                    }
                } else {
                    userArea.innerHTML = '<span>积分获取失败</span>';
                }
            })
            .catch(function(err) {
                console.error(err);
                userArea.innerHTML = '<span>积分服务异常</span>';
            });
    }

    // 汉堡菜单
    var menuBtn = document.getElementById('menuBtn');
    var mobileNav = document.getElementById('mobileNavMenu');
    var spans = menuBtn ? menuBtn.querySelectorAll('span') : [];

    function closeMenu() {
        if (mobileNav) mobileNav.classList.remove('show');
        if (spans.length) {
            spans[0].style.transform = '';
            spans[1].style.opacity = '';
            spans[2].style.transform = '';
        }
    }

    function openMenu() {
        if (mobileNav) mobileNav.classList.add('show');
        if (spans.length) {
            spans[0].style.transform = 'rotate(45deg) translate(6px, 6px)';
            spans[1].style.opacity = '0';
            spans[2].style.transform = 'rotate(-45deg) translate(6px, -6px)';
        }
    }

    function toggleMenu() {
        if (mobileNav && mobileNav.classList.contains('show')) {
            closeMenu();
        } else {
            openMenu();
        }
    }

    if (menuBtn && mobileNav) {
        menuBtn.addEventListener('click', function(e) {
            e.stopPropagation();
            toggleMenu();
        });
        document.addEventListener('click', function(e) {
            if (mobileNav.classList.contains('show') && 
                !mobileNav.contains(e.target) && 
                e.target !== menuBtn && 
                !menuBtn.contains(e.target)) {
                closeMenu();
            }
        });
        mobileNav.querySelectorAll('a').forEach(function(link) {
            link.addEventListener('click', function() {
                closeMenu();
            });
        });
    }

    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', updateUserArea);
    } else {
        updateUserArea();
    }
})();
</script>
</body>
</html>