更新ui样式，并修复已知问题 (#8)

Reviewed-on: #8

.agents/skills/amap-jsapi-skill/references/events.md

@@ -175,4 +175,4 @@ map.on('click', function() {
 3. **内存管理**: 组件销毁前解绑事件，防止内存泄漏
 4. **事件冒泡**: 覆盖物事件会冒泡到地图，必要时阻止冒泡
 5. **触摸事件**: 移动端需要监听 touch 系列事件
-6. **异步加载**: complete 事件在地图资源加载完成后触发
+6. **异步加载**: complete 事件在地图资源加载完成后触发

.agents/skills/amap-jsapi-skill/references/info-window.md

@@ -303,4 +303,4 @@ map.clearInfoWindow();
 2. **自定义样式**: `isCustom: true` 时不显示默认的边框和关闭按钮
 3. **偏移量**: 根据标记图标大小调整 offset，避免遮挡
 4. **自动调整**: `autoMove: true` 可以自动调整地图视野使窗体可见
-5. **事件冒泡**: 窗体内的点击事件需要阻止冒泡，否则可能触发地图点击事件
+5. **事件冒泡**: 窗体内的点击事件需要阻止冒泡，否则可能触发地图点击事件

.agents/skills/amap-jsapi-skill/references/map-init.md

@@ -244,4 +244,4 @@ export default function MapComponent() {
 
   return <div id="map-container" style={{ width: '100%', height: '500px' }} />;
 }
-```
+```

.agents/skills/amap-jsapi-skill/references/security.md

@@ -11,14 +11,16 @@
 
 ## 配置方式
 
-### 方式一：明文设置（仅限开发环境）
+### 方式一：通过环境变量设置（开发环境推荐）
 
-在开发阶段，为方便调试，可以直接在前端代码中设置 `securityJsCode`。
+在开发阶段，建议通过环境变量 `AMAP_SECURITY_JS_CODE` 传入安全密钥，避免在代码中硬编码敏感信息。
 **注意：请确保在调用 `AMapLoader.load` 之前设置。**
 
+> **安全警告**：禁止在代码中硬编码安全密钥，也不要将密钥提交到版本控制系统。请始终通过环境变量或后端代理的方式安全传递密钥。
+
 ```javascript
 window._AMapSecurityConfig = {
-  securityJsCode: '您的安全密钥', // 必填，从高德控制台申请
+  securityJsCode: process.env.AMAP_SECURITY_JS_CODE, // 通过环境变量安全获取
 };
 ```