<!DOCTYPE html>
<html lang="en">
<head>

<link rel="alternate" hreflang="en" href="https://buyfreehub.com/en/pages/product/product_detail.html?id=334" />
<link rel="alternate" hreflang="zh" href="https://buyfreehub.com/zh/pages/product/product_detail.html?id=334" />
<link rel="alternate" hreflang="ar" href="https://buyfreehub.com/ar/pages/product/product_detail.html?id=334" />
<link rel="alternate" hreflang="x-default" href="https://buyfreehub.com/pages/product/product_detail.html?id=334" />
<meta charset="utf-8"/>
<title>E300 消费级4K航拍无人机 折叠式四轴飞行器 | BuyFreeHub 跨境采购</title>
<meta name="description" content="查看E300 消费级4K航拍无人机 折叠式四轴飞行器的详细规格、价格和认证信息。品牌：OEM / Custom Brand，产地：China，参考价：$180.00，立即询价，对接全球采购商。">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<!-- Twitter/X 分享标签（海外流量必备） -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="E300 消费级4K航拍无人机 折叠式四轴飞行器 | BuyFreeHub 跨境采购">
<meta name="twitter:description" content="查看E300 消费级4K航拍无人机 折叠式四轴飞行器的详细规格、价格和认证信息。品牌：OEM / Custom Brand，产地：China，参考价：$180.00，立即询价，对接全球采购商。">
<meta name="twitter:image" content="https://buyfreehub.com/share-cover.jpg?v=20260527">
<!-- 微信/社交平台分享标签（动态版） -->
<meta property="og:title" content="E300 消费级4K航拍无人机 折叠式四轴飞行器 | BuyFreeHub 跨境采购">
<meta property="og:description" content="查看E300 消费级4K航拍无人机 折叠式四轴飞行器的详细规格、价格和认证信息。品牌：OEM / Custom Brand，产地：China，参考价：$180.00，立即询价，对接全球采购商。">
<meta property="og:image" content="https://buyfreehub.com/share-cover.jpg?v=20260527">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:site_name" content="BuyFreeHub">
<meta property="og:locale" content="zh_cn">

<!-- 微信/QQ 专用 -->
<meta name="weibo:article:title" content="E300 消费级4K航拍无人机 折叠式四轴飞行器 | BuyFreeHub 跨境采购">
<meta name="weibo:article:description" content="查看E300 消费级4K航拍无人机 折叠式四轴飞行器的详细规格、价格和认证信息。品牌：OEM / Custom Brand，产地：China，参考价：$180.00，立即询价，对接全球采购商。">
<meta name="weibo:article:image" content="https://buyfreehub.com/share-cover.jpg?v=20260527">
<meta property="og:type" content="website">
<meta property="og:url" content="https://buyfreehub.com/pages/product/product_detail.html?id=334">
<link rel="stylesheet" href="/plugins/float-share/float-share.css">
<link rel="stylesheet" href="/plugins/float-toolbar/float-toolbar.css">
<link rel="stylesheet" href="/plugins/messenger/messenger.css">
<link rel="stylesheet" href="/plugins/chat/chat.css">
<link rel="stylesheet" href="/plugins/mini_program/mini_program.css">
<link rel="stylesheet" href="/css/mega_menu.css">

<style>
    :root {
        --gold: #d4af37;
        --gold-dark: #a68a2e;
        --dark-blue: #0f4c81;
        --white: #ffffff;
        --border: #e8e8e8;
        --text-dark: #333333;
        --text-light: #666666;
        --shadow: 0 4px 12px rgba(0,0,0,0.08);
    }
    * { margin:0; padding:0; box-sizing:border-box; }
    body { background-color:#f8f6f2; font-family:"Microsoft YaHei",-apple-system,sans-serif; display:flex; flex-direction:column; min-height:100vh; }

    /* ========== 顶层通知栏 ========== */
    .top-notification-bar { background:linear-gradient(90deg, #1a1a1a 0%, #333 100%); color:#fff; font-size:12px; height:36px; display:flex; align-items:center; }
    .top-bar-content { display:flex; justify-content:space-between; align-items:center; width:100%; max-width:1400px; margin:0 auto; padding:0 20px; }
    .top-bar-left span { font-size:12px; opacity:0.9; }
    .top-bar-right a { background:var(--gold); color:#fff; text-decoration:none; font-weight:500; padding:4px 14px; border-radius:4px; font-size:12px; display:inline-flex; align-items:center; gap:6px; transition:all 0.25s ease; }
    .top-bar-right a:hover { background:var(--gold-dark); transform:translateY(-1px); }

    /* ========== 主头部 ========== */
    .main-header { background:var(--white); box-shadow:0 2px 8px rgba(0,0,0,0.06); position:relative; z-index:999; }
    .header-wrapper { display:flex; justify-content:space-between; align-items:center; max-width:1400px; margin:0 auto; padding:10px 20px; }
    .logo-area a { font-size:26px; font-weight:700; color:var(--dark-blue); text-decoration:none; }
    .header-actions { display:flex; align-items:center; gap:18px; }
    .action-item { position:relative; cursor:pointer; padding:6px 10px; border-radius:6px; display:flex; flex-direction:row; align-items:center; gap:4px; transition:all 0.25s ease; white-space:nowrap; }
    .action-item:hover { background-color:#f8f9fa; color:var(--gold); }
    .action-item span { font-size:12px; color:var(--text-light); white-space:nowrap; }
    .action-item:hover span { color:var(--gold); }
    .badge { position:absolute; top:0px; right:-2px; background:#e74c3c; color:#fff; border-radius:10px; min-width:16px; height:16px; font-size:10px; display:none; align-items:center; justify-content:center; padding:0 4px; }
    .lang-select { padding:6px 10px; border:1px solid #ccc; border-radius:4px; font-size:13px; background:#fff; cursor:pointer; }
    .login-register-btn { padding:8px 16px; border-radius:4px; font-size:14px; cursor:pointer; border:none; background:var(--gold); color:#fff; text-decoration:none; display:none; align-items:center; justify-content:center; white-space:nowrap; }
    .login-register-btn:hover { background:var(--gold-dark); color:#fff; text-decoration:none; }

    /* ========== 用户头像区（新版） ========== */
    .user-avatar-wrapper { position: relative; cursor: pointer; z-index: 1001; }
    .user-avatar-trigger { display: flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 8px; background: var(--gold); color: #fff; font-size: 13px; font-weight: 500; transition: background 0.2s; white-space: nowrap; }
    .user-avatar-trigger:hover { background: var(--gold-dark); }
    .trigger-icon { font-size: 18px; }
    .trigger-label { white-space: nowrap; }
    .user-dropdown-panel { position: absolute; top: calc(100% + 8px); right: 0; width: 220px; background: #fff; border-radius: 12px; box-shadow: 0 8px 30px rgba(0,0,0,0.15); opacity: 0; visibility: hidden; transform: translateY(-6px); transition: all 0.2s ease; z-index: 1001; overflow: hidden; }
    .user-avatar-wrapper:hover .user-dropdown-panel { opacity: 1; visibility: visible; transform: translateY(0); }
    .dropdown-login-area { padding: 20px; text-align: center; }
    .dropdown-login-area p { font-size: 13px; color: #666; margin-bottom: 12px; }
    .dropdown-login-btn { display: block; padding: 10px; background: var(--gold); color: #fff; border-radius: 8px; font-weight: 500; text-decoration: none; }
    .dropdown-user-info { display: flex; align-items: center; gap: 10px; padding: 16px; }
    .dropdown-user-avatar { width: 36px; height: 36px; border-radius: 50%; background: var(--gold); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 16px; flex-shrink: 0; }
    .dropdown-user-name { font-size: 14px; font-weight: 600; color: #333; }
    .dropdown-user-role { font-size: 11px; color: #888; margin-top: 2px; }
    .dropdown-divider { height: 1px; background: #f0f0f0; margin: 4px 0; }
    .dropdown-item { display: flex; align-items: center; padding: 10px 16px; color: #333; text-decoration: none; font-size: 14px; transition: background 0.15s; }
    .dropdown-item:hover { background: #f8f9fa; color: var(--gold); }
    .dropdown-item.logout-item { color: #e74c3c; }
    .dropdown-item.logout-item:hover { background: #fef0f0; }

    /* ========== 顶部询价车按钮 + 下拉菜单 ========== */
    .top-inquiry-cart { position: relative; display: inline-block; }
    .inquiry-cart-btn { color: #666; text-decoration: none; padding: 6px 10px; border-radius: 6px; font-size: 12px; transition: background 0.2s; cursor: pointer; display: flex; align-items: center; gap: 4px; }
    .inquiry-cart-btn:hover { background: #f8f9fa; color: #d4af37; }
    .inquiry-cart-dropdown { position: absolute; top: 100%; right: 0; width: 310px; background: #fff; border-radius: 12px; box-shadow: 0 8px 30px rgba(0,0,0,0.15); padding: 16px; display: none; z-index: 1001; border: 1px solid #e0e0e0; }
    .top-inquiry-cart:hover .inquiry-cart-dropdown { display: block; }
    .inquiry-cart-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid #f0f2f5; }
    .inquiry-cart-title { font-size: 14px; font-weight: 600; color: #1a1a1a; }
    .inquiry-cart-count { background: #0f4c81; color: #fff; font-size: 11px; padding: 2px 10px; border-radius: 10px; }
    .inquiry-cart-list { max-height: 200px; overflow-y: auto; margin-bottom: 12px; }
    .inquiry-cart-empty { font-size: 13px; color: #aaa; text-align: center; padding: 20px 0; }
    .inquiry-cart-footer { border-top: 1px solid #f0f2f5; padding-top: 10px; }
    .inquiry-cart-send-btn { display: block; width: 100%; padding: 10px; background: #0f4c81; color: #fff; text-align: center; border-radius: 8px; font-weight: 500; font-size: 14px; text-decoration: none; }
    .inquiry-cart-send-btn:hover { background: #0a3560; }

    /* ========== 二级导航 ========== */
    .secondary-nav { background:var(--dark-blue); position:relative; z-index:998; }
    .nav-list { display:flex; justify-content:space-between; list-style:none; max-width:1400px; margin:0 auto; padding:0 20px; }
    .nav-item { position:relative; }
    .nav-link { display:flex; align-items:center; padding:14px 16px; text-decoration:none; color:#fff; font-weight:500; font-size:14px; transition:all 0.25s ease; border-bottom:2px solid transparent; white-space:nowrap; }
    .nav-link:hover { color:var(--gold); background:rgba(255,255,255,0.05); }
    .nav-link.active { color:var(--gold); border-bottom-color:var(--gold); }

    /* ========== Mega 面板容器 ========== */
    #mega-panels-container { position:fixed; top:0; left:0; width:100%; z-index:10000; pointer-events:none; }
    .mega-panel, .small-panel { position:absolute; background:#fff; box-shadow:0 8px 30px rgba(0,0,0,0.18); display:none; pointer-events:auto; border-radius:0 0 6px 6px; }
    .mega-panel { left:0; width:100%; min-height:280px; max-height:75vh; overflow-y:auto; border-top:3px solid var(--gold); }
    .small-panel { width:320px; padding:0; border:1px solid #e0e0e0; border-top:3px solid var(--gold); box-shadow:0 8px 24px rgba(0,0,0,0.12); }
    .panel-content { padding:24px; max-width:1400px; margin:0 auto; }
    .panel-header { font-size:16px; font-weight:600; color:var(--dark-blue); margin-bottom:16px; padding-bottom:10px; border-bottom:1px solid var(--border); }
    .category-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)); gap:20px; }
    .category-column h4 { font-size:14px; font-weight:600; color:var(--dark-blue); margin-bottom:10px; }
    .category-column ul { list-style:none; }
    .category-column ul li { margin-bottom:6px; }
    .category-column ul li a { color:var(--text-light); text-decoration:none; font-size:13px; transition:all 0.25s ease; }
    .category-column ul li a:hover { color:var(--gold); }
    .panel-actions { display:flex; flex-direction:column; gap:2px; }
    .panel-action { display:flex; align-items:center; gap:8px; padding:10px 14px; text-decoration:none; color:var(--text-dark); font-size:13px; border-radius:6px; transition:all 0.25s ease; cursor:pointer; }
    .panel-action:hover { background:#f8f9fa; color:var(--gold); }
    .panel-action.logout { color:#e74c3c; }
    .panel-action.logout:hover { background:#fef0f0; }
    .panel-section-title { font-size:11px; text-transform:uppercase; color:#aaa; letter-spacing:1px; margin:12px 0 6px; padding-left:14px; }
    .panel-input { width:100%; padding:8px 12px; border:1px solid #ddd; border-radius:6px; margin:6px 0; font-size:13px; }
    .panel-btn { width:100%; padding:8px; background:var(--gold); color:#fff; border:none; border-radius:6px; font-size:13px; cursor:pointer; margin-top:8px; }
    .panel-btn:hover { background:var(--gold-dark); }

    /* ========== 金色底板搜索区 ========== */
    .bottom-search-area { background: linear-gradient(135deg, #d4af37 0%, #c9a227 30%, #b8941f 60%, #d4af37 100%); padding:30px 0 36px; position:relative; z-index:997; }
    .big-nav-links { display:flex; justify-content:center; gap:30px; margin-bottom:22px; flex-wrap:wrap; }
    .big-nav-link { font-size:18px; font-weight:600; color:#fff; text-decoration:none; padding:10px 20px; border-radius:8px; transition:all 0.25s ease; display:flex; align-items:center; gap:6px; text-shadow:0 1px 2px rgba(0,0,0,0.15); }
    .big-nav-link:hover, .big-nav-link.active { background:rgba(255,255,255,0.2); }
    .super-search-box { display:flex; justify-content:center; align-items:stretch; max-width:66%; margin:0 auto; border-radius:50px; overflow:hidden; box-shadow:0 6px 25px rgba(0,0,0,0.18); border:2px solid transparent; transition:all 0.25s ease; }
    .super-search-box:focus-within { border-color:#fff; box-shadow:0 8px 30px rgba(0,0,0,0.25); transform:translateY(-2px); }
    .search-input-group { flex:1; position:relative; background:#fff; display:flex; align-items:center; }
    .search-input-group input { width:100%; height:54px; padding:0 20px 0 50px; border:none; font-size:15px; outline:none; background:transparent; }
    .search-input-group input::placeholder { color:#999; }
    .camera-btn { position:absolute; left:14px; top:50%; transform:translateY(-50%); background:none; border:none; font-size:18px; color:#999; cursor:pointer; padding:6px; border-radius:50%; transition:all 0.25s ease; z-index:2; }
    .camera-btn:hover { color:var(--gold-dark); background:rgba(212,175,55,0.1); }
    .search-btn { height:54px; padding:0 36px; background:var(--dark-blue); color:#fff; border:none; font-size:15px; font-weight:600; cursor:pointer; transition:all 0.25s ease; min-width:110px; white-space:nowrap; }
    .search-btn:hover { background:#0b3a6a; }

    /* ========== 主内容区 ========== */
    .main-content { flex:1; padding:20px; }

    /* ========== 响应式 ========== */
    @media (max-width: 900px) {
        .header-actions { gap:8px; }
        .action-item { min-width:40px; padding:4px 6px; }
        .action-item span { font-size:10px; }
        .big-nav-links { gap:10px; }
        .big-nav-link { font-size:14px; padding:8px 12px; }
        .super-search-box { max-width:90%; }
    }
</style>
<script defer data-domain="buyfreehub.com" src="https://plausible.io/js/script.js"></script>
</head>
<body>

<!-- ==================== 顶层通知栏 ==================== -->
<div class="top-notification-bar">
    <div class="top-bar-content">
        <div class="top-bar-left">
            <span data-i18n="home_header.top_bar.store_guide">创建您的店铺 借助AI智能助手轻松完成</span>
        </div>
        <div class="top-bar-right">
            <a href="/register" data-i18n="home_header.top_bar.free_trial">免费试用</a>
        </div>
    </div>
</div>

<!-- ==================== 主头部 ==================== -->
<header class="main-header">
    <div class="header-wrapper">
        <div class="logo-area">
            <a href="/" id="global_logo" data-i18n="global_logo">BuyFreeHub</a>
        </div>
        <div class="header-actions">
            <!-- 交货至 -->
            <div class="action-item" data-panel="delivery-panel">
                <span data-i18n="home_header.right_tools.deliver_to">交货至:</span>
                <span id="deliver_to_label">CN</span>
            </div>
            <!-- 招标信息 -->
            <div class="action-item" data-panel="tender-panel">
                <a href="/pages/tender/" style="text-decoration:none; display:flex; align-items:center;">
                    <span data-i18n="nav_tender_zone">招标信息专区</span>
                </a>
            </div>
            <!-- 招标信息面板 -->
            <div id="tender-panel" class="small-panel"><div class="panel-content"><div class="panel-section-title" data-i18n="nav_tender_zone">招标信息专区</div><p style="font-size:13px; color:var(--text-light); margin-bottom:8px;" data-i18n="nav_tender_zone">查看最新采购招标信息</p><div class="panel-actions"><a href="/pages/tender/" class="panel-action" data-i18n="gov_buy">🏛️ 政府/大型机构采购招标专区</a><a href="/pages/rfq_list.html" class="panel-action" data-i18n="purchase_demand">📋 采购需求</a></div></div></div>
            <!-- 购物车 -->
            <div class="action-item" data-panel="cart-panel">
                <span>🛒 <span data-i18n="home_header.right_tools.cart">购物车</span></span>
                <span class="badge" id="cart-count">0</span>
            </div>
            <!-- 我的订单 -->
            <div class="action-item" data-panel="order-panel">
                <span>📋 <span data-i18n="home_header.right_tools.order">我的订单</span></span>
            </div>
            <!-- 询价车 -->
            <div class="top-inquiry-cart" onclick="event.stopPropagation()">
                <a href="/pages/inquiry_cart.html" class="inquiry-cart-btn" data-i18n="plp_btn_inquiry">🛒 询价车</a>
                <div class="inquiry-cart-dropdown">
                    <div class="inquiry-cart-header">
                        <span class="inquiry-cart-title">Inquiry List</span>
                        <span class="inquiry-cart-count" id="inquiryCountBadge">0</span>
                    </div>
                    <div class="inquiry-cart-list" id="inquiryCartList">
                        <div class="inquiry-cart-empty">No products yet</div>
                    </div>
                    <div class="inquiry-cart-footer">
                        <a href="/pages/inquiry_cart.html" class="inquiry-cart-send-btn">Send Inquiry</a>
                    </div>
                </div>
            </div>
            <!-- 语言切换 -->
            <select class="lang-select" id="langSelect">
                <option value="zh_cn">简体中文</option>
                <option value="en">English</option>
                <option value="ar">العربية</option>
            </select>
            <!-- 用户头像区 -->
            <div class="user-avatar-wrapper" id="user-avatar-wrapper">
                <div class="user-avatar-trigger" id="user-avatar-trigger">
                    <span class="trigger-icon"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg></span>
                    <span class="trigger-label" id="trigger_label" data-i18n="header_login_register">登录 / 注册</span>
                </div>
                <div class="user-dropdown-panel" id="user-dropdown-panel">
                    <div class="dropdown-login-area" id="dropdown-login-area">
                        <p data-i18n="login_to_view_full_info">登录后使用完整功能</p>
                        <a href="/pages/login.html" class="dropdown-login-btn" data-i18n="login_register">登录 / 注册</a>
                    </div>
                    <div class="dropdown-user-area" id="dropdown-user-area" style="display:none;">
                        <div class="dropdown-user-info">
                            <span class="dropdown-user-avatar" id="dropdown_user_avatar">U</span>
                            <div>
                                <div class="dropdown-user-name" id="dropdown_user_name">用户</div>
                                <div class="dropdown-user-role" id="dropdown_user_role">会员</div>
                            </div>
                        </div>
                        <div class="dropdown-divider"></div>
                        <a href="/pages/user_center.html" class="dropdown-item" data-i18n="user_center">用户中心</a>
                        <a href="#" class="dropdown-item" data-i18n="msg_center" onclick="window.Plugins.Messenger.open();return false;">消息</a>
                        <a href="/pages/my-order.html" class="dropdown-item" data-i18n="my_order">我的订单</a>
                        <a href="/pages/account-setting.html" class="dropdown-item" data-i18n="account_setting">账号设置</a>
                        <a href="/pages/user/points.html" class="dropdown-item" data-i18n="points_center_title">我的积分</a>
                        <div class="dropdown-divider"></div>
                        <a href="#" class="dropdown-item logout-item" onclick="window.logout();return false;" data-i18n="logout">退出登录</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>

<!-- ==================== 二级导航 ==================== -->
<nav class="secondary-nav">
    <ul class="nav-list">
        <li class="nav-item" data-panel="category-panel">
            <a href="#" class="nav-link" data-i18n="home_header.nav.all_categories">所有类目</a>
        </li>
        <li class="nav-item" data-panel="verified-panel">
            <a href="#" class="nav-link" data-i18n="home_header.nav.verified_suppliers">经过验证的供应商</a>
        </li>
        <li class="nav-item" data-panel="order-protect-panel">
            <a href="#" class="nav-link" data-i18n="home_header.nav.order_assurance">订单保障</a>
        </li>
        <li class="nav-item" data-panel="industry-news-panel">
            <a href="#" class="nav-link" data-i18n="ind_news">行业资讯</a>
        </li>
        <li class="nav-item" data-panel="ai-panel" style="margin-left:auto;">
            <a href="#" class="nav-link" data-i18n="home_header.nav.apps_extensions">应用与扩展程序</a>
        </li>
        <li class="nav-item" data-panel="buyer-panel">
            <a href="/pages/register.html" class="nav-link" data-i18n="nav_buyer_center">买家中心</a>
        </li>
        <li class="nav-item" data-panel="taxfree-panel">
            <a href="#" class="nav-link" data-i18n="home_header.nav.tax_free">免税</a>
        </li>
        <li class="nav-item" data-panel="settlein-panel">
            <a href="/pages/register.html" class="nav-link" data-i18n="home_header.nav.settle_in">入驻BuyFreeHub</a>
        </li>
    </ul>
</nav>


<!-- ==================== 后台管理导航（仅管理员可见） ==================== -->
<nav id="admin-navbar" class="secondary-nav" style="display:none; background:#1a1a2e;">
    <ul class="nav-list">
        <li class="nav-item"><a href="/pages/admin/dashboard.php" class="nav-link">📊 仪表盘</a></li>
        <li class="nav-item"><a href="/pages/admin/users.php" class="nav-link">👥 用户管理</a></li>
        <li class="nav-item"><a href="/pages/admin/products.php" class="nav-link">📦 产品管理</a></li>
        <li class="nav-item"><a href="/pages/admin/rfqs.php" class="nav-link">📋 RFQ管理</a></li>
        <li class="nav-item"><a href="/pages/admin/email_campaigns.php" class="nav-link">📧 邮件拓客</a></li>
        <li class="nav-item"><a href="/pages/admin/logs.php" class="nav-link">📋 操作日志</a></li>
        <li class="nav-item" style="margin-left:auto;"><a href="/" class="nav-link">← 返回前台</a></li>
    </ul>
</nav>
<!-- ==================== Mega 面板容器 ==================== -->
<div id="mega-panels-container">
    <!-- 分类面板 -->
    <div id="category-panel" class="mega-panel">
        <div class="panel-content">
            <h3 class="panel-header" data-i18n="home_header.nav.all_categories">所有类目</h3>
            <div class="category-grid">
                <div class="category-column"><h4 data-i18n="cat_machinery">机械、工业设备及MRO</h4><ul><li><a href="#" data-i18n="cat_sub_machinery_construction">工程机械</a></li><li><a href="#" data-i18n="cat_sub_machinery_agricultural">农业机械</a></li><li><a href="#" data-i18n="cat_sub_machinery_industrial">工业设备</a></li><li><a href="#" data-i18n="cat_sub_machinery_mro">MRO耗材</a></li><li><a href="#" data-i18n="cat_sub_machinery_automation">自动化设备</a></li><li><a href="#" data-i18n="cat_sub_machinery_drone">工业无人设备</a></li></ul></div>
                <div class="category-column"><h4 data-i18n="cat_home_garden">家居与园艺</h4><ul><li><a href="#" data-i18n="cat_sub_home_garden_living">客厅家具</a></li><li><a href="#" data-i18n="cat_sub_home_garden_bedroom">卧室家具</a></li><li><a href="#" data-i18n="cat_sub_home_garden_kitchen_bath">厨卫用品</a></li><li><a href="#" data-i18n="cat_sub_home_garden_garden">园艺用品</a></li><li><a href="#" data-i18n="cat_sub_home_garden_decor">家居装饰</a></li></ul></div>
                <div class="category-column"><h4 data-i18n="cat_textiles_apparel">纺织、服装与鞋履</h4><ul><li><a href="#" data-i18n="cat_sub_textiles_apparel_men">男士服装</a></li><li><a href="#" data-i18n="cat_sub_textiles_apparel_women">女士服装</a></li><li><a href="#" data-i18n="cat_sub_textiles_apparel_kids">儿童服饰</a></li><li><a href="#" data-i18n="cat_sub_textiles_apparel_shoes_bags">鞋靴箱包</a></li><li><a href="#" data-i18n="cat_sub_textiles_apparel_fabric">纺织面料</a></li></ul></div>
                <div class="category-column"><h4 data-i18n="cat_consumer_electronics">消费电子与智能设备</h4><ul><li><a href="#" data-i18n="cat_sub_consumer_electronics_phone">手机配件</a></li><li><a href="#" data-i18n="cat_sub_consumer_electronics_computer">电脑外设</a></li><li><a href="#" data-i18n="cat_sub_consumer_electronics_wearable">智能穿戴</a></li><li><a href="#" data-i18n="cat_sub_consumer_electronics_security">安防设备</a></li><li><a href="#" data-i18n="cat_sub_consumer_electronics_audio_video">影音设备</a></li><li><a href="#" data-i18n="cat_sub_consumer_electronics_power">电源储能</a></li></ul></div>
                <div class="category-column"><h4 data-i18n="cat_auto_new_energy">汽车配件与新能源</h4><ul><li><a href="#" data-i18n="cat_sub_auto_new_energy_auto_parts">汽车零部件</a></li><li><a href="#" data-i18n="cat_sub_auto_new_energy_motorcycle">摩托配件</a></li><li><a href="#" data-i18n="cat_sub_auto_new_energy_new_energy">新能源配件</a></li><li><a href="#" data-i18n="cat_sub_auto_new_energy_tools">维修工具</a></li><li><a href="#" data-i18n="cat_sub_auto_new_energy_accessories">汽车用品</a></li><li><a href="#" data-i18n="cat_sub_auto_new_energy_solar">太阳能光伏设备</a></li></ul></div>
                <div class="category-column"><h4 data-i18n="cat_construction">建筑与建材</h4><ul><li><a href="#" data-i18n="cat_sub_construction_structural">结构建材</a></li><li><a href="#" data-i18n="cat_sub_construction_decorative">装饰建材</a></li><li><a href="#" data-i18n="cat_sub_construction_doors_windows">门窗五金</a></li><li><a href="#" data-i18n="cat_sub_construction_insulation">保温防水</a></li><li><a href="#" data-i18n="cat_sub_construction_fire">消防器材</a></li></ul></div>
                <div class="category-column"><h4 data-i18n="cat_packaging_printing">包装与印刷</h4><ul><li><a href="#" data-i18n="cat_sub_packaging_printing_paper">纸质包装</a></li><li><a href="#" data-i18n="cat_sub_packaging_printing_plastic">塑料包装</a></li><li><a href="#" data-i18n="cat_sub_packaging_printing_equipment">包装机械</a></li><li><a href="#" data-i18n="cat_sub_packaging_printing_consumables">印刷耗材</a></li><li><a href="#" data-i18n="cat_sub_packaging_printing_custom">定制包装</a></li></ul></div>
                <div class="category-column"><h4 data-i18n="cat_medical_health">医疗与健康用品</h4><ul><li><a href="#" data-i18n="cat_sub_medical_health_equipment">医疗设备</a></li><li><a href="#" data-i18n="cat_sub_medical_health_consumables">医用耗材</a></li><li><a href="#" data-i18n="cat_sub_medical_health_home">家用健康器械</a></li><li><a href="#" data-i18n="cat_sub_medical_health_ppe">防护用品</a></li></ul></div>
                <div class="category-column"><h4 data-i18n="cat_sports_entertainment">运动、户外与娱乐</h4><ul><li><a href="#" data-i18n="cat_sub_sports_entertainment_fitness">健身器材</a></li><li><a href="#" data-i18n="cat_sub_sports_entertainment_outdoor">户外装备</a></li><li><a href="#" data-i18n="cat_sub_sports_entertainment_sports">运动器材</a></li><li><a href="#" data-i18n="cat_sub_sports_entertainment_entertainment">休闲娱乐</a></li></ul></div>
                <div class="category-column"><h4 data-i18n="cat_beauty_chemicals">美妆、个护与化工</h4><ul><li><a href="#" data-i18n="cat_sub_beauty_chemicals_makeup">彩妆美妆</a></li><li><a href="#" data-i18n="cat_sub_beauty_chemicals_personal_care">个人护理</a></li><li><a href="#" data-i18n="cat_sub_beauty_chemicals_daily_chemicals">日用化工</a></li><li><a href="#" data-i18n="cat_sub_beauty_chemicals_fragrance">香薰香氛</a></li></ul></div>
            </div>
        </div>
    </div>

    <!-- 已验证供应商面板 -->
    <div id="verified-panel" class="mega-panel"><div class="panel-content"><h3 class="panel-header" data-i18n="home_header.dropdown.suppliers.title">快速锁定认证供应商</h3><p data-i18n="home_header.dropdown.suppliers.learn_more" style="color:var(--gold);">立即了解 →</p></div></div>
    <!-- 订单保障面板 -->
    <div id="order-protect-panel" class="mega-panel"><div class="panel-content"><h3 class="panel-header" data-i18n="home_header.dropdown.assurance.title">享受从支付到履约的交易保障</h3><p data-i18n="home_header.dropdown.assurance.learn_more" style="color:var(--gold);">了解详情 →</p></div></div>
        <!-- 行业资讯面板 -->
    <div id="industry-news-panel" class="mega-panel">
        <div class="panel-content">
            <h3 class="panel-header" data-i18n="ind_news">行业资讯</h3>
            <div class="category-grid">
                <div class="category-column">
                    <h4 data-i18n="ind_news_solar">光伏资讯</h4>
                    <ul>
                        <li><a href="/articles/solar/solar_panel_certification_guide.html" data-lang-key="article_title_solar_cert">2026全球光伏组件进口认证全指南</a></li>
                        <li><a href="/articles/global-pv-procurement-guide-2026/global-pv-procurement-guide-2026.html" data-lang-key="article_title_pv_guide_2026">2026全球光伏采购终极指南</a></li>
                    </ul>
                </div>
                <div class="category-column">
                    <h4 data-i18n="ind_news_drone">无人机资讯</h4>
                    <ul>
                        <li><a href="/articles/drone/drone_procurement_guide.html" data-lang-key="article_title_drone_procurement">2026全球工业/特种无人机跨境采购决策白皮书</a></li>
                    </ul>
                </div>
                <div class="category-column">
                    <h4 data-i18n="market_tag">市场分析</h4>
                    <ul>
                        <li><a href="/articles/central_asia_used_ev/central_asia_used_ev.html" data-lang-key="article_title_used_ev_1">2026中亚二手新能源汽车进口白皮书</a></li>
                        <li><a href="/articles/central_asia_used_ev_import_guide.html" data-lang-key="article_title_used_ev_2">2026中亚二手新能源汽车进口全流程指南</a></li>
                    </ul>
                </div>
                <div class="category-column">
                    <h4 data-i18n="buy_guide">采购指南</h4>
                    <ul>
                        <li><a href="/articles/supplier_verification/supplier_verification.html" data-lang-key="article_title_supply_chain_risk">光伏与无人机供应链风控白皮书</a></li>
                        <li><a href="/articles/global-procurement-market-report-2025-2026.html" data-lang-key="article_title_global_procurement_report">2025-2026全球采购市场深度报告</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 应用扩展面板 -->
    <div id="ai-panel" class="mega-panel"><div class="panel-content"><h3 class="panel-header" data-i18n="home_header.nav.apps_extensions">应用与扩展程序</h3><div class="category-grid"><div class="category-column"><h4 data-i18n="home_header.ai.tools">AI 工具</h4><ul><li><a href="#" data-i18n="home_header.ai.smart_sourcing">智能采购助手</a></li><li><a href="#" data-i18n="home_header.ai.auto_quote">自动报价</a></li><li><a href="#" data-i18n="home_header.ai.translation_tool">翻译工具</a></li></ul></div><div class="category-column"><h4 data-i18n="home_header.ai.extensions">扩展程序</h4><ul><li><a href="#" data-i18n="home_header.ai.logistics_tracking">物流跟踪</a></li><li><a href="#" data-i18n="home_header.ai.customs_clearance">海关报关</a></li><li><a href="#" data-i18n="home_header.ai.payment_integration">支付集成</a></li></ul></div></div></div></div>
    <!-- 买家中心面板 -->
    <div id="buyer-panel" class="mega-panel"><div class="panel-content"><h3 class="panel-header" data-i18n="nav_buyer_center">买家中心</h3><div class="category-grid"><div class="category-column"><h4 data-i18n="home_header.buyer.tools">采购工具</h4><ul><li><a href="#" data-i18n="home_header.buyer.post_rfq">发布采购需求</a></li><li><a href="/pages/inquiry_cart.html" data-i18n="home_header.buyer.inquiry_cart">询价车</a></li><li><a href="#" data-i18n="home_header.buyer.bulk_inquiry">批量询价</a></li></ul></div><div class="category-column"><h4 data-i18n="home_header.buyer.services">买家服务</h4><ul><li><a href="#" data-i18n="home_header.buyer.guide">采购指南</a></li><li><a href="#" data-i18n="home_header.buyer.rights">买家权益</a></li><li><a href="/pages/my-order.html" data-i18n="home_header.buyer.order_mgmt">订单管理</a></li></ul></div></div></div></div>
    <!-- 免税面板 -->
    <div id="taxfree-panel" class="mega-panel"><div class="panel-content"><h3 class="panel-header" data-i18n="home_header.nav.tax_free">免税</h3><div class="category-grid"><div class="category-column"><h4 data-i18n="home_header.taxfree.services">免税服务</h4><ul><li><a href="#" data-i18n="home_header.taxfree.tariff_calc">关税计算</a></li><li><a href="#" data-i18n="home_header.taxfree.apply">免税申请</a></li><li><a href="#" data-i18n="home_header.taxfree.policy_query">政策查询</a></li></ul></div></div></div></div>
    <!-- 入驻面板 -->
    <div id="settlein-panel" class="mega-panel"><div class="panel-content"><h3 class="panel-header" data-i18n="home_header.nav.settle_in">入驻BuyFreeHub</h3><div class="category-grid"><div class="category-column"><h4 data-i18n="home_header.supplier.section">供应商入驻</h4><ul><li><a href="/pages/register.html" data-i18n="home_header.supplier.register">注册供应商</a></li><li><a href="#" data-i18n="home_header.supplier.guide">入驻指南</a></li><li><a href="#" data-i18n="home_header.supplier.requirements">资质要求</a></li></ul></div><div class="category-column"><h4 data-i18n="home_header.buyer.section">采购商入驻</h4><ul><li><a href="/pages/register.html" data-i18n="home_header.buyer.register">注册采购商</a></li><li><a href="#" data-i18n="home_header.buyer.guide">采购指南</a></li><li><a href="#" data-i18n="home_header.buyer.rights_desc">权益说明</a></li></ul></div></div></div></div>

    <!-- 购物车面板 -->
    <div id="cart-panel" class="small-panel"><div class="panel-content"><div class="panel-section-title">购物车</div><p style="font-size:13px; color:var(--text-light); margin-bottom:12px;">购物车内商品</p><a href="/pages/inquiry_cart.html" class="panel-btn" style="display:block; text-align:center; text-decoration:none;">前往购物车 →</a></div></div>
    <!-- 订单面板 -->
    <div id="order-panel" class="small-panel"><div class="panel-content"><div class="panel-section-title">我的订单</div><p style="font-size:13px; color:var(--text-light); margin-bottom:8px;">享受从支付到履约的交易保障</p><div class="panel-actions"><a href="#" class="panel-action">🔒 安全便捷的付款方式</a><a href="#" class="panel-action">↩️ 退款政策</a><a href="#" class="panel-action">🚚 货运与物流服务</a><a href="#" class="panel-action">🛡️ 售后保护</a><a href="#" class="panel-action" style="color:var(--gold);">了解详情 →</a></div></div></div>
    <!-- 交货目的地面板 -->
    <div id="delivery-panel" class="small-panel"><div class="panel-content"><p style="font-weight:600; color:var(--dark-blue); margin-bottom:4px;">请确定您的位置</p><p style="font-size:12px; color:var(--text-light); margin-bottom:12px;">运输选项和费用会基于您所在的位置而有所差异</p><p style="font-size:12px; color:var(--gold); margin-bottom:8px;">登录并添加地址</p><select class="panel-input"><option>中国</option><option>美国</option><option>阿联酋</option><option>沙特</option><option>德国</option><option>英国</option></select><select class="panel-input"><option>选择省份/州</option></select><select class="panel-input"><option>选择城市</option></select><input type="text" class="panel-input" placeholder="填写邮编"><button class="panel-btn">保存</button></div></div>
</div>

<!-- ==================== 金色底板搜索区 ==================== -->
<div class="bottom-search-area">
    <div class="big-nav-links">
        <a href="/ai" class="big-nav-link active" data-i18n="home_header.scene_tabs.ai_mode">AI模式</a>
        <a href="/category/category_list.html" class="big-nav-link" data-i18n="home_header.scene_tabs.products">产品</a>
        <a href="/manufacturers" class="big-nav-link" data-i18n="home_header.scene_tabs.manufacturers">制造商</a>
        <a href="/global-supply" class="big-nav-link" data-i18n="home_header.scene_tabs.global_supply">全球供给</a>
        <a href="/pages/cert-verify.html" class="big-nav-link" data-i18n="nav_cert_verify">🏅 证书验证</a>
    </div>
    <form class="super-search-box" onsubmit="return false;">
        <div class="search-input-group">
            <button type="button" class="camera-btn" title="带图搜索">📷</button>
                        <input type="file" id="image_search_input" accept="image/*" style="display:none;" onchange="uploadImageSearch(this)">
            <input type="text" id="search_placeholder" data-i18n="search_placeholder" placeholder="搜索产品、供应商...">
        </div>
    <script>
    function uploadImageSearch(input) {
        var file = input.files[0];
        if (!file) return;
        var formData = new FormData();
        formData.append("file", file);
        formData.append("type", "temp");
        fetch("/api/upload.php", { method: "POST", body: formData })
            .then(function(r) { return r.json(); })
            .then(function(res) {
                if (res.success) {
                    alert("图片上传成功，地址: " + res.url);
                } else {
                    alert("上传失败: " + (res.message || "请重试"));
                }
            })
            .catch(function() { alert("网络错误，请稍后重试"); });
    }
    document.addEventListener("DOMContentLoaded", function() {
        var cameraBtn = document.querySelector(".camera-btn");
        var fileInput = document.getElementById("image_search_input");
        if (cameraBtn && fileInput) {
            cameraBtn.addEventListener("click", function() { fileInput.click(); });
        }
    });
    </script>
        <button type="submit" class="search-btn" id="search_btn" data-i18n="search_btn">搜索</button>
    </form>
</div>

<!-- ==================== 主内容区 ==================== -->
<div class="main-content">

<!-- ==================== Mega 面板交互脚本 ==================== -->
<script>
(function() {
    var triggers = document.querySelectorAll('[data-panel]');
    var panelsContainer = document.getElementById('mega-panels-container');
    var currentPanel = null;
    var hideTimeout = null;
    var isMouseOnTrigger = false;
    var isMouseOnPanel = false;

    function clearHideTimer() {
        if (hideTimeout) { clearTimeout(hideTimeout); hideTimeout = null; }
    }

    function hideAllPanels() {
        document.querySelectorAll('.mega-panel, .small-panel').forEach(function(p) {
            p.style.opacity = '0';
            p.style.transform = 'translateY(-6px)';
            setTimeout(function() {
                if (p.style.opacity === '0') { p.style.display = 'none'; p.style.transition = ''; }
            }, 200);
        });
        currentPanel = null;
    }

    function positionPanel(panel, trigger) {
        if (!panel || !trigger) return;
        if (panel.classList.contains('mega-panel')) {
            var nav = document.querySelector('.secondary-nav');
            var navHeight = nav.offsetHeight;
            var navTop = nav.getBoundingClientRect().top + window.pageYOffset;
            panel.style.top = (navTop + navHeight) + 'px';
            panel.style.left = '0';
            panel.style.width = '100%';
        } else {
            var rect = trigger.getBoundingClientRect();
            panel.style.top = (rect.bottom + window.pageYOffset) + 'px';
            panel.style.right = (window.innerWidth - rect.right) + 'px';
            panel.style.left = 'auto';
        }
    }

    function showPanel(panel, trigger) {
        clearHideTimer();
        if (currentPanel === panel) return;
        hideAllPanels();
        positionPanel(panel, trigger);
        panel.style.display = 'block';
        panel.style.opacity = '0';
        panel.style.transform = 'translateY(-6px)';
        requestAnimationFrame(function() {
            panel.style.transition = 'opacity 0.2s ease, transform 0.2s ease';
            panel.style.opacity = '1';
            panel.style.transform = 'translateY(0)';
        });
        currentPanel = panel;
    }

    function tryHidePanels() {
        clearHideTimer();
        hideTimeout = setTimeout(function() {
            if (!isMouseOnTrigger && !isMouseOnPanel && currentPanel) {
                hideAllPanels();
            }
        }, 300);
    }

    document.querySelectorAll('.mega-panel, .small-panel').forEach(function(panel) {
        panel.addEventListener('mouseenter', function() { isMouseOnPanel = true; clearHideTimer(); });
        panel.addEventListener('mouseleave', function() { isMouseOnPanel = false; tryHidePanels(); });
    });

    triggers.forEach(function(trigger) {
        var panelId = trigger.getAttribute('data-panel');
        var targetPanel = document.getElementById(panelId);
        if (!targetPanel) return;
        trigger.addEventListener('mouseenter', function(e) { e.stopPropagation(); isMouseOnTrigger = true; showPanel(targetPanel, trigger); });
        trigger.addEventListener('mouseleave', function(e) { e.stopPropagation(); isMouseOnTrigger = false; tryHidePanels(); });
    });

    document.addEventListener('click', function(e) {
        if (!e.target.closest('[data-panel]') && !e.target.closest('.mega-panel') && !e.target.closest('.small-panel')) {
            hideAllPanels();
            clearHideTimer();
        }
    });



    // 登录状态感知
    function updateAuthUI() {
        var token = document.cookie.replace(/(?:(?:^|.*;\s*)auth_token\s*\=\s*([^;]*).*$)|^.*$/, "$1");
        var avatarWrapper = document.getElementById('user-avatar-wrapper');
        if (!avatarWrapper) return;

        // 确保头像区域始终可见
        avatarWrapper.style.display = 'block';

        if (token) {
            // 已登录：显示用户信息
            try {
                var payload = JSON.parse(atob(token.split('.')[1]));
                var triggerLabel = document.getElementById('trigger_label');
                var loginArea = document.getElementById('dropdown-login-area');
                var userArea = document.getElementById('dropdown-user-area');
                var avatarEl = document.getElementById('dropdown_user_avatar');
                var userNameEl = document.getElementById('dropdown_user_name');
                var userRoleEl = document.getElementById('dropdown_user_role');
                
                if (triggerLabel) triggerLabel.textContent = (payload.username || (payload.email ? payload.email.split('@')[0] : '用户'));
                if (loginArea) loginArea.style.display = 'none';
                if (userArea) userArea.style.display = 'block';
                if (avatarEl && payload.username) {
                    avatarEl.textContent = payload.username.charAt(0).toUpperCase();
                } else if (avatarEl && payload.email) {
                    avatarEl.textContent = payload.email.charAt(0).toUpperCase();
                }
                if (userNameEl) userNameEl.textContent = (payload.username || (payload.email ? payload.email.split('@')[0] : '用户'));
                if (userRoleEl) userRoleEl.textContent = (payload.user_type === 'supplier' ? '供应商' : '会员');
                // 后台导航：仅 admin 可见
                var adminNav = document.getElementById("admin-navbar");
                if (adminNav) {
                    adminNav.style.display = (payload.user_type === "admin") ? "block" : "none";
                }
            } catch(e) {
                // token解析失败，按未登录处理
                showLoginState();
            }
        } else {
            // 未登录：显示登录/注册入口
            showLoginState();
        }
    }

    function showLoginState() {
        var triggerLabel = document.getElementById('trigger_label');
        var loginArea = document.getElementById('dropdown-login-area');
        var userArea = document.getElementById('dropdown-user-area');
        if (triggerLabel) triggerLabel.textContent = '登录 / 注册';
        if (loginArea) loginArea.style.display = 'block';
        if (userArea) userArea.style.display = 'none';
    }

    window.logout = function() {
        document.cookie = 'auth_token=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';
        window.location.reload();
    };

    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', updateAuthUI);
    } else {
        updateAuthUI();
    }
    setInterval(updateAuthUI, 3000);

    // 定时刷新询价车数量
    function updateInquiryCart() {
        // 未登录时不请求，避免401报错
        var token = document.cookie.replace(/(?:(?:^|.*;\s*)auth_token\s*\=\s*([^;]*).*$)|^.*$/, "$1");
        if (!token) return;
        fetch('/api/inquiry_cart.php', { credentials: 'include' })
            .then(function(r) { return r.json(); })
            .then(function(d) {
                if (d.code !== 200) return;
                var count = d.data ? d.data.count : 0;
                var badge = document.getElementById('inquiryCountBadge');
                if (badge) {
                    badge.textContent = count;
                    badge.style.display = count > 0 ? 'inline-block' : 'none';
                }
                var list = document.getElementById('inquiryCartList');
                if (list && d.data && d.data.items) {
                    if (d.data.items.length === 0) {
                        list.innerHTML = '<div class="inquiry-cart-empty">No products yet</div>';
                    } else {
                        var html = '';
                        d.data.items.forEach(function(item) {
                            html += '<div class="inquiry-cart-item" style="display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #f0f2f5;">' +
                                '<img src="' + (item.image_url || '/assets/images/products/default.jpg') + '" style="width:40px;height:40px;object-fit:cover;border-radius:4px;">' +
                                '<div style="flex:1;"><div style="font-size:13px;font-weight:500;">' + item.product_name + '</div><div style="font-size:12px;color:#888;">$' + parseFloat(item.price).toLocaleString() + '</div></div>' +
                                '</div>';
                        });
                        list.innerHTML = html;
                    }
                }
            })
            .catch(function() {});
    }
    updateInquiryCart();
    setInterval(updateInquiryCart, 30000);
})();
</script>
<style>
    #pdp_main { max-width: 1400px; margin: 0 auto; padding: 20px; }
    #pdp_breadcrumb { font-size: 14px; color: #666; margin-bottom: 20px; }
    #pdp_breadcrumb .sep { margin: 0 8px; color: #ccc; }
    #pdp_breadcrumb .current { color: #222; font-weight: 500; }
    .pdp-layout { display: flex; gap: 30px; margin-bottom: 30px; }
    .pdp-layout__media { width: 35%; }
    .pdp-layout__info { width: 35%; }
    .pdp-layout__sidebar { width: 30%; }

    .pdp-gallery__main { position: relative; margin-bottom: 15px; background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,0.04); }
    .pdp-gallery__main img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; display: block; }
    .pdp-gallery__thumbs { display: flex; gap: 10px; overflow-x: auto; padding-bottom: 5px; }
    .pdp-gallery__thumbs img { width: 70px; height: 70px; object-fit: cover; border-radius: 8px; cursor: pointer; border: 2px solid transparent; opacity: 0.6; transition: 0.2s; }
    .pdp-gallery__thumbs img.active { border-color: #d4af37; opacity: 1; }

    .pdp-info__title { font-size: 24px; font-weight: 700; margin-bottom: 16px; color: #1a1a1a; line-height: 1.4; }
    .pdp-info__price { margin-bottom: 10px; display: flex; align-items: baseline; gap: 8px; }
    .pdp-info__price-label { font-size: 16px; color: #666; }
    .pdp-info__price-value { color: #1a1a1a; font-size: 28px; font-weight: 700; }
    .pdp-info__price-currency { font-size: 14px; color: #888; margin-left: 4px; }
    .pdp-info__moq { margin-bottom: 18px; font-size: 16px; color: #666; }
    .pdp-info__moq-value { color: #1a1a1a; font-weight: 500; margin-left: 5px; }

    .pdp-specs-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 20px; }
    .pdp-specs-grid .spec-item { background: #f8f9fb; border-radius: 8px; padding: 10px 14px; display: flex; justify-content: space-between; font-size: 13px; }
    .pdp-specs-grid .spec-item strong { color: #5a6377; font-weight: 500; }
    .pdp-specs-grid .spec-item span { color: #1a1a1a; font-weight: 500; }

    .pdp-sidebar { position: sticky; top: 100px; background: #fff; padding: 24px; border-radius: 14px; box-shadow: 0 1px 4px rgba(0,0,0,0.03), 0 4px 12px rgba(0,0,0,0.04); display: flex; flex-direction: column; gap: 16px; }
    .pdp-sidebar__qty { display: flex; align-items: center; justify-content: center; }
    .pdp-sidebar__qty button { width: 36px; height: 36px; border: 1px solid #dde1e6; background: #fff; cursor: pointer; font-size: 18px; border-radius: 8px; }
    .pdp-sidebar__qty input { width: 70px; height: 36px; border: 1px solid #dde1e6; text-align: center; margin: 0 8px; border-radius: 8px; font-size: 14px; }
    .pdp-sidebar__btn { width: 100%; padding: 12px; border: none; border-radius: 8px; font-size: 15px; font-weight: 600; cursor: pointer; text-align: center; }
    .pdp-sidebar__btn--primary { background: #0f4c81; color: #fff; }
    .pdp-sidebar__btn--outline { background: #fff; color: #0f4c81; border: 1px solid #dde1e6; }
    .pdp-sidebar__supplier { display: flex; align-items: center; gap: 12px; padding-top: 16px; border-top: 1px solid #f0f2f5; }
    .pdp-sidebar__supplier img { width: 48px; height: 48px; border-radius: 12px; object-fit: cover; }
    .pdp-sidebar__supplier-name { font-size: 15px; font-weight: 600; color: #1a1a1a; }
    .pdp-sidebar__supplier-verified { display: inline-block; background: #d4af37; color: #fff; font-size: 10px; padding: 2px 8px; border-radius: 10px; margin-left: 8px; vertical-align: middle; }
    .pdp-sidebar__supplier-status { font-size: 12px; color: #2e7d32; margin-top: 4px; }

    .pdp-recommend { margin-top: 10px; }
    .pdp-recommend h4 { font-size: 15px; font-weight: 700; color: #1a1a1a; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 2px solid #d4af37; }
    .pdp-recommend-grid { display: flex; flex-direction: column; gap: 12px; }
    .pdp-recommend-item { display: flex; gap: 12px; padding: 8px; border-radius: 10px; cursor: pointer; transition: 0.2s; }
    .pdp-recommend-item:hover { background: #f8faff; }
    .pdp-recommend-item img { width: 64px; height: 64px; object-fit: cover; border-radius: 8px; flex-shrink: 0; }
    .pdp-recommend-item-info { flex: 1; }
    .pdp-recommend-item-title { font-size: 13px; font-weight: 500; color: #1a1a1a; margin-bottom: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .pdp-recommend-item-price { font-size: 15px; font-weight: 700; color: #1a1a1a; }

    .pdp-tabs { margin-top: 30px; background: #fff; border-radius: 14px; overflow: hidden; box-shadow: 0 1px 4px rgba(0,0,0,0.03); }
    .pdp-tabs__nav { display: flex; border-bottom: 1px solid #eef0f3; background: #f8f9fb; }
    .pdp-tabs__nav button { padding: 14px 24px; border: none; background: transparent; cursor: pointer; font-size: 14px; color: #5a6377; border-bottom: 3px solid transparent; transition: 0.2s; font-weight: 500; }
    .pdp-tabs__nav button.active { color: #0f4c81; border-bottom-color: #0f4c81; background: #fff; }
    .pdp-tabs__content { display: none; padding: 24px; line-height: 1.8; color: #333; font-size: 14px; }
    .pdp-tabs__content.active { display: block; }
    @media (max-width: 1024px) { .pdp-layout { flex-direction: column; } .pdp-layout__media, .pdp-layout__info, .pdp-layout__sidebar { width: 100%; } }
    .pdp-cert-section { margin: 16px 0; }
    .pdp-cert-title { font-size: 13px; font-weight: 600; color: #666; margin-bottom: 8px; }
    .pdp-cert-badges { display: flex; flex-wrap: wrap; gap: 6px; }
    .pdp-cert-badge {
        display: inline-flex; align-items: center; gap: 4px;
        padding: 5px 10px; border-radius: 20px; font-size: 11px; font-weight: 500;
        border: 1px solid #e0e0e0; background: #f5f5f5; color: #aaa;
    }
    .pdp-cert-badge.active {
        border-color: #d4af37; background: #fef9e7; color: #a68a2e;
    }

    /* 认证图标模块 */
    .pdp-cert-section { margin-bottom: 16px; }
    .pdp-cert-title { font-size: 13px; font-weight: 600; color: #666; margin-bottom: 8px; }
    .pdp-cert-badges { display: flex; flex-wrap: wrap; gap: 6px; }
    .pdp-cert-badge { 
        display: inline-flex; align-items: center; gap: 4px; 
        padding: 5px 10px; border-radius: 20px; font-size: 11px; font-weight: 500; 
        transition: all 0.2s; 
    }
    .pdp-cert-badge.active { 
        border: 2px solid #d4af37; background: #fef9e7; color: #a68a2e; 
    }
    .pdp-cert-badge.inactive { 
        border: 1px solid #e0e0e0; background: #fafafa; color: #bbb; 
    }

</style>

<main id="pdp_main">
    <nav id="pdp_breadcrumb">
        <span data-i18n="plp_breadcrumb_home">Home</span>
        <span class="sep">&gt;</span>
        <span id="crumb_category">—</span>
        <span class="sep">&gt;</span>
        <span class="current" id="pdp_crumb_product">—</span>
    </nav>

    <div class="pdp-layout">
        <div class="pdp-layout__media">
            <div class="pdp-gallery__main">
                <img src="/assets/images/products/default.jpg" alt="Product" id="pdp_main_img">
            </div>
            <div class="pdp-gallery__thumbs" id="pdp_gallery_thumbs"></div>
            <!-- 认证图标 -->
            <div class="pdp-cert-section" id="pdp_cert_section" style="display:none;">
                <div class="pdp-cert-title">🏅 Certifications</div>
                <div class="pdp-cert-badges" id="pdp_cert_badges"></div>
            </div>
        </div>

        <div class="pdp-layout__info">
            <h1 class="pdp-info__title" id="pdp_info_title">—</h1>
            <div class="pdp-specs-grid" id="pdp_info_specs"></div>
            <div class="pdp-info__price">
                <span class="pdp-info__price-label" data-i18n="pdp_info_label_price">Price:</span>
                <span class="pdp-info__price-value" id="pdp_info_price_value">—</span>
                <span class="pdp-info__price-currency" id="pdp_info_currency"></span>
            </div>
        <div class="pdp-info__bulk" id="pdp_bulk_discount" style="display:none;font-size:13px;color:#d4af37;margin-top:4px;"></div>
            <div class="pdp-info__moq">
                <span data-i18n="pdp_info_label_moq">MOQ:</span>
                <span class="pdp-info__moq-value" id="pdp_info_moq_value">—</span>
            </div>
        </div>

        <aside class="pdp-layout__sidebar pdp-sidebar">
            <div class="pdp-sidebar__qty">
                <button id="pdp_btn_qty_decrease">−</button>
                <input type="number" id="pdp_input_qty" value="1" min="1">
                <button id="pdp_btn_qty_increase">+</button>
            </div>
            <button class="pdp-sidebar__btn pdp-sidebar__btn--primary" id="pdp_btn_contact_supplier" data-i18n="pdp_btn_contact_supplier">Contact Supplier</button>
            <button class="pdp-sidebar__btn pdp-sidebar__btn--outline" id="pdp_btn_add_to_inquiry" data-i18n="pdp_btn_add_to_inquiry">Add to Inquiry Cart</button>
            <div class="pdp-sidebar__supplier" id="pdp_supplier_box">
                <img src="/assets/images/default-supplier.png" alt="Supplier" id="pdp_supplier_logo">
                <div>
                    <div class="pdp-sidebar__supplier-name" id="pdp_supplier_name">—</div>
                    <div class="pdp-sidebar__supplier-status" id="pdp_supplier_status">—</div>
                </div>
            </div>
            <div class="pdp-recommend">
                <h4 data-i18n="pdp_recommend_title">Other Recommendations</h4>
                <div class="pdp-recommend-grid" id="pdp_recommend_list"></div>
            </div>
        </aside>
    </div>

    <div class="pdp-tabs">
        <div class="pdp-tabs__nav">
            <button class="active" data-tab="desc" data-i18n="pdp_tab_btn_desc">Description</button>
            <button data-tab="specs" data-i18n="pdp_tab_btn_specs">Specifications</button>
            <button data-tab="reviews" data-i18n="pdp_tab_btn_reviews">Customer Reviews</button>
        </div>
        <div class="pdp-tabs__content active" id="tab_desc"><p>—</p></div>
        <div class="pdp-tabs__content" id="tab_specs"><p>—</p></div>
        <div class="pdp-tabs__content" id="tab_reviews"><p>—</p></div>
    </div>
</main>

<script>
// 获取当前语言（优先从 Cookie，其次从 i18next）
function getCurrentLang() {
    var match = document.cookie.match(/siteLang=([^;]+)/);
    if (match) return match[1];
    if (window.i18next && window.i18next.language) return window.i18next.language;
    return 'en';
}

// 根据当前语言从数据中取对应字段
function pickLang(d, field) {
    var lang = getCurrentLang();
    var suffix = '_' + lang; // 例如 '_zh_cn'
    var langVal = d[field + suffix];
    if (langVal && String(langVal).trim() !== '') return langVal;
    
    // 降级：取通用字段
    var defaultVal = d[field];
    return defaultVal || '';
}

// 规格 JSON 转 HTML
// 渲染认证图标（稳健版）
function renderCertifications(d) {
    var section = document.getElementById('pdp_cert_section');
    var badges = document.getElementById('pdp_cert_badges');
    if (!section || !badges) return;
    if (!d.certification_list || !d.certification_list.length) {
        section.style.display = 'none';
        return;
    }
    section.style.display = 'block';
    var html = '';
    // 高亮认证排前面
    var sorted = d.certification_list.slice().sort(function(a, b) {
        var aActive = (a.active === true || a.active === 'true' || a.active == 1);
        var bActive = (b.active === true || b.active === 'true' || b.active == 1);
        return (bActive ? 1 : 0) - (aActive ? 1 : 0);
    });
    sorted.forEach(function(cert) {
        var isActive = (cert.active === true || cert.active === 'true' || cert.active == 1);
        var cls = isActive ? 'active' : 'inactive';
        var icon = isActive ? '✅' : '';
        html += '<span class="pdp-cert-badge ' + cls + '">' + icon + ' ' + cert.name + '</span>';
    });
    badges.innerHTML = html;
}

function specsToHTML(specsStr) {
    try {
        var s = typeof specsStr === 'string' ? JSON.parse(specsStr) : specsStr;
        var html = '';
        Object.keys(s).forEach(function(k) {
            html += '<div class="pdp-specs-item"><span class="pdp-specs-label">' + k + '</span><span class="pdp-specs-value">' + s[k] + '</span></div>';
        });
        return html || '<p>—</p>';
    } catch(e) { return '<p>—</p>'; }
}

// 渲染产品详情
function renderProductDetail() {
    var p = new URLSearchParams(location.search);
    var id = p.get('id') || '1';
    
    fetch('/api/products/detail.php?id=' + id + '&lang=' + (document.documentElement.lang || 'en'))
        .then(function(r) { return r.json(); })
        .then(function(res) {
            if (res.code !== 200 || !res.data) return;
            var d = res.data;

            // 主图
            document.getElementById('pdp_main_img').src = (d.images && d.images.length) ? d.images[0] : '/assets/images/products/default.jpg';
            window._pdp_supplier_id = d.supplier_id;
            window._pdp_product_id = d.id;

            // 缩略图
            var thumbBox = document.getElementById('pdp_gallery_thumbs');
            if (thumbBox && d.images && d.images.length > 1) {
                var t = '';
                d.images.forEach(function(s, i) {
                    t += '<img src="' + s + '" data-src="' + s + '" class="' + (i===0?'active':'') + '" style="width:70px;height:70px;object-fit:cover;border-radius:8px;cursor:pointer;border:2px solid ' + (i===0?'#d4af37':'transparent') + ';opacity:' + (i===0?'1':'0.6') + ';">';
                });
                thumbBox.innerHTML = t;
            }

            // 标题
            var langSuffix = '_' + (document.documentElement.lang || 'en'); document.getElementById('pdp_info_title').innerText = d['title' + langSuffix] || d.title || 'Product';
            // 面包屑
            document.getElementById('pdp_crumb_product').innerText = d['title' + langSuffix] || d.title || 'Product';
            // 渲染认证图标
            renderCertifications(d);
            // 规格
            document.getElementById('pdp_info_specs').innerHTML = specsToHTML(d.specs || '{}');
            // 描述
            var descText = d['description_' + langSuffix] || d.description || '—'; document.getElementById('tab_desc').innerHTML = '<p style="white-space:pre-wrap">' + descText.replace(/\n/g, '<br>') + '</p>';
            // 规格 Tab
            document.getElementById('tab_specs').innerHTML = specsToHTML(d.specs || '{}');
            // 价格 / MOQ / 供应商
            document.getElementById('pdp_info_price_value').innerText = parseFloat(d.price_min || 0).toLocaleString();
            el = document.getElementById('pdp_bulk_discount'); if (el && d.moq_discount) { el.innerHTML = '🎯 <strong>批量优惠:</strong> ' + d.moq_discount; el.style.display = 'block'; }
            document.getElementById('pdp_info_currency').innerText = (d.currency || 'USD') + (d.unit ? ' / ' + d.unit : '');
            document.getElementById('pdp_info_moq_value').innerText = d.moq || '—';
            // 更新认证图标
            renderCertifications(d);

            var supplierName = d.company_name || d.supplier_name || '智闪汇科技';
            document.getElementById('pdp_supplier_name').innerText = supplierName;
            if (d.verified == 1) {
                document.getElementById('pdp_supplier_name').innerHTML = supplierName + '<span class="pdp-sidebar__supplier-verified">✅ Verified</span>';
                document.getElementById('pdp_supplier_status').innerText = '🟢 Online';
            }
        });
}

// 加载推荐产品
function loadRecommendations() {
    var container = document.getElementById('pdp_recommend_list');
    if (!container) return;
    var p = new URLSearchParams(location.search);
    var currentId = p.get('id') || '1';

    fetch('/api/products/list.php?page=1&limit=50&lang=' + (document.documentElement.lang || 'en'))
        .then(function(r) { return r.json(); })
        .then(function(d) {
            if (d.code !== 200 || !d.data || !d.data.list) return;
            var items = d.data.list.filter(function(item) { return String(item.id) !== String(currentId); }).slice(0, 4);
            if (items.length === 0) return;
            var html = '';
            items.forEach(function(item) {
                var img = (item.images && item.images.length) ? item.images[0] : '/assets/images/products/default.jpg';
                var itemTitle = item.title || '';  // 直接取，后端根据语言返回

                html += '<div class="pdp-recommend-item" onclick="location.href=\'/pages/product/product_detail.html?id=' + item.id + '\'">';
                html += '<img src="' + img + '" alt="">';
                html += '<div class="pdp-recommend-item-info">';
                html += '<div class="pdp-recommend-item-title">' + itemTitle + '</div>';
                html += '<div class="pdp-recommend-item-price">$' + parseFloat(item.price_min).toLocaleString() + '</div>';
                html += '</div></div>';
            });
            container.innerHTML = html;
        });
}

// 页面初始化
document.addEventListener('DOMContentLoaded', function() {
    renderProductDetail();
    loadRecommendations();

    document.querySelectorAll('.pdp-tabs__nav button').forEach(function(b) {
        b.addEventListener('click', function() {
            document.querySelectorAll('.pdp-tabs__nav button').forEach(function(x){ x.classList.remove('active'); });
            this.classList.add('active');
            var tabId = this.getAttribute('data-tab');
            document.querySelectorAll('.pdp-tabs__content').forEach(function(c){ c.classList.remove('active'); });
            document.getElementById('tab_' + tabId)?.classList.add('active');
        });
    });
});

// 缩略图切换
document.addEventListener('click', function(e) {
    if (e.target.matches('#pdp_gallery_thumbs img')) {
        document.querySelectorAll('#pdp_gallery_thumbs img').forEach(function(x){ x.classList.remove('active'); });
        e.target.classList.add('active');
        document.getElementById('pdp_main_img').src = e.target.getAttribute('data-src');
    }
});

// 数量按钮
document.getElementById('pdp_btn_qty_decrease')?.addEventListener('click', function(){ 
    var q = document.getElementById('pdp_input_qty'); 
    q.value = Math.max(1, parseInt(q.value) - 1); 
});
document.getElementById('pdp_btn_qty_increase')?.addEventListener('click', function(){ 
    var q = document.getElementById('pdp_input_qty'); 
    q.value = parseInt(q.value) + 1; 
});

// 语言切换时重新加载产品数据
document.addEventListener('i18n:languageChanged', function() {
    var langSuffix2 = '_' + (document.documentElement.lang || 'en');
    var p = new URLSearchParams(location.search);
    var id = p.get('id') || '1';
    fetch('/api/products/detail.php?id=' + id + '&lang=' + (document.documentElement.lang || 'en'))
        .then(function(r) { return r.json(); })
        .then(function(res) {
            if (res.code !== 200 || !res.data) return;
            var d = res.data;
            // 标题
            var langSuffix = '_' + (document.documentElement.lang || 'en'); document.getElementById('pdp_info_title').innerText = d['title' + langSuffix] || d.title || 'Product';
            document.getElementById('pdp_crumb_product').innerText = d['title' + langSuffix] || d.title || 'Product';
            // 渲染认证图标
            renderCertifications(d);
            // 规格
            document.getElementById('pdp_info_specs').innerHTML = specsToHTML(d.specs || '{}');
            document.getElementById('tab_specs').innerHTML = specsToHTML(d.specs || '{}');
            // 描述
            var descText = d['description_' + langSuffix] || d.description || '—'; document.getElementById('tab_desc').innerHTML = '<p style="white-space:pre-wrap">' + descText.replace(/\n/g, '<br>') + '</p>';
            // 价格
            document.getElementById('pdp_info_price_value').innerText = parseFloat(d.price_min || 0).toLocaleString();
            // MOQ
            document.getElementById('pdp_info_moq_value').innerText = d.moq || '—';
            // 更新认证图标
            renderCertifications(d);
            // 主图
            if (d.images && d.images.length) {
                document.getElementById('pdp_main_img').src = d.images[0];
            }
        });
    loadRecommendations();
});
// 询价车
document.getElementById("pdp_btn_add_to_inquiry")?.addEventListener("click", function() {
    var p = new URLSearchParams(location.search);
    var id = p.get('id') || '1';
    var title = document.getElementById('pdp_info_title')?.innerText || '';
    var price = parseFloat(document.getElementById('pdp_info_price_value')?.innerText.replace(/,/g, '') || '0');
    var supplier = window._pdp_supplier_id || 0;
    var img = document.getElementById('pdp_main_img')?.src || '';

    var token = document.cookie.replace(/(?:(?:^|.*;\s*)auth_token\s*\=\s*([^;]*).*$)|^.*$/, "$1");
    if (token) {
        // 已登录：提交到服务器
        fetch("/api/inquiry_cart.php", {
            method: "POST",
            headers: { "Content-Type": "application/json" },
            body: JSON.stringify({ product_id: id, product_name: title, price: price, supplier_id: supplier, image_url: img, quantity: 1 })
        })
        .then(function(r) { return r.json(); })
        .then(function(res) {
            if (res.code === 200) { alert(res.message || "Added to inquiry cart"); }
        });
    } else {
        // 未登录：存入本地存储
        var localCart = JSON.parse(localStorage.getItem('buyfreehub_guest_cart') || '{"count":0,"items":[]}');
        localCart.items.push({
            product_id: id,
            product_name: title,
            price: price,
            supplier_id: supplier,
            image_url: img,
            quantity: 1
        });
        localCart.count = localCart.items.length;
        localStorage.setItem('buyfreehub_guest_cart', JSON.stringify(localCart));
        alert("已添加到询价车（登录后可发送询价）");
        if (typeof updateInquiryCart === 'function') updateInquiryCart();
    }
});
</script>

</div><!-- /.main-content 结束 -->
<style>
    .footer { background: #2563eb; color: #fff; padding: 40px 0 20px; }
    .footer-content { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); gap:30px; }
    .footer-col h3 { color:#d4af37; font-size:18px; margin-bottom:15px; border-bottom:2px solid #d4af37; padding-bottom:5px; }
    .footer-col ul { list-style:none; }
    .footer-col ul li { margin-bottom:10px; cursor:pointer; font-size:14px; }
    .footer-col ul li:hover { color:#d4af37; }
    .footer-col ul li a { color:#fff; text-decoration:none; }
    .footer-bottom { text-align:center; padding-top:20px; border-top:1px solid rgba(255,255,255,0.1); font-size:14px; }
    .footer-bottom a { color:#d4af37; text-decoration:none; margin:0 8px; }
</style>

<!-- 页脚 -->
<div class="footer">
    <div class="footer-content">
        <div class="footer-col">
            <h3 id="about_title" data-i18n="about_title">关于我们</h3>
            <ul>
                <li><a id="about_platform" data-i18n="about_platform" href="/pages/about/about_us.html">平台介绍</a></li>
                <li><a id="about_history" data-i18n="about_history" href="/pages/about/about_us.html">发展历程</a></li>
                <li><a id="about_team" data-i18n="about_team" href="/pages/about/about_us.html">团队介绍</a></li>
                <li><a id="about_join" data-i18n="about_join" href="/pages/about/join.html">加入我们</a></li>
                <li><a id="about_contact" data-i18n="about_contact" href="/pages/about/contact-us.html">联系我们</a></li>
            </ul>
        </div>
        <div class="footer-col">
            <h3 id="buyer_title" data-i18n="buyer_title">买家服务</h3>
            <ul>
                <li><a id="buyer_join" data-i18n="buyer_join" href="/pages/register.html">买家入驻</a></li>
                <li><a id="buyer_demand" data-i18n="buyer_demand" href="/pages/rfq_list.html">发布需求</a></li>
                <li><a id="buyer_rights" data-i18n="buyer_rights" href="/pages/user_center.html">买家权益</a></li>
                <li><a id="buyer_guide" data-i18n="buyer_guide" href="/pages/user_center.html">买家指南</a></li>
                <li><a id="buyer_center" data-i18n="buyer_center" href="/pages/user_center.html">买家中心</a></li>
            </ul>
        </div>
        <div class="footer-col">
            <h3 id="seller_title" data-i18n="seller_title">卖家服务</h3>
            <ul>
                <li><a id="seller_join" data-i18n="seller_join" href="/pages/register.html">卖家入驻</a></li>
                <li><a id="seller_product" data-i18n="seller_product" href="/pages/user_center.html">发布产品</a></li>
                <li><a id="seller_market" data-i18n="seller_market" href="/pages/user_center.html">市场行情</a></li>
                <li><a id="seller_training" data-i18n="seller_training" href="/pages/user_center.html">卖家培训</a></li>
                <li><a id="seller_center" data-i18n="seller_center" href="/pages/user_center.html">卖家中心</a></li>
            </ul>
        </div>
        <div class="footer-col">
            <h3 id="help_title" data-i18n="help_title">帮助与支持</h3>
            <ul>
                <li><a id="help_faq" data-i18n="help_faq" href="/pages/legal.html">常见问题</a></li>
                <li><a id="help_rules" data-i18n="help_rules" href="/pages/legal.html">平台规则</a></li>
                <li><a id="help_complain" data-i18n="help_complain" href="/pages/legal.html">投诉反馈</a></li>
                <li><a id="service_logistic" data-i18n="service_logistic" href="/pages/logistic-zone.html">物流服务</a></li>
                <li><a id="service_finance" data-i18n="service_finance" href="/pages/user_center.html">金融服务</a></li>
            </ul>
        </div>
    </div>
          <!-- 政策与法规链接行 -->
      <div style="text-align:center; padding:16px 0; border-top:1px solid rgba(255,255,255,0.15);">
          <a id="footer_privacy" data-i18n="footer_privacy" href="/pages/privacy.html" style="color:#d4af37; text-decoration:none; margin:0 8px; font-size:13px;">隐私政策</a>
          <a id="footer_agreement" data-i18n="footer_agreement" href="/pages/user-terms.html" style="color:#d4af37; text-decoration:none; margin:0 8px; font-size:13px;">用户协议</a>
          <a id="footer_legal" data-i18n="footer_legal" href="/pages/legal.html" style="color:#d4af37; text-decoration:none; margin:0 8px; font-size:13px;">法律声明</a>
          <a id="footer_product_policy" data-i18n="footer_product_policy" href="/pages/product-policy.html" style="color:#d4af37; text-decoration:none; margin:0 8px; font-size:13px;">产品上架政策</a>
          <a id="footer_ip_policy" data-i18n="footer_ip_policy" href="/pages/ip-policy.html" style="color:#d4af37; text-decoration:none; margin:0 8px; font-size:13px;">知识产权保护</a>
          <a id="footer_terms" data-i18n="footer_terms" href="/pages/user-terms.html" style="color:#d4af37; text-decoration:none; margin:0 8px; font-size:13px;">使用条款</a>
          <a id="footer_compliance" data-i18n="footer_compliance" href="/pages/compliance.html" style="color:#d4af37; text-decoration:none; margin:0 8px; font-size:13px;">诚信合规</a>
          <a id="footer_sitemap" data-i18n="footer_sitemap" href="/pages/sitemap.html" style="color:#d4af37; text-decoration:none; margin:0 8px; font-size:13px;">网站地图</a>
      </div>
      <div class="footer-bottom">
          <p id="footer_copyright" data-i18n="footer_copyright">© 2024 BuyFreeHub.com 版权所有：智闪汇科技有限公司</p>
      </div>
</div>

<!-- 核心 JS 库（严格按此顺序） -->
<script src="/assets/js/i18next.min.js"></script>
<script src="/js/qrcode.min.js"></script>
<script src="/assets/js/i18n-init.js?v=2"></script>
<script src="/assets/js/global-modules.js"></script>
<!-- 业务插件 -->
<script src="/plugins/float-share/float-share.js" defer></script>
<script src="/plugins/float-toolbar/float-toolbar.js"></script>
<script src="/plugins/messenger/messenger.js"></script> 
<script src="/plugins/chat/chat.js" defer></script>
<script src="/plugins/mini_program/mini_program.js" defer></script>

<!-- 多语言切换按钮事件（保留原逻辑） -->
<script src="/assets/js/i18n-static.js"></script>
<script>
document.getElementById('langSelect').addEventListener('change', function() {
    window.global_lang_switch(this.value);
});
</script>
<!-- 全站入驻福利弹窗 双按钮版 -->
<div id="popupBox" style="display:none; position:fixed; top:25%; left:0; width:420px; max-height:80vh; background:#fff; border-radius:0 8px 8px 0; box-shadow:4px 0 20px rgba(0,0,0,0.15); z-index:99999; font-family:system-ui, sans-serif; flex-direction:column;">
<button id="popupClose" style="position:absolute; top:12px; right:12px; border:none; background:none; font-size:18px; cursor:pointer; color:#666; z-index:1;">&times;</button>

<div style="overflow-y:auto; flex:1; padding:24px 24px 0 24px;">
<div id="popupZH" class="popup-panel" style="display:none;">
<h3 style="margin:0 0 16px; font-size:18px; font-weight:600; color:#1a1a1a;">平台公告</h3>
<p style="margin:0 0 16px; font-size:14px; line-height:1.6; color:#333;">欢迎入驻 BuyFreeHub 全球跨境贸易服务平台</p>
<p style="margin:0 0 16px; font-size:14px; line-height:1.6; color:#333;">平台秉持普惠共赢经营理念，搭建专业顺畅的外贸对接渠道，助力各类经营主体顺畅联通全球市场。</p>
<p style="margin:0 0 12px; font-size:14px; line-height:1.6; color:#333; font-weight:500;">自即日起60天内，平台推出特别福利，在此期间注册和入驻的用户，享有以下特别权益：</p>
<ul style="margin:0 0 16px; padding-left:20px; font-size:14px; line-height:1.8; color:#333; list-style:none;">
<li style="margin-bottom:6px;">✅ 免费注册入驻，流程简洁便捷，快速开通线上经营商铺</li>
<li style="margin-bottom:6px;">✅ 供需双方自由对接，商务询盘与沟通交流全程无任何费用</li>
<li style="margin-bottom:6px;">✅ 各类合作订单达成交易，平台不收取任何交易服务佣金</li>
<li style="margin-bottom:6px;">✅ 入驻经营无年度会员费用、无平台入驻服务费，全程无额外隐性支出</li>
<li style="margin-bottom:6px;">✅ 依托多语种全域站点布局，高效匹配海内外双向商贸客源</li>
<li style="margin-bottom:6px;">✅ 汇聚海量海内外采购需求与正规商业招标信息，优质商业资源全面开放</li>
</ul>
<p style="margin:0 0 12px; font-size:14px; line-height:1.6; color:#333;">作为公平互通的全球化商贸对接枢纽，平台致力构建海内外双向贸易流通体系。既助力国内生产厂家、贸易商户等，把各类产品、技术、服务等远销全球各地；也助力全球各地源头厂商、产地供货商敞开入驻入口，让海外优质产品和特色货源，高效触达国内大型采购集团与实体采购市场。</p>
<p style="margin:0 0 12px; font-size:14px; line-height:1.6; color:#333;">全球商贸往来顺畅，双向供需市场潜力持续释放。即时入驻即可依托平台成熟全域渠道，跳过多层中间商，直接匹配精准合作客源，大幅压缩对接成本，实实在在拓宽经营渠道，稳固提升实际经营收益。</p>
<p style="margin:16px 0 0; text-align:right; font-size:12px; color:#666;">2026年5月20日</p>
</div>

<div id="popupEN" class="popup-panel" style="display:none;">
<h3 style="margin:0 0 16px; font-size:18px; font-weight:600; color:#1a1a1a;">Platform Notice</h3>
<p style="margin:0 0 16px; font-size:14px; line-height:1.6; color:#333;">Welcome to BuyFreeHub Global Cross-Border Trade Service Platform</p>
<p style="margin:0 0 16px; font-size:14px; line-height:1.6; color:#333;">Adhering to the concept of inclusive and win-win operation, the platform builds professional and smooth foreign trade docking channels to help all types of business entities connect to the global market seamlessly.</p>
<p style="margin:0 0 12px; font-size:14px; line-height:1.6; color:#333; font-weight:500;">Within 60 days from today, the platform launches special benefits. Users who register and settle during this period will enjoy the following exclusive rights:</p>
<ul style="margin:0 0 16px; padding-left:20px; font-size:14px; line-height:1.8; color:#333; list-style:none;">
<li style="margin-bottom:6px;">✅ Free registration and settlement, simple and convenient process, quickly open online business store</li>
<li style="margin-bottom:6px;">✅ Free docking between supply and demand parties, no fees for business inquiries and communication</li>
<li style="margin-bottom:6px;">✅ No transaction service commission charged by the platform for any cooperation orders</li>
<li style="margin-bottom:6px;">✅ No annual membership fee, no platform settlement service fee, no hidden charges during operation</li>
<li style="margin-bottom:6px;">✅ Efficiently match two-way business customers at home and abroad based on multilingual global site layout</li>
<li style="margin-bottom:6px;">✅ Gather massive domestic and foreign procurement demands and formal commercial bidding information, high-quality business resources are fully open</li>
</ul>
<p style="margin:0 0 12px; font-size:14px; line-height:1.6; color:#333;">As a fair and interconnected global business docking hub, the platform is committed to building a two-way trade circulation system at home and abroad. It not only helps domestic manufacturers and trade merchants sell various products, technologies and services to all over the world; but also opens the settlement entrance to global source manufacturers and origin suppliers, allowing high-quality overseas products and characteristic goods to efficiently reach large domestic procurement groups and entity procurement markets.</p>
<p style="margin:0 0 12px; font-size:14px; line-height:1.6; color:#333;">Global business exchanges are smooth, and the market potential of two-way supply and demand continues to release. Settling now allows you to rely on the platform's mature global channels, skip multiple intermediaries, directly match precise cooperative customers, greatly reduce docking costs, effectively expand business channels, and steadily improve actual operating income.</p>
<p style="margin:16px 0 0; text-align:right; font-size:12px; color:#666;">May 20, 2026</p>
</div>

<div id="popupAR" class="popup-panel" style="display:none; direction:rtl; text-align:right;">
<h3 style="margin:0 0 16px; font-size:18px; font-weight:600; color:#1a1a1a;">إعلان المنصة</h3>
<p style="margin:0 0 16px; font-size:14px; line-height:1.6; color:#333;">مرحبا بكم في منصة BuyFreeHub العالمية للتجارة عبر الحدود</p>
<p style="margin:0 0 16px; font-size:14px; line-height:1.6; color:#333;">تلتزم المنصة بمفهوم التشغيل الشامل والربحي، وتقوم ببناء قنوات اتصال تجارية خارجية مهنية وسلسة لمساعدة جميع أنواع الكيانات التجارية على الاتصال بالسوق العالمي بسلاسة.</p>
<p style="margin:0 0 12px; font-size:14px; line-height:1.6; color:#333; font-weight:500;">خلال 60 يوماً من اليوم، تطلق المنصة مزايا خاصة. سيتمتع المستخدمون الذين يسجلون وينضمون خلال هذه الفترة بالحقوق الحصرية التالية:</p>
<ul style="margin:0 0 16px; padding-right:20px; font-size:14px; line-height:1.8; color:#333; list-style:none;">
<li style="margin-bottom:6px;">✅ تسجيل وإنضمام مجاني، عملية بسيطة ومريحة، افتح متجر تجاري عبر الإنترنت بسرعة</li>
<li style="margin-bottom:6px;">✅ اتصال حر بين طرفي العرض والطلب، لا رسوم على الاستفسارات التجارية والتواصل</li>
<li style="margin-bottom:6px;">✅ لا تفرض المنصة عمولة خدمة معاملات على أي أوامر تعاون</li>
<li style="margin-bottom:6px;">✅ لا رسوم عضوية سنوية، لا رسوم خدمة إنضمام للمنصة، لا رسوم خفية أثناء التشغيل</li>
<li style="margin-bottom:6px;">✅ مطابقة فعالة للعملاء التجاريين ثنائيي الاتجاه في الداخل والخارج بناءً على تخطيط المواقع العالمية متعددة اللغات</li>
<li style="margin-bottom:6px;">✅ تجمع طلبات الشراء المحلية والأجنبية الضخمة ومعلومات العطاءات التجارية الرسمية، والموارد التجارية عالية الجودة مفتوحة بالكامل</li>
</ul>
<p style="margin:0 0 12px; font-size:14px; line-height:1.6; color:#333;">بصفتها مركز اتصال تجاري عالمي عادل ومترابط، تلتزم المنصة ببناء نظام تداول تجاري ثنائي الاتجاه في الداخل والخارج. فهي لا تساعد فقط المصنعين المحليين والتجار على بيع المنتجات والتقنيات والخدمات المختلفة إلى جميع أنحاء العالم؛ بل تفتح أيضاً باب الإنضمام للمصنعين المصدرين والموردين الأصليين في جميع أنحاء العالم، مما يسمح للمنتجات الأجنبية عالية الجودة والبضائع المميزة بالوصول بكفاءة إلى مجموعات الشراء الكبيرة المحلية وأسواق الشراء الفعلية.</p>
<p style="margin:0 0 12px; font-size:14px; line-height:1.6; color:#333;">التبادل التجاري العالمي سلس، وإمكانات السوق للعرض والطلب ثنائيي الاتجاه تستمر في الازدياد. الإنضمام الآن يسمح لك بالاعتماد على القنوات العالمية الناضجة للمنصة، وتخطي الوسطاء المتعددين، ومطابقة العملاء المتعاونين الدقيقين مباشرة، وتقليل تكاليف الربط بشكل كبير، وتوسيع قنوات الأعمال بشكل فعال، وتحسين الدخل التشغيلي الفعلي بشكل مستقر.</p>
<p style="margin:16px 0 0; text-align:left; font-size:12px; color:#666;">20 مايو 2026</p>
</div>
</div>

<!-- 底部按钮区：双按钮 -->
<div style="padding:12px 24px 16px 24px; border-top:1px solid #f0f0f0; background:#fff;">
    <div style="display:flex; gap:12px; justify-content:center; margin-bottom:10px;">
        <button class="popupRegBtn" style="padding:10px 24px; background:#165DFF; color:#fff; border:none; border-radius:4px; font-size:14px; font-weight:500; cursor:pointer;" data-lang-key="login_form_register_link">立即注册入驻</button>
        <button class="popupNeverBtn" style="padding:10px 24px; background:#f5f5f5; color:#333; border:none; border-radius:4px; font-size:14px; cursor:pointer;" data-lang-key="popup_hide_today">今日不再提示</button>
    </div>
</div>
</div>

<script>
// 强制清除测试期间的localStorage记录，确保弹窗能正常出现

(function() {
    function showLangPanel() {
        var lang = document.documentElement.lang || 'en';
        var map = { 'zh': 'ZH', 'zh_cn': 'ZH', 'en': 'EN', 'ar': 'AR' };
        var target = map[lang] || 'EN';
        ['ZH','EN','AR'].forEach(function(l) {
            var el = document.getElementById('popup' + l);
            if (el) el.style.display = (l === target) ? 'block' : 'none';
        });
    }

    function bindButtons() {
        var box = document.getElementById('popupBox');
        if (!box || box.__bound) return;
        box.__bound = true;

        // 关闭按钮
        document.getElementById('popupClose').onclick = function() { box.style.display = 'none'; };
        
        // 今日不再提示
        var nevers = box.querySelectorAll('.popupNeverBtn');
        for (var i = 0; i < nevers.length; i++) {
            nevers[i].onclick = function() {
                localStorage.setItem('popup_hide_date', new Date().toDateString());
                box.style.display = 'none';
            };
        }
        
        // 立即注册
        var regs = box.querySelectorAll('.popupRegBtn');
        for (var i = 0; i < regs.length; i++) {
            regs[i].onclick = function() {
                window.location.href = '/pages/register.html';
            };
        }
    }

    // 7秒后弹窗
    setTimeout(function() {
        var box = document.getElementById('popupBox');
        if (!box) return;
        if (localStorage.getItem('popup_hide_date') === new Date().toDateString()) return;

        showLangPanel();
        bindButtons();
        box.style.display = 'flex';
    }, 7000);

    // 监听语言切换事件
    document.addEventListener('i18n:languageChanged', function() {
        showLangPanel();
    });
})();
</script>

<script>
(function() {
    if (document.cookie.indexOf("auth_token=") !== -1) {
        fetch("/api/points/check_online.php").catch(function() {});
    }
})();
</script>
</body>
</html>