import React, { useState, useEffect, useRef } from 'react';
import { 
  UploadCloud, Settings, Download, CheckCircle, Loader2, 
  Activity, Ban, Trash2, Plus, AlertTriangle 
} from 'lucide-react';

export default function AmazonBidOptimizer() {
  const [activeTab, setActiveTab] = useState('optimizer'); 
  const [isProcessing, setIsProcessing] = useState(false);
  const [progressMsg, setProgressMsg] = useState("");
  
  const [fileData, setFileData] = useState(null);
  const [slimExport, setSlimExport] = useState(true);
  const fileInputRef = useRef(null);

  const [extractedSpus, setExtractedSpus] = useState([]);
  const [activeCampaigns, setActiveCampaigns] = useState([]); 
  const [dedupSet, setDedupSet] = useState(new Set());
  const [activeAdGroupIds, setActiveAdGroupIds] = useState(new Set()); 

  const [spuRules, setSpuRules] = useState([{ id: Date.now(), keyword: '', targetAcos: 25 }]);
  const [summary, setSummary] = useState(null);
  
  const [params, setParams] = useState({
      acosBuffer: 10,  
      maxBid: 1.00,
      minBid: 0.10,
      clickThreshold: 20,         
      impressionThreshold: 500,   
      increasePcnt: 10,           
      decreasePcnt: 20,
      increaseTosPcnt: 10, 
      
      negClickThreshold: 25,      
      negSpendThreshold: 15.0,
      
      pauseClickThresholdTarget: 35, 
      pauseAcosThresholdTarget: 60, 
      pauseClickThresholdSku: 30,    
      pauseAcosThresholdSku: 50,
      
      pauseSpendThresholdCampaign: 40,
      pauseSpendThresholdAdGroup: 30,
      enableTimeBasedPause: false, 
      pauseTimeThresholdDays: 14   
  });

  const [globalNegState, setGlobalNegState] = useState({
      spu: '',
      exact: '',
      phrase: '',
      asin: ''
  });

  // 动态加载 XLSX
  useEffect(() => {
    if (typeof window !== 'undefined' && !window.XLSX) {
      const script = document.createElement('script');
      script.src = 'https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.5/xlsx.full.min.js';
      script.async = true;
      document.body.appendChild(script);
    }
  }, []);

  const handleParamChange = (e) => {
      const { name, value, type, checked } = e.target;
      const finalValue = type === 'checkbox' ? checked : (parseFloat(value) || 0);
      setParams(prev => ({ ...prev, [name]: finalValue }));
      setSummary(null); 
  };

  const addSpuRule = () => setSpuRules([{ id: Date.now(), keyword: '', targetAcos: 25 }, ...spuRules]);
  const updateSpuRule = (id, field, value) => {
      setSpuRules(spuRules.map(r => r.id === id ? { ...r, [field]: value } : r));
      setSummary(null);
  };
  const removeSpuRule = (id) => {
      setSpuRules(spuRules.filter(r => r.id !== id));
      setSummary(null);
  };

  const getVal = (row, keys) => {
      for (let k of keys) {
          if (row[k] !== undefined && row[k] !== null) return String(row[k]).trim();
      }
      return "";
  };

  const parseAmzDate = (dateStr) => {
      if (!dateStr) return null;
      dateStr = String(dateStr).trim();
      if (/^\d{8}$/.test(dateStr)) {
          return new Date(parseInt(dateStr.slice(0,4)), parseInt(dateStr.slice(4,6))-1, parseInt(dateStr.slice(6,8)));
      }
      const d = new Date(dateStr);
      if (!isNaN(d.getTime())) return d;
      return null;
  };

  const handleFileUpload = (e) => {
      const file = e.target.files[0];
      if (!file) return;
      if (!window.XLSX) {
          alert("组件正在加载中，请稍候几秒再上传...");
          return;
      }

      setIsProcessing(true);
      setProgressMsg("正在解析底层数据引擎...");
      setSummary(null);
      setFileData(null);

      const reader = new FileReader();
      reader.onload = (evt) => {
          setTimeout(() => {
              try {
                  const data = new Uint8Array(evt.target.result);
                  const XLSX = window.XLSX;
                  const workbook = XLSX.read(data, { type: 'array' });
                  
                  const targetSheetName = workbook.SheetNames.find(n => n.includes('Sponsored Products') || n.includes('商品推广')) || workbook.SheetNames[0];
                  const worksheet = workbook.Sheets[targetSheetName];
                  
                  const originalHeaders = XLSX.utils.sheet_to_json(worksheet, { header: 1 })[0];
                  const jsonData = XLSX.utils.sheet_to_json(worksheet, { raw: false });

                  const stSheetName = workbook.SheetNames.find(n => n.includes('Search Term Report') || n.includes('搜索词报告'));
                  const stData = stSheetName ? XLSX.utils.sheet_to_json(workbook.Sheets[stSheetName], { raw: false }) : null;

                  const allActiveCampaigns = [];
                  const tempDedupSet = new Set();
                  const tempActiveAdGroups = new Set();
                  const spuSet = new Set();

                  jsonData.forEach(row => {
                      const entity = getVal(row, ['Entity', '实体', '实体层级', 'Record Type']).toLowerCase();
                      const state = getVal(row, ['State', '状态', 'Status']).toLowerCase();
                      const cName = getVal(row, ['Campaign Name', '广告活动名称', 'Campaign Name (Informational only)']);
                      const cId = getVal(row, ['Campaign Id', '广告活动编号', 'Campaign ID']);
                      const aId = getVal(row, ['Ad Group Id', '广告组编号', 'Ad Group ID']);
                      const pNameStr = getVal(row, ['Portfolio Name', '广告组合名称', 'Portfolio Name (Informational only)', '广告组合名称（仅供参考）']).toUpperCase();
                      
                      if (aId && (state === 'enabled' || state === 'paused' || state === '已启用' || state === '已暂停')) {
                          tempActiveAdGroups.add(aId);
                      }

                      if ((entity === 'campaign' || entity === '广告活动') && state !== 'archived' && state !== '已归档') {
                          allActiveCampaigns.push({ cId, cName });
                          
                          if (pNameStr === 'L') {
                              const segments = cName.split(/[-_ \/]+/);
                              for (const seg of segments) {
                                  if (!/[\u4e00-\u9fa5]/.test(seg) && seg.length >= 4 && /[A-Za-z0-9]/.test(seg)) {
                                      spuSet.add(seg.toUpperCase());
                                      break; 
                                  }
                              }
                          }
                      }
                      
                      if (entity.includes('negative') || entity.includes('否定')) {
                          const kw = getVal(row, ['Keyword Text', '关键词文本']).toLowerCase();
                          const expr = getVal(row, ['Product Targeting Expression', '商品投放表达式', 'Product targeting expression']).toLowerCase();
                          const matchTypeRaw = getVal(row, ['Match Type', '匹配类型']).toLowerCase();
                          const isCampaignLevel = entity.includes('campaign') || entity.includes('广告活动') || !aId;
                          
                          let matchType = '';
                          if (matchTypeRaw.includes('exact') || matchTypeRaw.includes('精准')) matchType = 'exact';
                          else if (matchTypeRaw.includes('phrase') || matchTypeRaw.includes('词组')) matchType = 'phrase';

                          if (kw) {
                              if (isCampaignLevel) {
                                  tempDedupSet.add(`CAMP_${cId}_${kw}_${matchType}`);
                              } else {
                                  tempDedupSet.add(`ADG_${cId}_${aId}_${kw}_${matchType}`);
                              }
                          }
                          if (expr) {
                              if (isCampaignLevel) {
                                  tempDedupSet.add(`CAMP_${cId}_${expr}`);
                              } else {
                                  tempDedupSet.add(`ADG_${cId}_${aId}_${expr}`);
                              }
                          }
                      }
                  });

                  const spuArray = Array.from(spuSet).sort();
                  setExtractedSpus(spuArray);
                  setActiveCampaigns(allActiveCampaigns);
                  setDedupSet(tempDedupSet);
                  setActiveAdGroupIds(tempActiveAdGroups);

                  let autoGeneratedRules = spuArray.map((spu, index) => ({
                      id: Date.now() + index,
                      keyword: spu,
                      targetAcos: 25
                  }));
                  autoGeneratedRules.push({ id: Date.now() + 10000, keyword: '', targetAcos: 25 });
                  setSpuRules(autoGeneratedRules);

                  setFileData({
                      originalWorkbook: workbook,
                      sheetName: targetSheetName,
                      headers: originalHeaders, 
                      data: jsonData,
                      stData: stData, 
                      fileName: file.name
                  });
                  
                  setIsProcessing(false);
              } catch (error) {
                  console.error(error);
                  alert("文件解析失败，请确认是否为合法的 Amazon Bulk 文件。");
                  setIsProcessing(false);
              }
          }, 50);
      };

      reader.readAsArrayBuffer(file);
  };

  const handleEngineAProcess = () => {
      if (!fileData || !fileData.data) return;
      setIsProcessing(true);

      setTimeout(() => {
          let modifiedCount = 0;
          let negativeAddedCount = 0;
          let tierCounts = { 
              pausedKw: 0, pausedSku: 0, pausedCampaign: 0, pausedAdGroup: 0, 
              tier1: 0, tier2: 0, tier3: 0, tier4: 0, tosBoost: 0 
          };
          let skipDetails = { notTargeting: 0, notEnabled: 0, nullBid: 0, spuExcluded: 0, targetMetHold: 0, noConditionMet: 0, parseError: 0, alreadyNegated: 0, parentNotFound: 0 };
          let unifiedLogs = []; 
          let negativeKeywordsToCreate = [];
          
          const localDedupSet = new Set(dedupSet); 
          const sortedSpuRules = [...spuRules].sort((a, b) => b.keyword.length - a.keyword.length);
          
          const headers = fileData.headers;
          const h_entity = headers.find(h => h === 'Entity' || h === 'Record Type' || h === '实体层级') || 'Entity';
          const h_state = headers.find(h => h === 'State' || h === 'Status' || h === '状态') || 'State';
          const h_bid = headers.find(h => h === 'Bid' || h === 'Max Bid' || h === '竞价') || 'Bid';
          const h_op = headers.find(h => h === 'Operation' || h === '操作') || 'Operation';
          const h_percentage = headers.find(h => h.includes('Percentage') || h.includes('百分比')) || 'Percentage';
          
          // 1. 搜索词拉黑
          if (fileData.stData) {
              const baseRow = fileData.data[0] || {};
              const getK = (ch, en) => (ch in baseRow ? ch : en);

              fileData.stData.forEach(row => {
                  const campId = getVal(row, ['Campaign ID', '广告活动编号', 'Campaign Id']);
                  const adgId = getVal(row, ['Ad Group ID', '广告组编号', 'Ad Group Id']);
                  const campName = getVal(row, ['Campaign Name (Informational only)', '广告活动名称（仅供参考）', 'Campaign Name']);
                  
                  let isMatched = false;
                  for (const rule of sortedSpuRules) {
                      const kw = rule.keyword.trim().toLowerCase();
                      if (kw === '' || campName.toLowerCase().includes(kw)) {
                          isMatched = true; break;
                      }
                  }
                  if (!isMatched) return;

                  const searchTerm = getVal(row, ['Customer Search Term', '顾客搜索词']);
                  const clicks = parseInt(String(row['点击量'] || row['Clicks'] || 0).replace(/,/g, ''), 10);
                  const spend = parseFloat(String(row['花费'] || row['Spend'] || 0).replace(/,/g, ''));
                  const orders = parseInt(String(row['订单数量'] || row['Orders'] || 0).replace(/,/g, ''), 10);

                  if (!searchTerm || /^[Bb]0[A-Za-z0-9]{8}$/i.test(searchTerm)) return;

                  if (orders === 0 && (clicks >= params.negClickThreshold || spend >= params.negSpendThreshold)) {
                      if (!activeAdGroupIds.has(adgId)) {
                          skipDetails.parentNotFound++;
                          return;
                      }

                      const searchT = searchTerm.toLowerCase();
                      const campIdStr = String(campId).trim();
                      const adgIdStr = String(adgId).trim();

                      const adgKey = `ADG_${campIdStr}_${adgIdStr}_${searchT}_exact`;
                      const campKey = `CAMP_${campIdStr}_${searchT}_exact`;
                      
                      if (localDedupSet.has(adgKey) || localDedupSet.has(campKey)) {
                          skipDetails.alreadyNegated++;
                          return; 
                      }

                      localDedupSet.add(adgKey);
                      negativeAddedCount++;
                      
                      unifiedLogs.push({
                          type: 'negative', campaign: campName, target: searchTerm, action: '精准否定',
                          metrics: `花费: $${spend.toFixed(2)} | 点击: ${clicks}`, result: `+ 新增否定`
                      });

                      let newNegRow = {};
                      newNegRow[getK('产品', 'Product')] = getK('商品推广', 'Sponsored Products');
                      newNegRow[h_entity] = getK('否定关键词', 'Negative Keyword');
                      newNegRow[h_op] = 'Create'; 
                      newNegRow[getK('广告活动编号', 'Campaign ID')] = campId;
                      newNegRow[getK('广告组编号', 'Ad Group ID')] = adgId;
                      newNegRow[getK('关键词文本', 'Keyword Text')] = searchTerm;
                      newNegRow[getK('匹配类型', 'Match Type')] = getK('精准否定', 'Negative Exact');
                      newNegRow[h_state] = getK('已启用', 'Enabled'); 
                      newNegRow['Optimizer Note'] = `智能拉黑: ${clicks}点击, $${spend}花费, 0转化`;
                      
                      negativeKeywordsToCreate.push(newNegRow);
                  }
              });
          }

          // 2. 竞价与熔断处理
          const processedData = [];
          const biddingAdjIndices = []; 
          const campsToBoostTos = new Map(); 

          fileData.data.forEach((originalRow, index) => {
              const row = { ...originalRow }; 
              try {
                  const entityStr = getVal(row, [h_entity]).toLowerCase();
                  const stateStr = getVal(row, [h_state]).toLowerCase();
                  
                  if (entityStr === 'bidding adjustment' || entityStr === '竞价方案') {
                      biddingAdjIndices.push(processedData.length);
                      processedData.push(row);
                      return;
                  }

                  const isNegative = entityStr.includes('negative') || entityStr.includes('否定');
                  const isTargeting = !isNegative && ['keyword', 'product targeting', 'targeting expression', '关键词', '商品投放', '投放表达式'].includes(entityStr);
                  const isProductAd = ['product ad', '商品广告', 'ad', '广告', '商品推广广告'].includes(entityStr);
                  
                  const isCampaign = entityStr === 'campaign' || entityStr === '广告活动';
                  const isAdGroup = entityStr === 'ad group' || entityStr === '广告组';

                  if (!isTargeting && !isProductAd && !isCampaign && !isAdGroup) { 
                      skipDetails.notTargeting++; 
                      processedData.push(row); 
                      return; 
                  }
                  if (!['enabled', '已启用'].includes(stateStr)) { 
                      skipDetails.notEnabled++; 
                      processedData.push(row); 
                      return; 
                  }

                  const campName = getVal(row, ['Campaign Name (Informational only)', '广告活动名称（仅供参考）', 'Campaign Name', '广告活动名称']);
                  const campIdStr = String(getVal(row, ['Campaign Id', '广告活动编号', 'Campaign ID'])).trim();
                  
                  let appliedTargetAcos = null;
                  let isMatched = false;

                  for (const rule of sortedSpuRules) {
                      const kw = rule.keyword.trim().toLowerCase();
                      if (kw === '' || campName.toLowerCase().includes(kw)) {
                          appliedTargetAcos = parseFloat(rule.targetAcos);
                          isMatched = true; break;
                      }
                  }

                  if (!isMatched) { 
                      skipDetails.spuExcluded++; 
                      processedData.push(row); 
                      return; 
                  }

                  const clicks = parseInt(String(row['点击量'] || row['Clicks'] || 0).replace(/,/g, ''), 10);
                  const impressions = parseInt(String(row['展示量'] || row['Impressions'] || 0).replace(/,/g, ''), 10);
                  const spend = parseFloat(String(row['花费'] || row['Spend'] || 0).replace(/,/g, ''));
                  const sales = parseFloat(String(row['销量'] || row['Sales'] || 0).replace(/,/g, ''));
                  const orders = parseInt(String(row['订单数量'] || row['Orders'] || 0).replace(/,/g, ''), 10);
                  const acos = sales > 0 ? (spend / sales) * 100 : 0;
                  
                  const pausedStateValue = (h_state === '状态' || h_state === 'Status') ? '已暂停' : 'paused';
                  let isPaused = false;
                  let action = '';

                  // 宏观防御网
                  if (isCampaign || isAdGroup) {
                      if (orders === 0) {
                          if (isCampaign && spend >= params.pauseSpendThresholdCampaign) {
                              isPaused = true; action = `活动级熔断 (0单花费 $${spend} ≥ $${params.pauseSpendThresholdCampaign})`; tierCounts.pausedCampaign++;
                          } else if (isAdGroup && spend >= params.pauseSpendThresholdAdGroup) {
                              isPaused = true; action = `广告组熔断 (0单花费 $${spend} ≥ $${params.pauseSpendThresholdAdGroup})`; tierCounts.pausedAdGroup++;
                          }
                          
                          if (!isPaused && params.enableTimeBasedPause) {
                              const startDateObj = parseAmzDate(getVal(row, ['Start Date', '开始日期']));
                              if (startDateObj) {
                                  const diffDays = Math.ceil(Math.abs(new Date() - startDateObj) / (1000 * 60 * 60 * 24));
                                  if (diffDays >= params.pauseTimeThresholdDays) {
                                      isPaused = true; action = `${isCampaign?'活动':'广告组'}存活超时熔断 (运行 ${diffDays}天 且 0单)`;
                                      if (isCampaign) tierCounts.pausedCampaign++;
                                      if (isAdGroup) tierCounts.pausedAdGroup++;
                                  }
                              }
                          }
                      }

                      if (isPaused) {
                          modifiedCount++;
                          const targetText = isCampaign ? '[整体广告活动]' : `[广告组] ${getVal(row, ['Ad Group Name', '广告组名称'])}`;
                          unifiedLogs.push({
                              type: 'pause', campaign: campName, target: targetText, action: '宏观拦截暂停',
                              metrics: `花费: $${spend.toFixed(2)} | 订单: ${orders}`, result: `状态 ➔ 已暂停`, reason: action
                          });
                          row[h_state] = pausedStateValue;
                          row[h_op] = 'Update';
                          row['Optimizer Note'] = `${action} (原状态: ${stateStr})`;
                      } else {
                          skipDetails.noConditionMet++; 
                      }
                      processedData.push(row);
                      return;
                  }

                  // 微观防御网 (SKU 层级)
                  if (isProductAd) {
                      if (orders === 0 && clicks >= params.pauseClickThresholdSku) {
                          isPaused = true; action = `SKU 熔断 (0单超${params.pauseClickThresholdSku}次点击)`; tierCounts.pausedSku++;
                      } else if (orders > 0 && acos >= params.pauseAcosThresholdSku) {
                          isPaused = true; action = `SKU 熔断 (ACoS ≥ ${params.pauseAcosThresholdSku}%)`; tierCounts.pausedSku++;
                      } 

                      if (isPaused) {
                          modifiedCount++;
                          const targetText = getVal(row, ['SKU', 'ASIN (Informational only)', 'ASIN（仅供参考）']) || '未知SKU';
                          unifiedLogs.push({
                              type: 'pause', campaign: campName, target: `[商品] ${targetText}`, action: '停用商品(SKU)',
                              metrics: `花费: $${spend.toFixed(2)} | 点击: ${clicks} | ACoS: ${acos > 0 ? acos.toFixed(2)+'%' : '-'}`, result: `状态 ➔ 已暂停`, reason: action
                          });
                          row[h_state] = pausedStateValue;
                          row[h_op] = 'Update';
                          row['Optimizer Note'] = `${action} (原状态: ${stateStr})`;
                      } else {
                          skipDetails.noConditionMet++;
                      }
                      processedData.push(row);
                      return;
                  }
                  
                  // 微观竞价引擎
                  if (isTargeting) {
                      const sweetSpotThreshold = Math.max(0, appliedTargetAcos - params.acosBuffer);

                      if (orders === 0 && clicks >= params.pauseClickThresholdTarget) {
                          isPaused = true; action = `投放熔断 (0单超${params.pauseClickThresholdTarget}次点击)`; tierCounts.pausedKw++;
                      } else if (orders > 0 && acos >= params.pauseAcosThresholdTarget) {
                          isPaused = true; action = `投放熔断 (ACoS ≥ ${params.pauseAcosThresholdTarget}%)`; tierCounts.pausedKw++;
                      } 
                      
                      if (isPaused) {
                          modifiedCount++;
                          const targetText = getVal(row, ['Keyword Text', '关键词文本', 'Product Targeting Expression', '商品投放表达式']) || '未知实体';
                          unifiedLogs.push({
                              type: 'pause', campaign: campName, target: targetText, action: '暂停投放',
                              metrics: `花费: $${spend.toFixed(2)} | 点击: ${clicks} | ACoS: ${acos > 0 ? acos.toFixed(2)+'%' : '-'}`, result: `状态 ➔ 已暂停`, reason: action
                          });
                          row[h_state] = pausedStateValue;
                          row[h_op] = 'Update';
                          row['Optimizer Note'] = `${action} (原状态: ${stateStr})`;
                          processedData.push(row);
                          return;
                      }

                      const bidStr = String(row[h_bid] || '').replace(/,/g, '').trim();
                      if (!bidStr) { 
                          skipDetails.nullBid++; 
                          processedData.push(row); 
                          return; 
                      }

                      const currentBid = parseFloat(bidStr);
                      if (isNaN(currentBid)) { 
                          skipDetails.parseError++; 
                          processedData.push(row); 
                          return; 
                      }

                      let newBid = currentBid;

                      if (orders === 0 && clicks >= params.clickThreshold) {
                          newBid = currentBid * (1 - (params.decreasePcnt / 100)); action = 'Tier 1 降价'; tierCounts.tier1++;
                      } else if (orders > 0 && acos < sweetSpotThreshold) {
                          newBid = currentBid * (1 + (params.increasePcnt / 100)); action = 'Tier 2 提价'; tierCounts.tier2++;
                          campsToBoostTos.set(campIdStr, campName);
                      } else if (orders > 0 && acos >= sweetSpotThreshold && acos <= appliedTargetAcos) {
                          skipDetails.targetMetHold++; 
                          campsToBoostTos.set(campIdStr, campName);
                          processedData.push(row); 
                          return; 
                      } else if (orders > 0 && acos > appliedTargetAcos) {
                          newBid = currentBid * (appliedTargetAcos / acos); action = 'Tier 3 降价'; tierCounts.tier3++;
                      } else if (impressions > 0 && impressions < params.impressionThreshold && clicks < params.clickThreshold) {
                          newBid = currentBid * 1.05; action = 'Tier 4 提价'; tierCounts.tier4++;
                      } else {
                          skipDetails.noConditionMet++; 
                          processedData.push(row); 
                          return; 
                      }

                      if (newBid > params.maxBid) newBid = params.maxBid;
                      if (newBid < params.minBid) newBid = params.minBid;
                      newBid = parseFloat(newBid.toFixed(2));

                      if (newBid !== currentBid) {
                          modifiedCount++;
                          const targetText = getVal(row, ['Keyword Text', '关键词文本', 'Product Targeting Expression', '商品投放表达式']) || '未知实体';
                          unifiedLogs.push({
                              type: 'bid', campaign: campName, target: targetText, action: '竞价调整',
                              metrics: `目标ACoS: ${appliedTargetAcos}% | 实际: ${acos > 0 ? acos.toFixed(2)+'%' : '-'}`, result: `$${currentBid.toFixed(2)} ➔ $${newBid.toFixed(2)}`, reason: action
                          });
                          row[h_bid] = newBid;
                          row[h_op] = 'Update';
                          row['Optimizer Note'] = `${action} (Target: ${appliedTargetAcos}%, Old: $${currentBid})`;
                      } else {
                         skipDetails.noConditionMet++; 
                      }
                      processedData.push(row);
                  }
              } catch (err) {
                 skipDetails.parseError++; 
                 processedData.push(row);
              }
          });

          // 二次遍历: Bidding Adjustment 联动溢价
          biddingAdjIndices.forEach(idx => {
              const row = processedData[idx];
              const cId = String(getVal(row, ['Campaign Id', '广告活动编号', 'Campaign ID'])).trim();
              const placement = getVal(row, ['Placement', '广告位']).toLowerCase();

              if (campsToBoostTos.has(cId) && (placement.includes('top') || placement.includes('顶部'))) {
                  let currentPcnt = parseInt(row[h_percentage] || 0, 10);
                  if (isNaN(currentPcnt)) currentPcnt = 0;
                  
                  let newPcnt = currentPcnt + params.increaseTosPcnt;
                  if (newPcnt > 900) newPcnt = 900; 
                  
                  if (newPcnt !== currentPcnt) {
                      const campName = campsToBoostTos.get(cId);
                      unifiedLogs.push({
                          type: 'bid', campaign: campName, target: '[广告位] 顶部搜索结果 (TOS)', action: '溢价联动提升',
                          metrics: `因活动下含放量/容忍词触发`, result: `${currentPcnt}% ➔ ${newPcnt}%`, reason: `+${params.increaseTosPcnt}%`
                      });
                      
                      row[h_percentage] = newPcnt;
                      row[h_op] = 'Update';
                      row['Optimizer Note'] = `TOS 联动溢价: ${currentPcnt}% -> ${newPcnt}%`;
                      modifiedCount++;
                      tierCounts.tosBoost++;
                  }
              }
          });

          setSummary({ 
              modifiedCount, negativeAddedCount, tierCounts, skipDetails, 
              processedData, negativeKeywordsToCreate, unifiedLogs 
          });
          setIsProcessing(false);
      }, 500);
  };

  const handleEngineAExport = () => {
      if (!summary || (!summary.processedData && summary.negativeKeywordsToCreate.length === 0)) return;
      if (!window.XLSX) {
        alert("组件未就绪，请稍等...");
        return;
      }
      const XLSX = window.XLSX;

      const headers = fileData.headers || [];
      const h_op = headers.find(h => h === 'Operation' || h === '操作') || 'Operation';
      const h_expr = headers.find(h => h === 'Product Targeting Expression' || h === '商品投放表达式') || 'Product Targeting Expression';
      const h_resolved_expr = headers.find(h => h.includes('Resolved') || h.includes('已解析'));

      let baseExportData = summary.processedData;

      if (slimExport) {
          baseExportData = summary.processedData.filter(row => row[h_op] === 'Update');
          if (baseExportData.length === 0 && summary.negativeKeywordsToCreate.length === 0) {
              alert("当前没有发生任何调价修改，无需导出。"); return;
          }
      }

      // 【核心修复 V6.6：数据离线净化管道】
      let rawDataToExport = baseExportData.concat(summary.negativeKeywordsToCreate);
      
      const sanitizedDataToExport = rawDataToExport.map(row => {
          const cleanRow = { ...row };
          
          // 1. 物理剔除诊断列，修复 "An invalid request was provided" 报错
          delete cleanRow['Optimizer Note'];

          // 2. 绕过亚马逊官方 Auto-Targeting 校验 Bug，修复 "Unsupported targeting expression type" 报错
          if (cleanRow[h_expr] && String(cleanRow[h_expr]).includes('keyword-group')) {
              cleanRow[h_expr] = ''; 
          }
          if (h_resolved_expr && cleanRow[h_resolved_expr]) {
              cleanRow[h_resolved_expr] = ''; 
          }

          return cleanRow;
      });
      
      const newWs = XLSX.utils.json_to_sheet(sanitizedDataToExport, { header: headers });
      const newWb = XLSX.utils.book_new();
      
      const baseRow = sanitizedDataToExport[0] || {};
      const isChinese = Object.keys(baseRow).some(k => k.includes('广告活动') || k.includes('商品推广'));
      const finalSheetName = isChinese ? '商品推广活动' : 'Sponsored Products Campaigns';
      
      XLSX.utils.book_append_sheet(newWb, newWs, finalSheetName);

      const dateStr = new Date().toISOString().slice(0,10).replace(/-/g,"");
      XLSX.writeFile(newWb, `EngineA_Optimized_${slimExport ? 'Slim_' : ''}${dateStr}.xlsx`);
  };

  const handleEngineBExport = () => {
      if (!fileData) return;
      if (!window.XLSX) { alert("组件未就绪"); return; }

      const { spu, exact, phrase, asin } = globalNegState;
      if (!spu) { alert("请先选择或输入目标 SPU！"); return; }

      const exList = Array.from(new Set(exact.split('\n').map(s => s.trim()).filter(Boolean)));
      const phList = Array.from(new Set(phrase.split('\n').map(s => s.trim()).filter(Boolean)));
      const asList = Array.from(new Set(asin.split('\n').map(s => s.trim()).filter(Boolean)));

      if (exList.length === 0 && phList.length === 0 && asList.length === 0) {
          alert("请至少输入一个待否定的特征！"); return;
      }

      const HEADERS = [
          "Product", "Entity", "Operation", "Campaign Id", "Campaign Name",
          "Ad Group Id", "Ad Group Name", "Portfolio Id", "State",
          "Keyword Text", "Match Type", "Product Targeting Expression"
      ];

      const buildRow = (cId, cName, entity, text, match, expr) => {
          let r = {};
          HEADERS.forEach(h => r[h] = ""); 
          r["Product"] = "Sponsored Products";
          r["Entity"] = entity;
          r["Operation"] = "Create";
          r["Campaign Id"] = cId;
          r["Campaign Name"] = cName;
          r["State"] = "enabled";
          if(text !== undefined && text !== '') r["Keyword Text"] = text;
          if(match !== undefined && match !== '') r["Match Type"] = match;
          if(expr !== undefined && expr !== '') r["Product Targeting Expression"] = expr;
          return r;
      };

      let rowsToExport = [];
      let blockCount = 0;
      let successCount = 0;

      const targetCampaigns = activeCampaigns.filter(c => c.cName.toUpperCase().includes(spu.toUpperCase()));
      
      if (targetCampaigns.length === 0) {
          alert("未在全表中检测到包含此 SPU 名称的广告活动，请检查输入或原始表格！");
          return;
      }

      targetCampaigns.forEach(camp => {
          const cId = String(camp.cId).trim();
          const cName = String(camp.cName).trim();

          exList.forEach(text => {
              const textLower = text.toLowerCase();
              const checkKey = `CAMP_${cId}_${textLower}_exact`;
              if (dedupSet.has(checkKey)) {
                  blockCount++;
              } else {
                  rowsToExport.push(buildRow(cId, cName, 'Campaign Negative Keyword', text, 'Negative Exact', ''));
                  dedupSet.add(checkKey); 
                  successCount++;
              }
          });

          phList.forEach(text => {
              const textLower = text.toLowerCase();
              const checkKey = `CAMP_${cId}_${textLower}_phrase`;
              if (dedupSet.has(checkKey)) {
                  blockCount++;
              } else {
                  rowsToExport.push(buildRow(cId, cName, 'Campaign Negative Keyword', text, 'Negative Phrase', ''));
                  dedupSet.add(checkKey); 
                  successCount++;
              }
          });

          asList.forEach(rawAsin => {
              const asinVal = rawAsin.replace(/asin=|"|'/gi, '').toUpperCase();
              const expr = `asin="${asinVal}"`;
              const checkKey = `CAMP_${cId}_${expr.toLowerCase()}`;
              if (dedupSet.has(checkKey)) {
                  blockCount++;
              } else {
                  rowsToExport.push(buildRow(cId, cName, 'Campaign Negative Product Targeting', '', '', expr));
                  dedupSet.add(checkKey); 
                  successCount++;
              }
          });
      });

      if (rowsToExport.length === 0) {
          alert(`所有指令已被防撞库雷达拦截！(共拦截 ${blockCount} 条已存在的重复数据)`);
          return;
      }

      alert(`成功生成 ${successCount} 条全局否定指令！\n(已跨全表精准下发至 ${targetCampaigns.length} 个广告活动，自动防重拦截 ${blockCount} 条)`);

      const XLSX = window.XLSX;
      const newWs = XLSX.utils.json_to_sheet(rowsToExport, { header: HEADERS });
      const newWb = XLSX.utils.book_new();
      XLSX.utils.book_append_sheet(newWb, newWs, 'Sponsored Products Campaigns');

      const dateStr = new Date().toISOString().slice(0,10).replace(/-/g,"");
      XLSX.writeFile(newWb, `EngineB_GlobalNeg_${spu}_${dateStr}.xlsx`);
  };

  return (
    <div className="min-h-screen py-8 px-4 sm:px-8 bg-[#f5f5f7] text-[#1d1d1f] font-sans">
      <style>{`
        ::-webkit-scrollbar { width: 6px; height: 6px; }
        ::-webkit-scrollbar-track { background: transparent; }
        ::-webkit-scrollbar-thumb { background: #d2d2d7; border-radius: 10px; }
        ::-webkit-scrollbar-thumb:hover { background: #86868b; }
        input[type=number]::-webkit-inner-spin-button, 
        input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
        input[type=number] { -moz-appearance: textfield; }
        .toggle-checkbox:checked { right: 0; border-color: #34c759; }
        .toggle-checkbox:checked + .toggle-label { background-color: #34c759; }
      `}</style>
      <div className="max-w-[1400px] mx-auto space-y-6">
          
          <header className="bg-white rounded-[24px] shadow-sm p-8 border border-gray-100 flex flex-col md:flex-row md:items-center justify-between gap-4">
              <div>
                  <h1 className="text-2xl font-bold text-[#1d1d1f] flex items-center gap-2 tracking-tight">
                      <span className="bg-[#007aff] text-white p-2 rounded-xl"><Settings className="w-5 h-5" /></span>
                      亚马逊全能双擎优化器 V6.6
                  </h1>
                  <p className="text-sm text-[#86868b] mt-2 font-medium">
                      【数据净化修复版】已恢复全能双引擎，并彻底拦截 Optimizer Note 列污染及 keyword-group 语法报错。
                  </p>
              </div>
          </header>

          <section className="bg-white rounded-[24px] shadow-sm p-6 border border-gray-100">
              <h2 className="text-base font-bold text-[#1d1d1f] mb-4 flex items-center gap-2">
                  <span className={`w-6 h-6 rounded-full flex items-center justify-center text-sm ${fileData ? 'bg-[#34c759] text-white' : 'bg-[#007aff] text-white'}`}>
                      {fileData ? '✓' : '1'}
                  </span>
                  导入底层数据源 (Bulk File)
              </h2>
              
              {!fileData ? (
                  <div 
                      onClick={() => !isProcessing && fileInputRef.current.click()}
                      className={`border-2 border-dashed rounded-[18px] p-10 flex flex-col items-center justify-center transition-all ${isProcessing ? 'border-[#007aff] bg-[#f0f8ff] opacity-70' : 'border-[#d2d2d7] hover:border-[#007aff] hover:bg-[#f8f9fa] cursor-pointer'}`}
                  >
                      {isProcessing ? <Loader2 className="animate-spin text-[#007aff] w-8 h-8" /> : <UploadCloud className="text-[#86868b] w-8 h-8" />}
                      <p className="text-[#1d1d1f] font-semibold mt-4 text-sm">
                          {isProcessing ? progressMsg : "点击载入亚马逊 Bulk 文件 (.xlsx / .csv)"}
                      </p>
                      <p className="text-[11px] text-[#86868b] mt-2"><b>高阶建议：</b>切换亚马逊后台至【English】再下载包含【Campaign Placements】的报表，可根绝一切多语言异常。</p>
                  </div>
              ) : (
                  <div className="bg-[#f5f5f7] rounded-[18px] p-5 flex items-center justify-between">
                      <div className="flex gap-4 items-center">
                          <div className="w-12 h-12 rounded-full bg-white shadow-sm flex items-center justify-center text-[#34c759]">
                              <CheckCircle className="w-6 h-6" />
                          </div>
                          <div>
                              <p className="text-sm font-bold text-[#1d1d1f]">{fileData.fileName}</p>
                              <div className="text-[12px] font-medium text-[#86868b] mt-1 flex gap-4">
                                  <span>✓ 识别活跃广告活动: {activeCampaigns.length} 个</span>
                                  <span>✓ 提取 SPU 族群: {extractedSpus.length} 个</span>
                                  <span>✓ 载入防撞黑名单: {dedupSet.size} 条</span>
                              </div>
                          </div>
                      </div>
                      <button onClick={() => {setFileData(null); setSummary(null); setExtractedSpus([]);}} className="text-sm font-bold text-[#007aff] hover:underline px-4">
                          重新上传
                      </button>
                  </div>
              )}
              <input type="file" ref={fileInputRef} onChange={handleFileUpload} onClick={e => e.target.value = null} className="hidden" accept=".xlsx, .csv" />
          </section>

          {fileData && (
              <div className="bg-white rounded-[24px] border border-gray-100 shadow-sm overflow-hidden animate-in fade-in slide-in-from-bottom-2">
                  <div className="flex flex-col sm:flex-row border-b border-gray-100 bg-[#f5f5f7]">
                      <button 
                          onClick={() => setActiveTab('optimizer')}
                          className={`flex items-center justify-center gap-2 py-4 px-6 text-sm font-bold border-b-[3px] transition-all ${activeTab === 'optimizer' ? 'border-[#007aff] text-[#007aff] bg-white' : 'border-transparent text-[#86868b] hover:text-[#1d1d1f] hover:bg-[#ebebef]'}`}
                      >
                          <Activity className="w-4 h-4" />
                          引擎 A：竞价调节与熔断防御
                      </button>
                      <button 
                          onClick={() => setActiveTab('globalNeg')}
                          className={`flex items-center justify-center gap-2 py-4 px-6 text-sm font-bold border-b-[3px] transition-all ${activeTab === 'globalNeg' ? 'border-[#ff3b30] text-[#ff3b30] bg-white' : 'border-transparent text-[#86868b] hover:text-[#1d1d1f] hover:bg-[#ebebef]'}`}
                      >
                          <Ban className="w-4 h-4" />
                          引擎 B：SPU 级跨活动全局否定
                      </button>
                  </div>

                  <div className="p-2 sm:p-6">
                      {activeTab === 'optimizer' && (
                          <div className="grid grid-cols-1 lg:grid-cols-4 gap-6">
                              <div className="lg:col-span-3 space-y-6">
                                  <div className="bg-[#f9f9fb] rounded-[20px] p-6 border border-gray-100">
                                      <h2 className="text-base font-bold text-[#1d1d1f] mb-4">执行与监控域</h2>
                                      
                                      {!summary ? (
                                          <div className="flex flex-col items-center justify-center py-10">
                                              <p className="text-sm text-[#86868b] mb-6">右侧参数已就绪。点击下方按钮启动多轨算法清洗。</p>
                                              <button 
                                                  onClick={handleEngineAProcess}
                                                  disabled={isProcessing}
                                                  className="bg-[#1d1d1f] hover:bg-black text-white text-sm font-bold py-3 px-8 rounded-xl flex items-center justify-center gap-2 shadow-md transition-all disabled:opacity-50"
                                              >
                                                  {isProcessing ? <Loader2 className="w-4 h-4 animate-spin" /> : <Activity className="w-4 h-4" />}
                                                  {isProcessing ? "算法洗牌中..." : "启动引擎 A"}
                                              </button>
                                          </div>
                                      ) : (
                                          <div className="space-y-6 animate-in fade-in">
                                              <div>
                                                  <p className="text-xs font-bold text-[#86868b] uppercase tracking-wider mb-2">防御矩阵拦截 (停用/拉黑)</p>
                                                  <div className="grid grid-cols-2 md:grid-cols-5 gap-3">
                                                      <div className="bg-red-50 p-3 rounded-xl border border-red-100 text-center">
                                                          <p className="text-[10px] font-bold text-red-600 mb-1">活动熔断</p>
                                                          <p className="text-xl font-black text-red-700">{summary.tierCounts.pausedCampaign}</p>
                                                      </div>
                                                      <div className="bg-orange-50 p-3 rounded-xl border border-orange-100 text-center">
                                                          <p className="text-[10px] font-bold text-orange-600 mb-1">广告组熔断</p>
                                                          <p className="text-xl font-black text-orange-700">{summary.tierCounts.pausedAdGroup}</p>
                                                      </div>
                                                      <div className="bg-amber-50 p-3 rounded-xl border border-amber-100 text-center">
                                                          <p className="text-[10px] font-bold text-amber-700 mb-1">投放停用</p>
                                                          <p className="text-xl font-black text-amber-800">{summary.tierCounts.pausedKw}</p>
                                                      </div>
                                                      <div className="bg-yellow-50 p-3 rounded-xl border border-yellow-100 text-center">
                                                          <p className="text-[10px] font-bold text-yellow-700 mb-1">SKU 停用</p>
                                                          <p className="text-xl font-black text-yellow-800">{summary.tierCounts.pausedSku}</p>
                                                      </div>
                                                      <div className="bg-rose-50 p-3 rounded-xl border border-rose-100 text-center">
                                                          <p className="text-[10px] font-bold text-rose-600 mb-1">搜词拉黑</p>
                                                          <p className="text-xl font-black text-rose-700">{summary.negativeAddedCount}</p>
                                                      </div>
                                                  </div>
                                              </div>

                                              <div>
                                                  <p className="text-xs font-bold text-[#86868b] uppercase tracking-wider mb-2">阶梯竞价微调 (活跃实体)</p>
                                                  <div className="grid grid-cols-2 md:grid-cols-5 gap-3">
                                                      <div className="bg-white p-3 rounded-xl border border-gray-200 text-center shadow-sm">
                                                          <p className="text-[10px] text-gray-500 mb-1">降价止损</p>
                                                          <p className="text-xl font-bold text-[#1d1d1f]">{summary.tierCounts.tier1}</p>
                                                      </div>
                                                      <div className="bg-white p-3 rounded-xl border border-gray-200 text-center shadow-sm">
                                                          <p className="text-[10px] text-gray-500 mb-1">放量提价</p>
                                                          <p className="text-xl font-bold text-[#1d1d1f]">{summary.tierCounts.tier2}</p>
                                                      </div>
                                                      <div className="bg-white p-3 rounded-xl border border-gray-200 text-center shadow-sm">
                                                          <p className="text-[10px] text-gray-500 mb-1">逼近利润线</p>
                                                          <p className="text-xl font-bold text-[#1d1d1f]">{summary.tierCounts.tier3}</p>
                                                      </div>
                                                      <div className="bg-white p-3 rounded-xl border border-gray-200 text-center shadow-sm">
                                                          <p className="text-[10px] text-gray-500 mb-1">激活长尾</p>
                                                          <p className="text-xl font-bold text-[#1d1d1f]">{summary.tierCounts.tier4}</p>
                                                      </div>
                                                      <div className="bg-[#f0f8ff] p-3 rounded-xl border border-[#cce6ff] text-center shadow-sm">
                                                          <p className="text-[10px] font-bold text-[#007aff] mb-1">TOS 溢价联动</p>
                                                          <p className="text-xl font-black text-[#005bb5]">{summary.tierCounts.tosBoost}</p>
                                                      </div>
                                                  </div>
                                              </div>

                                              <div className="bg-white border border-gray-200 rounded-xl overflow-hidden shadow-sm mt-4">
                                                  <div className="bg-[#f5f5f7] px-4 py-3 border-b border-gray-200 flex justify-between items-center">
                                                      <span className="text-xs font-bold text-[#1d1d1f]">执行明细追踪日志</span>
                                                      <span className="text-[10px] bg-blue-100 text-blue-800 px-2 py-0.5 rounded-full">Top 100</span>
                                                  </div>
                                                  <div className="max-h-64 overflow-y-auto">
                                                      <table className="w-full text-[11px] text-left">
                                                          <thead className="bg-white sticky top-0 border-b border-gray-100">
                                                              <tr>
                                                                  <th className="px-4 py-2 font-medium text-gray-500">归属活动</th>
                                                                  <th className="px-4 py-2 font-medium text-gray-500">操作对象</th>
                                                                  <th className="px-4 py-2 font-medium text-gray-500 text-center">动作</th>
                                                                  <th className="px-4 py-2 font-medium text-gray-500">指标</th>
                                                                  <th className="px-4 py-2 font-medium text-gray-500 text-right">结果</th>
                                                              </tr>
                                                          </thead>
                                                          <tbody className="divide-y divide-gray-50">
                                                              {summary.unifiedLogs.slice(0, 100).map((log, idx) => (
                                                                  <tr key={idx} className={log.type==='negative'?'bg-rose-50/50':log.type==='pause'?'bg-orange-50/50':'hover:bg-gray-50'}>
                                                                      <td className="px-4 py-2 text-gray-600 truncate max-w-[100px]" title={log.campaign}>{log.campaign}</td>
                                                                      <td className="px-4 py-2 font-medium text-[#1d1d1f] truncate max-w-[120px]" title={log.target}>{log.target}</td>
                                                                      <td className="px-4 py-2 text-center"><span className="bg-white border border-gray-200 px-1.5 py-0.5 rounded font-bold">{log.action}</span></td>
                                                                      <td className="px-4 py-2 text-gray-500 font-mono tracking-tight">{log.metrics}</td>
                                                                      <td className="px-4 py-2 text-right font-bold text-[#007aff]">{log.result}</td>
                                                                  </tr>
                                                              ))}
                                                          </tbody>
                                                      </table>
                                                  </div>
                                              </div>

                                              <div className="bg-white border border-gray-200 rounded-xl p-4 text-[11px] text-gray-500 flex flex-col sm:flex-row justify-between gap-4">
                                                  <div>
                                                      <p className="font-bold text-[#1d1d1f] mb-1">底层探针状态：</p>
                                                      <p>无转化指标/非目标行跳过：{summary.skipDetails.notTargeting + summary.skipDetails.notEnabled + summary.skipDetails.spuExcluded + summary.skipDetails.nullBid + summary.skipDetails.targetMetHold + summary.skipDetails.noConditionMet}</p>
                                                  </div>
                                                  <div className="text-right">
                                                      <p className="font-bold text-rose-600 mb-1">防护引擎战报：</p>
                                                      <p>防重库拦截已存在烂词: {summary.skipDetails.alreadyNegated} | 过滤失联实体: {summary.skipDetails.parentNotFound}</p>
                                                  </div>
                                              </div>

                                              <div className="border-t border-gray-200 pt-6 flex flex-col sm:flex-row items-center justify-between gap-4">
                                                  <label className="flex items-center gap-2 text-xs text-[#1d1d1f] font-medium cursor-pointer">
                                                      <input type="checkbox" checked={slimExport} onChange={e=>setSlimExport(e.target.checked)} className="w-4 h-4 rounded border-gray-300 text-[#007aff] focus:ring-[#007aff]" />
                                                      启用 30MB 极限瘦身导出 (推荐)
                                                  </label>
                                                  <button onClick={handleEngineAExport} className="w-full sm:w-auto bg-[#007aff] hover:bg-[#006ee6] text-white text-sm font-bold py-3 px-8 rounded-xl shadow-sm flex items-center justify-center gap-2">
                                                      <Download className="w-4 h-4" />
                                                      导出引擎 A 文件
                                                  </button>
                                              </div>
                                          </div>
                                      )}
                                  </div>
                              </div>

                              <div className="space-y-4">
                                  
                                  <div className="bg-red-50 p-5 rounded-[20px] border border-red-100 shadow-sm relative overflow-hidden">
                                      <h3 className="text-xs font-bold text-red-800 mb-3 flex items-center gap-1">
                                          <AlertTriangle className="w-4 h-4" /> 宏观层级熔断 (活动/组)
                                      </h3>
                                      <div className="grid grid-cols-2 gap-2 mb-3">
                                          <div className="bg-white p-2 rounded-xl border border-red-100">
                                              <p className="text-[9px] text-red-600 mb-1">活动级 0单花费 ($)</p>
                                              <input type="number" name="pauseSpendThresholdCampaign" value={params.pauseSpendThresholdCampaign} onChange={handleParamChange} className="w-full text-sm font-bold text-center outline-none text-red-800" />
                                          </div>
                                          <div className="bg-white p-2 rounded-xl border border-red-100">
                                              <p className="text-[9px] text-red-600 mb-1">广告组 0单花费 ($)</p>
                                              <input type="number" name="pauseSpendThresholdAdGroup" value={params.pauseSpendThresholdAdGroup} onChange={handleParamChange} className="w-full text-sm font-bold text-center outline-none text-red-800" />
                                          </div>
                                      </div>
                                      
                                      <div className="border-t border-red-200/50 pt-3">
                                          <label className="flex items-center justify-between cursor-pointer group">
                                              <div className="pr-4">
                                                  <span className="text-[10px] font-bold text-red-800 block">启用时间维度熔断 (高危)</span>
                                                  <span className="text-[8px] text-red-600 block mt-0.5 leading-tight">警告：必须确保下载的报表数据＞60天，否则会大面积误杀优质老组！</span>
                                              </div>
                                              <div className="relative inline-flex items-center cursor-pointer">
                                                  <input type="checkbox" name="enableTimeBasedPause" checked={params.enableTimeBasedPause} onChange={handleParamChange} className="sr-only peer" />
                                                  <div className="w-10 h-6 bg-red-200 rounded-full peer peer-checked:after:translate-x-full peer-checked:bg-[#34c759] after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:rounded-full after:h-5 after:w-5 after:transition-all after:shadow-sm"></div>
                                              </div>
                                          </label>
                                          {params.enableTimeBasedPause && (
                                              <div className="mt-3 bg-white p-2 rounded-xl border border-red-200 flex justify-between items-center animate-in fade-in">
                                                  <p className="text-[9px] text-red-600 font-bold ml-1">0单存活上限 (天)</p>
                                                  <input type="number" name="pauseTimeThresholdDays" value={params.pauseTimeThresholdDays} onChange={handleParamChange} className="w-16 text-sm font-bold text-center outline-none text-red-800" />
                                              </div>
                                          )}
                                      </div>
                                  </div>

                                  <div className="bg-orange-50 p-5 rounded-[20px] border border-orange-100 shadow-sm">
                                      <h3 className="text-xs font-bold text-orange-800 mb-3 flex items-center gap-1">微观极端保护 (投放/SKU)</h3>
                                      <div className="grid grid-cols-2 gap-2">
                                          <div className="bg-white p-2 rounded-xl border border-orange-100">
                                              <p className="text-[9px] text-orange-600 mb-1">投放端 0单上限</p>
                                              <input type="number" name="pauseClickThresholdTarget" value={params.pauseClickThresholdTarget} onChange={handleParamChange} className="w-full text-sm font-bold text-center outline-none text-orange-800" />
                                          </div>
                                          <div className="bg-white p-2 rounded-xl border border-orange-100">
                                              <p className="text-[9px] text-orange-600 mb-1">投放端 ACoS ≥</p>
                                              <input type="number" name="pauseAcosThresholdTarget" value={params.pauseAcosThresholdTarget} onChange={handleParamChange} className="w-full text-sm font-bold text-center outline-none text-orange-800" />
                                          </div>
                                          <div className="bg-white p-2 rounded-xl border border-orange-100">
                                              <p className="text-[9px] text-orange-600 mb-1">SKU端 0单上限</p>
                                              <input type="number" name="pauseClickThresholdSku" value={params.pauseClickThresholdSku} onChange={handleParamChange} className="w-full text-sm font-bold text-center outline-none text-orange-800" />
                                          </div>
                                          <div className="bg-white p-2 rounded-xl border border-orange-100">
                                              <p className="text-[9px] text-orange-600 mb-1">SKU端 ACoS ≥</p>
                                              <input type="number" name="pauseAcosThresholdSku" value={params.pauseAcosThresholdSku} onChange={handleParamChange} className="w-full text-sm font-bold text-center outline-none text-orange-800" />
                                          </div>
                                      </div>
                                  </div>

                                  <div className="bg-[#f9f9fb] p-5 rounded-[20px] border border-gray-100 shadow-sm">
                                      <div className="flex justify-between items-center mb-3">
                                          <h3 className="text-xs font-bold text-[#1d1d1f]">SPU 独立利润红线</h3>
                                          <button onClick={addSpuRule} className="text-[#007aff] hover:bg-blue-50 p-1 rounded-md transition-colors"><Plus className="w-4 h-4" /></button>
                                      </div>
                                      <div className="space-y-2 max-h-[160px] overflow-y-auto pr-1">
                                          {spuRules.map(rule => (
                                              <div key={rule.id} className="flex gap-2 items-center bg-white p-2 rounded-xl border border-gray-200">
                                                  <input type="text" value={rule.keyword} onChange={(e) => updateSpuRule(rule.id, 'keyword', e.target.value)} placeholder="SPU, 留空配全局" className="flex-1 text-xs outline-none bg-transparent font-mono" />
                                                  <div className="w-16 bg-[#f5f5f7] rounded-lg px-2 py-1 flex items-center border border-transparent focus-within:border-[#007aff]">
                                                      <input type="number" value={rule.targetAcos} onChange={(e) => updateSpuRule(rule.id, 'targetAcos', e.target.value)} className="w-full text-xs font-bold text-center bg-transparent outline-none" />
                                                      <span className="text-[10px] text-gray-500">%</span>
                                                  </div>
                                                  <button onClick={() => removeSpuRule(rule.id)} className="text-gray-400 hover:text-red-500"><Trash2 className="w-4 h-4" /></button>
                                              </div>
                                          ))}
                                      </div>
                                  </div>

                                  <div className="bg-[#f9f9fb] p-5 rounded-[20px] border border-gray-100 shadow-sm">
                                      <h3 className="text-xs font-bold text-[#1d1d1f] mb-3">阶梯竞价微调</h3>
                                      <div className="grid grid-cols-2 gap-2 mb-3">
                                          <div className="bg-white p-2 rounded-xl border border-gray-200">
                                              <p className="text-[9px] text-gray-500 mb-1">天花板 ($)</p>
                                              <input type="number" name="maxBid" value={params.maxBid} onChange={handleParamChange} className="w-full text-sm text-center outline-none" />
                                          </div>
                                          <div className="bg-white p-2 rounded-xl border border-gray-200">
                                              <p className="text-[9px] text-gray-500 mb-1">地板价 ($)</p>
                                              <input type="number" name="minBid" value={params.minBid} onChange={handleParamChange} className="w-full text-sm text-center outline-none" />
                                          </div>
                                          <div className="bg-white p-2 rounded-xl border border-gray-200">
                                              <p className="text-[9px] text-gray-500 mb-1">提价幅度 (%)</p>
                                              <input type="number" name="increasePcnt" value={params.increasePcnt} onChange={handleParamChange} className="w-full text-sm text-center outline-none" />
                                          </div>
                                          <div className="bg-white p-2 rounded-xl border border-gray-200">
                                              <p className="text-[9px] text-gray-500 mb-1">降价幅度 (%)</p>
                                              <input type="number" name="decreasePcnt" value={params.decreasePcnt} onChange={handleParamChange} className="w-full text-sm text-center outline-none" />
                                          </div>
                                          <div className="bg-white p-2 rounded-xl border border-gray-200 col-span-2 md:col-span-1">
                                              <p className="text-[9px] text-gray-500 mb-1">顶部广告位提价(%)</p>
                                              <input type="number" name="increaseTosPcnt" value={params.increaseTosPcnt} onChange={handleParamChange} className="w-full text-sm font-bold text-[#007aff] text-center outline-none" />
                                          </div>
                                      </div>
                                      <div className="flex justify-between items-center bg-white p-2 rounded-xl border border-gray-200">
                                          <p className="text-[10px] text-gray-600">稳健容忍区 (%)</p>
                                          <input type="number" name="acosBuffer" value={params.acosBuffer} onChange={handleParamChange} className="w-12 text-sm font-bold text-right outline-none text-green-600" />
                                      </div>
                                  </div>

                                  <div className="bg-rose-50 p-5 rounded-[20px] border border-rose-100 shadow-sm">
                                      <h3 className="text-xs font-bold text-rose-800 mb-3">搜索词防腐拉黑</h3>
                                      <div className="grid grid-cols-2 gap-2">
                                          <div className="bg-white p-2 rounded-xl border border-rose-100">
                                              <p className="text-[9px] text-rose-600 mb-1">0单点击超出</p>
                                              <input type="number" name="negClickThreshold" value={params.negClickThreshold} onChange={handleParamChange} className="w-full text-sm font-bold text-center outline-none text-rose-800" />
                                          </div>
                                          <div className="bg-white p-2 rounded-xl border border-rose-100">
                                              <p className="text-[9px] text-rose-600 mb-1">0单花费超 ($)</p>
                                              <input type="number" name="negSpendThreshold" value={params.negSpendThreshold} onChange={handleParamChange} className="w-full text-sm font-bold text-center outline-none text-rose-800" />
                                          </div>
                                      </div>
                                  </div>
                              </div>
                          </div>
                      )}

                      {activeTab === 'globalNeg' && (
                          <div className="max-w-5xl mx-auto py-4">
                              <div className="bg-[#f9f9fb] rounded-[24px] p-8 border border-gray-100 shadow-sm">
                                  <div className="mb-8">
                                      <h2 className="text-lg font-bold text-[#1d1d1f] mb-2">1. 靶向瞄准 (Targeting)</h2>
                                      <p className="text-[11px] text-gray-500 mb-4">不再受组合与横杠限制！只要在下方输入或选择您的目标核心词，系统将自动扫描出名称中【包含】该词的<b>所有存活广告活动</b>，并强行注射否定指令。</p>
                                      
                                      <input 
                                          type="text"
                                          list="extracted-spus"
                                          value={globalNegState.spu} 
                                          onChange={e => setGlobalNegState({...globalNegState, spu: e.target.value.toUpperCase()})}
                                          placeholder="输入或选择目标 SPU (例如: D7A280)"
                                          className="w-full md:w-1/3 bg-white border border-gray-200 rounded-xl p-3 outline-none text-sm font-bold text-[#007aff] shadow-sm transition-all uppercase"
                                      />
                                      <datalist id="extracted-spus">
                                          {extractedSpus.map(spu => <option key={spu} value={spu} />)}
                                      </datalist>
                                  </div>

                                  <div className={`transition-opacity duration-300 ${!globalNegState.spu ? 'opacity-30 pointer-events-none' : 'opacity-100'}`}>
                                      <h2 className="text-lg font-bold text-[#1d1d1f] mb-4">2. 录入绞杀名单 (Blacklist Payload)</h2>
                                      <div className="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
                                          <div className="bg-white p-5 rounded-[20px] border border-gray-200 shadow-sm flex flex-col">
                                              <label className="text-sm font-bold text-[#1d1d1f] mb-1">精确否定 (Exact)</label>
                                              <p className="text-[10px] text-[#86868b] mb-3">每行一个烂词</p>
                                              <textarea 
                                                  value={globalNegState.exact}
                                                  onChange={e => setGlobalNegState({...globalNegState, exact: e.target.value})}
                                                  className="w-full h-64 bg-[#f5f5f7] border-none rounded-xl p-3 text-[13px] text-[#1d1d1f] font-mono resize-none transition-all"
                                                  placeholder="heel for women&#10;black heel"
                                              />
                                          </div>
                                          <div className="bg-white p-5 rounded-[20px] border border-gray-200 shadow-sm flex flex-col">
                                              <label className="text-sm font-bold text-[#1d1d1f] mb-1">词组否定 (Phrase)</label>
                                              <p className="text-[10px] text-[#86868b] mb-3">每行一个垃圾词根</p>
                                              <textarea 
                                                  value={globalNegState.phrase}
                                                  onChange={e => setGlobalNegState({...globalNegState, phrase: e.target.value})}
                                                  className="w-full h-64 bg-[#f5f5f7] border-none rounded-xl p-3 text-[13px] text-[#1d1d1f] font-mono resize-none transition-all"
                                                  placeholder="cheap&#10;free"
                                              />
                                          </div>
                                          <div className="bg-white p-5 rounded-[20px] border border-gray-200 shadow-sm flex flex-col">
                                              <label className="text-sm font-bold text-[#1d1d1f] mb-1">竞品拦截 (ASIN)</label>
                                              <p className="text-[10px] text-[#86868b] mb-3">粘贴自动净化格式</p>
                                              <textarea 
                                                  value={globalNegState.asin}
                                                  onChange={e => setGlobalNegState({...globalNegState, asin: e.target.value})}
                                                  className="w-full h-64 bg-[#f5f5f7] border-none rounded-xl p-3 text-[13px] text-[#1d1d1f] font-mono uppercase resize-none transition-all"
                                                  placeholder="B0XXXXXX&#10;B0YYYYYY"
                                              />
                                          </div>
                                      </div>

                                      <div className="flex flex-col md:flex-row items-center justify-between border-t border-gray-200 pt-6 gap-4">
                                          <div className="text-[11px] text-[#86868b] flex gap-4">
                                              <span>精确待载入: <b className="text-[#1d1d1f]">{globalNegState.exact.split('\n').filter(s => s.trim()).length}</b></span>
                                              <span>词组待载入: <b className="text-[#1d1d1f]">{globalNegState.phrase.split('\n').filter(s => s.trim()).length}</b></span>
                                              <span>ASIN待载入: <b className="text-[#1d1d1f]">{globalNegState.asin.split('\n').filter(s => s.trim()).length}</b></span>
                                          </div>
                                          <button 
                                              onClick={handleEngineBExport}
                                              disabled={!globalNegState.spu || (!globalNegState.exact.trim() && !globalNegState.phrase.trim() && !globalNegState.asin.trim())}
                                              className="w-full md:w-auto bg-[#ff3b30] hover:bg-[#d70015] disabled:bg-[#d2d2d7] text-white text-sm font-bold py-3 px-8 rounded-xl flex items-center justify-center gap-2 transition-colors shadow-sm"
                                          >
                                              <Download className="w-4 h-4" />
                                              输出标准底层强压包 (V3)
                                          </button>
                                      </div>
                                  </div>
                              </div>
                          </div>
                      )}
                  </div>
              </div>
          )}
      </div>
    </div>
  );
}