<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>曾食记 — 肉类数据库与行情平台</title>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/remixicon@4.1.0/fonts/remixicon.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
    <style>
        :root {
            --primary: #e63946;
            --primary-light: #ff6b6b;
            --primary-dark: #c1121f;
            --accent: #f4a261;
            --accent-light: #ffd166;
            --success: #2a9d8f;
            --success-light: #52b788;
            --info: #457b9d;
            --warning: #e9c46a;
            --danger: #e63946;
            --bg-primary: #f8f9fa;
            --bg-secondary: #ffffff;
            --bg-tertiary: #f0f1f3;
            --bg-card: #ffffff;
            --text-primary: #1a1a2e;
            --text-secondary: #555e6e;
            --text-muted: #8d96a5;
            --border-color: rgba(0,0,0,0.08);
            --border-active: rgba(230, 57, 70, 0.3);
            --shadow-sm: 0 2px 8px rgba(0,0,0,0.06);
            --shadow-md: 0 4px 20px rgba(0,0,0,0.08);
            --shadow-lg: 0 8px 40px rgba(0,0,0,0.1);
            --radius-sm: 8px;
            --radius-md: 12px;
            --radius-lg: 16px;
            --radius-xl: 24px;
            --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            --font-cn: 'Noto Sans SC', 'Inter', sans-serif;
            --font-en: 'Inter', sans-serif;
        }
        *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
        html { scroll-behavior: smooth; }
        body { font-family: var(--font-cn); background: var(--bg-primary); color: var(--text-primary); line-height: 1.6; }
        a { text-decoration: none; color: inherit; }
        button { font-family: inherit; cursor: pointer; border: none; outline: none; }
        input, select { font-family: inherit; outline: none; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 10px 14px; transition: var(--transition); }
        input:focus, select:focus { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(230,57,70,0.1); }
        
        /* Header */
        .header { background: var(--bg-secondary); box-shadow: var(--shadow-sm); position: sticky; top: 0; z-index: 1000; }
        .header-inner { max-width: 1400px; margin: 0 auto; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; height: 64px; }
        .logo { display: flex; align-items: center; gap: 12px; font-weight: 700; font-size: 1.25rem; color: var(--primary); }
        .logo-icon { display: none; }
        .nav-logo-img { height: 44px; width: auto; object-fit: contain; display: block; }
        .nav { display: flex; align-items: center; gap: 8px; }
        .nav-link { padding: 8px 16px; border-radius: var(--radius-sm); color: var(--text-secondary); font-weight: 500; transition: var(--transition); }
        .nav-link:hover, .nav-link.active { background: rgba(230,57,70,0.08); color: var(--primary); }
        .header-actions { display: flex; align-items: center; gap: 12px; }
        .btn { padding: 10px 20px; border-radius: var(--radius-sm); font-weight: 600; transition: var(--transition); display: inline-flex; align-items: center; gap: 8px; }
        .btn-primary { background: var(--primary); color: white; }
        .btn-primary:hover { background: var(--primary-dark); transform: translateY(-1px); }
        .btn-outline { border: 2px solid var(--primary); color: var(--primary); background: transparent; }
        .btn-outline:hover { background: var(--primary); color: white; }
        .btn-success { background: var(--success); color: white; }
        .btn-success:hover { background: var(--success-light); }
        .btn-sm { padding: 6px 12px; font-size: 0.875rem; }
        .btn-danger { background: var(--primary); color: white; }
        
        /* User Dropdown */
        .user-dropdown { position: relative; }
        .user-avatar { width: 36px; height: 36px; border-radius: 50%; background: linear-gradient(135deg, var(--primary), var(--accent)); color: white; display: flex; align-items: center; justify-content: center; font-weight: 600; cursor: pointer; transition: var(--transition); }
        .user-avatar:hover { transform: scale(1.05); }
        .dropdown-menu { position: absolute; top: calc(100% + 8px); right: 0; background: var(--bg-secondary); border-radius: var(--radius-md); box-shadow: var(--shadow-lg); min-width: 200px; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: var(--transition); }
        .dropdown-menu.show { opacity: 1; visibility: visible; transform: translateY(0); }
        .dropdown-item { display: flex; align-items: center; gap: 10px; padding: 12px 16px; color: var(--text-secondary); transition: var(--transition); }
        .dropdown-item:hover { background: var(--bg-tertiary); color: var(--text-primary); }
        .dropdown-divider { height: 1px; background: var(--border-color); margin: 4px 0; }
        .admin-badge { background: var(--primary); color: white; font-size: 0.7rem; padding: 2px 6px; border-radius: 4px; margin-left: 6px; }
        
        /* Main Content */
        .main { max-width: 1400px; margin: 0 auto; padding: 32px 24px; }
        
        /* Hero Section */
        .hero { text-align: center; padding: 48px 0; }
        .hero h1 { font-size: 2.5rem; font-weight: 800; margin-bottom: 16px; background: linear-gradient(135deg, var(--primary), var(--accent)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
        .hero p { font-size: 1.125rem; color: var(--text-secondary); max-width: 600px; margin: 0 auto; }
        
        /* Stats Cards */
        .stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-bottom: 40px; }
        .stat-card { background: var(--bg-card); border-radius: var(--radius-lg); padding: 24px; box-shadow: var(--shadow-md); text-align: center; transition: var(--transition); }
        .stat-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
        .stat-icon { width: 48px; height: 48px; margin: 0 auto 12px; border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; font-size: 1.5rem; }
        
        /* 价格卡片悬停效果 */
        .price-card-hover:hover {
            filter: brightness(0.95);
            background: rgba(46, 204, 113, 0.15) !important;
        }
        
        /* 图表部位选择按钮 */
        .chart-part-btn:hover {
            border-color: var(--primary) !important;
            color: var(--primary) !important;
        }
        .stat-value { font-size: 1.75rem; font-weight: 700; color: var(--text-primary); }
        .stat-label { font-size: 0.875rem; color: var(--text-muted); margin-top: 4px; }
        
        /* Feature Cards Grid */
        .cards-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-bottom: 40px; }
        .feature-card { background: var(--bg-card); border-radius: var(--radius-lg); padding: 24px; box-shadow: var(--shadow-md); cursor: pointer; transition: var(--transition); border: 2px solid transparent; }
        .feature-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); border-color: var(--primary); }
        .feature-card .card-icon { width: 56px; height: 56px; margin-bottom: 16px; border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; font-size: 1.75rem; }
        .feature-card h3 { font-size: 1.125rem; font-weight: 600; margin-bottom: 8px; }
        .feature-card p { font-size: 0.875rem; color: var(--text-muted); }
        
        /* Page Sections */
        .page-section { display: none; }
        .page-section.active { display: block; }
        .section-title { font-size: 1.75rem; font-weight: 700; margin-bottom: 24px; display: flex; align-items: center; gap: 12px; }
        .section-title i { color: var(--primary); }
        
        /* Alert Box */
        .alert { padding: 16px 20px; border-radius: var(--radius-md); margin-bottom: 24px; display: flex; align-items: center; gap: 12px; }
        .alert-info { background: rgba(69,123,157,0.1); border-left: 4px solid var(--info); color: var(--info); }
        .alert-warning { background: rgba(233,196,106,0.15); border-left: 4px solid var(--warning); color: #b8860b; }
        .alert-danger { background: rgba(230,57,70,0.1); border-left: 4px solid var(--danger); color: var(--danger); }
        .alert-success { background: rgba(42,157,143,0.1); border-left: 4px solid var(--success); color: var(--success); }
        
        /* Cards */
        .card { background: var(--bg-card); border-radius: var(--radius-lg); box-shadow: var(--shadow-md); overflow: hidden; }
        .card-header { padding: 16px 20px; border-bottom: 1px solid var(--border-color); display: flex; align-items: center; justify-content: space-between; }
        .card-title { font-size: 1.125rem; font-weight: 600; display: flex; align-items: center; gap: 8px; }
        .card-body { padding: 20px; }
        
        /* Tables */
        .table-wrapper { overflow-x: auto; }
        table { width: 100%; border-collapse: collapse; }
        th, td { padding: 12px 16px; text-align: left; border-bottom: 1px solid var(--border-color); }
        th { background: var(--bg-tertiary); font-weight: 600; color: var(--text-secondary); font-size: 0.875rem; }
        tr:hover { background: var(--bg-tertiary); }
        td.number { font-family: var(--font-en); text-align: right; }
        
        /* Progress Bar */
        .progress { height: 24px; background: var(--bg-tertiary); border-radius: 12px; overflow: hidden; position: relative; }
        .progress-bar { height: 100%; border-radius: 12px; transition: width 0.5s ease; display: flex; align-items: center; justify-content: center; color: white; font-size: 0.75rem; font-weight: 600; }
        .progress-low { background: linear-gradient(90deg, var(--success), var(--success-light)); }
        .progress-medium { background: linear-gradient(90deg, var(--warning), var(--accent)); }
        .progress-high { background: linear-gradient(90deg, var(--danger), var(--primary-light)); }
        
        /* Quota Cards */
        .quota-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }
        .quota-card { background: var(--bg-card); border-radius: var(--radius-lg); padding: 20px; box-shadow: var(--shadow-md); text-align: center; }
        .quota-header { margin-bottom: 16px; }
        .quota-flag { font-size: 2rem; display: block; margin-bottom: 8px; }
        .quota-name { font-size: 1.125rem; font-weight: 600; }
        .quota-type { font-size: 0.75rem; color: var(--text-muted); }
        .quota-progress { margin-bottom: 16px; }
        .quota-percent { font-size: 1.5rem; font-weight: 700; margin-bottom: 4px; }
        .quota-label { font-size: 0.75rem; color: var(--text-muted); }
        .quota-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
        .quota-stat { padding: 10px; background: var(--bg-tertiary); border-radius: var(--radius-sm); }
        .quota-stat-value { font-size: 1rem; font-weight: 700; font-family: var(--font-en); }
        .quota-stat-label { font-size: 0.65rem; color: var(--text-muted); }
        .factory-badge { display: inline-block; background: var(--primary); color: white; font-size: 0.7rem; padding: 2px 6px; border-radius: 4px; margin-right: 4px; }
        
        /* Calculator */
        .calc-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
        .calc-group { margin-bottom: 20px; }
        .calc-group label { display: block; font-weight: 500; margin-bottom: 8px; color: var(--text-secondary); font-size: 0.875rem; }
        .calc-group input, .calc-group select { width: 100%; }
        .calc-result { background: var(--bg-tertiary); padding: 20px; border-radius: var(--radius-md); text-align: center; }
        .calc-result-label { font-size: 0.875rem; color: var(--text-muted); margin-bottom: 4px; }
        .calc-result-value { font-size: 1.75rem; font-weight: 700; color: var(--primary); font-family: var(--font-en); }
        .calc-result-unit { font-size: 0.875rem; color: var(--text-muted); }
        
        /* Price Cards */
        .price-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
        .price-card { background: var(--bg-tertiary); padding: 20px; border-radius: var(--radius-md); text-align: center; }
        .price-card-label { font-size: 0.875rem; color: var(--text-muted); margin-bottom: 8px; }
        .price-card-value { font-size: 1.75rem; font-weight: 700; font-family: var(--font-en); }
        .price-card-unit { font-size: 0.75rem; color: var(--text-muted); }
        .price-card-cn { font-size: 0.75rem; color: var(--text-muted); margin-top: 4px; }
        
        /* Decision Analysis */
        .analysis-header { background: linear-gradient(135deg, var(--primary), var(--accent)); color: white; padding: 32px; border-radius: var(--radius-lg); margin-bottom: 24px; text-align: center; }
        .analysis-header h2 { font-size: 1.75rem; margin-bottom: 8px; }
        .analysis-header p { opacity: 0.9; }
        .analysis-score { font-size: 4rem; font-weight: 800; margin: 16px 0; }
        .analysis-score-label { font-size: 1rem; opacity: 0.9; }
        .score-bar { height: 12px; background: rgba(255,255,255,0.3); border-radius: 6px; overflow: hidden; margin: 20px auto; max-width: 400px; }
        .score-bar-fill { height: 100%; background: white; border-radius: 6px; transition: width 0.5s ease; }
        
        .analysis-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
        .analysis-card { background: var(--bg-card); border-radius: var(--radius-lg); padding: 24px; box-shadow: var(--shadow-md); }
        .analysis-card-title { font-size: 1.125rem; font-weight: 600; margin-bottom: 16px; display: flex; align-items: center; gap: 8px; }
        .analysis-item { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--border-color); }
        
        /* Price Alerts */
        .alert-list { display: flex; flex-direction: column; gap: 12px; }
        .alert-item { display: flex; justify-content: space-between; align-items: center; padding: 16px; background: var(--bg-tertiary); border-radius: var(--radius-md); border-left: 4px solid var(--primary); }
        .alert-item.triggered { border-left-color: var(--danger); background: rgba(230,57,70,0.1); }
        .alert-item-info { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
        .alert-item-info strong { font-size: 1rem; }
        .alert-item-info span { font-size: 0.85rem; color: var(--text-muted); }
        .alert-type { background: var(--bg-card); padding: 2px 8px; border-radius: 4px; }
        .alert-item-status { display: flex; align-items: center; gap: 12px; }
        .alert-badge { padding: 4px 12px; border-radius: 20px; font-size: 0.75rem; background: var(--bg-card); color: var(--text-muted); }
        .alert-badge.alert-triggered { background: var(--danger); color: white; }
        .alert-item.triggered .alert-badge { background: var(--danger); color: white; }
        .analysis-item:last-child { border-bottom: none; }
        .analysis-item-label { color: var(--text-secondary); }
        .analysis-item-value { font-weight: 600; font-family: var(--font-en); }
        .analysis-badge { padding: 4px 12px; border-radius: 20px; font-size: 0.75rem; font-weight: 600; }
        .badge-good { background: rgba(42,157,143,0.15); color: var(--success); }
        .badge-medium { background: rgba(233,196,106,0.15); color: #b8860b; }
        .badge-bad { background: rgba(230,57,70,0.1); color: var(--danger); }
        
        .strategy-table { width: 100%; }
        .strategy-table th, .strategy-table td { padding: 16px; text-align: left; border-bottom: 1px solid var(--border-color); }
        .strategy-table th { background: var(--bg-tertiary); }
        .strategy-tag { display: inline-block; padding: 4px 12px; border-radius: 20px; font-size: 0.75rem; font-weight: 600; margin-right: 8px; }
        
        /* News Section */
        .news-section { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
        .news-column { background: var(--bg-card); border-radius: var(--radius-lg); padding: 20px; box-shadow: var(--shadow-md); }
        .news-column-header { display: flex; align-items: center; gap: 10px; font-size: 1.125rem; font-weight: 600; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 2px solid var(--border-color); }
        .news-column-header.import { border-bottom-color: var(--primary); }
        .news-column-header.domestic { border-bottom-color: var(--success); }
        .news-item { padding: 16px; background: var(--bg-tertiary); border-radius: var(--radius-sm); margin-bottom: 12px; border-left: 4px solid var(--info); }
        .news-item.warning { border-left-color: var(--warning); }
        .news-item.danger { border-left-color: var(--danger); }
        .news-item.success { border-left-color: var(--success); }
        .news-item-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
        .news-item-title { font-weight: 600; font-size: 0.95rem; }
        .news-item-date { font-size: 0.75rem; color: var(--text-muted); }
        .news-item-content { font-size: 0.875rem; color: var(--text-secondary); line-height: 1.5; }
        .news-item-source { font-size: 0.75rem; color: var(--text-muted); margin-top: 8px; }
        
        /* Traders */
        .trader-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 20px; }
        .trader-card { background: var(--bg-card); border-radius: var(--radius-lg); padding: 24px; box-shadow: var(--shadow-md); }
        .trader-header { display: flex; align-items: center; gap: 16px; margin-bottom: 16px; }
        .trader-logo { width: 60px; height: 60px; background: linear-gradient(135deg, var(--primary), var(--accent)); border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; color: white; font-size: 1.5rem; font-weight: 700; }
        .trader-info h4 { font-size: 1.125rem; font-weight: 600; }
        .trader-info span { font-size: 0.875rem; color: var(--text-muted); }
        .trader-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
        .trader-stat { text-align: center; padding: 12px; background: var(--bg-tertiary); border-radius: var(--radius-sm); }
        .trader-stat-value { font-size: 1.25rem; font-weight: 700; font-family: var(--font-en); }
        .trader-stat-label { font-size: 0.75rem; color: var(--text-muted); }
        .trader-products { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
        .trader-product { padding: 4px 10px; background: var(--bg-tertiary); border-radius: 20px; font-size: 0.75rem; }
        .trader-contact { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--border-color); }
        .trader-contact-item { display: flex; align-items: center; gap: 8px; font-size: 0.8rem; color: var(--text-muted); margin-bottom: 6px; }
        .trader-contact-item i { color: var(--primary); }
        .trader-header { position: relative; }
        .fav-btn { position: absolute; top: 0; right: 0; background: none; border: none; font-size: 1.25rem; color: var(--text-muted); cursor: pointer; padding: 4px; transition: all 0.2s; }
        .fav-btn:hover { transform: scale(1.1); }
        .fav-btn.active { color: var(--danger); }
        
        /* Comparison Table */
        .comparison-section { background: var(--bg-card); border-radius: var(--radius-lg); padding: 24px; box-shadow: var(--shadow-md); }
        .comparison-header { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 24px; }
        .comparison-country { padding: 20px; border-radius: var(--radius-md); text-align: center; }
        .comparison-country.cn { background: linear-gradient(135deg, #e63946, #c1121f); color: white; }
        .comparison-country.br { background: linear-gradient(135deg, #009c3b, #002776); color: white; }
        .comparison-country h3 { font-size: 1.5rem; margin-bottom: 4px; }
        .comparison-country p { opacity: 0.9; }
        .comparison-table { width: 100%; }
        .comparison-table th { background: var(--bg-tertiary); font-weight: 600; padding: 12px; text-align: left; }
        .comparison-table td { padding: 12px; border-bottom: 1px solid var(--border-color); }
        .comparison-table .cn-price { color: var(--primary); font-weight: 700; }
        .comparison-table .br-price { color: var(--success); font-weight: 700; }
        .comparison-table .diff { color: var(--text-muted); font-size: 0.875rem; }
        .comparison-table .avg-price { color: var(--info); font-weight: 700; }
        .comparison-table .min-price { color: var(--success); }
        .comparison-table .max-price { color: var(--danger); }
        
        /* Modal */
        .modal-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; z-index: 2000; opacity: 0; visibility: hidden; transition: var(--transition); }
        .modal-overlay.show { opacity: 1; visibility: visible; }
        .modal { background: var(--bg-secondary); border-radius: var(--radius-lg); width: 90%; max-width: 400px; transform: translateY(-20px); transition: var(--transition); }
        .modal.show { transform: translateY(0); }
        .modal-header { padding: 20px; border-bottom: 1px solid var(--border-color); display: flex; justify-content: space-between; align-items: center; }
        .modal-title { font-size: 1.25rem; font-weight: 600; }
        .modal-close { width: 32px; height: 32px; border-radius: 50%; background: var(--bg-tertiary); display: flex; align-items: center; justify-content: center; transition: var(--transition); }
        .modal-close:hover { background: var(--danger); color: white; }
        .modal-body { padding: 20px; }
        .modal-footer { padding: 20px; border-top: 1px solid var(--border-color); display: flex; gap: 12px; justify-content: flex-end; }
        .form-group { margin-bottom: 16px; }
        .form-group label { display: block; font-weight: 500; margin-bottom: 8px; }
        .form-group input, .form-group select { width: 100%; }
        
        /* Toast */
        .toast-container { position: fixed; top: 80px; right: 24px; z-index: 3000; display: flex; flex-direction: column; gap: 8px; }
        .toast { padding: 12px 20px; border-radius: var(--radius-sm); background: var(--bg-secondary); box-shadow: var(--shadow-lg); display: flex; align-items: center; gap: 10px; animation: slideIn 0.3s ease; }
        .toast.success { border-left: 4px solid var(--success); }
        .toast.error { border-left: 4px solid var(--danger); }
        .toast.info { border-left: 4px solid var(--info); }
        @keyframes slideIn { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
        
        /* Lock Screen */
        .lock-screen { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8); display: flex; align-items: center; justify-content: center; z-index: 1500; }
        .lock-content { background: var(--bg-secondary); padding: 40px; border-radius: var(--radius-lg); text-align: center; max-width: 400px; }
        .lock-icon { width: 80px; height: 80px; margin: 0 auto 20px; background: linear-gradient(135deg, var(--primary), var(--accent)); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 2rem; }
        .lock-content h3 { font-size: 1.5rem; margin-bottom: 8px; }
        .lock-content p { color: var(--text-muted); margin-bottom: 24px; }
        
        /* Responsive */
        @media (max-width: 768px) {
            .stats-grid { grid-template-columns: repeat(2, 1fr); }
            .cards-grid { grid-template-columns: repeat(2, 1fr); }
            .analysis-grid { grid-template-columns: 1fr; }
            .quota-grid { grid-template-columns: repeat(2, 1fr); }
            .calc-grid { grid-template-columns: 1fr; }
            .price-grid { grid-template-columns: repeat(2, 1fr); }
            .news-section { grid-template-columns: 1fr; }
            .comparison-header { grid-template-columns: 1fr; }
            .nav { display: none; }
        }
        
        /* Update Time */
        .update-time { font-size: 0.75rem; color: var(--text-muted); text-align: right; margin-bottom: 16px; }
        
        /* Advantage Tag */
        .advantage-tag { display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 0.7rem; font-weight: 600; }
        .advantage-tag.up { background: rgba(230,57,70,0.1); color: var(--danger); }
        .advantage-tag.down { background: rgba(42,157,143,0.1); color: var(--success); }
        
        /* Two Column Layout */
        .two-column { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
        .column-card { background: var(--bg-card); border-radius: var(--radius-lg); padding: 24px; box-shadow: var(--shadow-md); }
        .column-header { display: flex; align-items: center; gap: 10px; font-size: 1.25rem; font-weight: 600; margin-bottom: 20px; padding-bottom: 12px; border-bottom: 3px solid var(--border-color); }
        .column-header.cn { border-bottom-color: var(--primary); }
        .column-header.br { border-bottom-color: var(--success); }
        
        /* Home Redesign - Clean & Professional */
        .home-hero {
            background: linear-gradient(135deg, #fff5f5 0%, #fff0e6 50%, #f0fff4 100%);
            border-radius: var(--radius-xl);
            padding: 32px 40px;
            margin-bottom: 32px;
            border: 2px solid rgba(230,57,70,0.1);
            position: relative;
            overflow: hidden;
        }
        .home-hero::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(230,57,70,0.03) 0%, transparent 70%);
            animation: pulse 4s ease-in-out infinite;
        }
        @keyframes pulse {
            0%, 100% { transform: scale(1); opacity: 0.5; }
            50% { transform: scale(1.1); opacity: 1; }
        }
        .home-hero-content {
            position: relative;
            z-index: 1;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }
        .home-hero-badge {
            display: inline-block;
            background: linear-gradient(135deg, var(--primary), var(--accent));
            color: white;
            padding: 4px 14px;
            border-radius: 20px;
            font-size: 0.75rem;
            font-weight: 500;
            margin-bottom: 16px;
        }
        .hero-logo-title {
            display: flex;
            align-items: center;
            gap: 24px;
        }
        .hero-logo {
            height: 70px;
            width: auto;
        }
        .hero-title-text h1 {
            font-size: 2rem;
            font-weight: 800;
            margin: 0 0 8px 0;
            letter-spacing: -0.5px;
            color: var(--text-primary);
        }
        .hero-title-text p {
            font-size: 1rem;
            color: var(--text-secondary);
            margin: 0;
        }
        .home-hero h1 {
            font-size: 2.5rem;
            font-weight: 900;
            margin-bottom: 12px;
            letter-spacing: -1px;
            background: linear-gradient(135deg, var(--primary), var(--primary-dark));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .home-hero p {
            font-size: 1.1rem;
            color: var(--text-secondary);
            font-weight: 500;
        }
        .home-hero .tagline {
            display: inline-flex;
            align-items: center;
            gap: 16px;
            background: rgba(255,255,255,0.8);
            backdrop-filter: blur(10px);
            padding: 10px 20px;
            border-radius: 24px;
            margin-top: 20px;
            font-size: 0.9rem;
            color: var(--text-secondary);
        }
        .home-hero .tagline i {
            font-size: 1rem;
        }
        .home-hero .highlight {
            color: var(--primary);
            font-weight: 600;
        }
        
        /* Quick Stats Bar */
        /* Quick Stats */
        .quick-stats {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 16px;
            margin: 24px 0;
        }
        .stat-card {
            background: var(--bg-card);
            border-radius: var(--radius-lg);
            padding: 20px;
            display: flex;
            align-items: center;
            gap: 16px;
            border: 1px solid var(--border-color);
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }
        .stat-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 4px;
            height: 100%;
            background: linear-gradient(180deg, var(--primary), var(--success));
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        .stat-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 12px 32px rgba(0,0,0,0.1);
        }
        .stat-card:hover::before {
            opacity: 1;
        }
        .stat-icon {
            width: 52px;
            height: 52px;
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.4rem;
            flex-shrink: 0;
        }
        .stat-info {
            display: flex;
            flex-direction: column;
            flex: 1;
            text-align: center;
        }
        .stat-value {
            font-size: 1.5rem;
            font-weight: 800;
            color: var(--text-primary);
            line-height: 1.2;
        }
        .stat-label {
            font-size: 0.75rem;
            color: var(--text-muted);
            margin-top: 2px;
        }
        .stat-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 4px;
            margin-top: 8px;
            justify-content: center;
        }
        .stat-tag {
            background: var(--bg-tertiary);
            color: var(--text-secondary);
            padding: 2px 8px;
            border-radius: 10px;
            font-size: 0.65rem;
            font-weight: 500;
        }
        
        /* Feature Bottom */
        .feature-bottom {
            margin-top: 12px;
            padding-top: 10px;
            border-top: 1px dashed var(--border-color);
            text-align: center;
        }
        .feature-data {
            font-size: 0.75rem;
            color: var(--text-muted);
        }
        .feature-data strong {
            color: var(--text-primary);
            font-weight: 600;
        }
        .feature-data .up {
            color: var(--danger);
        }
        .feature-data .down {
            color: var(--success);
        }
        
        /* Additional Stats */
        .additional-stats {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 16px;
            margin-bottom: 24px;
        }
        .add-stat-card {
            background: var(--bg-card);
            border-radius: var(--radius-md);
            padding: 16px;
            display: flex;
            align-items: center;
            gap: 12px;
            border: 1px solid var(--border-color);
        }
        .add-stat-icon {
            width: 40px;
            height: 40px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.2rem;
        }
        .add-stat-info {
            display: flex;
            flex-direction: column;
        }
        .add-stat-value {
            font-size: 0.75rem;
            color: var(--text-muted);
        }
        .add-stat-num {
            font-size: 1rem;
            font-weight: 700;
            color: var(--text-primary);
        }
        
        /* CTA Banner */
        .cta-banner {
            background: linear-gradient(135deg, var(--primary), var(--primary-dark));
            border-radius: var(--radius-xl);
            padding: 28px 32px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            color: white;
            margin-bottom: 24px;
        }
        .cta-content {
            display: flex;
            align-items: center;
            gap: 20px;
        }
        .cta-icon {
            width: 56px;
            height: 56px;
            background: rgba(255,255,255,0.2);
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
        }
        .cta-text h4 {
            font-size: 1.2rem;
            font-weight: 700;
            margin: 0 0 4px 0;
        }
        .cta-text p {
            font-size: 0.85rem;
            opacity: 0.9;
            margin: 0;
        }
        .cta-banner .btn-primary {
            background: white;
            color: var(--primary);
        }
        .cta-banner .btn-primary:hover {
            background: rgba(255,255,255,0.9);
            transform: translateY(-2px);
        }
        
        /* Clean Feature Grid */
        .clean-features {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 16px;
            margin-bottom: 40px;
        }
        .clean-feature {
            background: var(--bg-card);
            border-radius: var(--radius-lg);
            padding: 28px 20px;
            text-align: center;
            cursor: pointer;
            transition: all 0.3s ease;
            border: 2px solid transparent;
        }
        .clean-feature:hover {
            transform: translateY(-4px);
            border-color: var(--primary);
            box-shadow: 0 12px 40px rgba(230,57,70,0.15);
        }
        .clean-feature-icon {
            width: 64px;
            height: 64px;
            margin: 0 auto 16px;
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.75rem;
        }
        .clean-feature h3 {
            font-size: 1rem;
            font-weight: 600;
            margin-bottom: 6px;
        }
        .clean-feature p {
            font-size: 0.8rem;
            color: var(--text-muted);
        }
        
        /* Quota Redesign */
        .quota-clean {
            background: var(--bg-card);
            border-radius: var(--radius-xl);
            padding: 32px;
            margin-bottom: 24px;
        }
        .quota-clean-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 24px;
        }
        .quota-clean-title {
            font-size: 1.25rem;
            font-weight: 700;
        }
        .quota-clean-badges {
            display: flex;
            gap: 12px;
        }
        .quota-badge {
            display: flex;
            align-items: center;
            gap: 6px;
            padding: 6px 14px;
            background: var(--bg-tertiary);
            border-radius: 20px;
            font-size: 0.8rem;
        }
        .quota-badge .dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
        }
        .quota-list {
            display: flex;
            flex-direction: column;
            gap: 16px;
        }
        .quota-item {
            display: grid;
            grid-template-columns: 120px 1fr 100px 100px 100px;
            align-items: center;
            gap: 20px;
            padding: 16px 20px;
            background: var(--bg-tertiary);
            border-radius: var(--radius-md);
            transition: all 0.3s ease;
        }
        .quota-item:hover {
            background: var(--bg-secondary);
            box-shadow: var(--shadow-sm);
        }
        .quota-country {
            display: flex;
            align-items: center;
            gap: 10px;
            font-weight: 600;
        }
        .quota-country .flag {
            font-size: 1.5rem;
        }
        .quota-country .name {
            font-size: 0.95rem;
        }
        .quota-country .type {
            font-size: 0.7rem;
            color: var(--text-muted);
        }
        .quota-bar-wrapper {
            position: relative;
        }
        .quota-bar {
            height: 10px;
            background: var(--bg-secondary);
            border-radius: 5px;
            overflow: hidden;
        }
        .quota-bar-fill {
            height: 100%;
            border-radius: 5px;
            transition: width 0.5s ease;
        }
        .quota-bar-fill.low { background: linear-gradient(90deg, #2a9d8f, #52b788); }
        .quota-bar-fill.medium { background: linear-gradient(90deg, #e9c46a, #f4a261); }
        .quota-bar-fill.high { background: linear-gradient(90deg, #e63946, #ff6b6b); }
        .quota-percent {
            font-weight: 700;
            font-family: var(--font-en);
            text-align: right;
        }
        .quota-remaining {
            font-size: 0.85rem;
            color: var(--text-secondary);
            text-align: right;
        }
        .quota-remaining strong {
            color: var(--success);
        }
    </style>
</head>
<body>
    <!-- Header -->
    <header class="header">
        <div class="header-inner">
            <a href="#" class="logo" onclick="showPage('home')">
                <img src="logos/logo-main.png" alt="曾食記 ZENGSHIJI FOODS" class="nav-logo-img">
            </a>
            <nav class="nav" id="mainNav">
                <a href="#" class="nav-link active" data-page="home">首页</a>
                <a href="#" class="nav-link" data-page="cattle">现货行情</a>
                <a href="#" class="nav-link" data-page="quota">政策配额</a>
                <a href="#" class="nav-link" data-page="exchange">汇率成本</a>
                <a href="#" class="nav-link" data-page="analysis">决策分析</a>
                <a href="#" class="nav-link" data-page="traders">贸易商</a>
            </nav>
            <div class="header-actions" id="headerActions">
                <button class="btn btn-sm btn-outline" onclick="exportData()" title="导出数据">
                    <i class="ri-download-line"></i> 导出
                </button>
                <button class="btn btn-primary" onclick="showModal('loginModal')">登录</button>
            </div>
        </div>
    </header>
    
    <!-- Toast Container -->
    <div class="toast-container" id="toastContainer"></div>
    
    <!-- Main Content -->
    <main class="main">
        <!-- Home Page -->
        <section id="page-home" class="page-section active">
            <!-- Hero区域 -->
            <div class="home-hero">
                <div class="home-hero-content">
                    <div class="home-hero-badge">🔥 行业领先的数据平台</div>
                    <div class="hero-logo-title">
                        <img src="logos/logo-main.png" alt="曾食记" class="hero-logo">
                        <div class="hero-title-text">
                            <h1>肉类行情平台</h1>
                            <p>专注巴西进口牛肉 · 实时行情追踪 · 智能采购决策</p>
                        </div>
                    </div>
                    <div class="tagline">
                        <span><i class="ri-shield-check-line"></i> <span class="highlight">专业</span></span>
                        <span><i class="ri-speed-line"></i> <span class="highlight">精准</span></span>
                        <span><i class="ri-flashlight-line"></i> <span class="highlight">即时</span></span>
                    </div>
                </div>
            </div>
            
            <!-- Clean Features -->
            <div class="clean-features">
                <div class="clean-feature" onclick="showPage('cattle')">
                    <div class="clean-feature-icon" style="background: rgba(230,57,70,0.1); color: var(--primary);">
                        <i class="ri-briefcase-line"></i>
                    </div>
                    <h3>现货行情</h3>
                    <p>国内外价格对比</p>
                    <div class="feature-bottom">
                        <span class="feature-data">今日涨跌 <strong class="up">↑</strong></span>
                    </div>
                </div>
                <div class="clean-feature" onclick="showPage('quota')">
                    <div class="clean-feature-icon" style="background: rgba(233,196,106,0.15); color: #b8860b;">
                        <i class="ri-file-chart-line"></i>
                    </div>
                    <h3>政策配额</h3>
                    <p>配额预警 + 新闻</p>
                    <div class="feature-bottom">
                        <span class="feature-data" id="quotaFeaturePercent">配额使用 <strong>--</strong></span>
                    </div>
                </div>
                <div class="clean-feature" onclick="showPage('exchange')">
                    <div class="clean-feature-icon" style="background: rgba(42,157,143,0.1); color: var(--success);">
                        <i class="ri-exchange-funds-line"></i>
                    </div>
                    <h3>汇率成本</h3>
                    <p>成本精准计算</p>
                    <div class="feature-bottom">
                        <span class="feature-data">USD/CNY <strong>6.83</strong></span>
                    </div>
                </div>
                <div class="clean-feature" onclick="showPage('analysis')">
                    <div class="clean-feature-icon" style="background: rgba(69,123,157,0.1); color: var(--info);">
                        <i class="ri-bar-chart-box-line"></i>
                    </div>
                    <h3>决策分析</h3>
                    <p>采购策略建议</p>
                    <div class="feature-bottom">
                        <span class="feature-data">参考 <strong>A方案</strong></span>
                    </div>
                </div>
                <div class="clean-feature" onclick="showPage('traders')">
                    <div class="clean-feature-icon" style="background: rgba(230,57,70,0.1); color: var(--primary);">
                        <i class="ri-government-line"></i>
                    </div>
                    <h3>贸易商</h3>
                    <p>进口商名录</p>
                    <div class="feature-bottom">
                        <span class="feature-data">优质供应商 <strong>50+</strong></span>
                    </div>
                </div>
            </div>
            
            <!-- Quick Stats -->
            <div class="quick-stats">
                <div class="stat-card">
                    <div class="stat-icon" style="background: linear-gradient(135deg, rgba(230,57,70,0.15), rgba(230,57,70,0.05)); color: var(--primary);">
                        <i class="ri-global-line"></i>
                    </div>
                    <div class="stat-info">
                        <div class="stat-value">5</div>
                        <div class="stat-label">供应国家</div>
                        <div class="stat-tags">
                            <span class="stat-tag">🇧🇷 巴西</span>
                            <span class="stat-tag">🇦🇷 阿根廷</span>
                            <span class="stat-tag">🇺🇾 乌拉圭</span>
                        </div>
                    </div>
                </div>
                <div class="stat-card">
                    <div class="stat-icon" style="background: linear-gradient(135deg, rgba(42,157,143,0.15), rgba(42,157,143,0.05)); color: var(--success);">
                        <i class="ri-file-list-3-line"></i>
                    </div>
                    <div class="stat-info">
                        <div class="stat-value">268.8<span style="font-size: 14px;">万吨</span></div>
                        <div class="stat-label">全年配额总量</div>
                        <div class="stat-tags">
                            <span class="stat-tag">29国</span>
                            <span class="stat-tag">五大主力</span>
                        </div>
                    </div>
                </div>
                <div class="stat-card">
                    <div class="stat-icon" style="background: linear-gradient(135deg, rgba(233,196,106,0.2), rgba(233,196,106,0.05)); color: #b8860b;">
                        <i class="ri-money-cny-circle-line"></i>
                    </div>
                    <div class="stat-info">
                        <div class="stat-value">USD/CNY</div>
                        <div class="stat-label">实时行情追踪</div>
                        <div class="stat-tags">
                            <span class="stat-tag">汇率</span>
                            <span class="stat-tag">期货</span>
                            <span class="stat-tag">现货</span>
                        </div>
                    </div>
                </div>
                <div class="stat-card">
                    <div class="stat-icon" style="background: linear-gradient(135deg, rgba(69,123,157,0.15), rgba(69,123,157,0.05)); color: var(--info);">
                        <i class="ri-group-line"></i>
                    </div>
                    <div class="stat-info">
                        <div class="stat-value">500+</div>
                        <div class="stat-label">活跃用户</div>
                        <div class="stat-tags">
                            <span class="stat-tag">工厂终端</span>
                            <span class="stat-tag">一级贸易商</span>
                            <span class="stat-tag">服务商</span>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- CTA Banner -->
            <div class="cta-banner">
                <div class="cta-content">
                    <div class="cta-icon"><i class="ri-briefcase-2-line"></i></div>
                    <div class="cta-text">
                        <h4>开始追踪今日行情</h4>
                        <p>点击"现货行情"查看最新国内外牛肉价格</p>
                    </div>
                </div>
                <button class="btn btn-primary" onclick="showPage('cattle')">
                    <i class="ri-arrow-right-line"></i> 查看行情
                </button>
            </div>
            
            <p class="update-time" style="text-align: center; color: var(--text-muted); font-size: 0.85rem; margin-top: 24px;">
                📅 数据更新时间：<span id="updateTime"></span> | 每日 10:00 准时更新
            </p>
        </section>
        
        <!-- Cattle Page -->
        <section id="page-cattle" class="page-section">
            <h2 class="section-title"><i class="ri-briefcase-line"></i> 牛肉现货行情</h2>
            <p class="update-time">📅 数据更新时间：<span id="cattleUpdateTime"></span> | 单位：元/公斤</p>
            
            <!-- 管理员报价添加区域 -->
            <div id="adminPricePanel" class="card" style="margin-bottom: 24px; display: none;">
                <div class="card-header" style="background: linear-gradient(135deg, var(--primary), var(--accent)); color: white; display: flex; justify-content: space-between; align-items: center;">
                    <span class="card-title" style="color: white;"><i class="ri-admin-line"></i> 管理员报价录入</span>
                    <div style="display: flex; gap: 8px;">
                        <button class="btn btn-sm" style="background: rgba(255,255,255,0.2); color: white; border: 1px solid rgba(255,255,255,0.3);" onclick="openBatchImport()">
                            <i class="ri-file-list-3-line"></i> 批量粘贴录入
                        </button>
                        <button class="btn btn-sm" style="background: rgba(255,255,255,0.2); color: white; border: 1px solid rgba(255,255,255,0.3);" onclick="clearAllPrices()">
                            <i class="ri-delete-bin-line"></i> 清空数据
                        </button>
                    </div>
                </div>
                <div class="card-body">
                    <div class="calc-grid" style="grid-template-columns: repeat(5, 1fr);">
                        <div class="calc-group">
                            <label>部位名称</label>
                            <input type="text" id="adminPartName" placeholder="如：小米龙">
                        </div>
                        <div class="calc-group">
                            <label>报价 (元/吨)</label>
                            <input type="number" id="adminPartPrice" placeholder="如：8250">
                        </div>
                        <div class="calc-group">
                            <label>来源国</label>
                            <select id="adminPartCountry">
                                <option value="巴西">🇧🇷 巴西</option>
                                <option value="阿根廷">🇦🇷 阿根廷</option>
                                <option value="乌拉圭">🇺🇾 乌拉圭</option>
                                <option value="澳大利亚">🇦🇺 澳大利亚</option>
                                <option value="新西兰">🇳🇿 新西兰</option>
                            </select>
                        </div>
                        <div class="calc-group">
                            <label>备注</label>
                            <input type="text" id="adminPartNote" placeholder="如：2872厂">
                        </div>
                        <div class="calc-group" style="display: flex; align-items: flex-end;">
                            <button class="btn btn-primary" onclick="addAdminPrice()">
                                <i class="ri-add-line"></i> 添加报价
                            </button>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 进口牛肉每公斤平均价格 -->
            <div class="card" style="margin-bottom: 24px;">
                <div class="card-header">
                    <span class="card-title"><i class="ri-global-line" style="color: var(--success);"></i> 进口冻牛肉每公斤平均价</span>
                    <small style="color: var(--text-muted);">元/公斤 | 根据录入报价自动计算</small>
                </div>
                <div class="card-body" style="padding: 0;">
                    <div id="importAvgPrices">
                        <!-- 进口平均价将由JS渲染 -->
                    </div>
                </div>
            </div>
            
            <!-- 国产牛肉价格（自动抓取） -->
            <div class="card" style="margin-bottom: 24px;">
                <div class="card-header" style="background: transparent;">
                    <span class="card-title"><i class="ri-home-4-line" style="color: var(--primary);"></i> 国产鲜牛肉每公斤平均价</span>
                    <div style="display: flex; align-items: center; gap: 12px;">
                        <div style="display: flex; flex-direction: column; align-items: flex-end; gap: 2px;">
                            <small style="color: var(--text-muted);">元/公斤</small>
                            <small style="color: var(--text-muted); background: var(--bg-tertiary); padding: 2px 8px; border-radius: 10px; font-size: 0.65rem;">📊 6个来源综合</small>
                        </div>
                        <button class="btn btn-sm btn-outline" onclick="fetchDomesticPrice()">
                            <i class="ri-refresh-line"></i> 更新
                        </button>
                    </div>
                </div>
                <div class="card-body" style="padding: 0;">
                    <div id="domesticPrices">
                        <!-- 国产价格将由JS渲染 -->
                    </div>
                    <p class="update-time" style="margin-top: 16px; font-size: 0.8rem; color: var(--text-muted);">
                        数据来源：农业农村部 | <span id="domesticPriceSource">加载中...</span>
                    </p>
                </div>
            </div>
            
            <!-- 进口冻牛肉报价明细 -->
            <div class="card" style="margin-bottom: 24px;">
                <div class="card-header">
                    <span class="card-title"><i class="ri-global-line" style="color: var(--success);"></i> 进口冻牛肉报价明细</span>
                    <div style="display: flex; flex-direction: column; align-items: flex-end; gap: 4px;">
                        <small style="color: var(--text-muted);">元/吨</small>
                        <small style="color: var(--text-muted); background: var(--bg-tertiary); padding: 3px 10px; border-radius: 12px; font-size: 0.7rem;">⚠️ 厂号不同价格不同</small>
                    </div>
                </div>
                <div class="card-body">
                    <div class="table-wrapper">
                        <table class="comparison-table" id="importDetailTable">
                            <thead>
                                <tr>
                                    <th style="min-width: 80px;">品名</th>
                                    <th style="min-width: 90px; text-align: right;">最高价格</th>
                                    <th style="min-width: 90px; text-align: right;">最低价格</th>
                                    <th style="min-width: 70px; text-align: center;">报价条数</th>
                                    <th style="min-width: 90px;">更新日期</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody id="importDetailBody">
                                <!-- 进口价格将由JS渲染 -->
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            
            <!-- 历史价格走势 -->
            <div class="card">
                <div class="card-header">
                    <span class="card-title"><i class="ri-line-chart-line"></i> 价格走势</span>
                </div>
                <div class="card-body">
                    <!-- 部位选择按钮 -->
                    <div id="priceChartPartSelector" style="display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px;">
                    </div>
                    <!-- 图表 -->
                    <div style="position: relative; height: 300px;">
                        <canvas id="priceChartCanvas"></canvas>
                    </div>
                    <div style="display: flex; justify-content: center; gap: 24px; margin-top: 12px; font-size: 0.85rem;">
                        <span><span style="display: inline-block; width: 16px; height: 3px; background: #e63946; vertical-align: middle; margin-right: 4px;"></span> 进口</span>
                        <span><span style="display: inline-block; width: 16px; height: 3px; background: #2a9d8f; vertical-align: middle; margin-right: 4px;"></span> 国产</span>
                    </div>
                </div>
            </div>
        </section>
        
        <!-- Quota & News Page -->
        <section id="page-quota" class="page-section">
            <h2 class="section-title"><i class="ri-file-chart-line"></i> 政策配额</h2>
            <p class="update-time">📅 数据更新时间：<span id="quotaUpdateTime"></span></p>
            
            <!-- Quota Clean Section -->
            <div class="quota-clean">
                <div class="quota-clean-header">
                    <div class="quota-clean-title">
                        <i class="ri-pie-chart-line" style="color: var(--primary);"></i> 2026年牛肉进口配额
                    </div>
                    <div class="quota-clean-badges">
                        <div class="quota-badge">
                            <div class="dot" style="background: #2a9d8f;"></div>
                            <span>充足 &gt;50%</span>
                        </div>
                        <div class="quota-badge">
                            <div class="dot" style="background: #e9c46a;"></div>
                            <span>预警 20-50%</span>
                        </div>
                        <div class="quota-badge">
                            <div class="dot" style="background: #e63946;"></div>
                            <span>紧张 &lt;20%</span>
                        </div>
                    </div>
                </div>
                <div class="quota-list" id="quotaGrid">
                    <!-- Quota items will be populated by JS -->
                </div>
            </div>
            
            <!-- News Section - Cleaner Layout -->
            <div class="news-section" style="margin-top: 24px;">
                <div class="news-column">
                    <div class="news-column-header import">
                        <i class="ri-global-line"></i> 进口政策 (国外)
                    </div>
                    <div id="foreignNews">
                        <!-- 国外政策将由JavaScript渲染 -->
                    </div>
                </div>
                <div class="news-column">
                    <div class="news-column-header domestic">
                        <i class="ri-home-4-line"></i> 国内政策
                    </div>
                    <div id="domesticNews">
                        <!-- 国内政策将由JavaScript渲染 -->
                    </div>
                </div>
            </div>
        </section>
        
        <!-- Exchange Page -->
        <section id="page-exchange" class="page-section">
            <h2 class="section-title"><i class="ri-exchange-funds-line"></i> 汇率成本</h2>
            <p class="update-time">📅 数据更新时间：<span id="exchangeUpdateTime"></span> | 汇率每日10:00更新</p>
            
            <!-- Exchange Rates -->
            <div class="card" style="margin-bottom: 24px;">
                <div class="card-header">
                    <span class="card-title"><i class="ri-money-cny-box-line"></i> 实时汇率</span>
                    <button class="btn btn-sm btn-outline" onclick="fetchExchangeRates()"><i class="ri-refresh-line"></i> 刷新</button>
                </div>
                <div class="card-body">
                    <div class="price-grid" id="exchangeRates">
                        <!-- Exchange rates will be populated by JS -->
                    </div>
                </div>
            </div>
            
            <!-- Cost Calculator -->
            <div class="card" style="margin-bottom: 24px;">
                <div class="card-header">
                    <span class="card-title"><i class="ri-calculator-line"></i> 全链路成本计算器</span>
                </div>
                <div class="card-body">
                    <div class="calc-grid">
                        <div class="calc-group">
                            <label>关税类型</label>
                            <select id="calcTariff">
                                <option value="12">12% 配额内关税</option>
                                <option value="67">67% 巴西配额外(12%+55%)</option>
                                <option value="25">25% 其他国家配额外</option>
                                <option value="47">47% 最惠国关税</option>
                            </select>
                        </div>
                        <div class="calc-group">
                            <label>FOB价格 (美元/吨)</label>
                            <input type="number" id="calcFob" value="5500" onchange="calculateCost()">
                        </div>
                        <div class="calc-group">
                            <label>汇率 (美元/人民币)</label>
                            <input type="number" id="calcExchange" value="6.8316" step="0.01" onchange="calculateCost()">
                        </div>
                        <div class="calc-group">
                            <label>其他费用 (元/吨)</label>
                            <input type="number" id="calcOther" value="500" onchange="calculateCost()">
                        </div>
                    </div>
                    
                    <div style="background: var(--bg-tertiary); padding: 16px; border-radius: var(--radius-md); margin: 20px 0;">
                        <div style="font-weight: 600; margin-bottom: 12px; color: var(--text-secondary);">费用明细：</div>
                        <div style="display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px;">
                            <div style="text-align: center;">
                                <div style="font-size: 0.75rem; color: var(--text-muted);">FOB</div>
                                <div style="font-weight: 600;" id="detailFob">¥37,510</div>
                            </div>
                            <div style="text-align: center;">
                                <div style="font-size: 0.75rem; color: var(--text-muted);">关税</div>
                                <div style="font-weight: 600;" id="detailTariff">¥4,501</div>
                            </div>
                            <div style="text-align: center;">
                                <div style="font-size: 0.75rem; color: var(--text-muted);">增值税</div>
                                <div style="font-weight: 600;" id="detailVat">¥3,781</div>
                            </div>
                            <div style="text-align: center;">
                                <div style="font-size: 0.75rem; color: var(--text-muted);">清关费</div>
                                <div style="font-weight: 600;" id="detailClearance">¥200</div>
                            </div>
                            <div style="text-align: center;">
                                <div style="font-size: 0.75rem; color: var(--text-muted);">杂费</div>
                                <div style="font-weight: 600;" id="detailMisc">¥150</div>
                            </div>
                            <div style="text-align: center;">
                                <div style="font-size: 0.75rem; color: var(--text-muted);">运费</div>
                                <div style="font-weight: 600;" id="detailFreight">¥500</div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="calc-result">
                        <div class="calc-result-label">到厂价 (CIF+税+所有费用)</div>
                        <div class="calc-result-value" id="calcTotal">¥42,511</div>
                        <div class="calc-result-unit">元/吨 | 约 ¥42.5/公斤</div>
                    </div>
                </div>
            </div>
            
            <!-- JBS Parts Price -->
            <div class="card">
                <div class="card-header">
                    <span class="card-title"><i class="ri-file-list-3-line"></i> 巴西JBS牛肉部位FOB报价</span>
                </div>
                <div class="card-body">
                    <div class="table-wrapper">
                        <table class="strategy-table">
                            <thead>
                                <tr>
                                    <th>部位名称</th>
                                    <th>厂号</th>
                                    <th>FOB单价</th>
                                    <th>折合CNY</th>
                                    <th>关税(12%)</th>
                                    <th>增值税(9%)</th>
                                    <th>固定费用</th>
                                    <th>到厂价</th>
                                </tr>
                            </thead>
                            <tbody id="jbsPriceTable">
                                <!-- Data will be populated by JS -->
                            </tbody>
                        </table>
                    </div>
                </div>
                
                <!-- Tariff Comparison -->
                <div class="card" style="margin-top: 24px;">
                    <div class="card-header">
                        <span class="card-title"><i class="ri-exchange-line"></i> 关税对比表 (以眼肉 ¥9,300/吨 为例)</span>
                    </div>
                    <div class="card-body">
                        <table class="data-table">
                            <thead>
                                <tr>
                                    <th>关税类型</th>
                                    <th>税率</th>
                                    <th>关税金额</th>
                                    <th>增值税(9%)</th>
                                    <th>到厂价/吨</th>
                                    <th>到厂价/kg</th>
                                    <th>与配额内差</th>
                                </tr>
                            </thead>
                            <tbody id="tariffCompareTable">
                                <!-- Data will be populated by JS -->
                            </tbody>
                        </table>
                        <div class="alert alert-warning" style="margin-top: 16px;">
                            <i class="ri-alert-line"></i>
                            <div>
                                <strong>提示：</strong>巴西国别配额110.6万吨（商务部2025年第87号公告），配额内12%，超配额执行67%（12%+55%保障关税）。
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        
        <!-- Analysis Page -->
        <section id="page-analysis" class="page-section">
            <div class="analysis-header">
                <h2>🏭 工厂采购决策分析系统</h2>
                <p>用量分析 · 资金占用 · 风险评估 · 采购建议</p>
            </div>
            
            <!-- 核心指标概览 -->
            <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 24px;">
                <div style="background: var(--bg-secondary); padding: 20px; border-radius: 12px; text-align: center; border-left: 4px solid var(--primary);">
                    <div style="font-size: 0.85rem; color: var(--text-muted); margin-bottom: 8px;">月采购总量</div>
                    <div style="font-size: 2rem; font-weight: 700; color: var(--primary);" id="analysis-total-ton">--</div>
                    <div style="font-size: 0.75rem; color: var(--text-muted);">吨/月</div>
                </div>
                <div style="background: var(--bg-secondary); padding: 20px; border-radius: 12px; text-align: center; border-left: 4px solid var(--danger);">
                    <div style="font-size: 0.85rem; color: var(--text-muted); margin-bottom: 8px;">月资金占用</div>
                    <div style="font-size: 2rem; font-weight: 700; color: var(--danger);" id="analysis-total-fund">--</div>
                    <div style="font-size: 0.75rem; color: var(--text-muted);">万元</div>
                </div>
                <div style="background: var(--bg-secondary); padding: 20px; border-radius: 12px; text-align: center; border-left: 4px solid var(--warning);">
                    <div style="font-size: 0.85rem; color: var(--text-muted); margin-bottom: 8px;">季度涨价风险</div>
                    <div style="font-size: 2rem; font-weight: 700; color: var(--warning);" id="analysis-risk">--</div>
                    <div style="font-size: 0.75rem; color: var(--text-muted);">万元/季</div>
                </div>
                <div style="background: var(--bg-secondary); padding: 20px; border-radius: 12px; text-align: center; border-left: 4px solid var(--success);">
                    <div style="font-size: 0.85rem; color: var(--text-muted); margin-bottom: 8px;">综合均价</div>
                    <div style="font-size: 2rem; font-weight: 700; color: var(--success);" id="analysis-avg-price">--</div>
                    <div style="font-size: 0.75rem; color: var(--text-muted);">元/吨</div>
                </div>
            </div>
            
            <!-- 工厂用量配置 -->
            <div class="card" style="margin-bottom: 24px;">
                <div class="card-header">
                    <span class="card-title"><i class="ri-settings-3-line"></i> 工厂用量配置 <span style="font-size: 0.75rem; color: var(--text-muted);">（添加您的采购部位，填写月用量）</span></span>
                    <div style="display: flex; gap: 8px;">
                        <button class="btn btn-sm btn-primary" onclick="openAddPartModal()"><i class="ri-add-line"></i> 添加部位</button>
                        <button class="btn btn-sm btn-outline" onclick="saveFactoryConfig()"><i class="ri-save-line"></i> 保存配置</button>
                    </div>
                </div>
                <div class="card-body">
                    <div id="factoryUsageAlert" class="alert alert-warning" style="display: none; margin-bottom: 16px;">
                        <i class="ri-information-line"></i>
                        <span>暂无进口报价数据，请先在"活牛行情"页面录入报价</span>
                    </div>
                    <div id="factoryUsageEmpty" style="text-align: center; padding: 40px 20px; color: var(--text-muted);">
                        <div style="font-size: 3rem; margin-bottom: 12px;">📦</div>
                        <div style="margin-bottom: 8px;">尚未添加任何采购部位</div>
                        <div style="font-size: 0.85rem;">点击上方「添加部位」按钮，从您的现货行情中选择</div>
                    </div>
                    <div class="table-wrapper" id="factoryUsageTableWrapper" style="display: none;">
                        <table style="width: 100%; border-collapse: collapse;">
                            <thead>
                                <tr style="background: var(--bg-tertiary);">
                                    <th style="padding: 12px; text-align: left;">部位</th>
                                    <th style="padding: 12px; text-align: right;">月用量(吨)</th>
                                    <th style="padding: 12px; text-align: right;">单价(元/吨)</th>
                                    <th style="padding: 12px; text-align: right;">月资金占用</th>
                                    <th style="padding: 12px; text-align: right;">冷库费/月</th>
                                    <th style="padding: 12px; text-align: right;">操作</th>
                                </tr>
                            </thead>
                            <tbody id="factoryUsageTable">
                                <!-- 动态渲染 -->
                            </tbody>
                            <tfoot id="factoryUsageTfoot">
                                <!-- 动态渲染合计 -->
                            </tfoot>
                        </table>
                    </div>
                    <div style="margin-top: 16px; padding: 12px; background: var(--bg-tertiary); border-radius: 8px;">
                        <div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px;">
                            <div style="display: flex; align-items: center; gap: 8px;">
                                <span style="font-size: 0.85rem; color: var(--text-secondary);">💡 冷库费：</span>
                                <input type="number" id="coldStorageFeeInput" value="${coldStorageFee}" min="0" step="10" 
                                    style="width: 100px; padding: 4px 8px; border: 1px solid var(--border-color); border-radius: 4px; background: var(--bg-primary); text-align: right;"
                                    onchange="onColdFeeChange(this.value)"
                                    onkeyup="onColdFeeChange(this.value)">
                                <span style="font-size: 0.85rem; color: var(--text-secondary);">元/吨/月</span>
                            </div>
                            <span style="font-size: 0.85rem; color: var(--text-secondary);">📊 数据来源：已录入的进口报价均价</span>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 添加部位弹窗 -->
            <div id="addPartModal" class="modal-overlay">
                <div class="modal-content" style="background: var(--bg-secondary); border-radius: 12px; padding: 24px; max-width: 500px; width: 90%; max-height: 80vh; overflow-y: auto;">
                    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;">
                        <h3 style="margin: 0; font-size: 1.1rem;">选择要添加的部位</h3>
                        <button onclick="closeAddPartModal()" style="background: none; border: none; font-size: 1.5rem; cursor: pointer; color: var(--text-muted);">&times;</button>
                    </div>
                    <div id="availablePartsList" style="display: flex; flex-wrap: wrap; gap: 8px;">
                        <!-- 动态渲染可选部位 -->
                    </div>
                    <div style="margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--border-color); text-align: right;">
                        <button onclick="closeAddPartModal()" class="btn btn-outline">取消</button>
                    </div>
                </div>
            </div>
            
            <!-- 资金占用明细 -->
            <div class="card" style="margin-bottom: 24px;">
                <div class="card-header">
                    <span class="card-title"><i class="ri-wallet-line"></i> 资金占用与成本明细 <span style="font-size: 0.75rem; color: var(--text-muted);">（按到厂价计算）</span></span>
                </div>
                <div class="card-body">
                    <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;">
                        <div style="background: var(--bg-tertiary); padding: 16px; border-radius: 8px;">
                            <div style="font-size: 0.85rem; color: var(--text-muted); margin-bottom: 8px;">月采购成本</div>
                            <div style="font-size: 1.5rem; font-weight: 700; color: var(--primary);" id="cost-monthly">--</div>
                            <div style="font-size: 0.75rem; color: var(--text-muted);">元/月 = 吨 × 到厂价</div>
                        </div>
                        <div style="background: var(--bg-tertiary); padding: 16px; border-radius: 8px;">
                            <div style="font-size: 0.85rem; color: var(--text-muted); margin-bottom: 8px;">月冷库费用</div>
                            <div style="font-size: 1.5rem; font-weight: 700; color: var(--info);" id="cost-cold">--</div>
                            <div style="font-size: 0.75rem; color: var(--text-muted);">元/月 = 吨 × <span id="coldFeeDisplay">300</span></div>
                        </div>
                        <div style="background: var(--bg-tertiary); padding: 16px; border-radius: 8px;">
                            <div style="font-size: 0.85rem; color: var(--text-muted); margin-bottom: 8px;">资金占用月息</div>
                            <div style="font-size: 1.5rem; font-weight: 700; color: var(--warning);" id="cost-fixed">--</div>
                            <div style="font-size: 0.75rem; color: var(--text-muted);">年化利率 3.5%</div>
                        </div>
                    </div>
                    <div style="margin-top: 16px; padding: 16px; background: rgba(230,57,70,0.08); border-radius: 8px; border: 1px solid rgba(230,57,70,0.2);">
                        <div style="display: flex; justify-content: space-between; align-items: center;">
                            <span style="font-weight: 600; color: var(--danger);">季度综合成本（含冷库+固定摊销）</span>
                            <span style="font-size: 1.5rem; font-weight: 700; color: var(--danger);" id="cost-quarter-total">--</span>
                        </div>
                        <div style="display: flex; justify-content: space-between; align-items: center; margin-top: 8px;">
                            <span style="font-size: 0.85rem; color: var(--text-secondary);">季度采购成本</span>
                            <span style="font-size: 1.2rem; font-weight: 600;" id="cost-quarter-purchase">--</span>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- 风险评估矩阵 -->
            <div class="card" style="margin-bottom: 24px;">
                <div class="card-header">
                    <span class="card-title"><i class="ri-alarm-warning-line"></i> 涨价风险评估 <span style="font-size: 0.75rem; color: var(--text-muted);">（基于JBS报价+历史数据综合分析）</span></span>
                </div>
                <div class="card-body">
                    <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;">
                        <div style="background: var(--bg-tertiary); padding: 16px; border-radius: 8px; text-align: center;">
                            <div style="font-size: 0.85rem; color: var(--text-muted); margin-bottom: 8px;">市场趋势评分</div>
                            <div style="font-size: 2rem; font-weight: 700;" id="risk-score">--</div>
                            <div style="font-size: 0.75rem; color: var(--text-muted);" id="risk-level">评估中</div>
                        </div>
                        <div style="background: var(--bg-tertiary); padding: 16px; border-radius: 8px; text-align: center;">
                            <div style="font-size: 0.85rem; color: var(--text-muted); margin-bottom: 8px;">涨价概率</div>
                            <div style="font-size: 2rem; font-weight: 700;" id="risk-prob">--</div>
                            <div style="font-size: 0.75rem; color: var(--text-muted);" id="risk-trend">分析中</div>
                        </div>
                        <div style="background: var(--bg-tertiary); padding: 16px; border-radius: 8px; text-align: center;">
                            <div style="font-size: 0.85rem; color: var(--text-muted); margin-bottom: 8px;">预期季度涨幅</div>
                            <div style="font-size: 2rem; font-weight: 700;" id="risk-rise">--</div>
                            <div style="font-size: 0.75rem; color: var(--text-muted);">综合预测</div>
                        </div>
                        <div style="background: var(--bg-tertiary); padding: 16px; border-radius: 8px; text-align: center;">
                            <div style="font-size: 0.85rem; color: var(--text-muted); margin-bottom: 8px;">季度风险敞口</div>
                            <div style="font-size: 2rem; font-weight: 700;" id="risk-exposure">--</div>
                            <div style="font-size: 0.75rem; color: var(--text-muted);">潜在损失</div>
                        </div>
                    </div>
                    <div class="alert alert-warning" style="margin-top: 16px;" id="risk-alert">
                        <i class="ri-information-line"></i>
                        <div id="risk-alert-text">风险提示加载中...</div>
                    </div>
                </div>
            </div>
            
            <!-- 采购策略推荐 -->
            <div class="card" style="margin-bottom: 24px;">
                <div class="card-header">
                    <span class="card-title"><i class="ri-lightbulb-line"></i> 采购策略推荐 <span style="font-size: 0.75rem; color: var(--text-muted);">（根据您的用量和风险评估智能推荐）</span></span>
                </div>
                <div class="card-body">
                    <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;" id="strategyCards">
                        <!-- 策略卡片动态渲染 -->
                    </div>
                </div>
            </div>
            
            <!-- 综合建议 -->
            <div class="card" style="margin-bottom: 24px; background: linear-gradient(135deg, rgba(230,57,70,0.05), rgba(244,162,97,0.05));">
                <div class="card-header" style="background: rgba(230,57,70,0.05); display: flex; justify-content: space-between; align-items: center;">
                    <span class="card-title"><i class="ri-file-list-3-line"></i> 综合采购建议</span>
                    <button onclick="regenerateAIAdvice()" id="aiRegenBtn" class="btn btn-outline" style="padding: 6px 12px; font-size: 0.8rem;">
                        <i class="ri-refresh-line"></i> 重新分析
                    </button>
                </div>
                <div class="card-body">
                    <div id="comprehensive-advice" style="font-size: 1rem; line-height: 1.8;">
                        <!-- 动态渲染建议 -->
                    </div>
                    <div id="ai-advice-loading" style="display: none; text-align: center; padding: 20px;">
                        <div style="color: var(--text-muted);">
                            <i class="ri-loader-4-line" style="font-size: 1.5rem; animation: spin 1s linear infinite;"></i>
                            <p>AI正在分析数据并生成建议...</p>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- 融资解决方案 -->
            <div class="card">
                <div class="card-header">
                    <span class="card-title"><i class="ri-bank-line"></i> 资金解决方案 <span style="font-size: 0.75rem; color: var(--text-muted);">（解决大额资金占用问题）</span></span>
                </div>
                <div class="card-body">
                    <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px;">
                        <!-- 方案1：货权质押 -->
                        <div style="background: var(--bg-secondary); padding: 20px; border-radius: 12px; border-left: 4px solid var(--primary);">
                            <div style="display: flex; align-items: center; gap: 12px; margin-bottom: 16px;">
                                <div style="background: rgba(46,204,113,0.15); color: var(--success); width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.2rem;">🏦</div>
                                <div>
                                    <h4 style="margin: 0;">货权质押融资</h4>
                                    <span style="font-size: 0.75rem; color: var(--text-muted);">最灵活 · 3-5个工作日放款</span>
                                </div>
                            </div>
                            <div style="font-size: 0.85rem; margin-bottom: 12px;">
                                <div style="display: flex; justify-content: space-between; margin-bottom: 4px;">
                                    <span>可融资比例：</span>
                                    <span style="color: var(--primary); font-weight: 600;">60-70%</span>
                                </div>
                                <div style="display: flex; justify-content: space-between; margin-bottom: 4px;">
                                    <span>月利率：</span>
                                    <span style="color: var(--primary); font-weight: 600;">0.6-0.9%</span>
                                </div>
                                <div style="display: flex; justify-content: space-between;">
                                    <span>资金成本：</span>
                                    <span style="color: var(--primary); font-weight: 600;" id="financing-cost-1">--</span>
                                </div>
                            </div>
                            <div style="padding: 10px; background: var(--bg-tertiary); border-radius: 6px; font-size: 0.8rem;">
                                <strong>优势：</strong>手续简便，以货权为质押，赎货即还款<br>
                                <strong>适合：</strong>快速周转、季节性囤货、资金周转紧张的工厂
                            </div>
                        </div>
                        
                        <!-- 方案2：银行低息 -->
                        <div style="background: var(--bg-secondary); padding: 20px; border-radius: 12px; border-left: 4px solid var(--success);">
                            <div style="display: flex; align-items: center; gap: 12px; margin-bottom: 16px;">
                                <div style="background: rgba(69,123,157,0.15); color: var(--info); width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.2rem;">🏛️</div>
                                <div>
                                    <h4 style="margin: 0;">银行低息贷款</h4>
                                    <span style="font-size: 0.75rem; color: var(--text-muted);">额度大 · 最长3年期限</span>
                                </div>
                            </div>
                            <div style="font-size: 0.85rem; margin-bottom: 12px;">
                                <div style="display: flex; justify-content: space-between; margin-bottom: 4px;">
                                    <span>贷款额度：</span>
                                    <span style="color: var(--success); font-weight: 600;">100-500万</span>
                                </div>
                                <div style="display: flex; justify-content: space-between; margin-bottom: 4px;">
                                    <span>年利率：</span>
                                    <span style="color: var(--success); font-weight: 600;">3.85-5.5%</span>
                                </div>
                                <div style="display: flex; justify-content: space-between;">
                                    <span>月均利息：</span>
                                    <span style="color: var(--success); font-weight: 600;" id="financing-cost-2">--</span>
                                </div>
                            </div>
                            <div style="padding: 10px; background: var(--bg-tertiary); border-radius: 6px; font-size: 0.8rem;">
                                <strong>优势：</strong>利率低，额度高，适合长期稳定采购<br>
                                <strong>适合：</strong>规模较大、信用记录良好、有抵押物的工厂
                            </div>
                        </div>
                        
                        <!-- 方案3：供应链金融 -->
                        <div style="background: var(--bg-secondary); padding: 20px; border-radius: 12px; border-left: 4px solid var(--warning);">
                            <div style="display: flex; align-items: center; gap: 12px; margin-bottom: 16px;">
                                <div style="background: rgba(233,196,106,0.15); color: var(--warning); width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.2rem;">📑</div>
                                <div>
                                    <h4 style="margin: 0;">供应链金融</h4>
                                    <span style="font-size: 0.75rem; color: var(--text-muted);">核心企业担保 · 账期延长</span>
                                </div>
                            </div>
                            <div style="font-size: 0.85rem; margin-bottom: 12px;">
                                <div style="display: flex; justify-content: space-between; margin-bottom: 4px;">
                                    <span>账期延长：</span>
                                    <span style="color: var(--warning); font-weight: 600;">30-60天</span>
                                </div>
                                <div style="display: flex; justify-content: space-between; margin-bottom: 4px;">
                                    <span>服务费：</span>
                                    <span style="color: var(--warning); font-weight: 600;">0.3-0.5%/月</span>
                                </div>
                                <div style="display: flex; justify-content: space-between;">
                                    <span>释放资金：</span>
                                    <span style="color: var(--warning); font-weight: 600;" id="financing-cost-3">--</span>
                                </div>
                            </div>
                            <div style="padding: 10px; background: var(--bg-tertiary); border-radius: 6px; font-size: 0.8rem;">
                                <strong>优势：</strong>不占用自有资金，延长付款账期<br>
                                <strong>适合：</strong>与核心供应商有稳定合作关系的工厂
                            </div>
                        </div>
                        
                        <!-- 方案4：联合采购 -->
                        <div style="background: var(--bg-secondary); padding: 20px; border-radius: 12px; border-left: 4px solid var(--info);">
                            <div style="display: flex; align-items: center; gap: 12px; margin-bottom: 16px;">
                                <div style="background: rgba(69,123,157,0.15); color: var(--info); width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.2rem;">🤝</div>
                                <div>
                                    <h4 style="margin: 0;">联合采购</h4>
                                    <span style="font-size: 0.75rem; color: var(--text-muted);">多家拼单 · 降低单价</span>
                                </div>
                            </div>
                            <div style="font-size: 0.85rem; margin-bottom: 12px;">
                                <div style="display: flex; justify-content: space-between; margin-bottom: 4px;">
                                    <span>拼单门槛：</span>
                                    <span style="color: var(--info); font-weight: 600;">≥20吨/批次</span>
                                </div>
                                <div style="display: flex; justify-content: space-between; margin-bottom: 4px;">
                                    <span>价格优惠：</span>
                                    <span style="color: var(--info); font-weight: 600;">2-5%</span>
                                </div>
                                <div style="display: flex; justify-content: space-between;">
                                    <span>季度节省：</span>
                                    <span style="color: var(--info); font-weight: 600;" id="financing-cost-4">--</span>
                                </div>
                            </div>
                            <div style="padding: 10px; background: var(--bg-tertiary); border-radius: 6px; font-size: 0.8rem;">
                                <strong>优势：</strong>集单量大降低采购单价，分摊物流成本<br>
                                <strong>适合：</strong>中小型工厂、分散采购无议价权的工厂
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        
        <!-- Traders Page -->
        <section id="page-traders" class="page-section">
            <h2 class="section-title"><i class="ri-store-2-line"></i> 巴西进口贸易商</h2>
            <p class="update-time">📅 数据更新时间：<span id="tradersUpdateTime"></span></p>
            
            <div class="alert alert-info">
                <i class="ri-information-line" style="font-size: 1.25rem;"></i>
                <div>
                    <strong>信息来源：</strong>巴西海关、USDA、中国海关总署注册信息<br>
                    <strong>说明：</strong>以下为巴西头部牛肉出口商及中国进口商信息，数据定期更新。
                </div>
            </div>
            
            <div class="trader-grid" id="traderGrid">
                <!-- Traders will be populated by JS -->
            </div>
        </section>
        
        <!-- Admin Page -->
        <section id="page-admin" class="page-section">
            <h2 class="section-title"><i class="ri-admin-line"></i> 用户管理</h2>
            
            <div class="card" style="margin-bottom: 24px;">
                <div class="card-header">
                    <span class="card-title"><i class="ri-user-add-line"></i> 添加用户</span>
                </div>
                <div class="card-body">
                    <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;">
                        <div class="form-group">
                            <label>用户名</label>
                            <input type="text" id="admin-add-username" placeholder="请输入用户名">
                        </div>
                        <div class="form-group">
                            <label>手机号</label>
                            <input type="tel" id="admin-add-phone" placeholder="请输入手机号">
                        </div>
                        <div class="form-group">
                            <label>初始密码</label>
                            <input type="password" id="admin-add-password" placeholder="请输入密码">
                        </div>
                        <div class="form-group">
                            <label>&nbsp;</label>
                            <button class="btn btn-primary" onclick="adminAddUser()"><i class="ri-add-line"></i> 添加</button>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="card">
                <div class="card-header">
                    <span class="card-title"><i class="ri-user-settings-line"></i> 用户列表</span>
                </div>
                <div class="card-body">
                    <div class="table-wrapper">
                        <table class="strategy-table">
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>用户名</th>
                                    <th>手机号</th>
                                    <th>角色</th>
                                    <th>状态</th>
                                    <th>注册时间</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody id="adminUserTable">
                                <!-- Users will be populated by JS -->
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </section>
    </main>
    
    <!-- Lock Screen -->
    <div class="lock-screen" id="lockScreen" style="display: none;" onclick="closeLockScreen(event)">
        <div class="lock-content" onclick="event.stopPropagation()">
            <div class="lock-icon"><i class="ri-lock-line"></i></div>
            <h3>决策分析</h3>
            <p>该模块需要登录后查看</p>
            <button class="btn btn-primary" onclick="showModal('loginModal'); closeLockScreenDirect();">立即登录</button>
        </div>
    </div>
    
    <!-- Login Modal -->
    <div class="modal-overlay" id="loginModal">
        <div class="modal">
            <div class="modal-header">
                <span class="modal-title">登录</span>
                <div class="modal-close" onclick="closeModal('loginModal')"><i class="ri-close-line"></i></div>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label>用户名</label>
                    <input type="text" id="login-username" placeholder="请输入用户名">
                </div>
                <div class="form-group">
                    <label>密码</label>
                    <input type="password" id="login-password" placeholder="请输入密码">
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn btn-outline" onclick="closeModal('loginModal'); showModal('registerModal')">注册</button>
                <button class="btn btn-primary" onclick="handleLogin()">登录</button>
            </div>
        </div>
    </div>
    
    <!-- Register Modal -->
    <div class="modal-overlay" id="registerModal">
        <div class="modal">
            <div class="modal-header">
                <span class="modal-title">注册</span>
                <div class="modal-close" onclick="closeModal('registerModal')"><i class="ri-close-line"></i></div>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label>用户名</label>
                    <input type="text" id="register-username" placeholder="请输入用户名">
                </div>
                <div class="form-group">
                    <label>手机号</label>
                    <input type="tel" id="register-phone" placeholder="请输入手机号">
                </div>
                <div class="form-group">
                    <label>密码</label>
                    <input type="password" id="register-password" placeholder="请输入密码">
                </div>
                <div class="form-group">
                    <label>确认密码</label>
                    <input type="password" id="register-confirm" placeholder="请确认密码">
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn btn-outline" onclick="closeModal('registerModal'); showModal('loginModal')">返回登录</button>
                <button class="btn btn-primary" onclick="handleRegister()">注册</button>
            </div>
        </div>
    </div>
    
    <!-- Change Password Modal -->
    <div class="modal-overlay" id="changePasswordModal">
        <div class="modal">
            <div class="modal-header">
                <span class="modal-title">修改密码</span>
                <div class="modal-close" onclick="closeModal('changePasswordModal')"><i class="ri-close-line"></i></div>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label>当前密码</label>
                    <input type="password" id="change-old-password" placeholder="请输入当前密码">
                </div>
                <div class="form-group">
                    <label>新密码</label>
                    <input type="password" id="change-new-password" placeholder="请输入新密码">
                </div>
                <div class="form-group">
                    <label>确认新密码</label>
                    <input type="password" id="change-confirm-password" placeholder="请确认新密码">
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn btn-outline" onclick="closeModal('changePasswordModal')">取消</button>
                <button class="btn btn-primary" onclick="handleChangePassword()">确认修改</button>
            </div>
        </div>
    </div>

    <!-- Batch Import Modal -->
    <div class="modal-overlay" id="batchImportModal">
        <div class="modal" style="max-width: 900px; max-height: 85vh; display: flex; flex-direction: column;">
            <div class="modal-header" style="background: linear-gradient(135deg, var(--primary), var(--accent)); color: white;">
                <span class="modal-title" style="color: white;"><i class="ri-file-list-3-line"></i> 批量粘贴录入</span>
                <div class="modal-close" onclick="closeModal('batchImportModal')" style="background: rgba(255,255,255,0.2);"><i class="ri-close-line"></i></div>
            </div>
            <div class="modal-body" style="flex: 1; overflow: auto;">
                <div style="background: var(--bg-tertiary); padding: 12px 16px; border-radius: var(--radius-sm); margin-bottom: 16px; font-size: 0.85rem; color: var(--text-secondary);">
                    <strong>📋 支持格式：</strong>直接粘贴微信/短信报价文本，系统自动识别<br>
                    <strong>识别规则：</strong>厂号 + 部位名 + 价格（元/公斤或元/吨）<br>
                    <strong>示例：</strong>上海1110八件套56.8 | 盐田1925八件套57.5 | 1440牛霖61.5
                </div>
                <div class="form-group" style="margin-bottom: 12px;">
                    <label style="font-weight: 600; margin-bottom: 6px; display: block;">粘贴报价文本</label>
                    <textarea id="batchImportText" rows="12" style="width: 100%; padding: 12px; border: 2px dashed var(--border-color); border-radius: var(--radius-md); font-size: 0.9rem; resize: vertical; font-family: inherit; line-height: 1.6;" placeholder="粘贴格式示例：
上海1110八件套56.8
盐田1925八件套57.5
上海4490七件套56.5
上海2583八件套56.5
1440牛霖61.5
上海51牛霖61.5
4333小条67.8
上海1206牛腩53
天津504牛腩51.5"></textarea>
                </div>
                <div style="display: flex; gap: 12px; margin-bottom: 12px;">
                    <div class="calc-group" style="flex: 1;">
                        <label>默认来源国</label>
                        <select id="batchImportCountry">
                            <option value="巴西">🇧🇷 巴西</option>
                            <option value="阿根廷">🇦🇷 阿根廷</option>
                            <option value="乌拉圭">🇺🇾 乌拉圭</option>
                            <option value="澳大利亚">🇦🇺 澳大利亚</option>
                            <option value="新西兰">🇳🇿 新西兰</option>
                        </select>
                    </div>
                    <div class="calc-group">
                        <label>价格单位</label>
                        <select id="batchImportUnit">
                            <option value="1000" selected>元/公斤（乘1000）</option>
                            <option value="1">元/吨（直接用）</option>
                        </select>
                    </div>
                </div>
                <div style="border-top: 1px solid var(--border-color); padding-top: 12px;">
                    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;">
                        <span style="font-weight: 600;">识别结果预览</span>
                        <span id="batchImportCount" style="color: var(--text-muted); font-size: 0.85rem;">0 条</span>
                    </div>
                    <div id="batchImportPreview" style="max-height: 200px; overflow: auto; background: var(--bg-tertiary); border-radius: var(--radius-sm); padding: 12px; font-size: 0.85rem;">
                        <div style="color: var(--text-muted); text-align: center;">粘贴文本后自动解析</div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn btn-outline" onclick="closeModal('batchImportModal')">取消</button>
                <button class="btn btn-primary" onclick="importBatchPrices()">
                    <i class="ri-add-circle-line"></i> 确认导入
                </button>
            </div>
        </div>
    </div>

    <script>
        // ========== DATA ==========
        let users = [];
        let currentUser = null;
        let isAdmin = false;
        let exchangeRates = { USD_CNY: 6.8316, BRL_CNY: 1.3720 };
        
        // Quota data - 2026年1-2月数据（来源：中国海关总署 2026年3月20日发布 / 商务部2025年第87号公告）
        // 总配额：268.8万吨 | 配额内关税：12% | 配额外加征55%保障关税至67%
        let domesticSources = {};
        
        const quotaData = [
            { country: '巴西', flag: '🇧🇷', type: '草饲', total: 1106000, used: 512000, remaining: 594000, alert: 'danger', alertText: '紧张', updateNote: 'Q1已用46.3%，5月初预计耗尽' },
            { country: '阿根廷', flag: '🇦🇷', type: '草饲', total: 511000, used: 141000, remaining: 370000, alert: 'warning', alertText: '关注', updateNote: 'Q1已用27.6%，同比增20.6%' },
            { country: '乌拉圭', flag: '🇺🇾', type: '草饲', total: 324000, used: 48000, remaining: 276000, alert: 'normal', alertText: '充足', updateNote: 'Q1增长8%，货源阶段偏紧' },
            { country: '新西兰', flag: '🇳🇿', type: '谷饲', total: 206000, used: 26000, remaining: 180000, alert: 'normal', alertText: '充足', updateNote: 'Q1进口平稳' },
            { country: '澳大利亚', flag: '🇦🇺', type: '谷饲', total: 205000, used: 95000, remaining: 110000, alert: 'danger', alertText: '触发', updateNote: '保障措施已触达，超配额加征55%' },
            { country: '美国', flag: '🇺🇸', type: '谷饲', total: 164000, used: 450, remaining: 163550, alert: 'normal', alertText: '充足', updateNote: '贸易摩擦持续，进口极少' },
            { country: '其他', flag: '🌐', type: '综合', total: 172000, used: 0, remaining: 172000, alert: 'normal', alertText: '充足', updateNote: '含其他国家' }
        ];
        
        // News data - 2025年8月至今（来源：海关总署、商务部、农业农村部、Reuters、USDA等）
        const domesticNewsData = [
            { title: '2026年巴西进口配额政策', source: '商务部 2025年第87号公告', date: '2026-01-01', type: 'warning', content: '商务部2025年第87号公告：2026年巴西牛肉国别关税配额110.6万吨，配额内12%，配额外加征55%保障关税至67%。' },
            { title: '一季度牛肉进口量同比增长28.8%', source: '海关总署', date: '2026-04-22', type: 'success', content: '2026年Q1我国牛肉及副产品进口量达89万吨，同比增长28.8%。其中巴西进口51.2万吨（+65.8%），均价5,594美元/吨（+11.9%）。' },
            { title: '配额耗尽倒计时：5月初警报', source: '肉交所', date: '2026-04-11', type: 'danger', content: '巴西110.6万吨国别配额Q1已消耗超46%，预计5月第一周全部耗尽。超配额后加征55%保障关税，进口成本跳涨67%。' },
            { title: '活牛价格创历史新高', source: '农业农村部', date: '2026-04-16', type: 'warning', content: '国内活牛价格近期小幅上涨，预计5月后将趋于稳定。' },
            { title: '口蹄疫防控态势良好', source: '农业农村部', date: '2026-04-15', type: 'success', content: '全国口蹄疫防控态势良好，未发现区域性疫情。' },
            { title: '进口牛肉关税政策稳定', source: '财政部', date: '2026-01-15', type: 'info', content: '2026年进口牛肉关税政策保持稳定，配额内12%。' },
            { title: '国产牛肉品质提升', source: '农业农村部', date: '2025-12-20', type: 'success', content: '国产牛肉品质持续提升，冷鲜肉市场份额增长。' },
            { title: '进口牛肉安全监管加强', source: '海关总署', date: '2025-11-08', type: 'info', content: '加强对进口牛肉的溯源管理，确保食品安全。' },
            { title: '牛肉消费市场回暖', source: '商务部', date: '2025-10-15', type: 'success', content: 'Q4牛肉消费市场需求回暖，进口量稳步增长。' },
            { title: '进口冷链监管加强', source: '海关总署', date: '2025-08-10', type: 'info', content: '进口冷链食品监管进一步规范，核酸检测要求明确。' }
        ];
        
        const foreignNewsData = [
            { title: '巴西活牛价飙至历史最高！', source: 'CEPEA/ESALQ', date: '2026-04-11', type: 'danger', content: '巴西圣保罗州育肥牛价格指数飙升至365.6雷亚尔/arroba（约15公斤），打破历史纪录。JBS、Marfrig部分工厂被迫停产20天。' },
            { title: 'JBS/Marfrig宣布阶段停产', source: '肉交所', date: '2026-04-11', type: 'danger', content: 'JBS旗下Água Boa（4121厂）和Pedra Preta（2019厂）自4月13日起停产约20天；Marfrig Várzea Grande主力生产线维护停工。原因：活牛成本倒挂。' },
            { title: '澳大利亚配额已满', source: 'AUSTRADE', date: '2026-04-15', type: 'danger', content: '澳大利亚2026年进口保障措施配额已于3月25日触达触发水平，超配额加征55%关税。' },
            { title: '巴西Q1对华出口同比+65.8%', source: '普悦资讯', date: '2026-04-22', type: 'warning', content: '巴西Q1向中国出口牛肉51.2万吨（+65.8%），均价5,594美元/吨（+11.9%）。抢配额导致量价齐升。' },
            { title: '阿根廷牛肉出口价格上涨', source: 'USDA', date: '2026-04-17', type: 'danger', content: '阿根廷牛肉FOB报价上涨，主销北美欧洲市场，价格4,416美元/吨，低于巴西。' },
            { title: 'JBS 2026年Q1财报亮眼', source: 'JBS IR', date: '2026-04-14', type: 'info', content: 'JBS 2026年Q1净利润同比增长22%，中国市场需求强劲。' },
            { title: '乌拉圭牛肉出口增长8%', source: 'INAC', date: '2026-03-20', type: 'success', content: '乌拉圭2026年Q1牛肉出口量增长8%，中国为最大买家。草饲高端品类货源阶段偏紧。' },
            { title: '巴西雷亚尔走强', source: 'Bloomberg', date: '2026-03-15', type: 'warning', content: '巴西雷亚尔汇率走强，影响出口商利润空间，美元报价上调。' },
            { title: 'JBS扩大对华出口', source: 'JBS', date: '2025-11-20', type: 'success', content: 'JBS宣布扩大对华牛肉出口，新增3家注册工厂。' },
            { title: '澳大利亚牛肉品质认证', source: 'MLA', date: '2025-10-05', type: 'info', content: '澳大利亚推出新的牛肉品质认证标准。' }
        ];
        
        // Traders data - 巴西、阿根廷、乌拉圭进口商
        const tradersData = [
            // ========== 巴西 ==========
            { 
                name: 'JBS S.A.', 
                fullName: 'JBS Friboi',
                country: '巴西',
                flag: '🇧🇷',
                factories: 18,
                rank: 1,
                products: ['眼肉', '西冷', '板腱', '大米龙', '小米龙', '牛腩', '前腱', '脖肉'],
                email: 'china@jbs.com.br',
                phone: '+86-21-6888-8888',
                address: '上海市浦东新区世纪大道100号'
            },
            { 
                name: 'Marfrig Global Foods', 
                fullName: 'Marfrig Global Foods S.A.',
                country: '巴西',
                flag: '🇧🇷',
                factories: 12,
                rank: 2,
                products: ['眼肉', '西冷', '针趴', '牛腩', '碎肉', '小米龙'],
                email: 'china@marfrig.com.br',
                phone: '+86-21-5888-6666',
                address: '上海市静安区南京西路1788号'
            },
            { 
                name: 'Minerva Foods', 
                fullName: 'Minerva Foods S.A.',
                country: '巴西',
                flag: '🇧🇷',
                factories: 8,
                rank: 3,
                products: ['眼肉', '西冷', '板腱', '前腱', '牛腩', '牛霖'],
                email: 'asiapacific@minervafoods.com',
                phone: '+86-20-8888-9999',
                address: '广州市天河区珠江新城花城大道68号'
            },
            { 
                name: 'Aurora Alimentos', 
                fullName: 'Aurora Alimentos',
                country: '巴西',
                flag: '🇧🇷',
                factories: 5,
                rank: 4,
                products: ['碎肉', '带骨肉', '牛前', '牛后'],
                email: 'export@auroraalimentos.com.br',
                phone: '+86-21-6699-8888',
                address: '北京市朝阳区建国门外大街1号'
            },
            { 
                name: 'Vale Grande', 
                fullName: 'Vale Grande Alimentos',
                country: '巴西',
                flag: '🇧🇷',
                factories: 3,
                rank: 5,
                products: ['牛腩', '针趴', '碎肉', '大米龙'],
                email: 'china@valegrande.com.br',
                phone: '+86-21-5888-1234',
                address: '上海市长宁区延安西路2299号'
            },
            // ========== 阿根廷 ==========
            { 
                name: 'Grupo Gorina', 
                fullName: 'Grupo Gorina S.A.',
                country: '阿根廷',
                flag: '🇦🇷',
                factories: 4,
                rank: 1,
                products: ['西冷', '眼肉', '牛腩', '牛霖', '前腱'],
                email: 'info@gorina.com.ar',
                phone: '+86-10-8888-5678',
                address: '北京市朝阳区东三环中路1号'
            },
            { 
                name: 'Frigorífico Alberdi', 
                fullName: 'Frigorífico Alberdi S.A.',
                country: '阿根廷',
                flag: '🇦🇷',
                factories: 3,
                rank: 2,
                products: ['眼肉', '西冷', '牛腩', '小米龙', '针趴'],
                email: 'export@alberdi.com.ar',
                phone: '+86-21-6333-8888',
                address: '上海市黄浦区淮海中路300号'
            },
            { 
                name: 'Cía. Central de Productos Avícolas', 
                fullName: 'Cía. Central de Productos Avícolas S.A.',
                country: '阿根廷',
                flag: '🇦🇷',
                factories: 2,
                rank: 3,
                products: ['牛肉', '鸡肉', '猪肉'],
                email: 'china@ccpa.com.ar',
                phone: '+86-20-8888-3456',
                address: '广州市越秀区环市东路368号'
            },
            { 
                name: 'Río Grande Foods', 
                fullName: 'Río Grande Foods S.A.',
                country: '阿根廷',
                flag: '🇦🇷',
                factories: 2,
                rank: 4,
                products: ['牛前', '牛后', '碎肉', '牛腩'],
                email: 'info@riograndefoods.com.ar',
                phone: '+86-10-6500-9999',
                address: '北京市海淀区中关村大街1号'
            },
            // ========== 乌拉圭 ==========
            { 
                name: 'Breeds S.A.', 
                fullName: 'Breeds S.A.',
                country: '乌拉圭',
                flag: '🇺🇾',
                factories: 3,
                rank: 1,
                products: ['眼肉', '西冷', '牛霖', '牛腩', '前腱', '小米龙'],
                email: 'china@breeds.com.uy',
                phone: '+86-21-5888-7777',
                address: '上海市浦东新区陆家嘴环路1000号'
            },
            { 
                name: 'Copay', 
                fullName: 'Copay S.A.',
                country: '乌拉圭',
                flag: '🇺🇾',
                factories: 2,
                rank: 2,
                products: ['牛肉', '牛腩', '针趴', '碎肉'],
                email: 'export@copay.com.uy',
                phone: '+86-21-6333-4567',
                address: '上海市静安区愚园路168号'
            },
            { 
                name: 'Sideral S.A.', 
                fullName: 'Sideral S.A.',
                country: '乌拉圭',
                flag: '🇺🇾',
                factories: 2,
                rank: 3,
                products: ['牛前', '牛后', '牛腩', '大米龙'],
                email: 'china@sideral.com.uy',
                phone: '+86-10-8888-2222',
                address: '北京市朝阳区建国路88号'
            },
            { 
                name: 'Matadero Canelones', 
                fullName: 'Matadero Canelones S.A.',
                country: '乌拉圭',
                flag: '🇺🇾',
                factories: 1,
                rank: 4,
                products: ['牛肉', '牛前', '牛后'],
                email: 'info@mataderocanelones.com.uy',
                phone: '+86-20-8888-7890',
                address: '广州市天河区体育西路101号'
            }
        ];
        
        // ========== 现货行情数据 ==========
        // 管理员录入的报价数据（元/吨）
        let marketPrices = [
            // ===== 大米龙 =====
            {id:1,name:'大米龙',price:66000,country:'巴西',note:'177厂 天津',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:2,name:'大米龙',price:66000,country:'巴西',note:'42厂 天津',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:3,name:'大米龙',price:65500,country:'巴西',note:'51厂 上海',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:4,name:'大米龙',price:65800,country:'巴西',note:'337厂 天津',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:5,name:'大米龙',price:65800,country:'巴西',note:'385厂 天津',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:6,name:'大米龙',price:66500,country:'巴西',note:'504厂 天津',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:7,name:'大米龙',price:65500,country:'巴西',note:'4333厂 天津',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:8,name:'大米龙',price:65500,country:'巴西',note:'4400厂 天津',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:9,name:'大米龙',price:65800,country:'巴西',note:'4333/337厂 天津',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:10,name:'大米龙',price:64500,country:'巴西',note:'2543厂 天津',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:11,name:'大米龙',price:64500,country:'巴西',note:'431厂 上海',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:12,name:'粗修大米龙',price:56500,country:'巴西',note:'431厂 上海',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:13,name:'大米龙',price:66000,country:'巴西',note:'1399厂 上海',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:14,name:'大米龙',price:67500,country:'巴西',note:'2082厂 宁波',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            // ===== 小米龙 =====
            {id:21,name:'小米龙',price:69000,country:'巴西',note:'941厂 天津',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:22,name:'小米龙',price:69000,country:'巴西',note:'42厂 上海',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:23,name:'小米龙',price:68500,country:'巴西',note:'385厂 天津',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:24,name:'小米龙',price:69500,country:'巴西',note:'504厂 上海',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:25,name:'小米龙',price:68000,country:'巴西',note:'2880厂 上海',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:26,name:'小米龙',price:68000,country:'巴西',note:'3470厂 上海',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:27,name:'小米龙',price:68000,country:'巴西',note:'4400厂 天津',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:28,name:'小米龙',price:69000,country:'巴西',note:'2058/42/337厂 天津',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            // ===== 带盖针趴 =====
            {id:31,name:'带盖针趴',price:56000,country:'巴西',note:'889厂 上海',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:32,name:'带盖针趴',price:56000,country:'巴西',note:'889厂 天津',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:33,name:'带盖针趴',price:56700,country:'巴西',note:'941厂 上海',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:34,name:'带盖针趴',price:56700,country:'巴西',note:'941厂 天津',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:35,name:'带盖针趴',price:56000,country:'巴西',note:'1206厂 上海',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:36,name:'带盖针趴',price:55800,country:'巴西',note:'791厂 上海',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            // ===== 去盖针趴 =====
            {id:41,name:'去盖针趴',price:65500,country:'巴西',note:'177厂 上海',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:42,name:'去盖针趴',price:67500,country:'巴西',note:'42厂 上海',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:43,name:'去盖针趴',price:67500,country:'巴西',note:'337厂 天津',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:44,name:'去盖针趴',price:67500,country:'巴西',note:'385厂 天津',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:45,name:'去盖针趴',price:68000,country:'巴西',note:'504厂 上海',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:46,name:'去盖针趴',price:66500,country:'巴西',note:'2058厂 天津',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:47,name:'去盖针趴',price:65000,country:'巴西',note:'3225厂 上海',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:48,name:'去盖针趴',price:67000,country:'巴西',note:'4333厂 天津',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:49,name:'去盖针趴',price:66000,country:'巴西',note:'2015厂 天津',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            // ===== 牛霖 =====
            {id:51,name:'牛霖',price:60200,country:'巴西',note:'3974厂 上海',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:52,name:'牛霖',price:60500,country:'巴西',note:'2015厂 上海',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:53,name:'牛霖',price:60500,country:'巴西',note:'2543厂 武汉',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:54,name:'牛霖',price:60800,country:'巴西',note:'42厂 天津',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:55,name:'牛霖',price:60500,country:'巴西',note:'337厂 上海',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:56,name:'牛霖',price:61000,country:'巴西',note:'504厂 上海',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:57,name:'牛霖',price:60000,country:'巴西',note:'1662厂 天津',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:58,name:'牛霖',price:60300,country:'巴西',note:'2058厂 天津',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:59,name:'牛霖',price:60000,country:'巴西',note:'4302厂 天津',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:60,name:'牛霖',price:60000,country:'巴西',note:'4333厂 上海',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:61,name:'牛霖',price:60000,country:'巴西',note:'4333厂 上海(旧)',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:62,name:'牛霖',price:60000,country:'巴西',note:'4400厂 天津',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            // ===== 前后龟腱 / 龟排腱 / 后腱 =====
            {id:71,name:'前后龟腱',price:70500,country:'巴西',note:'12厂 天津',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:72,name:'前后龟腱',price:68500,country:'巴西',note:'1399厂 上海',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:73,name:'前后龟腱',price:69500,country:'巴西',note:'2595厂 上海',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:74,name:'龟排腱',price:71500,country:'巴西',note:'3225厂 上海',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:75,name:'龟排腱',price:72500,country:'巴西',note:'4400厂 上海',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:76,name:'后腱',price:68000,country:'巴西',note:'13/1113厂 上海',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:77,name:'后腱',price:68000,country:'巴西',note:'13/1373/1113厂 上海',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:78,name:'后腱',price:71000,country:'巴西',note:'2015厂 上海',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:79,name:'后腱',price:72500,country:'巴西',note:'791厂 上海',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:80,name:'后腱',price:68000,country:'巴西',note:'13厂 上海',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:81,name:'后腱',price:74000,country:'巴西',note:'941厂 上海',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:82,name:'前后腱',price:68000,country:'巴西',note:'1014厂 上海',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:83,name:'前后腱',price:67000,country:'巴西',note:'1399厂 上海',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:84,name:'前后腱',price:69500,country:'巴西',note:'2082厂 宁波',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:85,name:'后腱',price:72500,country:'巴西',note:'337/2058厂 武汉',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:86,name:'后腱',price:73500,country:'巴西',note:'385厂 上海',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:87,name:'后腱',price:74000,country:'巴西',note:'504厂 武汉',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:88,name:'后腱',price:71500,country:'巴西',note:'3225厂 武汉',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:89,name:'后腱',price:72000,country:'巴西',note:'4302厂 武汉',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:90,name:'后腱',price:73000,country:'巴西',note:'4333厂 武汉',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'},
            {id:91,name:'后腱',price:73000,country:'巴西',note:'2058/337/42厂 上海',createdBy:'system',createdAt:'2026-04-25T00:00:00.000Z'}
        ];
        
        // 国产牛肉价格数据（从农业农村部抓取）
        let domesticPrices = JSON.parse(localStorage.getItem('beef_domestic_prices') || 'null');
        const domesticPriceLastUpdate = localStorage.getItem('beef_domestic_prices_date') || '';
        
        // 国产牛肉品种配置
        const domesticPriceConfig = [
            { name: '牛腩', category: '鲜牛肉' },
            { name: '牛腿肉', category: '鲜牛肉' },
            { name: '牛腱子肉', category: '鲜牛肉' },
            { name: '去骨牛肉', category: '分割肉' }
        ];
        
        // 初始化国产价格（默认数据，等待抓取更新）
        if (!domesticPrices) {
            domesticPrices = {
                // 热鲜肉/冷鲜肉部位
                '牛腩': 45.00,
                '牛腿肉': 76.80,
                '牛腱子肉': 68.50,
                '西冷': 88.00,
                '眼肉': 92.00,
                '上脑': 75.00,
                // 冻品部位
                '大米龙': 58.00,
                '小米龙': 56.50,
                '前腱': 55.00,
                '后腱': 58.00,
                updateTime: '2026-04-19',
                source: '农业农村部（默认数据，待抓取）'
            };
        }
        
        // 管理员录入报价
        function addAdminPrice() {
            if (!isAdmin) {
                showToast('只有管理员可以录入报价', 'error');
                return;
            }
            
            const partName = document.getElementById('adminPartName').value.trim();
            const price = parseFloat(document.getElementById('adminPartPrice').value);
            const country = document.getElementById('adminPartCountry').value;
            const note = document.getElementById('adminPartNote').value.trim();
            
            if (!partName || !price || price <= 0) {
                showToast('请填写正确的部位名称和价格', 'error');
                return;
            }
            
            const newPrice = {
                id: Date.now(),
                name: partName,
                price: price,
                country: country,
                note: note || '综合报价',
                createdBy: currentUser ? currentUser.username : 'admin',
                createdAt: new Date().toISOString()
            };
            
            marketPrices.push(newPrice);
            localStorage.setItem('beef_market_prices', JSON.stringify(marketPrices));
            
            // 保存到历史记录
            savePriceToHistory(partName, price, 'import');
            
            // 清空输入
            document.getElementById('adminPartName').value = '';
            document.getElementById('adminPartPrice').value = '';
            document.getElementById('adminPartNote').value = '';
            
            showToast('报价已添加', 'success');
            renderMarketPrices();
            renderPriceChart();
        }

        // 清空所有报价数据
        function clearAllPrices() {
            if (!isAdmin) {
                showToast('只有管理员可以清空数据', 'error');
                return;
            }
            if (!confirm('确定要清空所有报价数据吗？此操作不可撤销。')) {
                return;
            }
            marketPrices = [];
            localStorage.setItem('beef_market_prices', JSON.stringify(marketPrices));
            renderMarketPrices();
            showToast('已清空所有报价数据', 'success');
        }

        // 删除单条报价（管理员权限）
        function deletePrice(id) {
            if (!isAdmin) {
                showToast('只有管理员可以删除报价', 'error');
                return;
            }
            if (!confirm('确定要删除这条报价吗？')) {
                return;
            }
            marketPrices = marketPrices.filter(p => p.id !== id);
            localStorage.setItem('beef_market_prices', JSON.stringify(marketPrices));
            renderMarketPrices();
            showToast('报价已删除', 'success');
        }

        // 删除单条报价（管理员权限）
        function deletePrice(priceId) {
            if (!isAdmin) {
                showToast('只有管理员可以删除报价', 'error');
                return;
            }
            if (!confirm('确定要删除这条报价吗？')) {
                return;
            }
            marketPrices = marketPrices.filter(p => p.id != priceId);
            localStorage.setItem('beef_market_prices', JSON.stringify(marketPrices));
            renderMarketPrices();
            showToast('报价已删除', 'success');
        }

        // 按品类删除所有报价（管理员权限）
        function deletePricesByPart(partName) {
            if (!isAdmin) {
                showToast('只有管理员可以删除报价', 'error');
                return;
            }
            const count = marketPrices.filter(p => p.name === partName).length;
            if (!confirm(`确定要删除"${partName}"的所有报价（共 ${count} 条）吗？`)) {
                return;
            }
            marketPrices = marketPrices.filter(p => p.name !== partName);
            localStorage.setItem('beef_market_prices', JSON.stringify(marketPrices));
            renderMarketPrices();
            showToast(`已删除"${partName}"的所有报价`, 'success');
        }

        // 打开批量录入弹窗
        function openBatchImport() {
            if (!isAdmin) {
                showToast('只有管理员可以录入报价', 'error');
                return;
            }
            document.getElementById('batchImportText').value = '';
            document.getElementById('batchImportCount').textContent = '0 条';
            document.getElementById('batchImportPreview').innerHTML = '<div style="color: var(--text-muted); text-align: center;">粘贴文本后自动解析</div>';
            showModal('batchImportModal');

            // 监听文本输入，实时解析预览
            document.getElementById('batchImportText').addEventListener('input', parseBatchPreview);
        }

        // 解析批量文本预览
        function parseBatchPreview() {
            const text = document.getElementById('batchImportText').value;
            const country = document.getElementById('batchImportCountry').value;
            const unitSelect = document.getElementById('batchImportUnit');
            const unit = unitSelect ? unitSelect.value : '1000'; // 默认元/公斤
            const lines = text.split('\n').filter(line => line.trim());

            const parsedItems = [];
            const factoryNames = ['上海', '盐田', '天津', '南京', '宁波', '青岛', '广州', '深圳', '大连', '厦门', '福州', '山东', '江苏', '浙江', '山东'];

            // 部位名称映射（精确匹配在前，简单匹配在后）
            const partMapping = {
                '八件套': '八件套', '七件套': '七件套', '六件套': '六件套', '九件套': '九件套',
                '后四': '后四', '后三': '后三', '后八': '后八',
                '粗修大米龙': '粗修大米龙', '粗修小米龙': '粗修小米龙',
                '带盖针趴': '带盖针趴', '去盖针趴': '去盖针趴', '带盖针扒': '带盖针趴', '去盖针扒': '去盖针趴',
                '牛霖': '牛霖', '大条': '大米龙', '小条': '小米龙', '小米龙': '小米龙',
                '大米龙': '大米龙', '针趴': '针趴', '牛腩': '牛腩',
                '脖肉': '脖肉', '胸肉': '胸肉', '上脑': '上脑', '前腱': '前腱',
                '肋条': '肋条', '板腱': '板腱', '保乐肩': '保乐肩', '嫩肩': '嫩肩',
                '肩胛': '肩胛', '肩胛盖': '肩胛盖',
                '龟排腱': '龟排腱', '前后龟腱': '前后龟腱', '后腱': '后腱',
                '前后腱': '前后腱', '牛后龟腱': '后腱', '牛前后腱': '前后腱',
                '龟腱': '龟腱', '肩峰': '肩峰',
                '六切': '六切', '八切': '八切'
            };

            for (const line of lines) {
                const trimmed = line.trim();
                if (!trimmed) continue;

                // 跳过标题行和分隔符
                if (/^[—\-=]+$/.test(trimmed) || trimmed.startsWith('【') || trimmed.startsWith('*') || trimmed.startsWith('#')) {
                    continue;
                }

                // ========== 格式1: "42大米龙，66.5，天津，25/11" ==========
                // 厂号 + 部位 + 价格 + 产地 + (生产日期)
                let format1 = trimmed.match(/^(\d{2,4})(.*?)，(\d+\.?\d*)，([^，]+)(?:，(\d{1,2}\/\d{1,2}))?$/);
                if (format1) {
                    let factoryId = format1[1];
                    // 如果是2位数字，补全为4位（假设20XX年）
                    if (factoryId.length === 2) {
                        factoryId = '20' + factoryId;
                    }
                    let partName = format1[2].trim();
                    let price = parseFloat(format1[3]);
                    let factory = format1[4].trim();
                    let productionDate = format1[5] ? '20' + format1[5] : '';

                    // 识别部位
                    let matchedPart = '';
                    for (const [key, value] of Object.entries(partMapping)) {
                        if (partName.includes(key)) {
                            matchedPart = value;
                            break;
                        }
                    }
                    if (!matchedPart) matchedPart = partName;

                    const finalPrice = unit === '1000' ? price * 1000 : price;

                    parsedItems.push({
                        factory: factory,
                        factoryId: factoryId,
                        partName: matchedPart,
                        price: finalPrice,
                        original: trimmed,
                        country: country,
                        productionDate: productionDate
                    });
                    continue;
                }

                // ========== 格式2: "4333/337大米龙，66，天津，25/11" ==========
                // 多厂号 + 部位 + 价格 + 产地 + (生产日期)
                let format2 = trimmed.match(/^(\d{4}(?:\/\d{4})+)；(.*?)，(\d+\.?\d*)，([^，]+)(?:，(\d{1,2}\/\d{1,2}))?$/);
                if (format2) {
                    let factoryId = format2[1].replace(/\//g, '/');
                    let partName = format2[2].trim();
                    let price = parseFloat(format2[3]);
                    let factory = format2[4].trim();
                    let productionDate = format2[5] ? '20' + format2[5] : '';

                    let matchedPart = '';
                    for (const [key, value] of Object.entries(partMapping)) {
                        if (partName.includes(key)) {
                            matchedPart = value;
                            break;
                        }
                    }
                    if (!matchedPart) matchedPart = partName;

                    const finalPrice = unit === '1000' ? price * 1000 : price;

                    parsedItems.push({
                        factory: factory,
                        factoryId: factoryId,
                        partName: matchedPart,
                        price: finalPrice,
                        original: trimmed,
                        country: country,
                        productionDate: productionDate
                    });
                    continue;
                }

                // ========== 格式3: "1365八件套，57.5，上海，25/8" ==========
                // 厂号 + 部位 + 公斤价 + 城市 + 到货日期
                let format3 = trimmed.match(/^(\d{3,4})(.*?)，(\d+\.?\d*)，([^，]+)(?:，(\d{1,2}\/\d{1,2}))?$/);
                if (format3) {
                    let factoryId = format3[1];
                    if (factoryId.length === 3) factoryId = '0' + factoryId;
                    let partName = format3[2].trim();
                    let price = parseFloat(format3[3]);
                    let factory = format3[4].trim();
                    let productionDate = format3[5] ? '20' + format3[5] : '';

                    let matchedPart = '';
                    for (const [key, value] of Object.entries(partMapping)) {
                        if (partName.includes(key)) {
                            matchedPart = value;
                            break;
                        }
                    }
                    if (!matchedPart) matchedPart = partName;

                    const finalPrice = unit === '1000' ? price * 1000 : price;

                    parsedItems.push({
                        factory: factory,
                        factoryId: factoryId,
                        partName: matchedPart,
                        price: finalPrice,
                        original: trimmed,
                        country: country,
                        productionDate: productionDate
                    });
                    continue;
                }

                // ========== 格式4: "上海1110八件套56.8" ==========
                // 产地 + 厂号 + 部位 + 价格
                let factory = '未知';
                let factoryId = '';
                let partName = '';
                let price = 0;

                // 提取产地前缀
                for (const name of factoryNames) {
                    if (trimmed.startsWith(name)) {
                        factory = name;
                        break;
                    }
                }

                // 提取4位厂号
                const factoryMatch = trimmed.match(/\b(\d{4})\b/);
                if (factoryMatch) {
                    factoryId = factoryMatch[1];
                }

                // 提取价格（最后面的数字）
                const priceMatch = trimmed.match(/(\d+\.?\d*)\s*$/);
                if (priceMatch) {
                    price = parseFloat(priceMatch[1]);
                }

                // 提取部位
                let remainder = trimmed
                    .replace(/\d{4}/g, '')
                    .replace(/[\d\.]+\s*$/, '')
                    .replace(factory, '')
                    .trim();

                for (const [key, value] of Object.entries(partMapping)) {
                    if (remainder.includes(key)) {
                        partName = value;
                        break;
                    }
                }
                if (!partName && remainder) {
                    partName = remainder;
                }

                const finalPrice = unit === '1000' ? price * 1000 : price;

                if (partName && finalPrice > 0) {
                    parsedItems.push({
                        factory: factory,
                        factoryId: factoryId,
                        partName: partName,
                        price: finalPrice,
                        original: trimmed,
                        country: country
                    });
                }
            }

            // 更新预览
            const preview = document.getElementById('batchImportPreview');
            const count = document.getElementById('batchImportCount');

            if (parsedItems.length > 0) {
                count.textContent = parsedItems.length + ' 条';
                let html = '<table style="width: 100%; min-width: 700px; border-collapse: collapse; font-size: 0.8rem;">';
                html += '<tr style="background: var(--bg-secondary);"><th style="padding: 6px 8px; text-align: center; width: 30px;">#</th><th style="padding: 6px 8px; text-align: left; width: 60px;">产地</th><th style="padding: 6px 8px; text-align: left; width: 50px;">厂号</th><th style="padding: 6px 8px; text-align: left; width: 80px;">部位</th><th style="padding: 6px 8px; text-align: right; width: 90px;">单价(元/公斤)</th><th style="padding: 6px 8px; text-align: right; width: 100px; color: var(--primary);">吨价(元/吨)</th><th style="padding: 6px 8px; text-align: left;">生产日期</th></tr>';
                parsedItems.forEach((item, i) => {
                    const bg = i % 2 === 0 ? '' : 'background: var(--bg-secondary);';
                    const storedPrice = item.price * 1000; // 存储值（已转元/吨）
                    html += `<tr ${bg}><td style="padding: 6px 8px; text-align: center;">${i + 1}</td><td style="padding: 6px 8px;">${item.factory}</td><td style="padding: 6px 8px;">${item.factoryId || '-'}</td><td style="padding: 6px 8px;">${item.partName}</td><td style="padding: 6px 8px; text-align: right;">¥${item.price.toFixed(1)}</td><td style="padding: 6px 8px; text-align: right; color: var(--primary); font-weight: 600;">¥${storedPrice.toLocaleString()}</td><td style="padding: 6px 8px;">${item.productionDate || '-'}</td></tr>`;
                });
                html += '</table>';
                preview.innerHTML = html;

                // 存储解析结果
                window._batchParsedItems = parsedItems;
            } else {
                count.textContent = '0 条';
                preview.innerHTML = '<div style="color: var(--text-muted); text-align: center;">未能识别到有效报价，请检查格式</div>';
                window._batchParsedItems = [];
            }
        }

        // 确认导入批量报价
        function importBatchPrices() {
            if (!window._batchParsedItems || window._batchParsedItems.length === 0) {
                showToast('没有可导入的报价数据', 'warning');
                return;
            }

            let imported = 0;
            const country = document.getElementById('batchImportCountry').value;

            for (const item of window._batchParsedItems) {
                const newPrice = {
                    id: Date.now() + Math.random(),
                    name: item.partName,
                    price: item.price,
                    country: item.country || country,
                    note: (item.factory !== '未知' ? item.factory : '') + (item.factoryId ? item.factoryId + '厂' : ''),
                    createdBy: currentUser ? currentUser.username : 'admin',
                    createdAt: new Date().toISOString()
                };
                marketPrices.push(newPrice);
                // 保存到历史记录
                savePriceToHistory(item.partName, item.price, 'import');
                imported++;
            }

            localStorage.setItem('beef_market_prices', JSON.stringify(marketPrices));
            closeModal('batchImportModal');
            renderMarketPrices();
            renderPriceChart();
            showToast(`成功导入 ${imported} 条报价`, 'success');
        }

        // 抓取国产牛肉价格（从农业农村部网站）
        async function fetchDomesticPrice() {
            showToast('正在抓取多来源国产牛肉价格...', 'info');
            
            // 多来源数据（模拟抓取，实际应该调用API或爬虫）
            try {
                const today = new Date().toISOString().split('T')[0];
                
                // 各来源模拟数据
                const sourcesData = {
                    '农业部': {
                        source: '农业部',
                        updateTime: today,
                        prices: {
                            '牛腩': 45.00, '牛腿肉': 76.80, '牛腱子肉': 68.50,
                            '西冷': 88.00, '眼肉': 92.00, '上脑': 75.00
                        }
                    },
                    '卓创资讯': {
                        source: '卓创资讯',
                        updateTime: today,
                        prices: {
                            '牛腩': 45.00, '牛腿肉': 75.50, '牛腱子肉': 67.20,
                            '西冷': 86.50, '眼肉': 90.00, '上脑': 73.80
                        }
                    },
                    '北京新发地': {
                        source: '北京新发地',
                        updateTime: today,
                        prices: {
                            '牛腩': 45.00, '牛腿肉': 78.00, '牛腱子肉': 69.00,
                            '西冷': 90.00, '眼肉': 95.00, '上脑': 76.00
                        }
                    },
                    '上海江杨': {
                        source: '上海江杨',
                        updateTime: today,
                        prices: {
                            '牛腩': 45.00, '牛腿肉': 77.00, '牛腱子肉': 68.00,
                            '西冷': 87.00, '眼肉': 91.00, '上脑': 74.50
                        }
                    },
                    '广州江南': {
                        source: '广州江南',
                        updateTime: today,
                        prices: {
                            '牛腩': 45.00, '牛腿肉': 76.00, '牛腱子肉': 67.50,
                            '西冷': 85.00, '眼肉': 89.00, '上脑': 73.00
                        }
                    },
                    '京东生鲜': {
                        source: '京东生鲜',
                        updateTime: today,
                        prices: {
                            '牛腩': 45.00, '牛腿肉': 82.00, '牛腱子肉': 75.00,
                            '西冷': 98.00, '眼肉': 102.00, '上脑': 85.00
                        }
                    }
                };
                
                // 存储多来源数据
                domesticSources = sourcesData;
                localStorage.setItem('beef_domestic_sources', JSON.stringify(domesticSources));
                
                // 同时保存综合数据（用于显示）
                domesticPrices = {
                    updateTime: today,
                    source: '6个来源综合'
                };
                
                // 计算综合平均价
                const allParts = ['牛腩', '牛腿肉', '牛腱子肉', '西冷', '眼肉', '上脑'];
                allParts.forEach(part => {
                    let sum = 0, count = 0;
                    Object.values(sourcesData).forEach(src => {
                        if (src.prices[part]) {
                            sum += src.prices[part];
                            count++;
                        }
                    });
                    domesticPrices[part] = count > 0 ? sum / count : 0;
                });
                
                localStorage.setItem('beef_domestic_prices', JSON.stringify(domesticPrices));
                
                // 保存国产价格到历史记录
                Object.entries(domesticPrices).forEach(([part, price]) => {
                    if (typeof price === 'number' && price > 0) {
                        savePriceToHistory(part, price, 'domestic');
                    }
                });
                
                renderDomesticPrices();
                renderPriceChart();
                showToast('已抓取6个来源数据', 'success');
            } catch (error) {
                showToast('抓取失败，使用缓存数据', 'warning');
                renderDomesticPrices();
            }
        }
        
        // 渲染国产牛肉价格（多来源对比）
        function renderDomesticPrices() {
            const container = document.getElementById('domesticPrices');
            if (!container) return;
            
            const items = ['牛腩', '牛腿肉', '牛腱子肉', '西冷', '眼肉', '上脑', '大米龙', '小米龙', '前腱', '后腱'];
            const sources = ['农业部', '卓创资讯', '北京新发地', '上海江杨', '广州江南', '京东生鲜'];
            
            // 计算综合平均价
            if (domesticPrices && Object.keys(domesticPrices).length > 2) {
                let html = '';
                
                // 价格卡片 - 统一风格
                html += `<div style="display: grid; grid-template-columns: repeat(5, 1fr); gap: 0;">`;
                items.forEach(name => {
                    const price = domesticPrices[name];
                    html += `
                        <div class="domestic-price-card" style="background: rgba(230,57,70,0.06); padding: 16px 12px; text-align: center; border-right: 1px solid var(--border-color); cursor: pointer;" onclick="togglePartDetail('${name}')" onmouseover="this.style.background='rgba(230,57,70,0.12)'" onmouseout="this.style.background='rgba(230,57,70,0.06)'">
                            <div style="font-size: 0.75rem; color: var(--text-secondary); margin-bottom: 8px;">${name}</div>
                            <div style="font-size: 1.4rem; font-weight: 700; color: ${price ? 'var(--primary)' : 'var(--text-muted)'}; letter-spacing: -0.5px;">${price ? '¥' + price.toFixed(1) : '--'}</div>
                            <div style="font-size: 0.65rem; color: var(--text-muted); margin-top: 4px;">元/公斤</div>
                        </div>
                    `;
                });
                html += '</div>';
                
                // 下方展开：各平台价格明细
                html += `<div id="partDetailPanel" style="margin-top: 20px; display: none;">`;
                html += `<div style="background: var(--bg-tertiary); border-radius: 8px; padding: 20px; border: 1px solid var(--border-color);">`;
                html += `<div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid var(--border-color);">`;
                html += `<div style="font-size: 0.85rem; font-weight: 600; color: var(--text-primary);"><span id="selectedPartName" style="color: var(--primary);">--</span> 各平台价格对比</div>`;
                html += `<div style="display: flex; gap: 6px;">`;
                sources.forEach(srcName => {
                    const src = domesticSources && domesticSources[srcName];
                    html += `<span style="font-size: 0.6rem; background: ${src ? 'var(--bg-secondary)' : 'transparent'}; color: ${src ? 'var(--text-secondary)' : 'var(--text-muted)'}; padding: 2px 8px; border-radius: 4px; border: 1px solid var(--border-color);">
                        ${srcName}
                    </span>`;
                });
                html += '</div></div>';
                html += `<div style="display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px;" id="partDetailContent"></div>`;
                html += '</div></div>';
                
                container.innerHTML = html;
            } else {
                container.innerHTML = '<div style="color: var(--text-muted); text-align: center; padding: 40px;">暂无数据，点击"更新"抓取</div>';
            }
            
            const sourceEl = document.getElementById('domesticPriceSource');
            if (sourceEl) {
                sourceEl.textContent = `综合平均价 | 更新: ${domesticPrices.updateTime || '未知'}`;
            }
        }
        
        // 切换部位详情显示
        function togglePartDetail(partName) {
            const panel = document.getElementById('partDetailPanel');
            const nameEl = document.getElementById('selectedPartName');
            const contentEl = document.getElementById('partDetailContent');
            
            if (!panel || !nameEl || !contentEl) return;
            
            // 如果点击的是当前已展开的部位，则收起
            if (panel.style.display === 'block' && nameEl.textContent === partName) {
                panel.style.display = 'none';
                return;
            }
            
            nameEl.textContent = partName;
            
            // 生成各平台价格 - 网格布局
            let html = '';
            const sources = ['农业部', '卓创资讯', '北京新发地', '上海江杨', '广州江南', '京东生鲜'];
            sources.forEach(srcName => {
                const src = domesticSources && domesticSources[srcName];
                const price = src && src.prices && src.prices[partName];
                html += `
                    <div style="background: var(--bg-secondary); border-radius: 6px; padding: 12px 8px; text-align: center;">
                        <div style="font-size: 0.65rem; color: var(--text-muted); margin-bottom: 6px;">${srcName}</div>
                        <div style="font-size: 1rem; font-weight: 600; color: ${price ? 'var(--primary)' : 'var(--text-muted)'};">${price ? '¥' + price.toFixed(1) : '--'}</div>
                    </div>
                `;
            });
            contentEl.innerHTML = html;
            panel.style.display = 'block';
        }

        // 切换来源详情显示
        function toggleSourceDetail(sourceName) {
            const details = document.getElementById('sourceDetails');
            if (details) {
                details.style.display = details.style.display === 'none' ? 'block' : 'none';
            }
        }
        
        // 渲染进口牛肉每公斤平均价
        function renderImportAvgPrices() {
            const container = document.getElementById('importAvgPrices');
            if (!container) return;
            
            // 按部位分组计算平均价（动态包含所有品类）
            const priceByPart = {};
            marketPrices.forEach(p => {
                const partName = p.name;
                if (!priceByPart[partName]) {
                    priceByPart[partName] = [];
                }
                priceByPart[partName].push(p);
            });
            
            // 优先显示常用品类
            const priorityParts = ['大米龙', '粗修大米龙', '小米龙', '粗修小米龙', '牛霖', '去盖针趴', '嫩肩', '保乐肩', '西冷', '眼肉', '牛腩', '前腱', '后腱', '带盖针趴'];
            const displayParts = [
                ...priorityParts.filter(p => priceByPart[p]),
                ...Object.keys(priceByPart).filter(p => !priorityParts.includes(p)).sort()
            ];
            
            let html = `<div style="display: flex; flex-wrap: wrap; gap: 0;">`;
            displayParts.slice(0, 18).forEach((partName, index) => {
                const prices = priceByPart[partName] || [];
                const count = prices.length;
                let avgPriceKg = '--';
                
                if (count > 0) {
                    const total = prices.reduce((sum, p) => sum + p.price, 0);
                    avgPriceKg = (total / count / 1000).toFixed(1);
                }
                
                const bgColor = count > 0 ? 'rgba(46,204,113,0.08)' : 'var(--bg-tertiary)';
                const textColor = count > 0 ? 'var(--success)' : 'var(--text-muted)';
                const isLastInRow = (index + 1) % 6 === 0;
                const borderBottom = isLastInRow && index < displayParts.length - 1 ? 'border-bottom: 1px solid var(--border-color);' : '';
                
                html += `
                    <div class="price-card-hover" style="background: ${bgColor}; padding: 16px 12px; text-align: center; border-right: 1px solid var(--border-color); flex: 0 0 calc(16.666% - 1px); ${borderBottom} cursor: pointer; transition: all 0.2s;">
                        <div style="font-size: 0.75rem; color: var(--text-secondary); margin-bottom: 8px;">${partName}</div>
                        <div style="font-size: 1.4rem; font-weight: 700; color: ${textColor}; letter-spacing: -0.5px;">¥${avgPriceKg}</div>
                        <div style="font-size: 0.65rem; color: var(--text-muted); margin-top: 4px;">${count > 0 ? '元/公斤' : '暂无'}</div>
                    </div>
                `;
            });
            html += '</div>';
            
            if (!html || html === '<div style="display: flex; flex-wrap: wrap; gap: 12px;"></div>') {
                html = '<div style="color: var(--text-muted); text-align: center; padding: 20px;">暂无进口报价数据，请先录入</div>';
            }
            
            container.innerHTML = html;
        }
        
        // ========== 价格走势图功能 ==========
        let priceChart = null;
        let currentChartPart = null;
        
        // 常用部位列表（用于图表选择）
        const chartParts = ['大米龙', '粗修大米龙', '小米龙', '粗修小米龙', '牛霖', '去盖针趴', '嫩肩', '保乐肩', '眼肉', '牛腩', '前腱', '后腱'];
        
        // 保存价格到历史记录（每次导入时调用）
        function savePriceToHistory(partName, price, type) {
            const history = JSON.parse(localStorage.getItem('beef_price_history') || '[]');
            const today = new Date().toISOString().split('T')[0];
            history.push({
                date: today,
                part: partName,
                price: price,
                type: type // 'import' or 'domestic'
            });
            // 只保留最近30天的数据
            const thirtyDaysAgo = new Date();
            thirtyDaysAgo.setDate(thirtyDaysAgo.getDate() - 30);
            const filtered = history.filter(h => new Date(h.date) >= thirtyDaysAgo);
            localStorage.setItem('beef_price_history', JSON.stringify(filtered));
        }
        
        // 获取最近7天的价格数据
        function getLast7DaysData(partName, type) {
            const history = JSON.parse(localStorage.getItem('beef_price_history') || '[]');
            const today = new Date();
            const labels = [];
            const data = [];
            
            for (let i = 6; i >= 0; i--) {
                const date = new Date(today);
                date.setDate(date.getDate() - i);
                const dateStr = date.toISOString().split('T')[0];
                labels.push(dateStr.slice(5)); // MM-DD格式
                
                // 查找该日期该部位的价格
                const records = history.filter(h => h.part === partName && h.type === type && h.date === dateStr);
                if (records.length > 0) {
                    // 取平均值
                    const avgPrice = records.reduce((sum, r) => sum + r.price, 0) / records.length;
                    data.push(avgPrice.toFixed(1));
                } else {
                    data.push(null); // 无数据
                }
            }
            return { labels, data };
        }
        
        // 渲染部位选择按钮
        function renderPartSelector() {
            const container = document.getElementById('priceChartPartSelector');
            if (!container) return;
            
            container.innerHTML = chartParts.map(part => `
                <button onclick="selectChartPart('${part}')" 
                    class="chart-part-btn ${currentChartPart === part ? 'active' : ''}"
                    style="padding: 6px 14px; border-radius: 20px; border: 1px solid var(--border-color); 
                    background: ${currentChartPart === part ? 'var(--primary)' : 'var(--bg-secondary)'}; 
                    color: ${currentChartPart === part ? 'white' : 'var(--text-secondary)'}; 
                    cursor: pointer; font-size: 0.85rem; transition: all 0.2s;">
                    ${part}
                </button>
            `).join('');
        }
        
        // 选择部位
        function selectChartPart(partName) {
            currentChartPart = partName;
            renderPartSelector();
            renderPriceChart();
        }
        
        // 渲染价格走势图
        function renderPriceChart() {
            const canvas = document.getElementById('priceChartCanvas');
            if (!canvas || !currentChartPart) {
                canvas.innerHTML = '<div style="text-align: center; color: var(--text-muted); padding-top: 100px;">请选择要查看的部位</div>';
                return;
            }
            
            const importData = getLast7DaysData(currentChartPart, 'import');
            const domesticData = getLast7DaysData(currentChartPart, 'domestic');
            
            if (priceChart) {
                priceChart.destroy();
            }
            
            priceChart = new Chart(canvas, {
                type: 'line',
                data: {
                    labels: importData.labels,
                    datasets: [
                        {
                            label: '进口',
                            data: importData.data,
                            borderColor: '#e63946',
                            backgroundColor: 'rgba(230, 57, 70, 0.1)',
                            borderWidth: 2,
                            tension: 0.3,
                            fill: true,
                            pointRadius: 4,
                            pointBackgroundColor: '#e63946'
                        },
                        {
                            label: '国产',
                            data: domesticData.data,
                            borderColor: '#2a9d8f',
                            backgroundColor: 'rgba(42, 157, 143, 0.1)',
                            borderWidth: 2,
                            tension: 0.3,
                            fill: true,
                            pointRadius: 4,
                            pointBackgroundColor: '#2a9d8f'
                        }
                    ]
                },
                options: {
                    responsive: true,
                    maintainAspectRatio: false,
                    plugins: {
                        legend: { display: false },
                        tooltip: {
                            callbacks: {
                                label: function(context) {
                                    return context.dataset.label + ': ¥' + context.raw + '元/公斤';
                                }
                            }
                        }
                    },
                    scales: {
                        y: {
                            beginAtZero: false,
                            title: { display: true, text: '价格（元/公斤）' },
                            grid: { color: 'rgba(0,0,0,0.05)' }
                        },
                        x: {
                            grid: { display: false }
                        }
                    }
                }
            });
        }
        
        // 渲染进口牛肉报价明细（不显示综合均价）
        function renderMarketPrices() {
            const tbody = document.getElementById('importDetailBody');
            if (!tbody) return;
            
            // 按部位分组（动态包含所有品类）
            const priceByPart = {};
            marketPrices.forEach(p => {
                const partName = p.name;
                if (!priceByPart[partName]) {
                    priceByPart[partName] = [];
                }
                priceByPart[partName].push(p);
            });
            
            // 优先显示常用品类，其他品类按字母排序
            const priorityParts = ['大米龙', '粗修大米龙', '小米龙', '粗修小米龙', '牛霖', '去盖针趴', '带盖针趴', '嫩肩', '保乐肩', '西冷', '眼肉', '牛腩', '前腱', '后腱', '前后龟腱', '龟排腱', '前后腱', '上脑', '脖肉', '板腱', '肋条'];
            const allPartNames = Object.keys(priceByPart);
            const sortedParts = [
                ...priorityParts.filter(p => allPartNames.includes(p)),
                ...allPartNames.filter(p => !priorityParts.includes(p)).sort()
            ];
            
            if (sortedParts.length === 0) {
                tbody.innerHTML = `
                    <tr>
                        <td colspan="6" style="text-align: center; color: var(--text-muted); padding: 40px;">
                            暂无报价数据<br>
                            <small>管理员可在上面录入每日收到的供应商报价</small>
                        </td>
                    </tr>
                `;
            } else {
                tbody.innerHTML = sortedParts.map(partName => {
                    const prices = priceByPart[partName];
                    const priceValues = prices.map(p => p.price);
                    const maxPrice = Math.max(...priceValues);
                    const minPrice = Math.min(...priceValues);
                    const latestUpdate = prices.reduce((latest, p) => {
                        return new Date(p.createdAt) > new Date(latest) ? p.createdAt : latest;
                    }, prices[0].createdAt);
                    
                    return `
                        <tr>
                            <td style="font-weight: 600; color: var(--primary); min-width: 80px;">${partName}</td>
                            <td style="text-align: right; color: var(--danger); font-family: var(--font-en); min-width: 90px;">¥${maxPrice.toLocaleString()}<br><small style="color: var(--text-muted); font-size: 0.7rem;">元/吨</small></td>
                            <td style="text-align: right; color: var(--success); font-family: var(--font-en); min-width: 90px;">¥${minPrice.toLocaleString()}<br><small style="color: var(--text-muted); font-size: 0.7rem;">元/吨</small></td>
                            <td style="text-align: center; min-width: 70px;">${prices.length}条</td>
                            <td style="min-width: 90px;">${latestUpdate.split('T')[0]}</td>
                            <td>
                                ${isAdmin ? `<button class="btn btn-sm" style="padding: 2px 8px; font-size: 0.7rem; background: rgba(230,57,70,0.1); color: var(--danger);" onclick="deletePricesByPart('${partName}')">
                                    <i class="ri-delete-bin-line"></i> 删除
                                </button>` : ''}
                            </td>
                        </tr>
                    `;
                }).join('');
            }
            
            // 渲染上方平均价卡片
            renderImportAvgPrices();
            
            // 更新页面时间
            const updateTimeEl = document.getElementById('cattleUpdateTime');
            if (updateTimeEl) {
                updateTimeEl.textContent = new Date().toLocaleString('zh-CN');
            }
        }
        
        // 更新管理员面板显示
        function updateAdminPricePanel() {
            const panel = document.getElementById('adminPricePanel');
            if (panel) {
                panel.style.display = isAdmin ? 'block' : 'none';
            }
        }
        
        // 供应商真实报价数据 (USD/吨) - 2026年4月船期（更新：2026-04-25）
        // 巴西2872厂
        const factory2872 = [
            { name: '牛前8件套', fob: 7600, factory: '2872' },
            { name: '牛霖', fob: 8050, factory: '2872' },
            { name: '牛腩90VL', fob: 7600, factory: '2872' },
            { name: '西冷/眼肉', fob: 9300, factory: '2872' },
            { name: '去盖针趴97VL', fob: 8750, factory: '2872' },
            { name: '粗修大米龙', fob: 7800, factory: '2872' },
            { name: '小米龙97VL', fob: 8750, factory: '2872' },
            { name: '肋条(西冷)', fob: 14800, factory: '2872' },
            { name: '眼肉盖', fob: 7150, factory: '2872' },
            { name: '肩峰B级', fob: 7100, factory: '2872' }
        ];
        
        // 巴西941厂
        const factory941 = [
            { name: '牛前6件套90VL', fob: 7550, factory: '941' },
            { name: '牛腩80VL', fob: 6850, factory: '941' },
            { name: '西冷眼肉', fob: 9100, factory: '941' },
            { name: '带油带盖针趴90VL', fob: 7250, factory: '941' },
            { name: '粗修大米龙90VL', fob: 7350, factory: '941' },
            { name: '牛霖97VL', fob: 7950, factory: '941' },
            { name: '小米龙97VL', fob: 8900, factory: '941' },
            { name: '后龟腱带腱芯', fob: 9250, factory: '941' },
            { name: '牛后部位肉90VL', fob: 6600, factory: '941' },
            { name: '碎肉80VL', fob: 5800, factory: '941' }
        ];
        
        // Marfrig SIF 2015/2543 (CFR价格)
        const marfrigPrices = [
            { name: '牛前八件套', fob: 7750, factory: '2015/2543', note: 'CFR' },
            { name: '牛砧扒97VL去盖', fob: 8650, factory: '2015/2543', note: 'CFR' },
            { name: '大黄瓜条', fob: 8350, factory: '2015/2543', note: 'CFR' },
            { name: '小黄瓜条', fob: 8850, factory: '2015/2543', note: 'CFR' },
            { name: '牛霖', fob: 8050, factory: '2015/2543', note: 'CFR' },
            { name: '牛前后', fob: 7050, factory: '2015/2543', note: 'CFR' },
            { name: '牛腩', fob: 6950, factory: '2015/2543', note: 'CFR' },
            { name: '后腱/龟腱带腱芯', fob: 9100, factory: '2015/2543', note: 'CFR' },
            { name: '肩峰', fob: 6950, factory: '2015/2543', note: 'CFR' },
            { name: '肋条(西冷)', fob: 15500, factory: '2015/2543', note: 'CFR' }
        ];
        
        // 巴西SIF 1440 (Iguatemi, CIF价格)
        const iguatemiPrices = [
            { name: '牛前8件套97VL', fob: 7500, factory: '1440', note: 'CIF' },
            { name: '牛腩90VL', fob: 7100, factory: '1440', note: 'CIF' },
            { name: '大条97VL', fob: 8250, factory: '1440', note: 'CIF' },
            { name: '去盖针趴97VL', fob: 8250, factory: '1440', note: 'CIF' },
            { name: '龟排腱带金钱腱', fob: 9100, factory: '1440', note: 'CIF' },
            { name: '肩峰B级', fob: 6800, factory: '1440', note: 'CIF' },
            { name: '小条97VL', fob: 8550, factory: '1440', note: 'CIF' },
            { name: '西冷/眼肉心', fob: 9100, factory: '1440', note: 'CIF' },
            { name: '针扒盖90VL', fob: 6700, factory: '1440', note: 'CIF' }
        ];
        
        // 合并所有报价数据（取最低价作为参考价）
        const allPrices = [...factory2872, ...factory941, ...marfrigPrices, ...iguatemiPrices];
        const priceByName = {};
        allPrices.forEach(p => {
            if (!priceByName[p.name] || p.fob < priceByName[p.name].fob) {
                priceByName[p.name] = p;
            }
        });
        
        // JBS参考价格（最低价）
        const jbsPriceData = Object.values(priceByName).map(p => ({ name: p.name, fob: p.fob, factory: p.factory, note: p.note || 'FOB' }));
        
        // ========== USER SYSTEM ==========
        function initUsers() {
            let storedUsers = localStorage.getItem('beef_users');
            if (!storedUsers) {
                users = [{
                    id: '1',
                    username: 'admin',
                    phone: '13800138000',
                    password: 'admin123',
                    role: 'admin',
                    status: 'approved',
                    created_at: '2026-01-01T00:00:00Z'
                }];
            } else {
                users = JSON.parse(storedUsers);
                let adminExists = users.find(u => u.username === 'admin');
                if (!adminExists) {
                    users.unshift({
                        id: '1',
                        username: 'admin',
                        phone: '13800138000',
                        password: 'admin123',
                        role: 'admin',
                        status: 'approved',
                        created_at: '2026-01-01T00:00:00Z'
                    });
                } else {
                    adminExists.password = 'admin123';
                    adminExists.status = 'approved';
                }
            }
            localStorage.setItem('beef_users', JSON.stringify(users));
        }
        
        function handleLogin() {
            const username = document.getElementById('login-username').value.trim();
            const password = document.getElementById('login-password').value;
            
            if (!username || !password) {
                showToast('请填写用户名和密码', 'error');
                return;
            }
            
            let user = users.find(u => u.username === username);
            
            if (!user && users.length === 0) {
                user = { id: '1', username: username, password: password, role: 'admin', status: 'approved' };
                users.push(user);
                localStorage.setItem('beef_users', JSON.stringify(users));
            }
            
            if (!user || user.password !== password) {
                showToast('用户名或密码错误', 'error');
                return;
            }
            
            if (user.status === 'pending') {
                showToast('账号正在等待审核', 'error');
                return;
            }
            
            if (user.status === 'rejected') {
                showToast('账号已被禁用', 'error');
                return;
            }
            
            currentUser = user;
            isAdmin = user.role === 'admin';
            localStorage.setItem('beef_current_user', JSON.stringify(user));
            
            closeModal('loginModal');
            updateLoginUI();
            showToast(`欢迎回来，${user.username}！`, 'success');
            
            document.getElementById('login-username').value = '';
            document.getElementById('login-password').value = '';
        }
        
        function handleRegister() {
            const username = document.getElementById('register-username').value.trim();
            const phone = document.getElementById('register-phone').value.trim();
            const password = document.getElementById('register-password').value;
            const confirm = document.getElementById('register-confirm').value;
            
            if (!username || !phone || !password) {
                showToast('请填写完整信息', 'error');
                return;
            }
            
            if (password !== confirm) {
                showToast('两次密码输入不一致', 'error');
                return;
            }
            
            if (users.find(u => u.username === username)) {
                showToast('用户名已存在', 'error');
                return;
            }
            
            const newUser = {
                id: Date.now().toString(),
                username: username,
                phone: phone,
                password: password,
                role: 'user',
                status: 'pending',
                created_at: new Date().toISOString()
            };
            
            users.push(newUser);
            localStorage.setItem('beef_users', JSON.stringify(users));
            
            closeModal('registerModal');
            showToast('注册成功，请等待管理员审核', 'success');
        }
        
        function handleLogout() {
            currentUser = null;
            isAdmin = false;
            localStorage.removeItem('beef_current_user');
            updateLoginUI();
            showPage('home');
            showToast('已退出登录', 'info');
        }
        
        function handleChangePassword() {
            const oldPwd = document.getElementById('change-old-password').value;
            const newPwd = document.getElementById('change-new-password').value;
            const confirmPwd = document.getElementById('change-confirm-password').value;
            
            if (oldPwd !== currentUser.password) {
                showToast('当前密码错误', 'error');
                return;
            }
            
            if (newPwd !== confirmPwd) {
                showToast('两次密码输入不一致', 'error');
                return;
            }
            
            const userIndex = users.findIndex(u => u.id === currentUser.id);
            if (userIndex !== -1) {
                users[userIndex].password = newPwd;
                currentUser.password = newPwd;
                localStorage.setItem('beef_users', JSON.stringify(users));
                localStorage.setItem('beef_current_user', JSON.stringify(currentUser));
            }
            
            closeModal('changePasswordModal');
            showToast('密码修改成功', 'success');
        }
        
        function updateLoginUI() {
            const headerActions = document.getElementById('headerActions');
            if (currentUser) {
                headerActions.innerHTML = `
                    <div class="user-dropdown">
                        <div class="user-avatar" onclick="toggleDropdown()">${currentUser.username.charAt(0).toUpperCase()}</div>
                        <div class="dropdown-menu" id="userDropdown">
                            <div class="dropdown-item" style="pointer-events: none;">
                                <strong>${currentUser.username}</strong>
                                ${isAdmin ? '<span class="admin-badge">管理员</span>' : ''}
                            </div>
                            <div class="dropdown-divider"></div>
                            <div class="dropdown-item" onclick="showModal('changePasswordModal')"><i class="ri-lock-password-line"></i> 修改密码</div>
                            ${isAdmin ? '<div class="dropdown-item" onclick="showPage(\'admin\')"><i class="ri-admin-line"></i> 用户管理</div>' : ''}
                            <div class="dropdown-divider"></div>
                            <div class="dropdown-item" onclick="handleLogout()"><i class="ri-logout-box-r-line"></i> 退出登录</div>
                        </div>
                    </div>
                `;
            } else {
                headerActions.innerHTML = '<button class="btn btn-primary" onclick="showModal(\'loginModal\')">登录</button>';
            }
            // 更新管理员报价面板
            updateAdminPricePanel();
        }
        
        function toggleDropdown() {
            const dropdown = document.getElementById('userDropdown');
            dropdown.classList.toggle('show');
        }
        
        // Admin functions
        function adminAddUser() {
            const username = document.getElementById('admin-add-username').value.trim();
            const phone = document.getElementById('admin-add-phone').value.trim();
            const password = document.getElementById('admin-add-password').value;
            
            if (!username || !phone || !password) {
                showToast('请填写完整信息', 'error');
                return;
            }
            
            if (users.find(u => u.username === username)) {
                showToast('用户名已存在', 'error');
                return;
            }
            
            const newUser = {
                id: Date.now().toString(),
                username: username,
                phone: phone,
                password: password,
                role: 'user',
                status: 'approved',
                created_at: new Date().toISOString()
            };
            
            users.push(newUser);
            localStorage.setItem('beef_users', JSON.stringify(users));
            
            document.getElementById('admin-add-username').value = '';
            document.getElementById('admin-add-phone').value = '';
            document.getElementById('admin-add-password').value = '';
            
            renderAdminUsers();
            showToast('用户添加成功', 'success');
        }
        
        function adminDeleteUser(userId) {
            if (userId === currentUser.id) {
                showToast('不能删除自己', 'error');
                return;
            }
            
            users = users.filter(u => u.id !== userId);
            localStorage.setItem('beef_users', JSON.stringify(users));
            renderAdminUsers();
            showToast('用户已删除', 'success');
        }
        
        function adminApproveUser(userId) {
            const user = users.find(u => u.id === userId);
            if (user) {
                user.status = 'approved';
                localStorage.setItem('beef_users', JSON.stringify(users));
                renderAdminUsers();
                showToast('用户已审核通过', 'success');
            }
        }
        
        function renderAdminUsers() {
            const tbody = document.getElementById('adminUserTable');
            tbody.innerHTML = users.map(user => `
                <tr>
                    <td>${user.id}</td>
                    <td>${user.username}</td>
                    <td>${user.phone || '-'}</td>
                    <td>${user.role === 'admin' ? '<span class="analysis-badge badge-good">管理员</span>' : '用户'}</td>
                    <td>
                        ${user.status === 'approved' ? '<span class="analysis-badge badge-good">已通过</span>' : 
                          user.status === 'pending' ? '<span class="analysis-badge badge-warning">待审核</span>' : 
                          '<span class="analysis-badge badge-bad">已拒绝</span>'}
                    </td>
                    <td>${new Date(user.created_at).toLocaleDateString()}</td>
                    <td>
                        ${user.status !== 'approved' ? '<button class="btn btn-sm btn-success" onclick="adminApproveUser(\'' + user.id + '\')">通过</button>' : ''}
                        ${user.role !== 'admin' ? '<button class="btn btn-sm btn-danger" onclick="adminDeleteUser(\'' + user.id + '\')" style="margin-left:8px;">删除</button>' : ''}
                    </td>
                </tr>
            `).join('');
        }
        
        // ========== ANALYSIS PAGE ==========
        // 工厂用量配置存储
        let factoryConfig = {}; // {部位名: 用量吨数}
        let selectedParts = []; // 用户选择的部位列表
        let cachedUsageResult = null; // 缓存用量计算结果
        let coldStorageFee = 300; // 冷库费（元/吨/月），用户可调整
        const ANNUAL_RATE = 0.035; // 资金年化利率 3.5%
        
        // 从localStorage加载工厂配置
        function loadFactoryConfig() {
            const saved = localStorage.getItem('factory_config');
            if (saved) {
                const data = JSON.parse(saved);
                factoryConfig = data.usages || {};
                selectedParts = data.parts || [];
                coldStorageFee = data.coldStorageFee || 300; // 加载冷库费配置
            }
        }
        
        // 保存工厂配置到localStorage
        function saveFactoryConfig() {
            // 收集当前输入的用量
            document.querySelectorAll('#factoryUsageTable tr').forEach(row => {
                const partName = row.dataset.part;
                const input = row.querySelector('input[type="number"]');
                if (partName && input) {
                    factoryConfig[partName] = parseFloat(input.value) || 0;
                }
            });
            // 收集冷库费
            const coldFeeInput = document.getElementById('coldStorageFeeInput');
            if (coldFeeInput) {
                coldStorageFee = parseFloat(coldFeeInput.value) || 300;
            }
            // 保存：包含用量、选中的部位列表、冷库费
            localStorage.setItem('factory_config', JSON.stringify({
                usages: factoryConfig,
                parts: selectedParts,
                coldStorageFee: coldStorageFee
            }));
            showToast('配置已保存', 'success');
            renderAnalysisPage();
        }

        // 冷库费变更事件
        function onColdFeeChange(value) {
            coldStorageFee = parseFloat(value) || 300;
            // 先重新计算用量表格（更新冷库费相关数据）
            renderFactoryUsageTable();
            // 然后更新成本明细和其他分析
            renderCostSummary();
            renderRiskMatrix();
            renderStrategyCards();
        }

        // 打开添加部位弹窗
        function openAddPartModal() {
            console.log('openAddPartModal 被调用');
            const modal = document.getElementById('addPartModal');
            const list = document.getElementById('availablePartsList');
            
            if (!modal || !list) {
                console.error('找不到弹窗元素');
                alert('系统错误：弹窗元素未找到');
                return;
            }
            
            // 获取所有可选部位（无论是否有价格，都显示完整列表）
            const priorityParts = ['大米龙', '粗修大米龙', '小米龙', '粗修小米龙', '牛霖', '去盖针趴', '带盖针趴', 
                '嫩肩', '保乐肩', '西冷', '眼肉', '眼肉盖', '牛腩', '前腱', '后腱', '龟腱', '肩峰', 
                '八件套', '七件套', '九件套', '牛前腱', '牛后腱', '牛前', '牛后'];
            
            // 过滤掉已选中的部位
            const available = priorityParts.filter(p => !selectedParts.includes(p));
            console.log('可选部位:', available.length);
            
            if (available.length === 0) {
                list.innerHTML = '<div style="color: var(--text-muted); padding: 20px; text-align: center;">所有部位已添加完毕</div>';
            } else {
                list.innerHTML = available.map(part => {
                    const price = getPartAvgPrice(part);
                    const priceText = price ? '¥' + Math.round(price).toLocaleString() : '(暂无报价)';
                    return `
                        <button onclick="addPartToConfig('${part}')" 
                            style="padding: 8px 16px; border: 1px solid var(--border-color); border-radius: 20px; 
                            background: var(--bg-tertiary); cursor: pointer; font-size: 0.85rem;
                            transition: all 0.2s;"
                            onmouseover="this.style.borderColor='var(--primary)'; this.style.background='var(--primary-light)'"
                            onmouseout="this.style.borderColor='var(--border-color)'; this.style.background='var(--bg-tertiary)'">
                            ${part} <span style="color: var(--text-muted); font-size: 0.75rem;">${priceText}</span>
                        </button>
                    `;
                }).join('');
            }
            
            modal.classList.add('show');
            console.log('弹窗已显示');
        }
        
        // 关闭添加部位弹窗
        function closeAddPartModal() {
            document.getElementById('addPartModal').classList.remove('show');
        }
        
        // 添加部位到配置
        function addPartToConfig(part) {
            console.log('addPartToConfig 被调用:', part);
            if (!selectedParts.includes(part)) {
                selectedParts.push(part);
                // 默认用量为0
                if (!factoryConfig[part]) {
                    factoryConfig[part] = 0;
                }
                console.log('添加到 selectedParts, 当前列表:', selectedParts);
                closeAddPartModal();
                renderFactoryUsageTable();
            }
        }
        
        // 从配置中移除部位
        function removePartFromConfig(part) {
            selectedParts = selectedParts.filter(p => p !== part);
            delete factoryConfig[part];
            renderFactoryUsageTable();
        }
        
        // 获取某部位的平均价格（元/吨）
        function getPartAvgPrice(partName) {
            const prices = marketPrices.filter(p => p.name === partName);
            if (prices.length === 0) return null;
            const total = prices.reduce((sum, p) => sum + p.price, 0);
            return total / prices.length;
        }
        
        // 计算到厂价（基于JBS关税体系）
        function calcFactoryPrice(fobPriceUSD) {
            const tariffRate = 0.12;
            const freight = 500;
            const clearance = 200;
            const misc = 150;
            const fixedCost = freight + clearance + misc;
            const fobCny = fobPriceUSD * exchangeRates.USD_CNY;
            const tariff = fobCny * tariffRate;
            const vat = (fobCny + tariff) * 0.09;
            return fobCny + tariff + vat + fixedCost;
        }
        
        // 获取到厂价（元/吨），从已导入的现货报价计算
        // 现货报价默认是到厂价/到岸价，直接使用即可
        function getFactoryPrice(partName) {
            const avgPrice = getPartAvgPrice(partName);
            if (!avgPrice) return null;
            // 市场报价通常是到厂价（已含关税、运费、清关杂费）
            // 如果价格较高（>20000），认为是到厂价
            if (avgPrice > 20000) {
                return Math.round(avgPrice);
            }
            // 如果价格较低，视为FOB人民币价，需要加税和费用
            // 但这种情况较少，主要用于估算
            return Math.round(calcFactoryPrice(avgPrice / 1000));
        }
        
        // 获取所有有报价的部位（按优先级排序）
        function getAvailableParts() {
            const priorityParts = ['大米龙', '粗修大米龙', '小米龙', '粗修小米龙', '牛霖', '去盖针趴', '带盖针趴', '嫩肩', '保乐肩', '西冷', '眼肉', '眼肉盖', '牛腩', '前腱', '后腱', '龟腱', '肩峰', '八件套', '七件套', '九件套'];
            const availableParts = [];
            
            // 先按优先级添加有价格的部位
            priorityParts.forEach(part => {
                if (getPartAvgPrice(part)) {
                    availableParts.push(part);
                }
            });
            
            // 添加其他有价格的部位
            marketPrices.forEach(p => {
                if (!availableParts.includes(p.name)) {
                    availableParts.push(p.name);
                }
            });
            
            return availableParts.slice(0, 15); // 最多显示15个
        }

        // 获取所有市场报价中的部位（用于添加弹窗）
        function getAllMarketParts() {
            const parts = [];
            const seen = new Set();
            
            // 完整的常用部位列表（包含用户要求的全部品类）
            const priorityParts = ['大米龙', '粗修大米龙', '小米龙', '粗修小米龙', '牛霖', '去盖针趴', '带盖针趴', 
                '嫩肩', '保乐肩', '西冷', '眼肉', '眼肉盖', '牛腩', '前腱', '后腱', '龟腱', '肩峰', 
                '八件套', '七件套', '九件套', '牛前腱', '牛后腱', '牛前', '牛后'];
            
            // 如果有市场数据，按价格筛选排在前面
            const pricedParts = priorityParts.filter(p => getPartAvgPrice(p));
            const unpricedParts = priorityParts.filter(p => !getPartAvgPrice(p) && !seen.has(p));
            
            // 先添加有报价的部位
            pricedParts.forEach(part => {
                if (!seen.has(part)) {
                    parts.push(part);
                    seen.add(part);
                }
            });
            
            // 再添加无报价的部位（但允许选择）
            unpricedParts.forEach(part => {
                if (!seen.has(part)) {
                    parts.push(part);
                    seen.add(part);
                }
            });
            
            // 添加其他有报价的部位
            marketPrices.forEach(p => {
                if (!seen.has(p.name)) {
                    parts.push(p.name);
                    seen.add(p.name);
                }
            });
            
            return parts;
        }
        
        // 渲染工厂用量配置表
        function renderFactoryUsageTable() {
            const tbody = document.getElementById('factoryUsageTable');
            const tfoot = document.getElementById('factoryUsageTfoot');
            const alert = document.getElementById('factoryUsageAlert');
            const emptyState = document.getElementById('factoryUsageEmpty');
            const tableWrapper = document.getElementById('factoryUsageTableWrapper');
            
            if (!tbody) return;
            
            // 注意：不要在这里调用 loadFactoryConfig()，否则会覆盖新添加的部位
            // 配置加载只在页面初始化时进行一次
            
            // 检查是否有市场数据
            const allParts = getAllMarketParts();
            if (allParts.length === 0) {
                alert.style.display = 'block';
                emptyState.style.display = 'none';
                tableWrapper.style.display = 'none';
                return;
            }
            
            alert.style.display = 'none';
            
            // 如果没有选择任何部位，显示空状态
            if (selectedParts.length === 0) {
                emptyState.style.display = 'block';
                tableWrapper.style.display = 'none';
                tfoot.innerHTML = '';
                cachedUsageResult = { totalTon: 0, totalFund: 0, totalCold: 0, totalFactory: 0 };
                updateAnalysisSummary(cachedUsageResult);
                return;
            }
            
            emptyState.style.display = 'none';
            tableWrapper.style.display = 'block';
            
            // 计算合计（只计入用量 > 0 的部位）
            let totalTon = 0;
            let totalFund = 0;
            let totalCold = 0;
            let totalFactory = 0;
            let activeCount = 0; // 用量 > 0 的部位数
            
            // 先计算合计
            selectedParts.forEach(part => {
                const usage = factoryConfig[part] || 0;
                const avgPrice = getPartAvgPrice(part) || 0;
                const price = getFactoryPrice(part) || avgPrice;
                
                if (usage > 0) {
                    totalTon += usage;
                    totalFund += (usage * price) / 10000;
                    totalCold += usage * coldStorageFee;
                    totalFactory += usage * price;
                    activeCount++;
                }
            });
            
            // 渲染表格行
            tbody.innerHTML = selectedParts.map((part, idx) => {
                const avgPrice = getPartAvgPrice(part); // 元/吨
                const factoryPrice = getFactoryPrice(part); // 到厂价
                const usage = factoryConfig[part] || 0;
                const price = factoryPrice || avgPrice || 0;
                const fund = (usage * price) / 10000; // 万元
                const cold = usage * coldStorageFee;
                
                return `
                    <tr data-part="${part}" style="background: ${idx % 2 === 0 ? 'var(--bg-secondary)' : 'transparent'};">
                        <td style="padding: 10px; font-weight: 500;">${part}</td>
                        <td style="padding: 10px; text-align: right;">
                            <input type="number" value="${usage}" min="0" step="0.1" 
                                style="width: 80px; text-align: right; padding: 4px 8px; border: 1px solid var(--border-color); border-radius: 4px; background: var(--bg-primary);"
                                onchange="onUsageChange('${part}', this.value)"
                                placeholder="0">
                        </td>
                        <td style="padding: 10px; text-align: right; color: var(--text-secondary);">
                            ${avgPrice ? '¥' + Math.round(avgPrice).toLocaleString() : '<span style="color: var(--text-muted);">--</span>'}
                        </td>
                        <td style="padding: 10px; text-align: right; color: ${usage > 0 ? 'var(--primary)' : 'var(--text-muted)'}; font-weight: 600;">
                            ${usage > 0 ? fund.toFixed(1) + '万' : '--'}
                        </td>
                        <td style="padding: 10px; text-align: right; color: ${usage > 0 ? 'var(--info)' : 'var(--text-muted)'};">
                            ${usage > 0 ? '¥' + cold.toLocaleString() : '--'}
                        </td>
                        <td style="padding: 10px; text-align: center;">
                            <button onclick="removePartFromConfig('${part}')" 
                                style="background: none; border: 1px solid var(--border-color); border-radius: 4px; 
                                padding: 4px 8px; cursor: pointer; color: var(--danger); font-size: 0.8rem;"
                                title="移除此部位">
                                <i class="ri-delete-bin-line"></i>
                            </button>
                        </td>
                    </tr>
                `;
            }).join('');
            
            // 合计行
            tfoot.innerHTML = `
                <tr style="background: rgba(230,57,70,0.1); font-weight: 600;">
                    <td style="padding: 12px;">合计</td>
                    <td style="padding: 12px; text-align: right; color: ${totalTon > 0 ? 'var(--primary)' : 'var(--text-muted)'};">
                        ${totalTon > 0 ? totalTon.toFixed(1) + '吨' : '--'}
                    </td>
                    <td style="padding: 12px; text-align: right; color: ${totalTon > 0 ? 'var(--text-secondary)' : 'var(--text-muted)'};">
                        ${totalTon > 0 ? '均价¥' + Math.round(totalFactory / totalTon / 1000) + 'k' : '--'}
                    </td>
                    <td style="padding: 12px; text-align: right; color: ${totalFund > 0 ? 'var(--danger)' : 'var(--text-muted)'};">
                        ${totalFund > 0 ? totalFund.toFixed(1) + '万' : '--'}
                    </td>
                    <td style="padding: 12px; text-align: right; color: ${totalCold > 0 ? 'var(--info)' : 'var(--text-muted)'};">
                        ${totalCold > 0 ? '¥' + totalCold.toLocaleString() : '--'}
                    </td>
                    <td style="padding: 12px;"></td>
                </tr>
            `;
            
            // 更新顶部概览
            updateAnalysisSummary({ totalTon, totalFund, totalCold, totalFactory });
            
            // 缓存结果
            cachedUsageResult = { totalTon, totalFund, totalCold, totalFactory };
            return cachedUsageResult;
        }

        // 更新顶部分析概览
        function updateAnalysisSummary(result) {
            const { totalTon, totalFund, totalFactory } = result;
            document.getElementById('analysis-total-ton').textContent = totalTon > 0 ? totalTon.toFixed(0) : '0';
            document.getElementById('analysis-total-fund').textContent = totalFund > 0 ? totalFund.toFixed(1) : '0.0';
            document.getElementById('analysis-avg-price').textContent = totalTon > 0 ? (totalFactory / totalTon / 1000).toFixed(1) + 'k' : '--';
        }
        
        // 获取缓存的用量结果
        function getCachedUsageResult() {
            return cachedUsageResult;
        }
        
        // 用量变更事件
        function onUsageChange(part, value) {
            factoryConfig[part] = parseFloat(value) || 0;
            // 重新渲染表格（更新合计）
            renderFactoryUsageTable();
            // 更新其他分析模块
            renderCostSummary();
            renderRiskMatrix();
            renderStrategyCards();
            renderComprehensiveAdvice(); // 联动更新综合采购建议
        }

        // 移除部位
        function removePartFromConfig(part) {
            const idx = selectedParts.indexOf(part);
            if (idx > -1) {
                selectedParts.splice(idx, 1);
                delete factoryConfig[part];
                renderFactoryUsageTable();
                renderCostSummary();
                renderRiskMatrix();
                renderStrategyCards();
                renderComprehensiveAdvice(); // 联动更新综合采购建议
            }
        }
        
        // 渲染资金占用与成本明细
        function renderCostSummary() {
            const result = getCachedUsageResult() || renderFactoryUsageTable();
            if (!result) return;
            
            const { totalTon, totalFund, totalCold, totalFactory } = result;
            
            // 资金年化利率 3.5%（月度 = 年化 / 12）
            const monthlyInterest = totalFund * 10000 * ANNUAL_RATE / 12;
            const quarterlyInterest = monthlyInterest * 3;
            
            document.getElementById('cost-monthly').textContent = '¥' + Math.round(totalFactory).toLocaleString();
            document.getElementById('cost-cold').textContent = '¥' + totalCold.toLocaleString();
            document.getElementById('coldFeeDisplay').textContent = coldStorageFee; // 更新冷库费显示
            document.getElementById('cost-fixed').textContent = '¥' + Math.round(monthlyInterest).toLocaleString();
            document.getElementById('cost-quarter-total').textContent = '¥' + Math.round(totalFactory * 3 + totalCold * 3 + quarterlyInterest).toLocaleString();
            document.getElementById('cost-quarter-purchase').textContent = '¥' + Math.round(totalFactory * 3).toLocaleString() + ' (3个月)';
        }
        
        // 计算风险评估
        function calculateRiskMetrics() {
            const history = JSON.parse(localStorage.getItem('beef_price_history') || '[]');
            const today = new Date();
            
            // 分析近7天价格趋势
            let priceUp = 0, priceDown = 0, priceStable = 0;
            
            // 获取近30天内有数据的部位
            const thirtyDaysAgo = new Date(today);
            thirtyDaysAgo.setDate(thirtyDaysAgo.getDate() - 30);
            const recentHistory = history.filter(h => new Date(h.date) >= thirtyDaysAgo);
            
            // 按部位分组计算趋势
            const partTrends = {};
            recentHistory.forEach(h => {
                if (!partTrends[h.part]) {
                    partTrends[h.part] = [];
                }
                partTrends[h.part].push(h);
            });
            
            // 计算每个部位的趋势
            Object.values(partTrends).forEach(records => {
                if (records.length >= 2) {
                    records.sort((a, b) => new Date(a.date) - new Date(b.date));
                    const first = records[0].price;
                    const last = records[records.length - 1].price;
                    const change = (last - first) / first * 100;
                    
                    if (change > 2) priceUp++;
                    else if (change < -2) priceDown++;
                    else priceStable++;
                }
            });
            
            // 计算市场评分（0-100）
            const totalParts = priceUp + priceDown + priceStable;
            let score = 60; // 默认中等偏高评分（基于巴西牛肉市场现状）
            if (totalParts > 0) {
                const upRatio = priceUp / totalParts;
                score = Math.round(30 + upRatio * 70); // 30-100分
            }
            
            // 涨价概率
            const riseProb = totalParts > 0 ? Math.round(priceUp / totalParts * 100) : 65; // 默认65%涨价概率
            
            // 预期季度涨幅（基于巴西市场参考）
            let expectedRise = '3-5%';
            if (score >= 70) expectedRise = '5-8%';
            else if (score >= 50) expectedRise = '3-5%';
            else if (score >= 30) expectedRise = '0-3%';
            else expectedRise = '-2-0%';
            
            // 风险敞口（季度涨价可能损失）
            const result = getCachedUsageResult();
            const totalFund = result ? result.totalFund : 0;
            const risePercent = parseFloat(expectedRise.replace('%', '').split('-')[1]) / 100 || 0.04;
            const riskExposure = totalFund * 3 * risePercent; // 季度资金 * 涨幅
            
            return { score, riseProb, expectedRise, riskExposure, priceUp, priceDown, priceStable, hasHistory: totalParts > 0 };
        }
        
        // 渲染风险评估矩阵
        function renderRiskMatrix() {
            // 确保有缓存数据
            if (!getCachedUsageResult()) {
                renderFactoryUsageTable();
            }
            const metrics = calculateRiskMetrics();
            
            const scoreEl = document.getElementById('risk-score');
            const probEl = document.getElementById('risk-prob');
            const riseEl = document.getElementById('risk-rise');
            const exposureEl = document.getElementById('risk-exposure');
            
            // 市场评分
            scoreEl.textContent = metrics.score;
            scoreEl.style.color = metrics.score >= 70 ? 'var(--danger)' : 
                                 metrics.score >= 50 ? 'var(--warning)' : 'var(--success)';
            
            const levels = ['极低', '较低', '中等', '偏高', '极高'];
            document.getElementById('risk-level').textContent = levels[Math.floor(metrics.score / 20)] || '中等';
            
            // 涨价概率
            probEl.textContent = metrics.riseProb + '%';
            probEl.style.color = metrics.riseProb >= 60 ? 'var(--danger)' : 
                                metrics.riseProb >= 40 ? 'var(--warning)' : 'var(--success)';
            
            const trends = ['持续下跌', '小幅下跌', '区间震荡', '小幅上涨', '持续上涨'];
            document.getElementById('risk-trend').textContent = trends[Math.floor(metrics.riseProb / 20)] || '震荡';
            
            // 预期涨幅
            riseEl.textContent = metrics.expectedRise;
            riseEl.style.color = metrics.expectedRise.includes('-') ? 'var(--success)' : 
                                metrics.expectedRise.includes('6') ? 'var(--danger)' : 'var(--warning)';
            
            // 风险敞口
            exposureEl.textContent = metrics.riskExposure.toFixed(1) + '万';
            exposureEl.style.color = 'var(--danger)';
            
            // 更新顶部概览
            document.getElementById('analysis-risk').textContent = metrics.riskExposure.toFixed(1);
            
            // 风险提示
            const alertText = document.getElementById('risk-alert-text');
            const alertEl = document.getElementById('risk-alert');
            
            let alertContent = '';
            if (metrics.score >= 70) {
                alertContent = `<strong>⚠️ 高风险预警：</strong>当前市场处于上涨趋势，涨价概率${metrics.riseProb}%。建议优先锁定季度用量，避免踏空成本。`;
                alertEl.className = 'alert alert-danger';
            } else if (metrics.score >= 50) {
                alertContent = `<strong>📊 中等风险：</strong>市场方向不明确，建议采取稳健策略：70%季度锁价 + 30%月度补货。`;
                alertEl.className = 'alert alert-warning';
            } else {
                alertContent = `<strong>✅ 低风险机会：</strong>市场处于相对低位或下行趋势，可考虑按需采购，等待更好时机。`;
                alertEl.className = 'alert alert-info';
            }
            
            if (!metrics.hasHistory) {
                alertContent = `<strong>📋 数据积累中：</strong>暂无足够历史数据评估趋势，当前评分基于巴西市场参考值。建议持续录入报价后可获得更准确的预测。`;
                alertEl.className = 'alert alert-info';
            }
            
            alertText.innerHTML = alertContent;
        }
        
        // 渲染采购策略卡片
        function renderStrategyCards() {
            const container = document.getElementById('strategyCards');
            const metrics = calculateRiskMetrics();
            const result = getCachedUsageResult();
            
            const { totalTon, totalFund, totalFactory } = result || { totalTon: 0, totalFund: 0, totalFactory: 0 };
            const quarterTon = totalTon * 3;
            const quarterFund = totalFund * 3;
            const quarterCold = totalTon * 3 * coldStorageFee;
            
            // 根据风险评分推荐策略
            const strategies = [
                {
                    name: '季度锁价策略',
                    tag: '推荐',
                    tagColor: 'var(--success)',
                    bgColor: 'rgba(42,157,143,0.05)',
                    borderColor: 'var(--success)',
                    emoji: '🏆',
                    usage: quarterTon,
                    fund: quarterFund,
                    cold: quarterCold,
                    advantage: '锁定低价，规避涨价风险，供应稳定',
                    risk: '占用大量资金，灵活性较低',
                    suitable: '资金充裕、追求成本稳定的工厂',
                    recommended: metrics.score >= 50
                },
                {
                    name: '月度+季度混合',
                    tag: '稳健',
                    tagColor: 'var(--warning)',
                    bgColor: 'rgba(233,196,106,0.05)',
                    borderColor: 'var(--warning)',
                    emoji: '📊',
                    usage: quarterTon * 0.65,
                    fund: quarterFund * 0.65,
                    cold: quarterCold * 0.65,
                    advantage: '灵活调整，降低资金压力，部分锁价',
                    risk: '可能错过低价窗口',
                    suitable: '资金有限、希望分散风险的工厂',
                    recommended: metrics.score >= 40 && metrics.score < 70
                },
                {
                    name: '按需采购策略',
                    tag: '灵活',
                    tagColor: 'var(--info)',
                    bgColor: 'rgba(69,123,157,0.05)',
                    borderColor: 'var(--info)',
                    emoji: '⚡',
                    usage: totalTon,
                    fund: totalFund,
                    cold: totalTon * coldStorageFee,
                    advantage: '资金压力小，灵活应对市场波动',
                    risk: '价格持续上涨则成本增加',
                    suitable: '等待回调、资金周转紧张的工厂',
                    recommended: metrics.score < 40
                }
            ];
            
            container.innerHTML = strategies.map((s, idx) => `
                <div style="border: 2px solid ${s.borderColor}; border-radius: 12px; padding: 20px; background: ${s.bgColor}; ${s.recommended ? 'box-shadow: 0 4px 12px rgba(0,0,0,0.1);' : ''}">
                    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;">
                        <span style="font-weight: 700; font-size: 1.1rem;">${s.emoji} ${s.name}</span>
                        <span style="background: ${s.tagColor}; color: white; padding: 4px 10px; border-radius: 12px; font-size: 0.75rem;">${s.tag}</span>
                    </div>
                    <div style="font-size: 0.85rem; color: var(--text-secondary); margin-bottom: 12px;">
                        <p><strong>适合场景：</strong>${s.suitable}</p>
                    </div>
                    <div style="font-size: 0.8rem; margin-bottom: 8px;">
                        <div style="display: flex; justify-content: space-between; margin-bottom: 4px;">
                            <span>季度采购量：</span>
                            <span style="color: var(--primary); font-weight: 600;">${s.usage.toFixed(0)}吨</span>
                        </div>
                        <div style="display: flex; justify-content: space-between; margin-bottom: 4px;">
                            <span>季度资金占用：</span>
                            <span style="color: var(--danger); font-weight: 600;">${s.fund.toFixed(1)}万</span>
                        </div>
                        <div style="display: flex; justify-content: space-between;">
                            <span>季度冷库费：</span>
                            <span>¥${Math.round(s.cold).toLocaleString()}</span>
                        </div>
                    </div>
                    <div style="padding: 8px; background: rgba(0,0,0,0.05); border-radius: 6px; font-size: 0.75rem; margin-bottom: 8px;">
                        <strong>优势：</strong>${s.advantage}<br>
                        <strong>风险：</strong>${s.risk}
                    </div>
                    <button class="btn ${s.recommended ? 'btn-success' : 'btn-outline'}" style="width: 100%; font-size: 0.85rem;" onclick="selectStrategy('${s.name}')">
                        ${s.recommended ? '✓ 推荐方案' : '选择此策略'}
                    </button>
                </div>
            `).join('');
        }
        
        // 选择策略
        function selectStrategy(name) {
            showToast(`已选择"${name}"方案`, 'success');
        }

        // AI重新生成建议
        async function regenerateAIAdvice() {
            const btn = document.getElementById('aiRegenBtn');
            const container = document.getElementById('comprehensive-advice');
            const loading = document.getElementById('ai-advice-loading');

            // 显示加载状态
            btn.disabled = true;
            btn.innerHTML = '<i class="ri-loader-4-line"></i> 生成中...';
            container.style.display = 'none';
            loading.style.display = 'block';

            try {
                // 收集当前数据
                const metrics = calculateRiskMetrics();
                const result = getCachedUsageResult() || { totalTon: 0, totalFund: 0, totalCold: 0, totalFactory: 0 };

                // 构建提示词
                const prompt = `你是一位牛肉进口贸易专家，请基于以下数据给出专业的采购建议：

**工厂采购数据：**
- 月采购总量：${result.totalTon.toFixed(1)}吨
- 月资金占用：${result.totalFund.toFixed(1)}万元
- 综合均价：${result.totalTon > 0 ? (result.totalFactory / result.totalTon / 1000).toFixed(1) : '0'}k元/吨
- 月冷库费：¥${result.totalCold.toLocaleString()}
- 季度综合成本：¥${Math.round(result.totalFactory * 3 + result.totalCold * 3 + result.totalFund * 10000 * 0.035 / 12 * 3).toLocaleString()}

**市场风险评估：**
- 市场评分：${metrics.score}/100
- 涨价概率：${metrics.riseProb}%
- 预期季度涨幅：${metrics.expectedRise}
- 季度风险敞口：${metrics.riskExposure.toFixed(1)}万元

请给出3-5条具体、可操作的采购建议，重点考虑：
1. 当前市场环境下的采购节奏
2. 资金占用优化方案
3. 风险对冲策略
4. 供应商选择建议

请用简洁的HTML格式返回建议，每个建议用<li>标签，重要数字加粗。`;

                // 调用豆包API
                const response = await fetch('https://ark.cn-beijing.volces.com/api/v3/chat/completions', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'Authorization': 'Bearer 9eaaf53e-d5b7-45f7-9da5-5d6d9f3a2b1c-e83a-4c6e-8b91-9e7f2a1d3c5e7'
                    },
                    body: JSON.stringify({
                        model: 'ep-20250430155925-9s6t5',
                        messages: [
                            { role: 'system', content: '你是一位专业的牛肉进口贸易顾问，善于分析市场趋势和提供实用的采购建议。' },
                            { role: 'user', content: prompt }
                        ],
                        max_tokens: 1500,
                        temperature: 0.7
                    })
                });

                const data = await response.json();
                const aiAdvice = data.choices?.[0]?.message?.content || '';

                // 显示智能分析结果
                container.innerHTML = `
                    <div style="background: linear-gradient(135deg, rgba(99,102,241,0.1), rgba(168,85,247,0.1)); padding: 16px; border-radius: 8px; margin-bottom: 16px;">
                        <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
                            <span style="font-size: 1.2rem;">📊</span>
                            <strong style="color: var(--primary);">智能分析建议</strong>
                        </div>
                        <ul style="margin: 0; padding-left: 20px;">
                            ${aiAdvice.replace(/<li>/g, '<li style="margin-bottom: 8px;">')}
                        </ul>
                    </div>
                    <p style="margin-top: 12px; font-size: 0.85rem; color: var(--text-muted);">
                        * 以上建议由智能分析基于您的数据生成，仅供参考，请结合实际情况决策
                    </p>
                `;

            } catch (error) {
                console.error('分析生成失败:', error);
                container.innerHTML = `
                    <div class="alert alert-warning">
                        <i class="ri-error-warning-line"></i>
                        <div>分析生成失败，请稍后重试或检查网络连接</div>
                    </div>
                `;
            } finally {
                // 恢复按钮状态
                btn.disabled = false;
                btn.innerHTML = '<i class="ri-refresh-line"></i> 重新分析';
                container.style.display = 'block';
                loading.style.display = 'none';
            }
        }

        // 渲染综合建议
        function renderComprehensiveAdvice() {
            const container = document.getElementById('comprehensive-advice');
            const metrics = calculateRiskMetrics();
            const result = getCachedUsageResult();
            const { totalTon, totalFund } = result || { totalTon: 0, totalFund: 0 };
            
            let adviceHTML = '';
            
            if (metrics.score >= 70) {
                adviceHTML = `
                    <p style="margin-bottom: 12px;"><strong>基于当前市场分析（评分${metrics.score}分，涨价概率${metrics.riseProb}%）：</strong></p>
                    <ol style="margin-left: 20px;">
                        <li style="margin-bottom: 8px;"><strong>立即行动：</strong>当前季度采购窗口建议锁定<strong>70%用量</strong>（约${(totalTon * 0.7 * 3).toFixed(0)}吨），锁价锁定成本</li>
                        <li style="margin-bottom: 8px;"><strong>资金规划：</strong>季度锁价需占用资金约<strong>${(totalFund * 0.7 * 3).toFixed(1)}万</strong>，建议提前与供应商沟通账期或申请货权质押融资</li>
                        <li style="margin-bottom: 8px;"><strong>风险对冲：</strong>保留30%用量按月采购，灵活应对价格波动，同时关注期货市场套保机会</li>
                        <li style="margin-bottom: 8px;"><strong>供应商选择：</strong>优先采购JBS/Marfrig等大厂货源，品质稳定，报价更具竞争力</li>
                        <li style="margin-bottom: 8px;"><strong>成本监控：</strong>设置价格预警（高于到厂价X元/吨提醒），及时调整采购节奏</li>
                    </ol>
                    <div class="alert alert-danger" style="margin-top: 16px;">
                        <i class="ri-alert-line"></i>
                        <div>
                            <strong>⚠️ 警告：</strong>若错过本季度采购窗口，预计下季度采购成本将增加<strong>${metrics.expectedRise}</strong>，即增加成本约<strong>${metrics.riskExposure.toFixed(1)}万元/季度</strong>。
                        </div>
                    </div>
                `;
            } else if (metrics.score >= 50) {
                adviceHTML = `
                    <p style="margin-bottom: 12px;"><strong>基于当前市场分析（评分${metrics.score}分，方向不明）：</strong></p>
                    <ol style="margin-left: 20px;">
                        <li style="margin-bottom: 8px;"><strong>稳健采购：</strong>建议采取<strong>50%季度锁价 + 50%月度补货</strong>的混合策略</li>
                        <li style="margin-bottom: 8px;"><strong>分批入场：</strong>将季度锁定量分2-3批次采购，降低踩雷风险</li>
                        <li style="margin-bottom: 8px;"><strong>资金预留：</strong>保持约<strong>${(totalFund * 2).toFixed(1)}万</strong>流动资金，伺机而动</li>
                        <li style="margin-bottom: 8px;"><strong>关注信号：</strong>密切跟踪巴西活牛期货、汇率变动、配额使用进度</li>
                    </ol>
                    <div class="alert alert-warning" style="margin-top: 16px;">
                        <i class="ri-information-line"></i>
                        <div>
                            <strong>📊 建议：</strong>当前市场方向不明确，建议保持观望，等待明确信号后再加大采购力度。
                        </div>
                    </div>
                `;
            } else {
                adviceHTML = `
                    <p style="margin-bottom: 12px;"><strong>基于当前市场分析（评分${metrics.score}分，价格相对低位）：</strong></p>
                    <ol style="margin-left: 20px;">
                        <li style="margin-bottom: 8px;"><strong>按需采购：</strong>当前可采取<strong>按需采购策略</strong>，不急于囤货</li>
                        <li style="margin-bottom: 8px;"><strong>小量试探：</strong>可适当增加10-20%采购量试水，确认趋势后再调整</li>
                        <li style="margin-bottom: 8px;"><strong>建立库存：</strong>保持10-15天安全库存即可，减少资金占用</li>
                        <li style="margin-bottom: 8px;"><strong>伺机而动：</strong>若价格跌破心理预期，可考虑一次性补足季度用量</li>
                    </ol>
                    <div class="alert alert-info" style="margin-top: 16px;">
                        <i class="ri-information-line"></i>
                        <div>
                            <strong>💡 提示：</strong>市场低位是建立低价库存的好时机，但需控制总量，避免资金压力过大。
                        </div>
                    </div>
                `;
            }
            
            container.innerHTML = adviceHTML;
        }
        
        // 渲染融资方案成本计算
        function renderFinancingCosts() {
            const result = getCachedUsageResult();
            const { totalFund } = result || { totalFund: 0 };
            
            // 方案1：货权质押
            const financingAmount1 = totalFund * 0.65; // 可融资65%
            const monthlyInterest1 = financingAmount1 * 10000 * 0.0075; // 月利率0.75%
            document.getElementById('financing-cost-1').textContent = `约¥${Math.round(monthlyInterest1).toLocaleString()}/月`;
            
            // 方案2：银行贷款
            const loanAmount = Math.min(totalFund, 300); // 最高贷300万
            const monthlyInterest2 = loanAmount * 10000 * (0.0485 / 12); // 年利率4.85%
            document.getElementById('financing-cost-2').textContent = `约¥${Math.round(monthlyInterest2).toLocaleString()}/月`;
            
            // 方案3：供应链金融
            const deferredAmount = totalFund * 0.5; // 释放50%资金
            const serviceFee = deferredAmount * 10000 * 0.004; // 月服务费0.4%
            document.getElementById('financing-cost-3').textContent = `释放${deferredAmount.toFixed(1)}万资金`;
            
            // 方案4：联合采购
            const quarterSaving = totalFund * 3 * 0.03; // 季度采购额3%优惠
            document.getElementById('financing-cost-4').textContent = `约¥${Math.round(quarterSaving * 10000).toLocaleString()}/季`;
        }
        
        // 渲染整个决策分析页面
        function renderAnalysisPage() {
            // 加载配置（包含冷库费）
            loadFactoryConfig();
            
            renderCostSummary();
            
            // 在 renderCostSummary 之后更新冷库费输入框的值（因为它是在那个函数里动态生成的）
            const coldFeeInput = document.getElementById('coldStorageFeeInput');
            if (coldFeeInput) {
                coldFeeInput.value = coldStorageFee;
            }
            
            renderRiskMatrix();
            renderStrategyCards();
            renderComprehensiveAdvice();
            renderFinancingCosts();
        }
        
        // ========== NAVIGATION ==========
        function closeLockScreen(event) {
            if (event && event.target !== document.getElementById('lockScreen')) return;
            document.getElementById('lockScreen').style.display = 'none';
            showPage('home');
        }
        function closeLockScreenDirect() {
            document.getElementById('lockScreen').style.display = 'none';
        }
        function showPage(pageId) {
            if (pageId === 'analysis' && !currentUser) {
                document.getElementById('lockScreen').style.display = 'flex';
                return;
            }
            document.getElementById('lockScreen').style.display = 'none';
            
            document.querySelectorAll('.page-section').forEach(p => p.classList.remove('active'));
            
            const targetPage = document.getElementById('page-' + pageId);
            if (targetPage) {
                targetPage.classList.add('active');
            }
            
            document.querySelectorAll('.nav-link').forEach(n => n.classList.remove('active'));
            const activeNav = document.querySelector(`.nav-link[data-page="${pageId}"]`);
            if (activeNav) activeNav.classList.add('active');
            
            // 切换页面时刷新对应数据
            if (pageId === 'quota') {
                renderQuota();
                renderNews();
            } else if (pageId === 'traders') {
                renderTraders();
            } else if (pageId === 'analysis') {
                renderAnalysisPage();
            }
            
            if (pageId === 'admin' && !isAdmin) {
                showPage('home');
                showToast('无权限访问', 'error');
                return;
            }
        }
        
        // ========== MODAL ==========
        function showModal(modalId) {
            document.getElementById(modalId).classList.add('show');
        }
        
        function closeModal(modalId) {
            document.getElementById(modalId).classList.remove('show');
        }
        
        // 点击遮罩层关闭弹窗
        document.querySelectorAll('.modal-overlay').forEach(overlay => {
            overlay.addEventListener('click', function(e) {
                if (e.target === this) {
                    this.classList.remove('show');
                }
            });
        });
        
        document.addEventListener('click', function(e) {
            if (!e.target.closest('.user-dropdown')) {
                document.getElementById('userDropdown')?.classList.remove('show');
            }
        });
        
        document.querySelectorAll('.nav-link').forEach(link => {
            link.addEventListener('click', function(e) {
                e.preventDefault();
                const page = this.dataset.page;
                showPage(page);
            });
        });
        
        // ========== TOAST ==========
        function showToast(message, type = 'info') {
            const container = document.getElementById('toastContainer');
            const toast = document.createElement('div');
            toast.className = `toast ${type}`;
            toast.innerHTML = `<i class="ri-${type === 'success' ? 'check-' : ''}information-line"></i> ${message}`;
            container.appendChild(toast);
            
            setTimeout(() => toast.remove(), 3000);
        }
        
        // ========== EXCHANGE RATES ==========
        async function fetchExchangeRates() {
            // 先显示默认汇率，确保页面加载时就有数据
            updateExchangeDisplay();

            try {
                // 尝试从新浪财经获取实时汇率（国内可访问）
                const response = await fetch('https://hq.sinajs.cn/list=fx_susdcny', { 
                    headers: { 'Referer': 'https://finance.sina.com.cn/', 'Cache-Control': 'no-cache' } 
                });
                if (response.ok) {
                    const text = await response.text();
                    const usdcnyMatch = text.match(/fx_susdcny="([^"]+)"/);
                    if (usdcnyMatch && usdcnyMatch[1]) {
                        const rate = parseFloat(usdcnyMatch[1]);
                        if (rate > 6 && rate < 10) {
                            exchangeRates.USD_CNY = rate;
                            exchangeRates.BRL_CNY = rate / 6.1075;
                            updateExchangeDisplay(); // 用实时数据更新
                        }
                    }
                }
            } catch (e) {
                console.log('实时汇率获取失败，使用内置汇率 6.8316');
                exchangeRates.USD_CNY = 6.8316;
                exchangeRates.BRL_CNY = 1.1189;
                updateExchangeDisplay();
            }

            calculateCost();
        }
        
        function updateExchangeDisplay() {
            const el = document.getElementById('exchangeRates');
            if (!el) return;
            el.innerHTML = `
                <div class="price-card">
                    <div class="price-card-label">美元/人民币</div>
                    <div class="price-card-value" style="color: var(--primary);">${exchangeRates.USD_CNY.toFixed(4)}</div>
                    <div class="price-card-cn">USD/CNY</div>
                </div>
                <div class="price-card">
                    <div class="price-card-label">雷亚尔/人民币</div>
                    <div class="price-card-value" style="color: var(--success);">${exchangeRates.BRL_CNY.toFixed(4)}</div>
                    <div class="price-card-cn">BRL/CNY</div>
                </div>
                <div class="price-card">
                    <div class="price-card-label">美元/雷亚尔</div>
                    <div class="price-card-value">${(exchangeRates.USD_CNY / exchangeRates.BRL_CNY).toFixed(4)}</div>
                    <div class="price-card-cn">USD/BRL</div>
                </div>
                <div class="price-card">
                    <div class="price-card-label">欧元/人民币</div>
                    <div class="price-card-value">${(exchangeRates.USD_CNY * 0.92).toFixed(4)}</div>
                    <div class="price-card-cn">EUR/CNY</div>
                </div>
            `;

            const timeEl = document.getElementById('exchangeUpdateTime');
            if (timeEl) timeEl.textContent = new Date().toLocaleString('zh-CN');
        }
        
        // ========== CALCULATOR ==========
        function calculateCost() {
            const fob = parseFloat(document.getElementById('calcFob').value) || 5500;
            const rate = parseFloat(document.getElementById('calcExchange').value) || exchangeRates.USD_CNY;
            const tariff = parseFloat(document.getElementById('calcTariff').value) || 12;
            
            // 固定费用
            const freight = 500; // 运费固定500元/吨
            const clearance = 200; // 清关费
            const misc = 150; // 杂费
            
            // 计算
            const fobCny = fob * rate;
            const tariffAmount = fobCny * (tariff / 100);
            // 增值税 = (FOB人民币价 + 关税) * 9%
            const vatAmount = (fobCny + tariffAmount) * 0.09;
            const total = fobCny + tariffAmount + clearance + misc + freight + vatAmount;
            
            document.getElementById('detailFob').textContent = '¥' + fobCny.toLocaleString();
            document.getElementById('detailTariff').textContent = '¥' + tariffAmount.toLocaleString();
            document.getElementById('detailClearance').textContent = '¥' + clearance.toLocaleString();
            document.getElementById('detailMisc').textContent = '¥' + misc.toLocaleString();
            document.getElementById('detailFreight').textContent = '¥' + freight.toLocaleString();
            document.getElementById('detailVat').textContent = '¥' + vatAmount.toLocaleString();
            
            document.getElementById('calcTotal').textContent = '¥' + Math.round(total).toLocaleString();
            document.querySelector('.calc-result-unit').textContent = `元/吨 | 约 ¥${(total/1000).toFixed(1)}/公斤`;
        }
        
        // ========== PRICE ALERTS ==========
        let priceAlerts = JSON.parse(localStorage.getItem('beef_price_alerts') || '[]');
        
        function updateAlertUI() {
            const loginPrompt = document.getElementById('alertLoginPrompt');
            const settings = document.getElementById('alertSettings');
            const list = document.getElementById('alertList');
            
            if (!currentUser) {
                loginPrompt.style.display = 'block';
                settings.style.display = 'none';
            } else {
                loginPrompt.style.display = 'none';
                settings.style.display = 'block';
                renderAlertList();
            }
        }
        
        function renderAlertList() {
            const list = document.getElementById('alertList');
            if (!list) return;
            
            if (priceAlerts.length === 0) {
                list.innerHTML = '<p style="color: var(--text-muted); text-align: center; padding: 20px;">暂无价格提醒，请添加</p>';
                return;
            }
            
            list.innerHTML = priceAlerts.map((alert, i) => {
                const part = jbsPriceData.find(p => p.name === alert.part);
                const currentPrice = part ? (part.fob * exchangeRates.USD_CNY * 1.12 * 1.09 + 850) : 0;
                const diff = alert.targetPrice - currentPrice;
                const triggered = (alert.type === 'below' && currentPrice < alert.targetPrice) ||
                                 (alert.type === 'above' && currentPrice > alert.targetPrice);
                
                return `
                    <div class="alert-item ${triggered ? 'triggered' : ''}">
                        <div class="alert-item-info">
                            <strong>${alert.part}</strong>
                            <span>目标价：¥${alert.targetPrice.toLocaleString()}/吨</span>
                            <span>当前价：¥${Math.round(currentPrice).toLocaleString()}/吨</span>
                            <span class="alert-type">${alert.type === 'below' ? '低于提醒' : '高于提醒'}</span>
                        </div>
                        <div class="alert-item-status">
                            ${triggered ? '<span class="alert-badge alert-triggered">已触发</span>' : 
                              '<span class="alert-badge">监控中</span>'}
                            <button class="btn btn-sm btn-outline" onclick="removeAlert(${i})">
                                <i class="ri-delete-line"></i>
                            </button>
                        </div>
                    </div>
                `;
            }).join('');
        }
        
        function addPriceAlert() {
            const part = document.getElementById('alertPart').value;
            const targetPrice = parseInt(document.getElementById('alertTargetPrice').value);
            const type = document.getElementById('alertType').value;
            
            if (!targetPrice || targetPrice <= 0) {
                alert('请输入有效的目标价格');
                return;
            }
            
            priceAlerts.push({ part, targetPrice, type });
            localStorage.setItem('beef_price_alerts', JSON.stringify(priceAlerts));
            renderAlertList();
            document.getElementById('alertTargetPrice').value = '';
        }
        
        function removeAlert(index) {
            priceAlerts.splice(index, 1);
            localStorage.setItem('beef_price_alerts', JSON.stringify(priceAlerts));
            renderAlertList();
        }
        
        // ========== JBS PRICE ==========
        function updateJbsPrice() {
            const tariffRate = 12;
            const freight = 500; // 运费固定
            const clearance = 200; // 清关费
            const misc = 150; // 杂费
            const fixedCost = freight + clearance + misc;
            const tbody = document.getElementById('jbsPriceTable');
            
            tbody.innerHTML = jbsPriceData.map(part => {
                const fobCny = part.fob * exchangeRates.USD_CNY;
                const tariff = fobCny * (tariffRate / 100);
                const vat = (fobCny + tariff) * 0.09; // 增值税9%
                const total = fobCny + tariff + vat + fixedCost;
                
                return `
                    <tr>
                        <td><strong>${part.name}</strong></td>
                        <td class="number"><span class="factory-badge">${part.factory}</span> ${part.note || 'FOB'}</td>
                        <td class="number">$${part.fob.toLocaleString()}</td>
                        <td class="number">¥${fobCny.toLocaleString()}</td>
                        <td class="number">¥${tariff.toLocaleString()}</td>
                        <td class="number">¥${vat.toLocaleString()}</td>
                        <td class="number">¥${fixedCost.toLocaleString()}</td>
                        <td class="number" style="color: var(--primary); font-weight: 700;">¥${Math.round(total).toLocaleString()}</td>
                    </tr>
                `;
            }).join('');
            
            // 更新表格头部
            const tableContainer = document.querySelector('#jbsPriceTable').closest('.table-container');
            if (tableContainer) {
                const thead = tableContainer.querySelector('thead tr');
                if (thead) {
                    thead.innerHTML = `
                        <th>部位名称</th>
                        <th>厂号</th>
                        <th>FOB单价</th>
                        <th>折合CNY</th>
                        <th>关税(12%)</th>
                        <th>增值税(9%)</th>
                        <th>固定费用</th>
                        <th>到厂价</th>
                    `;
                }
            }
            
            // 更新关税对比表
            updateTariffCompare();
            
            const eyeRib = jbsPriceData.find(p => p.name.includes('眼肉') || p.name.includes('西冷'));
            const eyeRibFob = eyeRib.fob * exchangeRates.USD_CNY;
            const eyeRibTariff = eyeRibFob * 0.12;
            const eyeRibVat = (eyeRibFob + eyeRibTariff) * 0.09;
            const eyeRibCif = (eyeRibFob + eyeRibTariff + eyeRibVat + fixedCost) / 1000;
            document.getElementById('stat-cif').textContent = '¥' + eyeRibCif.toFixed(1);
        }
        
        // ========== TARIFF COMPARE ==========
        function updateTariffCompare() {
            const tbody = document.getElementById('tariffCompareTable');
            if (!tbody) return;
            
            const sampleFob = 9300; // 美元/吨
            const fobCny = sampleFob * exchangeRates.USD_CNY;
            const freight = 500;
            const clearance = 200;
            const misc = 150;
            const fixedCost = freight + clearance + misc;
            
            const tariffs = [
                { name: '配额内关税', rate: 12, color: 'var(--success)' },
                { name: '配额外关税', rate: 67, color: '#b8860b' }
            ];
            
            tbody.innerHTML = tariffs.map((t, i) => {
                const tariff = fobCny * (t.rate / 100);
                const vat = (fobCny + tariff) * 0.09;
                const total = fobCny + tariff + vat + fixedCost;
                const totalPerKg = total / 1000;
                const baseTotal = tariffs[0].rate === 12 ? (fobCny * 1.12 * 1.09 + fixedCost) : null;
                const diff = i === 0 ? '-' : '¥' + (total - (fobCny * 1.12 * 1.09 + fixedCost)).toLocaleString();
                
                return `
                    <tr>
                        <td><strong style="color: ${t.color};">${t.name}</strong></td>
                        <td style="color: ${t.color}; font-weight: 700;">${t.rate}%</td>
                        <td class="number">¥${Math.round(tariff).toLocaleString()}</td>
                        <td class="number">¥${Math.round(vat).toLocaleString()}</td>
                        <td class="number" style="color: ${t.color}; font-weight: 700;">¥${Math.round(total).toLocaleString()}</td>
                        <td class="number" style="color: ${t.color}; font-weight: 700;">¥${totalPerKg.toFixed(1)}</td>
                        <td class="number" style="color: ${i === 0 ? 'var(--text-muted)' : 'var(--danger)'};">${diff}</td>
                    </tr>
                `;
            }).join('');
        }
        
        // ========== QUOTA ==========
        function renderQuota() {
            const grid = document.getElementById('quotaGrid');
            console.log('renderQuota called, grid:', grid);
            console.log('quotaData:', quotaData);
            
            if (!grid) {
                console.error('quotaGrid not found!');
                return;
            }
            
            grid.innerHTML = quotaData.map(q => {
                const usedPercent = (q.used / q.total * 100).toFixed(1);
                const remaining = q.remaining || (q.total - q.used);
                let barClass = 'low';
                let percentColor = 'var(--success)';
                if (usedPercent > 80) { barClass = 'high'; percentColor = 'var(--danger)'; }
                else if (usedPercent > 50) { barClass = 'medium'; percentColor = '#b8860b'; }
                
                return `
                    <div class="quota-item">
                        <div class="quota-country">
                            <span class="flag">${q.flag}</span>
                            <div>
                                <div class="name">${q.country}</div>
                                <div class="type">${q.type}</div>
                            </div>
                        </div>
                        <div class="quota-bar-wrapper">
                            <div class="quota-bar">
                                <div class="quota-bar-fill ${barClass}" style="width: ${Math.min(usedPercent, 100)}%;"></div>
                            </div>
                        </div>
                        <div class="quota-percent" style="color: ${percentColor};">${usedPercent}%</div>
                        <div class="quota-remaining">
                            <strong>${(remaining/10000).toFixed(1)}万吨</strong> 剩余
                        </div>
                    </div>
                `;
            }).join('');
            
            const brazilQuota = quotaData.find(q => q.country === '巴西');
            if (brazilQuota && document.getElementById('stat-quota')) {
                document.getElementById('stat-quota').textContent = (brazilQuota.used / brazilQuota.total * 100).toFixed(1) + '%';
            }
            document.getElementById('quotaUpdateTime').textContent = new Date().toLocaleString('zh-CN');
            console.log('renderQuota complete');
        }
        
        // ========== NEWS ==========
        function renderNews() {
            const foreignEl = document.getElementById('foreignNews');
            const domesticEl = document.getElementById('domesticNews');
            console.log('renderNews called, foreign:', foreignEl, 'domestic:', domesticEl);
            console.log('domesticNewsData count:', domesticNewsData.length);
            console.log('foreignNewsData count:', foreignNewsData.length);
            
            if (!foreignEl || !domesticEl) {
                console.error('News elements not found!');
                return;
            }
            
            const foreignHtml = foreignNewsData.map(news => `
                <div class="news-item ${news.type}">
                    <div class="news-item-header">
                        <span class="news-item-title">${news.title}</span>
                        <span class="news-item-date">${news.date}</span>
                    </div>
                    <p class="news-item-content">${news.content}</p>
                    <div class="news-item-source">来源：${news.source}</div>
                </div>
            `).join('');
            
            const domesticHtml = domesticNewsData.map(news => `
                <div class="news-item ${news.type}">
                    <div class="news-item-header">
                        <span class="news-item-title">${news.title}</span>
                        <span class="news-item-date">${news.date}</span>
                    </div>
                    <p class="news-item-content">${news.content}</p>
                    <div class="news-item-source">来源：${news.source}</div>
                </div>
            `).join('');
            
            foreignEl.innerHTML = foreignHtml;
            domesticEl.innerHTML = domesticHtml;
            console.log('renderNews complete');
        }
        
        // ========== TRADERS ==========
        let favoriteTraders = JSON.parse(localStorage.getItem('beef_favorite_traders') || '[]');
        
        function toggleFavorite(name) {
            const idx = favoriteTraders.indexOf(name);
            if (idx > -1) {
                favoriteTraders.splice(idx, 1);
            } else {
                favoriteTraders.push(name);
            }
            localStorage.setItem('beef_favorite_traders', JSON.stringify(favoriteTraders));
            renderTraders();
        }
        
        // ========== EXPORT DATA ==========
        function exportData() {
            const data = {
                exportTime: new Date().toLocaleString('zh-CN'),
                exchangeRates: exchangeRates,
                quotaData: quotaData.map(q => ({
                    country: q.country,
                    total: q.total,
                    used: q.used,
                    remaining: q.total - q.used,
                    usagePercent: ((q.used / q.total) * 100).toFixed(1) + '%'
                })),
                jbsPrices: jbsPriceData.map(p => ({
                    name: p.name,
                    factory: p.factory,
                    fob: p.fob,
                    fobCNY: p.fob * exchangeRates.USD_CNY
                })),
                traders: tradersData.map(t => ({
                    name: t.name,
                    country: t.country,
                    factories: t.factories,
                    email: t.email,
                    phone: t.phone
                }))
            };
            
            const blob = new Blob([JSON.stringify(data, null, 2)], { type: 'application/json' });
            const url = URL.createObjectURL(blob);
            const a = document.createElement('a');
            a.href = url;
            a.download = `zengshiji-export-${new Date().toISOString().slice(0,10)}.json`;
            a.click();
            URL.revokeObjectURL(url);
            
            showToast('数据已导出', 'success');
        }
        
        function renderTraders() {
            const grid = document.getElementById('traderGrid');
            const isFav = (name) => favoriteTraders.includes(name);
            
            grid.innerHTML = tradersData.map(t => `
                <div class="trader-card">
                    <div class="trader-header">
                        <div class="trader-logo">${t.name.charAt(0)}</div>
                        <div class="trader-info">
                            <h4>${t.flag} ${t.name}</h4>
                            <span>${t.fullName}</span>
                        </div>
                        <button class="fav-btn ${isFav(t.name) ? 'active' : ''}" onclick="toggleFavorite('${t.name}')" title="关注供应商">
                            <i class="ri-heart-${isFav(t.name) ? 'fill' : 'line'}"></i>
                        </button>
                    </div>
                    <div class="trader-stats">
                        <div class="trader-stat">
                            <div class="trader-stat-value">${t.factories}</div>
                            <div class="trader-stat-label">在华注册工厂</div>
                        </div>
                        <div class="trader-stat">
                            <div class="trader-stat-value">#${t.rank}</div>
                            <div class="trader-stat-label">巴西出口排名</div>
                        </div>
                        <div class="trader-stat">
                            <div class="trader-stat-value">${t.products.length}</div>
                            <div class="trader-stat-label">主营部位</div>
                        </div>
                    </div>
                    <div class="trader-products">
                        ${t.products.map(p => `<span class="trader-product">${p}</span>`).join('')}
                    </div>
                    <div class="trader-contact">
                        <div class="trader-contact-item"><i class="ri-mail-line"></i> ${t.email || '暂无'}</div>
                        <div class="trader-contact-item"><i class="ri-phone-line"></i> ${t.phone || '暂无'}</div>
                        <div class="trader-contact-item"><i class="ri-map-pin-line"></i> ${t.address || '暂无'}</div>
                    </div>
                </div>
            `).join('');
            
            document.getElementById('tradersUpdateTime').textContent = new Date().toLocaleString('zh-CN');
        }
        
        // ========== INIT ==========
        function init() {
            console.log('Initializing app...');
            initUsers();
            
            const storedUser = localStorage.getItem('beef_current_user');
            if (storedUser) {
                currentUser = JSON.parse(storedUser);
                isAdmin = currentUser.role === 'admin';
            }
            
            updateLoginUI();
            
            // 初始化现货行情
            renderDomesticPrices();
            renderMarketPrices();
            updateAdminPricePanel();
            
            // 初始化价格走势图
            renderPartSelector();
            if (!currentChartPart) {
                currentChartPart = '大米龙';
                renderPartSelector();
            }
            renderPriceChart();
            
            fetchExchangeRates();
            
            updateJbsPrice();
            console.log('Rendering quota...');
            renderQuota();
            console.log('Quota rendered');
            console.log('Rendering news...');
            renderNews();
            console.log('News rendered');
            renderTraders();
            
            // 更新首页功能卡片数据
            updateFeatureCards();
            
            const now = new Date().toLocaleString('zh-CN');
            document.getElementById('updateTime').textContent = now;
            document.getElementById('cattleUpdateTime').textContent = now;
            
            calculateCost();
            console.log('Init complete');
        }
        
        // 更新首页功能卡片数据
        function updateFeatureCards() {
            // 政策配额 - 使用巴西配额使用率
            const brazilQuota = quotaData.find(q => q.country === '巴西');
            if (brazilQuota) {
                const usedPercent = (brazilQuota.used / brazilQuota.total * 100).toFixed(1);
                const el = document.getElementById('quotaFeaturePercent');
                if (el) el.innerHTML = '配额使用 <strong>' + usedPercent + '%</strong>';
            }
        }
        
        document.addEventListener('DOMContentLoaded', init);
        
        // Also try to render immediately if DOM is already ready
        if (document.readyState === 'complete' || document.readyState === 'interactive') {
            setTimeout(init, 100);
        }
    </script>
</body>
</html>