/* ═══════════ 出海机遇六模块样式 ═══════════ */
/* 共用：opp-hero/opp-loading/opp-error 已在 services.css */

/* ====== 🌍 出海罗盘 ====== */
.opp-region-card{margin-bottom:20px;background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 12px rgba(10,42,94,.04)}
.opp-region-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap}
.opp-region-name{font-size:18px;font-weight:700;color:#0a2a5e;display:flex;align-items:center;gap:8px}
.opp-region-count{font-size:13px;font-weight:400;color:#666;background:rgba(26,95,180,.08);padding:2px 10px;border-radius:12px}
.opp-region-score{font-size:13px;font-weight:600}
.opp-insight{font-size:13px;color:#666;line-height:1.7;padding:10px 14px;background:#f8fafe;border-radius:8px;margin-bottom:14px}
.opp-top3{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.opp-country-card{background:#fff;border:1px solid rgba(26,95,180,.08);border-radius:12px;padding:14px;cursor:pointer;transition:.2s}
.opp-country-card:hover{border-color:#d4af37;box-shadow:0 4px 16px rgba(10,42,94,.08)}
.occ-head{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}
.occ-rank{width:22px;height:22px;border-radius:6px;background:#0a2a5e;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.occ-name{font-size:15px;font-weight:600;color:#0a2a5e}
.occ-score-row{display:flex;align-items:center;gap:8px;margin-left:auto}
.occ-big-score{font-size:20px;font-weight:800}
.occ-badge{font-size:11px;background:rgba(0,0,0,.04);padding:2px 8px;border-radius:10px}
.occ-stats{display:flex;gap:12px;flex-wrap:wrap;margin:8px 0}
.occ-stat{font-size:12px;color:#666;display:flex;flex-direction:column;align-items:center;background:#f8fafe;padding:6px 10px;border-radius:6px;min-width:80px}
.occ-stat-label{font-size:11px;color:#999;margin-bottom:2px}
.occ-stat b{font-size:14px;color:#0a2a5e}
.occ-market,.occ-labor{font-size:12px;color:#666;line-height:1.6;margin:4px 0}
.occ-point-label{display:inline-block;font-size:10px;background:#1a5fb4;color:#fff;padding:1px 6px;border-radius:4px;margin-right:6px;vertical-align:middle}
.occ-industries{margin-top:8px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.occ-ind-label{font-size:12px;color:#999}
.occ-tag{font-size:11px;background:rgba(212,175,55,.12);color:#b8960f;padding:2px 8px;border-radius:10px}
.occ-comment{font-size:12px;color:#1a5fb4;line-height:1.6;margin-top:8px;padding:8px 10px;background:rgba(26,95,180,.05);border-radius:6px}
.opp-summary{margin-top:24px;text-align:center;font-size:13px;color:#666;line-height:1.8;padding:16px;background:rgba(212,175,55,.08);border-radius:10px}

/* ====== 🏭 赛道图谱 ====== */
.opp-industry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.opp-ind-card{background:#fff;border-radius:16px;padding:18px;box-shadow:0 2px 12px rgba(10,42,94,.04)}
.oic-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,.06)}
.oic-icon{font-size:24px}
.oic-name{font-size:16px;font-weight:700;color:#0a2a5e}
.oic-detail{font-size:12px;color:#666;padding:8px 10px;margin:4px 0;border-radius:8px;background:#f8fafe;cursor:pointer;transition:.15s}
.oic-detail:hover{background:rgba(212,175,55,.08)}
.oic-top{display:flex;align-items:center;gap:6px;margin-bottom:4px;flex-wrap:wrap}
.oic-num{width:20px;height:20px;border-radius:50%;background:#d4af37;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.oic-cname{font-weight:600;color:#0a2a5e}
.oic-star{font-size:11px;color:#d4af37}
.oic-score{font-size:11px;font-weight:600;margin-left:auto}
.oic-reason,.oic-policy,.oic-risk{font-size:11px;color:#666;line-height:1.5;margin:2px 0}
.oic-market{font-size:11px;color:#999;margin:2px 0}
.oic-policy b,.oic-risk b,.oic-market b{color:#333}

/* ====== 💰 成本透视 ====== */
/* ====== 💰 成本透视 — 汇总看板 ====== */
.cost-dashboard{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-bottom:20px}
.cost-db-title{font-size:18px;font-weight:700;color:#0a2a5e;margin-bottom:14px;grid-column:1/-1}
.cost-db-card{background:#fff;border-radius:12px;padding:14px;box-shadow:0 1px 8px rgba(10,42,94,.04);border:1px solid rgba(0,0,0,.04)}
.cost-db-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:4px}
.cost-db-region{font-weight:700;color:#0a2a5e;font-size:14px}
.cost-db-count{font-size:11px;color:#999;background:rgba(0,0,0,.04);padding:1px 8px;border-radius:10px}
.cost-db-quality{font-size:12px;white-space:nowrap}
.cost-db-body{border-top:1px solid rgba(0,0,0,.04);padding-top:8px}
.cost-db-country{font-size:13px;font-weight:600;color:#1a5fb4;margin-bottom:6px}
.cost-db-stats{display:flex;flex-direction:column;gap:4px}
.cost-db-stat{display:flex;justify-content:space-between;align-items:center;font-size:12px}
.cost-db-stat em{color:#999;font-style:normal}
.cost-db-stat b{color:#333;font-weight:600}

/* ====== 💰 硬成本明细卡片 ====== */
.cost-detail-title{font-size:18px;font-weight:700;color:#0a2a5e;margin:24px 0 14px;padding-bottom:8px;border-bottom:2px solid rgba(212,175,55,.2)}
.cost-detail-card{background:#fff;border-radius:16px;padding:18px;margin-bottom:14px;box-shadow:0 2px 12px rgba(10,42,94,.04);border:1px solid rgba(0,0,0,.04)}
.cdc-head{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,.06);flex-wrap:wrap}
.cdc-country{font-size:16px;font-weight:700;color:#0a2a5e}
.cdc-region-tag{font-size:11px;background:rgba(26,95,180,.08);color:#1a5fb4;padding:2px 10px;border-radius:10px}
.cdc-quality{font-size:11px;padding:2px 10px;border-radius:10px;font-weight:600;margin-left:auto}
.cost-quality-good{background:rgba(34,197,94,.1);color:#16a34a}
.cost-quality-ok{background:rgba(245,158,11,.1);color:#d97706}
.cost-quality-low{background:rgba(148,163,184,.1);color:#64748b}
.cdc-snapshot{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.cdc-snap{font-size:12px;color:#666;background:#f8fafe;padding:4px 10px;border-radius:6px}
.cdc-cost-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.03)}
.cdc-cost-item:last-child{border-bottom:none}
.cdc-cost-icon{font-size:22px;flex-shrink:0;width:32px;text-align:center;line-height:1.4}
.cdc-cost-body{flex:1;min-width:0}
.cdc-cost-label{font-size:13px;font-weight:600;color:#0a2a5e;margin-bottom:4px}
.cdc-cost-text{font-size:13px;color:#444;line-height:1.75;word-break:break-word;white-space:pre-wrap}

/* ====== 💰 对比排行 ====== */
.cost-rank-card{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 1px 8px rgba(10,42,94,.04);border:1px solid rgba(0,0,0,.04)}
.cost-rank-title{font-size:15px;font-weight:700;color:#0a2a5e;margin-bottom:10px}
.cost-rank-row{display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.03);font-size:13px;line-height:1.6}
.cost-rank-row:last-child{border-bottom:none}
.cost-rank-num{width:24px;height:24px;border-radius:50%;background:#d4af37;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cost-rank-val{font-weight:600;color:#333;flex:1;word-break:break-word;white-space:pre-wrap}

/* ====== 📡 红利雷达 ====== */
.red-item{background:#fff;border-radius:16px;padding:18px;box-shadow:0 2px 12px rgba(10,42,94,.04);margin-bottom:14px;font-size:13px;color:#666;line-height:1.7}
.red-item strong{display:block;font-size:16px;color:#0a2a5e;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.06)}
.red-label{display:inline-block;font-size:11px;font-weight:600;color:#1a5fb4;background:rgba(26,95,180,.06);padding:2px 8px;border-radius:4px;margin-right:6px;vertical-align:top}

/* ====== 🚪 准入通 ====== */
.entry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.entry-card{background:#fff;border-radius:16px;padding:18px;box-shadow:0 2px 12px rgba(10,42,94,.04)}
.entry-card-head{font-size:16px;font-weight:700;color:#0a2a5e;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.06)}
.entry-row{margin-bottom:10px;font-size:13px;color:#666;line-height:1.7}
.entry-label{display:inline-block;font-size:11px;font-weight:600;color:#1a5fb4;background:rgba(26,95,180,.06);padding:2px 8px;border-radius:4px;margin-bottom:4px}
.entry-oneliner{margin-top:12px;padding:8px 12px;font-size:13px;color:#d4af37;background:rgba(212,175,55,.06);border-radius:8px;line-height:1.6}

/* ====== 🛡️ 运营实战 ====== */
.ops-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.ops-card{background:#fff;border-radius:16px;padding:18px;box-shadow:0 2px 12px rgba(10,42,94,.04)}
.ops-card-head{font-size:16px;font-weight:700;color:#0a2a5e;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.06)}
.ops-row{margin-bottom:10px;font-size:13px;color:#666;line-height:1.7}
.ops-label{display:inline-block;font-size:11px;font-weight:600;color:#1a5fb4;background:rgba(26,95,180,.06);padding:2px 8px;border-radius:4px;margin-bottom:4px}
.ops-oneliner{margin-top:12px;padding:8px 12px;font-size:13px;color:#d4af37;background:rgba(212,175,55,.06);border-radius:8px;line-height:1.6}

/* ====== 详情弹窗 ====== */
.opp-detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(10,42,94,.6);z-index:999;display:flex;align-items:center;justify-content:center;padding:24px}
.opp-detail-card{background:#fff;border-radius:16px;max-width:700px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 8px 40px rgba(10,42,94,.2);position:relative}
.opp-detail-close{position:sticky;top:0;right:0;text-align:right;font-size:24px;color:#999;cursor:pointer;padding:16px;z-index:1;background:#fff}
.opp-detail-close:hover{color:#0a2a5e}
.opp-detail-body{padding:0 24px 24px}

/* ====== 通用 ====== */
.opp-coming{text-align:center;padding:48px 20px;font-size:15px;color:#999}

/* ====== 详情页内部（od-*） ====== */
.od-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid rgba(212,175,55,.2);flex-wrap:wrap}
.od-name{font-size:20px;font-weight:700;color:#0a2a5e}
.od-region{font-size:12px;background:rgba(26,95,180,.08);color:#1a5fb4;padding:2px 10px;border-radius:12px}
.od-level{font-size:11px;font-weight:600;padding:2px 10px;border-radius:12px}
.od-score{font-size:22px;font-weight:800;margin-left:auto}
.od-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.od-col{text-align:center;background:#f8fafe;padding:12px;border-radius:8px}
.od-col div:first-child{font-size:11px;color:#999;margin-bottom:4px}
.od-col div:last-child{font-size:16px;font-weight:700;color:#0a2a5e}
.od-section{margin-bottom:16px}
.od-section-title{font-size:14px;font-weight:700;color:#0a2a5e;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid rgba(0,0,0,.06)}
.od-row{font-size:13px;color:#666;line-height:1.7;margin-bottom:6px}
.od-row b{color:#333}
.od-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.od-tag{font-size:11px;background:rgba(212,175,55,.12);color:#b8960f;padding:2px 10px;border-radius:10px}
.od-radar-btn{display:inline-block;margin-top:12px;padding:8px 20px;background:#d4af37;color:#0a2a5e;font-weight:700;font-size:13px;border-radius:8px;cursor:pointer;border:none}

/* ====== 排行组件 ====== */
.opp-total-rank{background:#fff;border-radius:16px;padding:18px;margin-bottom:16px;box-shadow:0 2px 12px rgba(10,42,94,.04)}
.otr-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.04);font-size:14px}
.otr-item:last-child{border-bottom:none}
.otr-rank{width:24px;height:24px;border-radius:50%;background:#d4af37;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.otr-name{font-weight:600;color:#0a2a5e;min-width:100px}
.otr-data{color:#666;font-size:13px;flex:1}
.ct-region{font-weight:600;color:#0a2a5e;font-size:14px;margin:12px 0 6px}

/* ====== 旧版成本表格样式（已废弃） ====== */

/* ====== 图谱三图区 ====== */
.opp-chart-section{background:#fff;border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:0 2px 12px rgba(10,42,94,.04)}
.opp-chart-section h3{font-size:18px;color:#0a2a5e;margin:0 0 4px}
.opp-chart-desc{font-size:12px;color:#94a3b8;margin:0 0 12px}

/* 象限图图例 */
.quadrant-legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px;font-size:12px;color:#64748b}
.ql-item{display:flex;align-items:center;gap:4px}
.ql-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}

/* 热力图 */
.heatmap-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.heatmap-table{border-collapse:collapse;font-size:13px;min-width:600px;width:100%}
.heatmap-table th,.heatmap-table td{text-align:center;padding:8px 6px}
.hm-country-th{text-align:left!important;min-width:70px;color:#64748b;font-weight:600;font-size:12px}
.hm-ind-th{color:#64748b;font-weight:400;font-size:11px}
.hm-ind-icon{display:block;font-size:18px;line-height:1}
.hm-ind-name{display:block;margin-top:2px}
.hm-country-td{text-align:left!important;font-weight:600;color:#0a2a5e;font-size:13px;white-space:nowrap}
.hm-cell{border-radius:4px;font-weight:700;font-size:12px;min-width:36px;transition:.15s}
.hm-cell:hover{transform:scale(1.15);box-shadow:0 2px 8px rgba(0,0,0,.15)}
.heatmap-legend{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;font-size:11px;color:#64748b;align-items:center}
.hm-legend-item{display:flex;align-items:center;gap:3px}
.hm-legend-swatch{width:14px;height:14px;border-radius:3px;flex-shrink:0}

/* 区域产业链流向 */
.rf-region{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.04)}
.rf-region:last-child{border-bottom:none}
.rf-region-name{font-weight:700;color:#0a2a5e;font-size:13px;min-width:60px;padding-top:4px}
.rf-industries{display:flex;flex-wrap:wrap;gap:6px;flex:1}
.rf-tag{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:4px 10px;background:rgba(26,95,180,.06);border-radius:20px;color:#1a5fb4;cursor:default;transition:.15s}
.rf-tag:hover{background:rgba(26,95,180,.14);transform:translateY(-1px)}
.rf-score{font-size:10px;color:#d4af37;font-weight:600}

/* ====== 红利雷达 v2 ====== */
.red-tier-header{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:#0a2a5e;margin-bottom:12px}
.red-tier-icon{font-size:22px}
.red-tier-badge{font-size:11px;font-weight:400;color:#d4af37;background:rgba(212,175,55,.08);padding:2px 10px;border-radius:10px}

/* 顶级红利卡片 */
.red-card-premium{background:linear-gradient(135deg,#fffbeb,#fff 40%,#fefce8);border:1px solid rgba(212,175,55,.15);border-radius:16px;padding:20px;margin-bottom:14px;box-shadow:0 2px 16px rgba(212,175,55,.06)}
.rcp-head{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.rcp-flag{font-size:24px}
.rcp-name{font-size:16px;font-weight:700;color:#0a2a5e}
.rcp-badge{font-size:10px;font-weight:700;color:#b45309;background:#fef3c7;padding:2px 8px;border-radius:4px;margin-left:auto}

.rcp-highlights{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-bottom:12px}
.rcp-highlight{border-radius:12px;padding:12px;border:1px solid}
.rcp-highlight.cash{background:#ecfdf5;border-color:#a7f3d0}
.rcp-highlight.fund{background:#eff6ff;border-color:#93c5fd}
.rcp-highlight.loan{background:#fef3c7;border-color:#fde68a}
.rcp-hl-icon{font-size:18px;margin-right:4px}
.rcp-hl-label{font-size:11px;font-weight:700;text-transform:uppercase;margin-bottom:4px;display:block;color:#64748b}
.rcp-hl-text{font-size:12px;color:#475569;line-height:1.6}

.rcp-more{margin-top:8px}
.rcp-row{font-size:12px;color:#64748b;line-height:1.7;padding:4px 0;border-bottom:1px solid rgba(0,0,0,.03)}
.rcp-label{font-weight:600;color:#1a5fb4;margin-right:6px}
.rcp-oneliner{margin-top:10px;padding:8px 12px;font-size:12px;color:#b45309;background:rgba(251,191,36,.08);border-radius:8px;line-height:1.6;font-weight:500}

/* 标准红利卡片 */
.red-card{background:#fff;border-radius:12px;padding:16px;margin-bottom:10px;box-shadow:0 1px 8px rgba(10,42,94,.03);border:1px solid rgba(0,0,0,.04)}
.rc-head{display:flex;align-items:center;gap:6px;margin-bottom:8px;flex-wrap:wrap}
.rc-flag{font-size:20px}
.rc-name{font-size:14px;font-weight:700;color:#0a2a5e}
.rc-tax{font-size:11px;color:#1a5fb4;background:rgba(26,95,180,.06);padding:2px 8px;border-radius:4px;margin-left:auto}
.rc-row{font-size:12px;color:#666;line-height:1.7;padding:3px 0}
.rc-highlight{margin-top:8px;padding:6px 10px;font-size:12px;color:#b45309;background:rgba(251,191,36,.06);border-radius:6px}

/* ====== 律启品牌水印 ====== */
.opp-region-card,.red-card-premium,.red-card,.entry-card,.ops-card,.cost-card,.opp-ind-card,.opp-chart-section{position:relative;overflow:hidden}
.opp-region-card::after,.red-card-premium::after,.red-card::after,.entry-card::after,.ops-card::after,.cost-card::after,.opp-ind-card::after,.opp-chart-section::after{
  content:'LEXBRIDGE';
  position:absolute;
  bottom:4px;
  right:8px;
  font-size:10px;
  font-weight:800;
  color:rgba(10,42,94,.08);
  letter-spacing:3px;
  pointer-events:none;
  z-index:0;
}
.opp-summary{border-top:2px solid rgba(10,42,94,.08);padding:14px 0 8px}
.opp-summary::before{content:'—— 律启 LexBridge · 可信赖的出海开放平台 ——';display:block;text-align:center;font-size:12px;font-weight:600;color:rgba(10,42,94,.15);margin-bottom:10px;letter-spacing:2px}

/* 区域竞争优势图谱 */
.ra-card{background:#fff;border-radius:12px;padding:16px;margin-bottom:10px;border:1px solid rgba(0,0,0,.04);box-shadow:0 1px 8px rgba(10,42,94,.03)}
.ra-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.ra-region{font-size:15px;font-weight:700;color:#0a2a5e}
.ra-count{font-size:11px;color:#94a3b8}
.ra-strong,.ra-core,.ra-reps,.ra-actual{font-size:12px;color:#64748b;line-height:1.7;margin-bottom:6px}
.ra-label{font-weight:700;color:#1a5fb4;margin-right:6px;font-size:11px;display:inline}
.ra-tag{display:inline-block;font-size:11px;padding:2px 8px;background:rgba(16,185,129,.08);color:#059669;border-radius:4px;margin:2px 4px}
.ra-ind-tag{display:inline-block;font-size:11px;padding:2px 8px;background:rgba(26,95,180,.05);color:#1a5fb4;border-radius:4px;margin:2px 4px}
.ra-ind-tag b{color:#d4af37}
.ra-ind-tag small{color:#94a3b8;margin-left:2px}

/* ====== 区域产业链流向 ====== */
.rf-region{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.04)}
.rf-region:last-child{border-bottom:none}
.rf-region-name{font-weight:700;color:#0a2a5e;font-size:13px;min-width:60px;padding-top:4px}
.rf-industries{display:flex;flex-wrap:wrap;gap:6px;flex:1}
.rf-tag{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:4px 10px;background:rgba(26,95,180,.06);border-radius:20px;color:#1a5fb4;cursor:default;transition:.15s}
.rf-tag:hover{background:rgba(26,95,180,.14);transform:translateY(-1px)}
.rf-score{font-size:10px;color:#d4af37;font-weight:600}

/* ====== 响应式 ====== */
@media(max-width:768px){
  .opp-top3{grid-template-columns:1fr}
  .opp-industry-grid{grid-template-columns:1fr}
  .entry-grid,.ops-grid{grid-template-columns:1fr}
  .od-grid3{grid-template-columns:1fr}
  .opp-detail-card{max-width:95vw;max-height:90vh}
  .opp-detail-body{padding:0 16px 16px}
  .occ-stats{flex-wrap:wrap;justify-content:flex-start}
}