<?php
session_start();
// 获取登录用户邮箱
if (isset($_SESSION['user_id'])) {
    $db_host = 'localhost';
    $db_user = 'keoadata';
    $db_pass = 'Kanhai5188';
    $db_name = 'keoadata';
    $conn = new mysqli($db_host, $db_user, $db_pass, $db_name);
    if (!$conn->connect_error) {
        $result = $conn->query("SELECT email FROM users WHERE id = " . intval($_SESSION['user_id']));
        if ($row = $result->fetch_assoc()) {
            $_SESSION['user_email'] = $row['email'];
        }
        $conn->close();
    }
}
?>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>刊小探 - 学术期刊智能匹配平台</title>
    <meta name="description" content="刊小探：基于AI的学术期刊匹配与预审稿服务平台">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&family=Noto+Serif+SC:wght@400;600&display=swap" rel="stylesheet">
    <style>
        :root {
            --primary: #1A365D;
            --primary-light: #2C5282;
            --secondary: #3182CE;
            --accent: #D69E2E;
            --bg-light: #F7FAFC;
            --bg-white: #FFFFFF;
            --text-dark: #1A202C;
            --text-gray: #4A5568;
            --text-light: #718096;
            --border: #E2E8F0;
            --shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
            --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
        }
        * { margin:0; padding:0; box-sizing:border-box; }
        body {
            font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;
            background: var(--bg-light); color: var(--text-dark); line-height:1.6;
        }
        .navbar {
            position:fixed; top:0; left:0; right:0; height:72px;
            background: rgba(26,54,93,0.95); backdrop-filter:blur(10px);
            z-index:1000; border-bottom:1px solid rgba(255,255,255,0.1);
        }
        .navbar-container {
            max-width:1280px; margin:0 auto; padding:0 24px; height:100%;
            display:flex; align-items:center; justify-content:space-between;
        }
        .logo { display:flex; align-items:center; gap:12px; color:white; text-decoration:none; }
        .logo-icon {
            width:40px; height:40px; background: linear-gradient(135deg, var(--secondary), var(--accent));
            border-radius:8px; display:flex; align-items:center; justify-content:center;
            font-weight:700; font-size:18px;
        }
        .logo-text { font-size:20px; font-weight:600; letter-spacing:1px; }
        .nav-links { display:flex; gap:32px; list-style:none; }
        .nav-links a { color:rgba(255,255,255,0.85); text-decoration:none; font-size:15px; font-weight:500; transition:color 0.2s; }
        .nav-links a:hover { color:var(--accent); }
        .nav-actions { display:flex; gap:12px; align-items:center; }
        .nav-actions .welcome-text { color:rgba(255,255,255,0.85); font-size:14px; margin-right:8px; }
        .btn {
            padding:10px 20px; border-radius:6px; font-size:14px; font-weight:500;
            cursor:pointer; transition:all 0.2s; text-decoration:none; border:none; display:inline-block;
        }
        .btn-outline { background:transparent; color:white; border:1px solid rgba(255,255,255,0.3); }
        .btn-outline:hover { background:rgba(255,255,255,0.1); border-color:rgba(255,255,255,0.5); }
        .btn-primary { background:var(--secondary); color:white; }
        .btn-primary:hover { background:#2B6CB0; }
        .btn-accent { background:var(--accent); color:white; }
        .btn-accent:hover { background:#B7791F; }
        .hero {
            padding-top:72px; min-height:100vh;
            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 50%, #2D3748 100%);
            position:relative; overflow:hidden;
        }
        .hero::before {
            content:''; position:absolute; top:0; left:0; right:0; bottom:0;
            background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
            pointer-events:none;
        }
        .hero-bg-lines { position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden; pointer-events:none; }
        .hero-bg-lines::before, .hero-bg-lines::after {
            content:''; position:absolute; width:1px; height:100%;
            background: linear-gradient(to bottom, transparent, rgba(49,130,206,0.3), transparent);
            animation: lineMove 8s linear infinite;
        }
        .hero-bg-lines::before { left:20%; }
        .hero-bg-lines::after { left:80%; animation-delay:2s; }
        @keyframes lineMove { 0%,100% { transform:translateY(-100%); } 50% { transform:translateY(100%); } }
        .hero-container {
            max-width:1280px; margin:0 auto; padding:80px 24px;
            display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center;
            position:relative; z-index:1;
        }
        .hero-content h1 {
            font-family:'Noto Serif SC', serif; font-size:48px; font-weight:600; color:white;
            margin-bottom:16px; line-height:1.3;
        }
        .hero-content h2 {
            font-size:20px; font-weight:400; color:rgba(255,255,255,0.85); margin-bottom:32px; line-height:1.8;
        }
        .hero-stats { display:flex; gap:48px; margin-bottom:40px; }
        .stat-item { text-align:center; }
        .stat-number { font-size:36px; font-weight:700; color:var(--accent); font-family:'Roboto Mono', monospace; }
        .stat-number span { font-size:20px; margin-left:2px; }
        .stat-label { font-size:14px; color:rgba(255,255,255,0.7); margin-top:4px; }
        .hero-actions { display:flex; gap:16px; flex-wrap:wrap; }
        .hero-actions .btn { padding:14px 32px; font-size:16px; }
        .hero-visual { position:relative; }
        .journal-wall { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; transform:perspective(1000px) rotateY(-5deg); }
        .journal-card {
            background:white; border-radius:8px; padding:20px; box-shadow:var(--shadow-lg);
            transition:transform 0.3s;
        }
        .journal-card:hover { transform:translateY(-8px); }
        .journal-card-title { font-size:14px; font-weight:600; color:var(--primary); margin-bottom:8px; }
        .journal-card-tag { display:inline-block; padding:4px 8px; background:var(--bg-light); border-radius:4px; font-size:11px; color:var(--text-gray); }
        .journal-card-tag.accent { background:rgba(214,158,46,0.15); color:var(--accent); }
        .pain-section { padding:100px 24px; background:var(--bg-white); }
        .section-container { max-width:1280px; margin:0 auto; }
        .section-header { text-align:center; margin-bottom:60px; }
        .section-title { font-family:'Noto Serif SC', serif; font-size:36px; font-weight:600; color:var(--primary); margin-bottom:16px; }
        .section-subtitle { font-size:18px; color:var(--text-gray); }
        .pain-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
        .pain-card {
            background:var(--bg-light); border-radius:12px; padding:32px;
            border:1px solid var(--border); transition:all 0.3s;
        }
        .pain-card:hover { border-color:var(--secondary); box-shadow:var(--shadow-lg); transform:translateY(-4px); }
        .pain-icon {
            width:56px; height:56px; background: linear-gradient(135deg, var(--secondary), var(--primary-light));
            border-radius:12px; display:flex; align-items:center; justify-content:center; margin-bottom:20px;
        }
        .pain-icon svg { width:28px; height:28px; stroke:white; }
        .pain-card h3 { font-size:20px; font-weight:600; color:var(--primary); margin-bottom:12px; }
        .pain-card p { font-size:15px; color:var(--text-gray); margin-bottom:16px; line-height:1.7; }
        .pain-solution { padding:12px 16px; background:white; border-radius:8px; border-left:3px solid var(--accent); }
        .pain-solution strong { color:var(--accent); font-size:13px; }
        .pain-solution span { font-size:14px; color:var(--text-gray); }
        .service-section { padding:100px 24px; background:var(--bg-light); }
        .service-tabs { display:flex; justify-content:center; gap:8px; margin-bottom:48px; flex-wrap:wrap; }
        .service-tab {
            padding:12px 24px; background:white; border:1px solid var(--border); border-radius:8px;
            font-size:15px; font-weight:500; color:var(--text-gray); cursor:pointer; transition:all 0.2s;
        }
        .service-tab.active { background:var(--primary); color:white; border-color:var(--primary); }
        .service-tab:hover:not(.active) { border-color:var(--secondary); color:var(--secondary); }
        .service-content { display:none; }
        .service-content.active { display:block; }
        .service-card { background:white; border-radius:16px; padding:48px; box-shadow:var(--shadow); }
        .service-card h3 { font-size:24px; font-weight:600; color:var(--primary); margin-bottom:24px; }
        .service-flow { display:flex; align-items:center; gap:16px; margin-bottom:32px; flex-wrap:wrap; }
        .flow-step {
            display:flex; align-items:center; gap:8px; padding:10px 16px;
            background:var(--bg-light); border-radius:6px; font-size:14px; color:var(--text-dark);
        }
        .flow-step .num {
            width:24px; height:24px; background:var(--secondary); color:white; border-radius:50%;
            display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:600;
        }
        .flow-arrow { color:var(--text-light); font-size:20px; }
        .dimension-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:32px; }
        .dimension-item { padding:20px; background:var(--bg-light); border-radius:8px; border:1px solid var(--border); }
        .dimension-item h4 { font-size:15px; font-weight:600; color:var(--primary); margin-bottom:8px; }
        .dimension-item p { font-size:13px; color:var(--text-gray); line-height:1.6; }
        .sample-report { background:var(--primary); border-radius:12px; padding:24px; color:white; }
        .sample-report h4 { font-size:14px; opacity:0.8; margin-bottom:16px; }
        .report-item { display:flex; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid rgba(255,255,255,0.1); }
        .report-item:last-child { border-bottom:none; }
        .report-rank { width:28px; height:28px; background:var(--accent); color:white; border-radius:6px; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:600; }
        .report-info { flex:1; }
        .report-name { font-weight:500; margin-bottom:4px; }
        .report-meta { font-size:13px; opacity:0.7; }
        .report-score { font-size:20px; font-weight:600; color:var(--accent); }
        .tech-section { padding:100px 24px; background:var(--primary); color:white; }
        .tech-section .section-title { color:white; }
        .tech-section .section-subtitle { color:rgba(255,255,255,0.7); }
        .tech-architecture { background:rgba(255,255,255,0.05); border-radius:16px; padding:40px; border:1px solid rgba(255,255,255,0.1); }
        .tech-layer { padding:24px; margin-bottom:16px; background:rgba(255,255,255,0.05); border-radius:12px; border-left:4px solid var(--secondary); }
        .tech-layer:last-child { margin-bottom:0; }
        .tech-layer h4 { font-size:16px; font-weight:600; color:var(--accent); margin-bottom:16px; }
        .tech-items { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
        .tech-item { padding:12px 16px; background:rgba(255,255,255,0.08); border-radius:6px; font-size:14px; }
        .case-section { padding:100px 24px; background:var(--bg-white); }
        .case-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
        .case-card { background:var(--bg-light); border-radius:12px; padding:32px; border:1px solid var(--border); }
        .case-card .label { display:inline-block; padding:4px 12px; background:var(--secondary); color:white; border-radius:4px; font-size:12px; font-weight:500; margin-bottom:16px; }
        .case-card h4 { font-size:18px; font-weight:600; color:var(--primary); margin-bottom:16px; }
        .case-item { margin-bottom:12px; padding-left:16px; border-left:2px solid var(--border); }
        .case-item strong { font-size:13px; color:var(--text-light); }
        .case-item p { font-size:14px; color:var(--text-dark); margin-top:4px; }
        .case-result { margin-top:20px; padding:16px; background:rgba(49,130,206,0.1); border-radius:8px; color:var(--secondary); font-weight:500; font-size:14px; }
        .trust-section { padding:80px 24px; background:var(--bg-light); }
        .trust-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:32px; text-align:center; }
        .trust-item { padding:24px; }
        .trust-item h4 { font-size:14px; color:var(--text-light); margin-bottom:16px; }
        .trust-logos { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; }
        .trust-logo { padding:8px 16px; background:white; border-radius:6px; font-size:13px; color:var(--text-gray); border:1px solid var(--border); }
        .footer { padding:60px 24px 40px; background:var(--primary); color:white; }
        .footer-container { max-width:1280px; margin:0 auto; }
        .footer-main { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:48px; margin-bottom:40px; }
        .footer-brand p { font-size:14px; color:rgba(255,255,255,0.7); margin-top:16px; line-height:1.7; }
        .footer-links h4 { font-size:14px; font-weight:600; margin-bottom:16px; }
        .footer-links ul { list-style:none; }
        .footer-links li { margin-bottom:8px; }
        .footer-links a { color:rgba(255,255,255,0.7); text-decoration:none; font-size:14px; transition:color 0.2s; }
        .footer-links a:hover { color:var(--accent); }
        .footer-bottom { padding-top:24px; border-top:1px solid rgba(255,255,255,0.1); text-align:center; font-size:13px; color:rgba(255,255,255,0.5); }
        @media (max-width:1024px) {
            .hero-container { grid-template-columns:1fr; text-align:center; }
            .hero-stats { justify-content:center; }
            .hero-actions { justify-content:center; }
            .hero-visual { display:none; }
            .pain-grid, .case-grid { grid-template-columns:1fr; }
            .dimension-grid, .tech-items { grid-template-columns:repeat(2,1fr); }
            .trust-grid { grid-template-columns:repeat(2,1fr); }
            .footer-main { grid-template-columns:1fr 1fr; }
        }
        @media (max-width:768px) {
            .nav-links { display:none; }
            .hero-content h1 { font-size:32px; }
            .section-title { font-size:28px; }
            .hero-stats { gap:24px; }
            .stat-number { font-size:28px; }
            .service-tabs { flex-wrap:wrap; }
            .dimension-grid, .tech-items, .trust-grid { grid-template-columns:1fr; }
            .footer-main { grid-template-columns:1fr; text-align:center; }
        }
        @keyframes fadeInUp { from { opacity:0; transform:translateY(20px); } to { opacity:1; transform:translateY(0); } }
        .animate-fade-in { animation:fadeInUp 0.6s ease-out forwards; }
    </style>
</head>
<body>
    <!-- 导航栏 -->
    <nav class="navbar">
        <div class="navbar-container">
            <a href="/" class="logo">
                <div class="logo-icon">刊</div>
                <span class="logo-text">刊小探</span>
            </a>
            <ul class="nav-links">
                <li><a href="/">首页</a></li>
                <li><a href="#service">智能选刊</a></li>
                <li><a href="#service">预审稿服务</a></li>
                <li><a href="#ai-tool">AI工具</a></li>
                <li><a href="#tech">技术架构</a></li>
                <li><a href="#trust">关于我们</a></li>
            </ul>
            <div class="nav-actions">
                <?php if (isset($_SESSION['user_id'])): ?>
                    <span class="welcome-text">欢迎回来</span>
                    <a href="dashboard.php" class="btn btn-outline">用户中心</a>
                    <a href="logout.php" class="btn btn-primary">退出登录</a>
                <?php else: ?>
                    <a href="login.php" class="btn btn-outline">登录</a>
                    <a href="register.php" class="btn btn-primary">注册</a>
                <?php endif; ?>
            </div>
        </div>
    </nav>

    <!-- Hero区域 -->
    <section class="hero" id="hero">
        <div class="hero-bg-lines"></div>
        <div class="hero-container">
            <div class="hero-content animate-fade-in">
                <h1>学术期刊智能匹配平台</h1>
                <h2>基于机器学习与期刊大数据<br>为每篇论文精准定位最优发表路径</h2>
                <div class="hero-stats">
                    <div class="stat-item">
                        <div class="stat-number"><span class="counter" data-target="52000">0</span><span>+</span></div>
                        <div class="stat-label">国内外学术期刊</div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-number"><span class="counter" data-target="94.6">0</span><span>%</span></div>
                        <div class="stat-label">智能匹配准确率</div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-number"><span class="counter" data-target="120000">0</span><span>+</span></div>
                        <div class="stat-label">科研工作者信赖</div>
                    </div>
                </div>
                <div class="hero-actions">
                    <a href="#service" class="btn btn-accent">立即匹配</a>
                    <a href="#tech" class="btn btn-outline">了解原理</a>
                </div>
            </div>

            <div class="hero-visual">
                <div class="journal-wall">
                    <div class="journal-card"><div class="journal-card-title">Nature</div><span class="journal-card-tag accent">IF 69.5</span></div>
                    <div class="journal-card"><div class="journal-card-title">计算机学报</div><span class="journal-card-tag">中科院1区</span></div>
                    <div class="journal-card"><div class="journal-card-title">经济研究</div><span class="journal-card-tag">CSSCI</span></div>
                    <div class="journal-card"><div class="journal-card-title">Science</div><span class="journal-card-tag accent">IF 56.9</span></div>
                    <div class="journal-card"><div class="journal-card-title">软件学报</div><span class="journal-card-tag">CCF-A类</span></div>
                    <div class="journal-card"><div class="journal-card-title">中华医学杂志</div><span class="journal-card-tag">北大核心</span></div>
                </div>
            </div>
        </div>
    </section>

    <!-- 痛点区域 -->
    <section class="pain-section">
        <div class="section-container">
            <div class="section-header">
                <h2 class="section-title">投稿路上的三大难题，我们帮你解决</h2>
                <p class="section-subtitle">精准定位，高效投稿，让学术成果顺利发表</p>
            </div>
            <div class="pain-grid">
                <div class="pain-card">
                    <div class="pain-icon">
                        <svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7"></path></svg>
                    </div>
                    <h3>选刊迷茫</h3>
                    <p>论文写完了，不知道投哪个期刊？核心期刊太多，不知道自己的文章够不够格？</p>
                    <div class="pain-solution"><strong>方案：</strong><span>AI智能匹配，基于主题、创新性、引用偏好，推荐最合适期刊</span></div>
                </div>
                <div class="pain-card">
                    <div class="pain-icon">
                        <svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
                    </div>
                    <h3>盲目投稿</h3>
                    <p>投了三个月被拒，换个期刊又被拒，时间白白浪费？</p>
                    <div class="pain-solution"><strong>方案：</strong><span>预审稿评估，提前发现格式、查重、创新性问题</span></div>
                </div>
                <div class="pain-card">
                    <div class="pain-icon">
                        <svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"></path></svg>
                    </div>
                    <h3>信息分散</h3>
                    <p>期刊官网、知网、JCR、中科院分区……数据到处找，还容易过期？</p>
                    <div class="pain-solution"><strong>方案：</strong><span>一站式期刊知识库，指标、审稿周期、录用率实时更新</span></div>
                </div>
            </div>
        </div>
    </section>

    <!-- 服务模块（标签页简化为静态展示，后续可动态切换） -->
    <section class="service-section" id="service">
        <div class="section-container">
            <div class="section-header">
                <h2 class="section-title">专业服务，全方位助力学术投稿</h2>
                <p class="section-subtitle">从选刊到审稿，每一个环节都有专业支持</p>
            </div>
            <div class="service-tabs">
                <div class="service-tab active" data-tab="select">智能选刊系统</div>
                <div class="service-tab" data-tab="review">预审稿服务</div>
                <div class="service-tab" data-tab="resource">学术资源库</div>
            </div>
            <div class="service-content active" id="tab-select">
                <div class="service-card">
                    <h3>输入论文，一键获取推荐期刊</h3>
                    <div class="service-flow">
                        <div class="flow-step"><span class="num">1</span>上传论文/输入摘要</div>
                        <span class="flow-arrow">→</span>
                        <div class="flow-step"><span class="num">2</span>AI语义分析</div>
                        <span class="flow-arrow">→</span>
                        <div class="flow-step"><span class="num">3</span>多维度匹配</div>
                        <span class="flow-arrow">→</span>
                        <div class="flow-step"><span class="num">4</span>生成选刊报告</div>
                    </div>
                    <div class="dimension-grid">
                        <div class="dimension-item"><h4>主题匹配度</h4><p>论文关键词与期刊收稿范围的语义相关性</p></div>
                        <div class="dimension-item"><h4>创新性评估</h4><p>基于引用网络分析，判断研究创新层级</p></div>
                        <div class="dimension-item"><h4>期刊影响力</h4><p>IF、CiteScore、中科院分区、JCR分区</p></div>
                        <div class="dimension-item"><h4>审稿周期</h4><p>平均审稿时长、录用率预测</p></div>
                        <div class="dimension-item"><h4>作者偏好</h4><p>开放获取、版面费预算、见刊时间</p></div>
                        <div class="dimension-item"><h4>历史案例</h4><p>相似论文在该期刊的发表情况</p></div>
                    </div>
                    <div class="sample-report">
                        <h4>推荐期刊排序（按匹配分值）</h4>
                        <div class="report-item"><div class="report-rank">1</div><div class="report-info"><div class="report-name">《计算机学报》</div><div class="report-meta">中科院1区 | 平均审稿4.2个月</div></div><div class="report-score">92%</div></div>
                        <div class="report-item"><div class="report-rank">2</div><div class="report-info"><div class="report-name">《软件学报》</div><div class="report-meta">CCF-A类 | 平均审稿3.8个月</div></div><div class="report-score">87%</div></div>
                        <div class="report-item"><div class="report-rank">3</div><div class="report-info"><div class="report-name">《自动化学报》</div><div class="report-meta">EI核心 | 平均审稿3.1个月</div></div><div class="report-score">81%</div></div>
                    </div>
                </div>
            </div>
            <div class="service-content" id="tab-review">
                <div class="service-card">
                    <h3>投稿前的最后一道关卡</h3>
                    <div class="dimension-grid">
                        <div class="dimension-item"><h4>✓ 格式规范检查</h4><p>参考文献、图表、摘要结构自动检测</p></div>
                        <div class="dimension-item"><h4>✓ 查重率预估</h4><p>提前预估查重率，提供降重建议</p></div>
                        <div class="dimension-item"><h4>✓ 语言润色建议</h4><p>中英文表达优化，提升专业度</p></div>
                        <div class="dimension-item"><h4>✓ 创新性点评</h4><p>评估研究价值，提出提升方向</p></div>
                        <div class="dimension-item"><h4>✓ 拒稿原因预判</h4><p>提前发现常见问题，降低拒稿风险</p></div>
                        <div class="dimension-item"><h4>✓ 专家团队支持</h4><p>50+各学科审稿人、核心期刊编委</p></div>
                    </div>
                    <div class="service-flow">
                        <div class="flow-step"><span class="num">1</span>提交稿件</div>
                        <span class="flow-arrow">→</span>
                        <div class="flow-step"><span class="num">2</span>分项检测</div>
                        <span class="flow-arrow">→</span>
                        <div class="flow-step"><span class="num">3</span>生成诊断报告</div>
                        <span class="flow-arrow">→</span>
                        <div class="flow-step"><span class="num">4</span>修改建议</div>
                        <span class="flow-arrow">→</span>
                        <div class="flow-step"><span class="num">5</span>复检确认</div>
                    </div>
                </div>
            </div>
            <div class="service-content" id="tab-resource">
                <div class="service-card">
                    <h3>权威数据，一站式查询</h3>
                    <div class="dimension-grid">
                        <div class="dimension-item"><h4>中文期刊</h4><p>北大核心、CSSCI、CSCD、AMI等核心期刊 3000种+<br><strong>更新：季度</strong></p></div>
                        <div class="dimension-item"><h4>外文期刊</h4><p>SCIE、SSCI、AHCI、EI、Scopus等 4.1万种<br><strong>更新：月度</strong></p></div>
                        <div class="dimension-item"><h4>期刊指标</h4><p>IF、CiteScore、SJR、SNIP、H-index<br><strong>更新：年度</strong></p></div>
                        <div class="dimension-item"><h4>投稿数据</h4><p>审稿周期、录用率、版面费（用户贡献）<br><strong>更新：实时</strong></p></div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 技术架构 -->
    <section class="tech-section" id="tech">
        <div class="section-container">
            <div class="section-header">
                <h2 class="section-title">以数据驱动决策，以技术赋能学术</h2>
                <p class="section-subtitle">先进的AI技术，让期刊匹配更精准</p>
            </div>
            <div class="tech-architecture">
                <div class="tech-layer"><h4>🧠 自然语言处理层</h4><div class="tech-items"><div class="tech-item">论文语义解析（BERT/LLM）</div><div class="tech-item">关键词提取与扩展</div><div class="tech-item">学科分类自动识别</div></div></div>
                <div class="tech-layer"><h4>🕸️ 知识图谱层</h4><div class="tech-items"><div class="tech-item">期刊-学科-作者-论文多维关联网络</div><div class="tech-item">引用关系图谱</div><div class="tech-item">期刊影响力传播路径</div></div></div>
                <div class="tech-layer"><h4>🎯 推荐算法层</h4><div class="tech-items"><div class="tech-item">多目标排序模型（匹配度×影响力×时效）</div><div class="tech-item">协同过滤（相似论文投稿历史）</div><div class="tech-item">规则引擎（用户偏好约束）</div></div></div>
                <div class="tech-layer"><h4>💾 数据基础设施</h4><div class="tech-items"><div class="tech-item">期刊元数据库（5.2万+期刊）</div><div class="tech-item">论文语料库（数万级）</div><div class="tech-item">实时数据管道（API+用户贡献）</div></div></div>
            </div>
        </div>
    </section>

    <!-- 用户案例 -->
    <section class="case-section">
        <div class="section-container">
            <div class="section-header">
                <h2 class="section-title">他们用刊小探，实现了高效投稿</h2>
                <p class="section-subtitle">真实案例，见证专业服务的价值</p>
            </div>
            <div class="case-grid">
                <div class="case-card"><span class="label">博士毕业冲刺</span><h4>某985高校计算机博士</h4><div class="case-item"><strong>痛点</strong><p>毕业倒计时6个月，核心期刊还没中</p></div><div class="case-item"><strong>方案</strong><p>智能匹配发现论文更适合投CCF-B类而非CCF-A</p></div><div class="case-result">投《计算机科学与探索》，3个月录用，顺利毕业</div></div>
                <div class="case-card"><span class="label">职称评审冲刺</span><h4>某高校经济学院副教授</h4><div class="case-item"><strong>痛点</strong><p>评正高需要CSSCI，投了3次都被拒</p></div><div class="case-item"><strong>方案</strong><p>预审稿发现参考文献格式不规范、创新性表述不足</p></div><div class="case-result">修改后投《经济学动态》，2个月录用</div></div>
                <div class="case-card"><span class="label">跨学科投稿</span><h4>医学+计算机交叉研究</h4><div class="case-item"><strong>痛点</strong><p>不知道投医学期刊还是计算机期刊</p></div><div class="case-item"><strong>方案</strong><p>系统识别研究偏应用，推荐医学信息学期刊</p></div><div class="case-result">投《中华医学图书情报杂志》，一次通过</div></div>
            </div>
        </div>
    </section>

    <!-- 权威背书 -->
    <section class="trust-section" id="trust">
        <div class="section-container">
            <div class="section-header"><h2 class="section-title">专业可信，源于数据与专家</h2></div>
            <div class="trust-grid">
                <div class="trust-item"><h4>数据来源</h4><div class="trust-logos"><span class="trust-logo">中国知网</span><span class="trust-logo">万方数据</span><span class="trust-logo">维普期刊</span><span class="trust-logo">Web of Science</span><span class="trust-logo">Scopus</span><span class="trust-logo">JCR</span></div></div>
                <div class="trust-item"><h4>专家团队</h4><div class="trust-logos"><span class="trust-logo">50+ 审稿人</span><span class="trust-logo">20+ 编委</span><span class="trust-logo">10+ 项目评审专家</span></div></div>
                <div class="trust-item"><h4>合作机构</h4><div class="trust-logos"><span class="trust-logo">高校图书馆</span><span class="trust-logo">科技情报所</span><span class="trust-logo">期刊工作委员会</span></div></div>
                <div class="trust-item"><h4>平台资质</h4><div class="trust-logos"><span class="trust-logo">工信部ICP备案</span></div></div>
            </div>
        </div>
    </section>

    <!-- 底部 -->
    <footer class="footer">
        <div class="footer-container">
            <div class="footer-main">
                <div class="footer-brand">
                    <a href="/" class="logo"><div class="logo-icon">刊</div><span class="logo-text">刊小探</span></a>
                    <p>基于机器学习与期刊大数据，为每篇论文精准定位最优发表路径。让学术投稿更简单、更高效、更精准。</p>
                </div>
                <div class="footer-links"><h4>快速链接</h4><ul><li><a href="/">首页</a></li><li><a href="#service">智能选刊</a></li><li><a href="#service">预审稿服务</a></li><li><a href="#service">学术资源</a></li></ul></div>
                <div class="footer-links"><h4>帮助中心</h4><ul><li><a href="#">使用指南</a></li><li><a href="#">常见问题</a></li><li><a href="#">联系我们</a></li><li><a href="#">意见反馈</a></li></ul></div>
                <div class="footer-links"><h4>联系方式</h4><ul><li><a href="mailto:support@keoadata.com">support@keoadata.com</a></li><li><a href="mailto:business@keoadata.com">business@keoadata.com</a></li><li><a href="#">微信公众号：刊小探</a></li></ul></div>
            </div>
            <div class="footer-bottom">© 2019-2026 刊小探 | 刊海科研平台 | 蜀ICP备2023021239号</div>
        </div>
    </footer>

    <script>
        // Tab切换
        document.querySelectorAll('.service-tab').forEach(tab => {
            tab.addEventListener('click', function() {
                document.querySelectorAll('.service-tab').forEach(t => t.classList.remove('active'));
                document.querySelectorAll('.service-content').forEach(c => c.classList.remove('active'));
                this.classList.add('active');
                document.getElementById('tab-' + this.dataset.tab).classList.add('active');
            });
        });
        // 计数器动画
        function animateCounter(element, target, duration = 2000) {
            const start = 0;
            const startTime = performance.now();
            const isDecimal = target % 1 !== 0;
            function update(currentTime) {
                const elapsed = currentTime - startTime;
                const progress = Math.min(elapsed / duration, 1);
                const easeProgress = 1 - Math.pow(1 - progress, 3);
                const current = start + (target - start) * easeProgress;
                if (isDecimal) element.textContent = current.toFixed(1);
                else element.textContent = Math.floor(current).toLocaleString();
                if (progress < 1) requestAnimationFrame(update);
            }
            requestAnimationFrame(update);
        }
        const counterObserver = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    const target = parseFloat(entry.target.dataset.target);
                    animateCounter(entry.target, target);
                    counterObserver.unobserve(entry.target);
                }
            });
        }, { threshold: 0.5 });
        document.querySelectorAll('.counter').forEach(counter => counterObserver.observe(counter));
        // 平滑滚动
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function(e) {
                e.preventDefault();
                const target = document.querySelector(this.getAttribute('href'));
                if (target) target.scrollIntoView({ behavior:'smooth', block:'start' });
            });
        });
    </script>
</body>
</html>