/* ============================================================ Urban_Industry_Assistant �?智慧蓝深色科技风主�?(V2.2) 所有组件色值统一在此定义 ============================================================ */ * { margin: 0; padding: 0; box-sizing: border-box; } /* ===== 智慧蓝主题（默认�?==== */ :root { --bg-page: #0A1628; --bg-panel: #0F2440; --bg-panel-hover: #162D52; --bg-input: #1A3355; --bg-input-focus: #1E3A60; --accent: #1890FF; --accent-cyan: #13C2C2; --accent-hover: #40A9FF; --accent-muted: rgba(24,144,255,0.15); --text-primary: #E8ECF1; --text-secondary: #8899AA; --text-tertiary: #5A6A7A; --border: rgba(255,255,255,0.08); --border-accent: rgba(24,144,255,0.30); --color-success: #52C41A; --color-warning: #FAAD14; --color-danger: #F5222D; --color-info: #1890FF; --header-h: 56px; --radius: 8px; --color-industrial: #F5A623; --color-farmland: #8EDB8A; --color-forest: #3AA85E; --color-water: #6DB8FF; --color-transport: #A0AAB3; --color-public: #C9A3FF; --color-residential:#FFDD57; /* 过渡兼容别名 */ --bg-primary: var(--bg-page); --bg-secondary: var(--bg-panel); --bg-tertiary: var(--bg-input); --accent-light: var(--accent-muted); --green: var(--color-success); --orange: var(--color-warning); --red: var(--color-danger); } body { background: var(--bg-page); color: var(--text-primary); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; display: grid; grid-template-rows: var(--header-h) 1fr; grid-template-columns: 1fr; height: 100vh; overflow: hidden; } /* ===== 浅色主题回退（手�?�?==== */ body.light { --bg-page: #F5F6F8; --bg-panel: #FFFFFF; --bg-panel-hover: #E8ECF0; --bg-input: #F0F2F5; --bg-input-focus: #E5E9EE; --accent-muted: #E8F0FE; --text-primary: #1A1B1C; --text-secondary: #6B7280; --text-tertiary: #999999; --border: #E0E3E8; --color-warning: #FA8C16; --color-industrial: #FA8C16; --color-farmland: #7ECB76; --color-forest: #2D8A4E; --color-water: #58A6FF; --color-transport: #8B949E; --color-public: #BC8CFF; } /* ===== Header ===== */ #top-bar { grid-row: 1; height: var(--header-h); background: var(--bg-secondary); border-bottom: 1px solid var(--border); display: flex; align-items: center; gap: 12px; padding: 0 16px; position: relative; z-index: 1000; } .top-bar-logo { font-size: 16px; font-weight: 700; color: var(--text-primary); white-space: nowrap; } .top-bar-subtitle { font-size: 11px; color: var(--text-tertiary); margin-right: auto; white-space: nowrap; } .role-segment { display: flex; gap: 0; border: 1px solid var(--border); border-radius: 6px; overflow: hidden; } .role-segment button { background: var(--bg-secondary); color: var(--text-secondary); border: none; padding: 6px 14px; font-size: 13px; cursor: pointer; } .role-segment button.active { background: var(--accent); color: #fff; } .health-badge { font-size: 12px; padding: 4px 10px; border-radius: 12px; background: var(--bg-tertiary); min-width: 80px; text-align: center; color: var(--text-secondary); } .health-badge.online { color: var(--green); } .health-badge.degraded { color: var(--orange); } .health-badge.error { color: var(--red); } /* ===== 三栏 Grid 主框�?===== */ #app-main[data-role="government"] { display: grid; grid-template-columns: 18% 56% 26%; grid-template-rows: 1fr; height: 100%; overflow: hidden; } #app-main[data-role="enterprise"] { display: grid; grid-template-columns: 22% 50% 28%; grid-template-rows: 1fr; height: 100%; overflow: hidden; } /* ---- 左栏 ---- */ .left-panel { overflow-y: auto; padding: 12px; background: var(--bg-secondary); border-right: 1px solid var(--border); display: flex; flex-direction: column; } .panel-title { font-size: 15px; font-weight: 600; margin-bottom: 12px; } /* ---- 中栏 ---- */ .center-column { display: grid; grid-template-rows: 1fr auto; overflow: hidden; } #map { z-index: 1; height: 100%; } /* ---- 右栏 ---- */ .right-column { display: flex; flex-direction: column; overflow: hidden; background: var(--bg-secondary); border-left: 1px solid var(--border); } .panel-divider { height: 5px; cursor: row-resize; background: var(--border); flex-shrink: 0; transition: background 0.15s; } .panel-divider:hover, .panel-divider.dragging { background: var(--accent); } /* ===== 企业卡片网格（政府端左栏�?===== */ .ent-search { width: 100%; padding: 8px 10px; border: 1px solid var(--border); border-radius: 6px; font-size: 13px; background: var(--bg-tertiary); color: var(--text-primary); margin-bottom: 8px; } .ent-search:focus { outline: none; border-color: var(--accent); } .ent-tag-bar { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 8px; min-height: 0; } .ent-tag { display: inline-flex; align-items: center; gap: 4px; background: var(--accent-light); color: var(--accent); padding: 2px 8px; border-radius: 4px; font-size: 11px; } .ent-tag .tag-remove { cursor: pointer; opacity: 0.6; } .ent-tag .tag-remove:hover { opacity: 1; } .ent-card-grid { flex: 1; overflow-y: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; align-content: start; padding-bottom: 4px; } .ent-card { background: var(--bg-primary); border: 1px solid var(--border); border-radius: var(--radius); padding: 10px; cursor: pointer; font-size: 12px; transition: border-color 0.2s; } .ent-card:hover { border-color: var(--accent); } .ent-card.selected { border-color: var(--accent); background: var(--accent-light); } .ent-card .card-name { font-weight: 600; margin-bottom: 4px; } .ent-card .card-industry { color: var(--text-secondary); font-size: 11px; } .ent-card .card-revenue { color: var(--accent); font-size: 11px; margin-top: 4px; } .ent-bottom-bar { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--border); } .ent-match-btn { width: 100%; padding: 10px; background: var(--accent); color: #fff; border: none; border-radius: 6px; cursor: pointer; font-size: 13px; } .ent-match-btn:disabled { background: var(--bg-tertiary); color: var(--text-secondary); cursor: not-allowed; } /* ===== 企业端表单（企业端左栏） ===== */ .ent-form { flex: 1; overflow-y: auto; font-size: 13px; } .ent-form label { display: block; margin-top: 12px; margin-bottom: 4px; color: var(--text-primary); font-weight: 500; } .ent-form label:first-child { margin-top: 0; } .required { color: var(--red); } .ent-form input[type="text"], .ent-form input[type="number"], .ent-form select { width: 100%; padding: 8px 10px; border: 1px solid var(--border); border-radius: 6px; font-size: 13px; background: var(--bg-tertiary); color: var(--text-primary); } .ent-form input:focus, .ent-form select:focus { outline: none; border-color: var(--accent); } .input-with-unit { display: flex; gap: 8px; } .input-with-unit input { flex: 1; } .input-with-unit select { width: 72px; } .checkbox-group { display: flex; flex-wrap: wrap; gap: 8px; } .checkbox-group label { display: flex; align-items: center; gap: 4px; margin: 0; font-weight: 400; font-size: 12px; cursor: pointer; } .checkbox-group input[type="checkbox"] { accent-color: var(--accent); } .ent-form-actions { display: flex; gap: 8px; margin-top: 12px; padding-top: 8px; border-top: 1px solid var(--border); } .ent-form-submit, .ent-form-reset { flex: 1; padding: 10px 0; border: none; border-radius: 6px; font-size: 13px; cursor: pointer; } .ent-form-submit { background: var(--accent); color: #fff; } .ent-form-submit:hover { background: var(--accent-hover); } .ent-form-reset { background: var(--bg-tertiary); color: var(--text-secondary); } /* ===== 中栏输入�?===== */ .center-input { display: flex; align-items: center; gap: 8px; padding: 8px 12px; background: var(--bg-secondary); border-top: 1px solid var(--border); } #center-chat-input { flex: 1; padding: 8px 12px; border: 1px solid var(--border); border-radius: 6px; font-size: 13px; background: var(--bg-tertiary); color: var(--text-primary); resize: none; font-family: inherit; line-height: 1.4; } #center-chat-input:focus { outline: none; border-color: var(--accent); } #center-chat-send { padding: 8px 20px; background: var(--accent); color: #fff; border: none; border-radius: 6px; cursor: pointer; font-size: 13px; } #center-chat-send:hover { background: var(--accent-hover); } .char-count { font-size: 11px; color: var(--text-secondary); white-space: nowrap; min-width: 50px; } /* ===== 右栏 AI 对话 ===== */ .chat-panel { display: flex; flex-direction: column; flex: 1 1 0%; min-height: 100px; } .chat-info-bar { padding: 8px 12px; background: var(--accent-light); font-size: 12px; color: var(--accent); border-bottom: 1px solid var(--border); display: none; } .chat-info-bar.visible { display: block; } .chat-messages { flex: 1; overflow-y: auto; padding: 12px; display: flex; flex-direction: column; gap: 10px; } .chat-msg { max-width: 90%; padding: 8px 12px; border-radius: 8px; font-size: 13px; line-height: 1.5; } .chat-msg.user { align-self: flex-end; background: var(--accent); color: #fff; } .chat-msg.assistant { align-self: flex-start; background: var(--bg-tertiary); } .agent-reply { font-size: 12px; } .agent-reply p { margin-bottom: 6px; } .agent-reply .item { padding: 6px 0; border-top: 1px solid var(--border); } .agent-reply .item .rank { color: var(--accent); font-weight: 600; } .agent-reply .item .score { color: var(--orange); } .agent-reply .item .risk { color: var(--red); font-size: 11px; } .agent-reply .policy-cite { font-size: 11px; color: var(--orange); margin-top: 4px; } .agent-reply .risks-block { margin-top: 8px; color: var(--red); font-size: 12px; } /* 企业端专属卡�?*/ .card { background: var(--bg-primary); border: 1px solid var(--border); border-radius: var(--radius); padding: 12px; margin-top: 8px; } .card h4 { font-size: 13px; margin-bottom: 6px; } .section-next-steps { border-left: 3px solid var(--accent); } /* ===== EvoMap 面板 ===== */ .evo-panel { overflow: hidden; display: flex; flex-direction: column; background: var(--bg-secondary); flex: 0 1 35%; min-height: 120px; } .evo-header { display: flex; align-items: center; justify-content: space-between; padding: 8px 12px 0; } .evo-title { font-size: 14px; font-weight: 600; } .evo-role-badge { font-size: 10px; padding: 2px 6px; background: var(--accent-light); color: var(--accent); border-radius: 4px; } /* Tab �?*/ .evo-tabs { display: flex; gap: 4px; padding: 6px 12px; border-bottom: 1px solid var(--border); } .evo-tab { background: none; border: none; padding: 4px 10px; font-size: 12px; color: var(--text-secondary); cursor: pointer; border-bottom: 2px solid transparent; transition: color 0.2s, border-color 0.2s; } .evo-tab.active { color: var(--accent); border-bottom-color: var(--accent); } .evo-tab:hover { color: var(--accent); } /* 内容�?*/ .evo-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; transition: opacity 300ms ease; overflow: hidden; } .evo-content.active { display: flex; align-items: center; justify-content: center; opacity: 1; visibility: visible; position: relative; } /* 雷达�?*/ .radar-wrap { display: flex; justify-content: center; align-items: center; } /* 进化曲线 */ .curve-wrap { width: 100%; height: 100%; min-height: 180px; } /* Capsule 列表 */ #evo-content-capsules.evo-content.active { display: flex; flex-direction: column; align-items: stretch; } .capsule-list { flex: 1; overflow-y: auto; display: flex; flex-direction: column; gap: 6px; } .capsule-item { background: var(--bg-tertiary); border-radius: 6px; padding: 8px 10px; font-size: 11px; line-height: 1.4; border-left: 3px solid var(--accent); } .capsule-item[data-status="rejected"] { border-left-color: var(--red); opacity: 0.6; } .capsule-header { display: flex; align-items: center; gap: 8px; } .capsule-badge { font-size: 10px; } .capsule-badge[data-status="candidate"] { color: var(--green); } .capsule-badge[data-status="rejected"] { color: var(--red); } .capsule-scene { font-weight: 600; } .capsule-time { margin-left: auto; color: var(--text-secondary); font-size: 10px; } .capsule-reason { color: var(--text-primary); margin-top: 3px; } .capsule-impact { color: var(--accent); font-size: 10px; margin-top: 2px; } .evo-empty { text-align: center; color: var(--text-secondary); font-size: 12px; padding: 20px 16px; line-height: 1.6; } /* 统计摘要�?*/ .evo-summary { display: flex; justify-content: space-around; padding: 6px 12px; border-top: 1px solid var(--border); font-size: 11px; color: var(--text-secondary); } .evo-summary strong { color: var(--accent); margin-left: 2px; } /* ===== Sticky Note（地图内绝对定位�?===== */ .sticky-note { position: absolute; z-index: 1000; max-width: 280px; min-width: 220px; background: var(--bg-panel); border: 1px solid var(--border); border-radius: 8px; box-shadow: 0 2px 12px rgba(0,0,0,0.50); font-size: 13px; overflow: hidden; opacity: 0; transform: scale(0.9); transition: opacity 100ms ease-in, transform 100ms ease-in; pointer-events: none; } .sticky-note.visible { opacity: 1; transform: scale(1); transition: opacity 150ms cubic-bezier(0.34, 1.56, 0.64, 1), transform 150ms cubic-bezier(0.34, 1.56, 0.64, 1); pointer-events: auto; } .sticky-note.hidden { display: none; } .sticky-arrow { position: absolute; width: 12px; height: 12px; background: var(--bg-panel); transform: rotate(45deg); border: 1px solid var(--border); z-index: -1; } .sticky-arrow--top-left { top: -5px; left: 16px; border-right: none; border-bottom: none; } .sticky-arrow--top-right { top: -5px; right: 16px; border-left: none; border-bottom: none; } .sticky-arrow--bottom-left { bottom: -5px; left: 16px; border-right: none; border-top: none; } .sticky-arrow--bottom-right{ bottom: -5px; right: 16px; border-left: none; border-top: none; } .sticky-header { display: flex; align-items: center; justify-content: space-between; padding: 8px 12px; background: var(--bg-input); border-bottom: 1px solid var(--border); } .sticky-grid-id { font-size: 12px; color: var(--text-secondary); } .sticky-close { background: none; border: none; color: var(--text-tertiary); font-size: 18px; line-height: 1; cursor: pointer; padding: 0 2px; } .sticky-close:hover { color: var(--color-danger); } .sticky-body { padding: 8px 12px; max-height: 220px; overflow-y: auto; } .sticky-row { display: flex; justify-content: space-between; align-items: baseline; padding: 5px 0; border-bottom: 0.5px solid var(--border); font-size: 13px; } .sticky-row:last-child { border-bottom: none; } .sticky-label { color: var(--text-secondary); font-size: 12px; flex-shrink: 0; margin-right: 8px; } .sticky-value { color: var(--text-primary); text-align: right; word-break: break-all; } .sticky-top3 { margin-top: 6px; font-size: 11px; } .top3-trigger { color: var(--accent); cursor: pointer; user-select: none; } .top3-trigger:hover { text-decoration: underline; } .top3-list { margin-top: 4px; display: flex; flex-wrap: wrap; gap: 4px; } .top3-list.hidden { display: none; } .top3-item { background: var(--accent-muted); color: var(--accent); padding: 2px 6px; border-radius: 4px; font-size: 11px; } .sticky-footer { padding: 8px 12px; border-top: 1px solid #eee; } .sticky-eval-btn { width: 100%; padding: 8px 0; background: var(--accent); color: #fff; border: none; border-radius: 4px; font-size: 13px; cursor: pointer; } .sticky-eval-btn:hover { background: var(--accent-hover); } /* ===== Loading ===== */ .loading { text-align: center; color: var(--text-secondary); padding: 20px; } @keyframes spin { to { transform: rotate(360deg); } } .loading::before { content: ''; display: inline-block; width: 16px; height: 16px; border: 2px solid var(--accent); border-top-color: transparent; border-radius: 50%; animation: spin 0.8s linear infinite; margin-right: 8px; vertical-align: middle; } /* ===== Leaflet overrides ===== */ .leaflet-draw-toolbar { margin-top: 0 !important; } .leaflet-draw.leaflet-control { margin-left: 12px; } /* ===== P1-2: 地图高亮气泡 + 雷达联动 ===== */ .candidate-label { background: var(--accent) !important; color: #fff !important; border: 2px solid #fff !important; border-radius: 50% !important; width: 24px !important; height: 24px !important; text-align: center !important; line-height: 22px !important; font-size: 12px !important; font-weight: 700 !important; box-shadow: 0 2px 6px rgba(0,0,0,0.3) !important; } .evo-panel.radar-linked { border-left: 3px solid var(--accent-cyan); transition: border-left-color 0.4s; } .convex-hull-tip { background: rgba(0,0,0,0.65) !important; color: var(--text-secondary) !important; border: none !important; font-size: 11px !important; padding: 3px 8px !important; border-radius: 4px !important; } /* P1-3: 行政区划 Tooltip */ .admin-tooltip { background: var(--bg-panel) !important; color: var(--text-primary) !important; border: 1px solid var(--border) !important; border-radius: 4px !important; padding: 4px 10px !important; font-size: 13px !important; font-weight: 500; box-shadow: 0 2px 8px rgba(0,0,0,0.08); } .admin-tooltip::before { border-top-color: var(--bg-panel) !important; } /* ===== 响应�?===== */ @media (max-width: 1365px) { #app-main[data-role="government"] { grid-template-columns: 15% 60% 25%; } #app-main[data-role="enterprise"] { grid-template-columns: 18% 54% 28%; } } @media (max-width: 1199px) { body::after { content: "请使用桌面浏览器访问（分辨率 �?1366×768�?; position: fixed; inset: 0; background: rgba(0,0,0,0.85); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 18px; z-index: 99999; } } /* ===== F10: 反馈引导 ===== */ .welcome-banner { position: relative; background: var(--accent-muted); border: 1px solid var(--border-accent); border-radius: 8px; padding: 10px 14px; margin-bottom: 12px; font-size: 13px; line-height: 1.6; display: flex; align-items: flex-start; gap: 8px; } .welcome-text { flex: 1; color: var(--text-primary); } .welcome-close { background: none; border: none; color: var(--text-secondary); font-size: 18px; cursor: pointer; line-height: 1; padding: 0 4px; flex-shrink: 0; } .welcome-close:hover { color: var(--color-danger); } .feedback-tail-note { position: relative; font-size: 0.85em; color: var(--text-tertiary); margin-top: 10px; padding-top: 8px; border-top: 1px dashed var(--border); } /* ===== F11: 智能总结 ===== */ .evo-insight { display: block; font-size: 11px; color: var(--text-secondary); padding: 4px 12px; line-height: 1.5; text-align: center; border-top: 1px solid var(--border); } /* ===== F12: EvoMap 状态指示器 ===== */ .evo-header { position: relative; } .evo-status { display: flex; align-items: center; gap: 6px; padding: 0 12px 4px; font-size: 12px; color: var(--text-secondary); } .evo-status-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; } .evo-status-dot.online { background: var(--color-success); } .evo-status-dot.degraded { background: var(--color-warning); } .evo-status-dot.offline { background: var(--color-danger); } .evo-credits { margin-left: 2px; } /* ===== F13: �ظ��Ƭ�� ===== */ .reply-summary { background: var(--accent-muted); border: 1px solid var(--border); border-radius: var(--radius); padding: 10px 14px; margin-bottom: 12px; font-size: 14px; font-weight: 600; line-height: 1.7; color: var(--text-primary); } .reply-card { background: var(--bg-input); border: 1px solid var(--border); border-radius: var(--radius); padding: 10px 12px; margin-bottom: 8px; font-size: 13px; transition: border-color 0.2s; } .reply-card:hover { border-color: var(--border-accent); } .reply-card-header { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; } .reply-card-rank { color: var(--accent); font-weight: 700; font-size: 14px; } .reply-card-industry { color: var(--text-primary); font-weight: 600; flex: 1; } .reply-card-score { color: var(--color-warning); font-weight: 600; font-size: 14px; } .reply-card-toggle { color: var(--text-tertiary); font-size: 11px; cursor: pointer; user-select: none; padding: 2px 6px; border-radius: 4px; } .reply-card-toggle:hover { color: var(--accent); background: var(--accent-muted); } .reply-card-body { margin-top: 6px; } .reply-card-body.hidden { display: none; } .reply-card-reason { color: var(--text-primary); line-height: 1.5; margin-bottom: 4px; } .reply-card-policy { color: var(--text-tertiary); font-size: 11px; border-left: 2px solid var(--accent-cyan); padding-left: 8px; margin-top: 4px; } .reply-card-risk { color: var(--color-danger); font-size: 11px; margin-top: 4px; } .reply-risks { margin-top: 12px; padding: 10px 12px; background: rgba(245,34,45,0.08); border: 1px solid var(--color-danger); border-radius: var(--radius); color: var(--color-danger); font-size: 12px; line-height: 1.6; } /* ===== F14: �Ի��ģʽ ===== */ #app-main.chat-expanded .right-column { grid-column: 2 / 4; z-index: 10; transition: grid-column 300ms ease-in-out; } .chat-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.30); backdrop-filter: blur(2px); z-index: 5; opacity: 0; pointer-events: none; transition: opacity 300ms ease; } .chat-overlay.active { opacity: 1; pointer-events: all; } #app-main.chat-expanded .reply-summary { font-size: 15px; } #app-main.chat-expanded .agent-reply { font-size: 15px; max-width: 80ch; } #app-main.chat-expanded .reply-card { font-size: 14px; } @media (min-width: 600px) { #app-main.chat-expanded .chat-messages { display: flex; flex-direction: column; } #app-main.chat-expanded .reply-card-zone { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } } .agent-reply { position: relative; padding-top: 4px; } .reply-expand-btn { position: absolute; top: 4px; right: 4px; background: transparent; border: none; color: var(--text-tertiary); font-size: 16px; cursor: pointer; padding: 4px 6px; border-radius: 4px; line-height: 1; transition: color 0.2s, background 0.2s; } .reply-expand-btn:hover { color: var(--accent); background: var(--accent-muted); } /* v2.4: map-wrapper 高度透传（修复 Leaflet 容器塌缩） */ .map-wrapper { width: 100%; height: 100%; } /* ===== v2.4: 企业择地匹配卡片 ===== */ .ent-site-result { border: 1px solid var(--border); border-radius: 8px; overflow: hidden; background: #f5f7fa; } .ent-site-summary { padding: 12px 16px; background: linear-gradient(135deg, #e6f7ff, #f0f5ff); font-weight: 600; font-size: 14px; color: #1a1a2e; border-bottom: 1px solid var(--border); } .ent-site-card { border-bottom: 1px solid var(--border); padding: 12px 16px; } .ent-site-card:last-child { border-bottom: none; } .ent-site-card__header { display: flex; align-items: baseline; gap: 8px; margin-bottom: 10px; padding-bottom: 6px; border-bottom: 1px dashed var(--border); } .ent-site-card__num { font-size: 16px; font-weight: 700; color: var(--accent); } .ent-site-card__name { font-weight: 600; font-size: 14px; color: #1a1a2e; } .ent-site-card__area { font-size: 12px; color: #5a6a7a; margin-left: auto; } .ent-site-card__candidate { padding: 8px 0; border-bottom: 1px dotted var(--border); } .ent-site-card__candidate:last-child { border-bottom: none; } .ent-site-card__cand-header { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; } .ent-site-card__grid-id { font-weight: 600; font-size: 13px; color: var(--accent); font-family: monospace; } .ent-site-card__score { font-size: 12px; color: var(--accent); background: var(--accent-muted); padding: 1px 6px; border-radius: 4px; } .ent-site-card__reason { font-size: 12px; color: #2a2a3e; line-height: 1.5; margin-bottom: 4px; } .ent-site-card__scores { font-size: 11px; color: #5a6a7a; } /* ── 冲突提示 ── */ .ent-site-conflict { background: #fff7e6; border: 1px solid #ffd591; border-radius: 6px; padding: 12px 16px; margin: 8px 0; } .ent-site-conflict__header { font-weight: 600; font-size: 13px; color: #d46b08; margin-bottom: 8px; } .ent-site-conflict__item { font-size: 12px; color: #2a2a3e; line-height: 1.5; margin-bottom: 6px; } .ent-site-conflict__suggestion { color: #d46b08; font-style: italic; } /* ── 最大化模式适配 ── */ #app-main.chat-expanded .ent-site-result { max-width: 100%; } #app-main.chat-expanded .ent-site-card { padding: 14px 20px; } /* ===== v2.4: 地图图例 ===== */ .map-legend { position: absolute; bottom: 30px; right: 10px; z-index: 1000; background: rgba(255,255,255,0.92); border-radius: 8px; padding: 10px 14px; box-shadow: 0 2px 8px rgba(0,0,0,0.12); font-size: 12px; min-width: 140px; } .map-legend__title { font-weight: 600; margin-bottom: 6px; color: #1a1a2e; } .map-legend__item { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; color: #2a2a3e; } .map-legend__dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }