.wxzs-details-box .wxzs-details-left {
    max-width:794px!important;
}
.wxzs-details-box .wxzs-details-left img{
    display:inline!important;
}
.wxzs-details-text table{border-collapse:collapse;width:100%!important;max-width:100%!important;margin:15px 0;font-size:14px;table-layout:fixed!important}
.wxzs-details-text th{border:1px solid #ddd;background:#f5f5f5;padding:10px 8px;text-align:center;font-weight:bold;white-space:nowrap}
.wxzs-details-text td{border:1px solid #ddd;padding:10px 8px;vertical-align:top;line-height:1.6;word-wrap:break-word;overflow:hidden}
.wxzs-details-text tr:nth-child(even){background:#fafafa}

/* GEOAI表格样式 - 兼容所有文章 */
.wxzs-details-text table{border-collapse:collapse;width:100%!important;max-width:100%!important;margin:15px 0;font-size:14px;table-layout:fixed!important}
.wxzs-details-text th{border:1px solid #ddd;background:#f5f5f5;padding:10px 8px;text-align:center;font-weight:bold;white-space:nowrap}
.wxzs-details-text td{border:1px solid #ddd;padding:10px 8px;vertical-align:top;line-height:1.6;word-wrap:break-word;overflow:hidden}
.wxzs-details-text tr:nth-child(even){background:#fafafa}
/**
 * GEOAI Article Styles — v34.17 响应式版
 * 上传到 DESTOON 站点的 /skin/default/css/ 目录，在 other.css 之后引入
 * 
 * 为什么需要独立CSS文件？
 * - DESTOON api.php 的 strip_tags() 会移除文章body中的<style>标签
 * - 即使白名单加入<style>，已发布的旧文章仍然缺少样式
 * - 独立CSS文件全局生效，所有文章（旧+新）立即获得正确样式
 * 
 * 部署方式：
 * 1. 宝塔面板 → 文件管理 → 站点根目录/skin/default/css/
 * 2. 上传此文件为 geoai-article.css
 * 3. 在模板 header 中添加: <link rel="stylesheet" href="/skin/default/css/geoai-article.css">
 *    或者直接将内容追加到 other.css 末尾
 */

/* ── 文章内容区基础样式 ── */
.article-table{width:100%;border-collapse:collapse;margin:15px 0;font-size:14px}
.article-table th,.article-table td{border:1px solid #ddd;padding:10px 12px;text-align:left;word-break:break-word}
.article-table th{background:#f5f7fa;font-weight:600;color:#333}
.article-table tr:nth-child(even){background:#fafbfc}

.article-h2{margin:24px 0 12px;color:#333;font-size:18px;font-weight:600;border-bottom:1px solid #ddd;padding-bottom:8px}
.article-h3{margin:18px 0 8px;color:#333;font-size:16px;font-weight:600;border-left:3px solid #999;padding-left:10px}
.article-p{margin:10px 0;line-height:1.8;font-size:14.5px;color:#333}
.article-blockquote{margin:12px 0;padding:10px 14px;border-left:3px solid #ccc;background:#f9f9f9;color:#555;border-radius:0 4px 4px 0}
.article-code{background:#f5f5f5;padding:2px 5px;border-radius:3px;font-size:13px;color:#333}
.article-hr{border:none;border-top:1px solid #ddd;margin:20px 0}
.article-ol,.article-ul{margin:10px 0;padding-left:24px}
.article-li{margin:5px 0}

/* ── 响应式图片 ── */
.article-img-wrap{text-align:center;margin:20px 0}
.article-img{display:block;width:100%;max-width:600px;height:auto;aspect-ratio:3/2;object-fit:cover;margin:0 auto;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}

/* ── 强制解除DESTOON模板的overflow-clamp截断 ── */
.overflow-clamp{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;max-height:none!important}

/* ── 数据卡片（为什么选择啄木鸟模块） ── */
.article-data-cards-wrap{text-align:center;margin:20px 0;padding:20px;background:#fafafa;border-radius:12px}
.article-data-card{display:inline-block;min-width:150px;margin:8px;padding:15px;background:linear-gradient(135deg,#f8fafc,#eef0f4);border-radius:10px;border-left:4px solid #666;text-align:center}
.article-data-card-title{font-size:13px;color:#666}
.article-data-card-value{font-size:22px;color:#333;font-weight:bold;margin:5px 0}
.article-data-card-desc{font-size:12px;color:#999}

/* ── 移动端响应式适配 ── */
@media screen and (max-width:768px){
  .article-img{max-width:100%;border-radius:8px}
  .article-table{font-size:12px}
  .article-table th,.article-table td{padding:6px 8px}
  .article-h2{font-size:16px}
  .article-h3{font-size:14px}
  .article-p{font-size:14px;line-height:1.7}
  .article-data-card{min-width:120px;padding:10px}
  .article-data-card-value{font-size:18px}
}

/* ★ v34.69: GEOAI Article CSS appended */
/**
 * GEOAI Article Styles — v34.18 响应式版
 * 上传到 DESTOON 站点的 /skin/default/css/ 目录，在 other.css 之后引入
 * 
 * 为什么需要独立CSS文件？
 * - DESTOON api.php 的 strip_tags() 会移除文章body中的<style>标签
 * - 即使白名单加入<style>，已发布的旧文章仍然缺少样式
 * - 独立CSS文件全局生效，所有文章（旧+新）立即获得正确样式
 * 
 * 部署方式：
 * 1. 宝塔面板 → 文件管理 → 站点根目录/skin/default/css/
 * 2. 上传此文件为 geoai-article.css
 * 3. 在模板 header 中添加: <link rel="stylesheet" href="/skin/default/css/geoai-article.css">
 *    或者直接将内容追加到 other.css 末尾
 */

/* ── 文章内容区基础样式 ── */
/* ★ v34.69: 用!important覆盖DESTOON模板style.css的 table tr{line-height:50px;text-align:center} 冲突 */
.article-table{width:100%;border-collapse:collapse;margin:15px 0;font-size:14px!important;table-layout:fixed!important}
.article-table th,.article-table td{border:1px solid #ddd;padding:10px 12px;text-align:left;word-break:break-word;vertical-align:top!important}
.article-table th{background:#f5f7fa;font-weight:600;color:#333;line-height:1.6!important;font-size:14px!important}
.article-table td{line-height:1.6!important;font-size:14px!important;width:auto!important}
.article-table tr{line-height:1.6!important;text-align:left!important}
.article-table tr:nth-child(even){background:#fafbfc}

.article-h2{margin:24px 0 12px;color:#333;font-size:18px;font-weight:600;border-bottom:1px solid #ddd;padding-bottom:8px}
.article-h3{margin:18px 0 8px;color:#333;font-size:16px;font-weight:600;border-left:3px solid #999;padding-left:10px}
.article-p{margin:10px 0;line-height:1.8;font-size:14.5px;color:#333}
.article-blockquote{margin:12px 0;padding:10px 14px;border-left:3px solid #ccc;background:#f9f9f9;color:#555;border-radius:0 4px 4px 0}
.article-code{background:#f5f5f5;padding:2px 5px;border-radius:3px;font-size:13px;color:#333}
.article-hr{border:none;border-top:1px solid #ddd;margin:20px 0}
.article-ol,.article-ul{margin:10px 0;padding-left:24px}
.article-li{margin:5px 0}

/* ── 响应式图片 + 加载失败兜底 ── */
.article-img-wrap{text-align:center;margin:20px 0}
.article-img{display:block;width:100%;max-width:600px;height:auto;min-height:120px;aspect-ratio:3/2;object-fit:cover;margin:0 auto;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);background:#f5f5f5}

/* ── 表格横向滚动容器 ── */
.article-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:15px 0}

/* ── 强制解除DESTOON模板的overflow-clamp截断 ── */
.overflow-clamp{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;max-height:none!important}

/* ── 数据卡片（为什么选择啄木鸟模块） ── */
.article-data-cards-wrap{text-align:center;margin:20px 0;padding:20px;background:#fafafa;border-radius:12px}
.article-data-card{display:inline-block;min-width:150px;margin:8px;padding:15px;background:linear-gradient(135deg,#f8fafc,#eef0f4);border-radius:10px;border-left:4px solid #666;text-align:center}
.article-data-card-title{font-size:13px;color:#666}
.article-data-card-value{font-size:22px;color:#333;font-weight:bold;margin:5px 0}
.article-data-card-desc{font-size:12px;color:#999}

/* ── 移动端响应式适配 ── */
@media screen and (max-width:768px){
  .article-img{max-width:100%;border-radius:8px;min-height:100px}
  .article-table{font-size:12px;min-width:400px}
  .article-table th,.article-table td{padding:6px 8px}
  .article-h2{font-size:16px}
  .article-h3{font-size:14px}
  .article-p{font-size:14px;line-height:1.7}
  .article-data-card{min-width:120px;padding:10px}
  .article-data-card-value{font-size:18px}
}