@charset "utf-8";
@import url("fontawesome-4.4.0.min.css");
@import url("framework.css");

/* ═══════════════════════════════════════════════════════════
   第 0 区：全站设计变量（:root）
   说明：将散落全文件的品牌色统一收纳于此。
   变量值与原文件逐字一致，仅做集中管理，不改变任何渲染结果。
   （修改主题色时只需改这里）
   ═══════════════════════════════════════════════════════════ */
:root{
  /* —— 绿色系（品牌主色） —— */
  --green-primary:#58BA2B;        /* 主绿：按钮、激活、强调、表格当前页 */
  --green-nav:#3db63d;            /* 导航搜索框边框、搜索按钮背景、移动端下拉边框 */
  --green-search-hover:#2e942e;   /* 搜索按钮 hover、输入框 focus */
  --green-back-hover:#4a9e25;     /* 返回按钮 back-btn hover */
  --green-term-hover:#459c1f;     /* 术语页搜索按钮 hover */
  --green-link:#4CAF50;           /* detail-link 详情链接 */
  --green-link-hover:#388E3C;     /* detail-link hover */
  /* —— 蓝色系（辅助/链接色） —— */
  --blue-primary:#409eff;         /* 主蓝：链接、分页、侧栏激活、标签 */
  --blue-hover:#66b1ff;           /* 蓝色 hover */
  --blue-hot:#3498db;             /* 术语页热搜标签 */
}

/* ==============================================
   第 1 区：全局基础 & 过渡动画 & AJAX 闪烁修复
   ============================================== */
*{box-sizing:border-box;}
/* 注：全站元素统一过渡（模板自带）。如需关闭个别组件动画，
   可参照下一行用更高优先级规则覆盖；本规则为现状保留。 */
*, *::before, *::after{transition:all .3s ease-in-out;}
/* 导航内表单元素禁用过渡（避免下拉/搜索框动画闪烁） */
#mainav form *{transition:none;}

/* ==============================================
   第 2 区：模板布局骨架
   含：通用行 row / 头部 header / 页面标题 & 面包屑 /
       首页 intro / 首页模块区块 / 主内容容器 / 订阅 / 页脚 / 版权
   ============================================== */

/* ---- 通用行样式 ---- */
.row2{border:solid; border-width:1px 0;}
.wrapper.row2{
  padding: 0 !important;
  margin: 0;
}

/* ---- 头部 Header（#logo 与标题并排） ---- */
#header{padding:50px 0;}
#logo{
  display:flex;
  align-items:center;
  gap:20px;
  float:none !important;
}
#logo a{
  display:flex;
  align-items:center;
  gap:20px;
  text-decoration:none;
}
#logo img, #logo .logo-title {
  display: inline-block;
  vertical-align: middle;
}
#logo h1, #logo .logo-title {
  margin: 0;
  font-size: clamp(18px, 2.6vw, 28px);
  font-weight: bold;
  color: #FFFFFF;
  line-height: 1.2;
  white-space: nowrap;
}

/* ---- 页面标题 + 面包屑 ---- */
#pagetitle{padding:80px 0 0 0; text-align:right;}
#pagetitle *{margin:0; padding:0;}

#breadcrumb{padding:0 0 30px 0; text-align:right;}
#breadcrumb ul{margin:0; padding:0; list-style:none;}
#breadcrumb li{display:inline-block; margin:0 3px 0 0; padding:0;}
#breadcrumb li a{display:block; position:relative; margin:0; padding:0 12px 0 0; font-size:.8rem; text-transform:uppercase;}
#breadcrumb li a::after{top:2px; right:0; content:"\f101";}
#breadcrumb li:last-child a{margin:0; padding:0;}
#breadcrumb li:last-child a::after{display:none;}

/* ---- 首页 Intro 区域 ---- */
#pageintro{padding:160px 0 240px 0;}
#pageintro .introtxt{display:block; max-width:100%;}
#pageintro .introtxt *{margin:0;}
#pageintro .introtxt .heading{margin-bottom:15px; font-size:46px;}
#pageintro .introtxt p{font-size:16px; line-height:1.4;}

/* ---- 首页模块区块（introblocks：中/日/美卡片） ---- */
#introblocks{position:relative; margin:-200px auto 0; z-index:1;}
#introblocks .elements > li{text-align:center;}
#introblocks .elements .elementwrapper{display:inline-block; width:100%; max-width:480px; border:1px solid;}
#introblocks .elements li figure figcaption{display:block; position:relative; width:100%; border-bottom:3px solid;}
#introblocks .elements li figure figcaption *{display:block; width:66px; height:66px; padding:8px; font-size:22px; border-radius:50%;}
#introblocks .elements li figure figcaption a{position:absolute; bottom:0; left:50%; margin:0 0 -34px -33px; z-index:1;}
#introblocks .elements li figure figcaption a::before, #introblocks .elements li figure figcaption a::after{position:absolute; top:0; left:0; width:66px; height:35px; content:""; border-radius:66px 66px 0 0; z-index:-1;}
#introblocks .elements li figure figcaption a::after{top:auto; bottom:0; left:0; height:34px; border-radius:0 0 66px 66px;}
#introblocks .elements li figure figcaption i{width:50px; height:50px; line-height:50px; padding:0;}
#introblocks .elements li .elementinfo{padding:50px 20px 30px 20px;}
#introblocks .elements li .elementinfo *{margin:0; padding:0;}
#introblocks .elements li .meta{display:block; position:relative;}
#introblocks .elements li .meta::before{display:block; position:absolute; top:0; left:50%; width:0; height:100%; border:solid; border-width:0 0 0 1px; content:"";}
#introblocks .elements li .meta li{display:block; float:left; width:50%; padding:5px; border:solid; border-width:1px 0 0 0;}
#introblocks .elements li .meta li:nth-child(3){clear:left;}

/* ---- 主内容容器 ---- */
.container{padding:30px 0;}


/* 左右分栏 Split 布局 —— 固定比例，不被内容撑开（首页最新文章横幅） */
.split {
  background-position: top right;
  position: relative;
  /* 三选一： */
  padding-top: 43%;   /* 2:1 最矮 */
  /* padding-top: 66.66%; */ /* 3:2 推荐 */
  /* padding-top: 75%; */    /* 4:3 稍高 */
  height: 0;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}
.split.rightaligned {
  background-position: top left;
}
.split .box {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8%;
  float: none;
}
.split.rightaligned .box {
  left: auto;
  right: 0;
}

/* 注：模板原含订阅区域 #newsletter，全站无页面引用，已按死代码移除 */

/* ---- 底部 Footer（三栏：平台导航/商务合作/信息反馈） ---- */
#footer{padding:80px 0;}
#footer .title{margin:0 0 50px 0; padding:0; font-size:1.2rem;}
#footer .linklist li{display:block; margin-bottom:8px; padding:0 0 8px 0; border-bottom:1px solid;}
#footer .linklist li:last-child{margin:0; padding:0; border:none;}
#footer .linklist li::before, #footer .linklist li::after{display:table; content:"";}
#footer .linklist li, #footer .linklist li::after{clear:both;}
#footer .contact.linklist li, #footer .contact.linklist li:last-child{position:relative; padding-left:40px;}
#footer .contact li *{margin:0; padding:0; line-height:1.6;}
#footer .contact li i{display:block; position:absolute; top:0; left:0; width:30px; font-size:16px; text-align:center;}

/* ---- 版权信息 Copyright ---- */
#copyright{padding:20px 0;}
#copyright *{margin:0; padding:0;}
#copyright .site-stats{opacity:.75; white-space:nowrap;}

/* ==============================================
   第 3 区：导航体系
   含：导航公共基础 / 主导航 mainav / 下拉菜单 /
       导航搜索框 / 移动端下拉（桌面隐藏）
   ============================================== */

/* ---- 导航公共基础 ---- */
nav ul, nav ol{margin:0; padding:0; list-style:none;}
#mainav, .sidebar nav{line-height:normal;}
#mainav .drop::after, #mainav li li .drop::after{
  position:absolute;
  font-family:"FontAwesome";
  font-size:10px;
  line-height:10px;
}

/* ---- 主导航 Mainav（flex 布局：菜单 + 搜索框） ---- */
#mainav{
  position:relative;
  z-index:999;
  display:flex;
  justify-content: space-between;
  align-items:center;
  padding: 0;
  box-sizing:border-box;
  width: 100%;
  overflow: visible;
}
#mainav > ul.clear{
  display:flex;
  flex-wrap:nowrap;
  flex: 1;
  text-transform:none;
  align-items: center;
}
#mainav li{
  display:block;
  position:relative;
  margin:0 30px 0 0;
  padding:0;
}
#mainav li:last-child{margin-right:0;}
#mainav li a{
  display:block;
  padding:20px 0;
  color:#fff;
  text-decoration:none;
  font-size: 16px;
}
#mainav li.active a{color:var(--green-primary);}

/* 下拉菜单（二级/三级） */
#mainav ul ul{
  position:absolute;
  top:100%;
  left:0;
  z-index:9999;
  width:180px;
  background:rgba(0,0,0,.9);
  text-transform:none;
  visibility:hidden;
  opacity:0;
  transform:translateY(10px);
  transition:all .25s ease;
}
#mainav ul ul ul{left:180px; top:0;}
#mainav li li{width:100%; margin:0;}
#mainav li li a{padding:10px 15px; border-bottom:1px solid rgba(255,255,255,.1); white-space:nowrap;}
#mainav .drop{padding-left:15px; position: relative;}
#mainav .drop::after{content:"\f0d7";top:25px;left:5px;}
#mainav li li .drop::after{content:"\f0da";top:15px;left:5px;}
#mainav ul li:hover > ul{
  visibility:visible;
  opacity:1;
  transform:translateY(0);
}

/* 导航搜索框（common/search_all_plugin.php 引入） */
#mainav .search-box{
  display:flex;
  align-items:center;
  width:260px;
  height:40px;
  flex-shrink:0;
  margin-left: auto;
}
#mainav .search-box .search-input{
  flex:1;
  height:100%;
  padding:0 12px;
  border:1px solid var(--green-nav);
  border-right:none;
  background:rgba(255,255,255,.95);
  color:#333;
  outline:none;
  font-size:14px;
  border-radius:3px 0 0 3px;
  box-sizing:border-box;
}
#mainav .search-box .search-btn{
  width:60px;
  height:100%;
  border:none;
  background:var(--green-nav);
  color:#000;
  cursor:pointer;
  font-size:14px;
  border-radius:0 3px 3px 0;
  line-height: 40px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
#mainav .search-btn:hover{background:var(--green-search-hover); color:#fff;}
#mainav .search-input:focus{border-color:var(--green-search-hover); box-shadow:0 0 5px rgba(61,182,61,.5);}

/* 桌面端默认隐藏 mobilemenu 生成的下拉菜单 */
#mainav > form:not(.search-box) {
  display: none;
}

/* ---- 页面组件：详情链接 / 文章角标 / 返回顶部 ---- */

/* 有链接但是不能是白色的（首页 introblock 内“详情/Details”链接）
   注：.detail-link 权重已高于全局 a{color:white}，无需 !important（已精简） */
.detail-link {
    color: var(--green-link);
    text-decoration: none; /* 可选：去掉默认下划线 */
}

/* 鼠标悬停状态：深一点的绿色，提升交互体验 */
.detail-link:hover {
    color: var(--green-link-hover);
    text-decoration: underline; /* 可选：悬停时显示下划线 */
}

/* 文章标签、时间角标（首页 split 横幅上的发表时间） */
.article-tag-wrap {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 10;
}
.article-time {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  background-color: rgba(0,0,0,0.6);
  padding: 3px 8px;
  border-radius: 3px;
}

/* 返回顶部按钮（配合 jquery.backtotop.js / jquery.sidetools.js） */
#backtotop{z-index:999; display:inline-block; position:fixed; visibility:hidden; bottom:20px; right:20px; width:36px; height:36px; line-height:36px; font-size:16px; text-align:center; opacity:.2;}
#backtotop i{display:block; width:100%; height:100%; line-height:inherit;}
#backtotop.visible{visibility:visible; opacity:.5;}
#backtotop:hover{opacity:1;}

/* ==============================================
   第 4 区：全站配色体系（模板 row0-row5 / overlay / btn）
   注：规则布局与配色原本分处两处，现保持原顺序仅做收纳注释，
       未合并规则本身，以免改变级联结果。
   ============================================== */
body{color:#AAAAAA; background-color:#fefefe;}
a{color:white;}
a:active, a:focus{background:transparent;}
hr, .borderedbox{border-color:#D7D7D7;}
label span{color:#FF0000; background-color:inherit;}
input:focus, textarea:focus, *:required:focus{border-color:var(--green-primary);}
.overlay{color:#FFFFFF; background-color:inherit;}
.overlay::after{color:inherit; background-color:rgba(0,0,0,.4);}
.btn{color:#FFFFFF; background-color:var(--green-primary); border-color:var(--green-primary);}
.btn:hover{color:inherit; background-color:transparent; border-color:inherit;}

/* 行级配色：row0(顶部条) / row2(导航) / row3(主内容) / row4(页脚) / row5(版权) */
.row0, .row0 a{color:#C7C7C7; background-color:rgba(0,0,0,.25);}
.row0 a{background-color:transparent;}
.row0 a:hover{color:var(--green-primary);}
.row2{color:#FFFFFF; background-color:rgba(0,0,0,.5); border-color:rgba(255,255,255,.15);}
.row3{color:#888888; background-color:#FFFFFF;}
.row4{color:#AAAAAA; background-color:rgba(15,15,15,.8);}
.row5, .row5 a{color:#AAAAAA; background-color:rgba(36,36,36,.8);}
.row5 a{background-color:transparent;}
.wrapper.coloured{color:#FFFFFF; background-color:rgba(88,186,43,.8);}

#header #logo a{color:inherit;}

/* 首页 introblocks 配色 */
#introblocks .elements .elementwrapper{border-color:#D7D7D7;}
#introblocks .elements li figure figcaption{border-color:var(--green-primary);}
#introblocks .elements li figure figcaption a::before{background-color:var(--green-primary);}
#introblocks .elements li figure figcaption a::after{background-color:transparent;}
#introblocks .elements li figure figcaption i{color:#FFFFFF; background-color:#000000;}
#introblocks .elements li article:hover figure figcaption a::before{background-color:rgba(0,0,0,.5);}
#introblocks .elements li article:hover figure figcaption a::after{background-color:var(--green-primary);}
#introblocks .elements li article:hover figure figcaption i{color:var(--green-primary); background-color:#FFFFFF;}
#introblocks .elements li .meta::before, #introblocks .elements li .meta li{border-color:#D7D7D7;}

/* 首页 split 横幅配色 */
.split{color:#FFFFFF; background-color:rgba(0,0,0,0.5);}
.split.light{color: black; background-color:rgba(248,248,248,0.5);}
.split .box{background-color:inherit;}

/* 导航配色 */
#mainav li a{color:inherit;}
#mainav .active a, #mainav a:hover, #mainav li:hover > a{color:var(--green-primary); background-color:inherit;}
#mainav li li a, #mainav .active li a{color:#FFFFFF; background-color:rgba(0, 0, 0, 0.5); border-color:rgba(0, 0, 0, 0.5);}
#mainav li li:hover > a, #mainav .active .active > a{color:#FFFFFF; background-color:var(--green-primary);}
#mainav form select{color:#FFFFFF; background-color:rgba(0, 0, 0, 0.5);}

/* 面包屑配色 */
#breadcrumb a{color:#888888; background-color:inherit;}
#breadcrumb li:last-child a{color:inherit;}

/* 侧边栏导航配色 */
.container .sidebar nav a{color:inherit; border-color:#D7D7D7;}
.container .sidebar nav a:hover{color:var(--green-primary);}

/* 分页配色（完整分页布局见第 6 区） */
.pagination a, .pagination strong{border-color:#D7D7D7;}
.pagination .current *{color:#FFFFFF; background-color:var(--green-primary);}

/* 返回顶部配色 */
#backtotop{color:#FFFFFF; background-color:var(--green-primary);}

/* ==============================================
   第 5 区：公共组件
   含：统一侧边栏 / 试验场名录表 PG_table / 法规页表格与搜索 /
       通用分页样式
   ============================================== */

/* ---- 统一侧边栏样式（article / regulation 页面） ---- */
.container .sidebar h6 {
    font-size: 18px;
    margin-bottom: 12px;
    color: #333;
}
.container .sidebar nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.container .sidebar nav li {
    margin-bottom: 8px;
}
.container .sidebar nav li a {
    display: block;
    padding: 6px 8px;
    font-size: 14px;
    color: #666;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.2s ease;
}
.container .sidebar nav li a:hover,
.container .sidebar nav li a.active {
    background-color: #e6f2ff;
    color: var(--blue-primary);
    font-weight: bold;
}
.container .sidebar nav li ul {
    margin-top: 5px;
    padding-left: 15px;
}
.container .sidebar .sdb_holder {
    margin-bottom: 25px;
}
.container .sidebar .sdb_holder:last-child {
    margin-bottom: 0;
}
.container .sidebar .sdb_holder p {
    font-size: 13px;
    line-height: 1.6;
    color: #888;
}

/* ---- 自定义表格样式 PG_table（试验场名录，支持自由设置每列宽度）
       渲染：proving-ground/inc/common.js 动态生成 ---- */

/* 表格外层容器 */
.PG_table-container {
  margin: 20px 0;
  overflow-x: auto; /* 小屏幕横向滚动 */
}

/* 表格基础样式 */
.PG_table {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #e5e6eb;
  table-layout: fixed; /* 固定布局，保证列宽精准生效 */
}

/* 表头样式 */
.PG_table th {
  background-color: #333333;
  color: #ffffff;
  font-weight: 600;
  font-size: 15px;
  padding: 20px 10px;
  border: 1px solid #444444;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap; /* 表头文字不换行 */
}

/* ══════════════════════════════════════════════
   ✅ 自由布局列宽：在这里修改每一列的宽度
   数字顺序对应：第1列、第2列、第3列、第4列...
   你想多宽就改多少 px
   ══════════════════════════════════════════════ */
.PG_table th:nth-child(1), .PG_table td:nth-child(1) { width: 20px; }   /* 第1列（序号） */
.PG_table th:nth-child(2), .PG_table td:nth-child(2) { width: 70px; }  /* 第2列（名称） */
.PG_table th:nth-child(3), .PG_table td:nth-child(3) { width: 30px; }  /* 第3列（省份） */
.PG_table th:nth-child(4), .PG_table td:nth-child(4) { width: 50px; }  /* 第4列（城市） */
.PG_table th:nth-child(5), .PG_table td:nth-child(5) { width: 45px; }  /* 第5列（建成时间） */
.PG_table th:nth-child(6), .PG_table td:nth-child(6) { width: 45px; }  /* 第6列（坐标） */
.PG_table th:nth-child(7), .PG_table td:nth-child(7) { width: 70px; }  /* 第7列（运营方）→ 加宽了！ */
.PG_table th:nth-child(8), .PG_table td:nth-child(8) { width: 40px; }  /* 第8列（开放状态） */
.PG_table th:nth-child(9), .PG_table td:nth-child(9) { width: 40px; }  /* 第9列（面积） */

/* 表格内容单元格 */
.PG_table tbody td {
  padding: 16px 10px;
  border: 1px solid #e5e6eb;
  background-color: #f8f9fa;
  color: #333333;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  word-wrap: break-word; /* 长文本自动换行 */
}

/* 所有列统一居中对齐 */
.PG_table th,
.PG_table tbody td {
    text-align: center;
}

/* 偶数行斑马线 */
.PG_table tbody tr:nth-child(even) td {
  background-color: #ffffff;
}

/* 鼠标悬浮效果 */
.PG_table tbody tr:hover td {
  background-color: #f1f3f5;
  transition: background-color 0.2s ease;
}

/* 表头排序箭头 */
.PG_table th .sort-arrow {
  margin-left: 5px;
  font-size: 14px;
  color: #ffffff;
}

/* ---- 法规页专用容器（regulation/ece_regulations.php） ---- */
.reg-container {
    max-width: 100%;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.1);
    padding: 20px;
}
.reg-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    gap: 20px;
}
.reg-container h1 {
    color: #303133;
    font-size: 24px;
    margin: 0;
    white-space: nowrap;
}
.reg-container .search-box {
    display: flex;
    gap: 0px;
    margin: 0;
}
.reg-container .search-box input {
    flex: 1;
    max-width: 400px;
    padding: 8px 12px;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    font-size: 14px;
}
.reg-container .search-box button {
    padding: 8px 20px;
    background-color: var(--blue-primary);
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}
.reg-container .search-box button:hover {
    background-color: var(--blue-hover);
}
.reg-container .search-box a {
    line-height: 34px;
    color: var(--blue-primary);
    text-decoration: underline;
}

/* 法规页表格滚动容器（表头吸顶 + 纵向滚动） */
.table-wrap {
  overflow-x: auto;
  max-height: 750px;
  overflow-y: auto;
  display: block;
}

/* ══════════════════════════════════════════════
   法规列表表格（作用域限定：仅 .reg-container 内的 <table>）
   注：原为全局 table 规则，为避免影响 term_admin.php /
       show_articles.php 后台表格，已限定作用域，
       两个后台页的等效规则见本区末尾“后台表格等效复刻”。
   ══════════════════════════════════════════════ */
.reg-container table {
    width:100%;
    border-collapse: collapse;
    font-size: 14px;
    table-layout: fixed;
}
.reg-container table th:nth-child(1) { width: 6%;  }   /* 序号 */
.reg-container table th:nth-child(2) { width: 10%; }   /* 法规编号 */
.reg-container table th:nth-child(3) { width: 10%; }   /* 中文简称 */
.reg-container table th:nth-child(4) { width: 22%; }   /* 中文全称 */
.reg-container table th:nth-child(5) { width: 6%;  }   /* GR */
.reg-container table th:nth-child(6) { width: 36%; }   /* 摘要 */
.reg-container table th:nth-child(7) { width: 10%; }   /* 状态 */

.reg-container table th {
    padding: 10px 6px;
    text-align: center;
    border-bottom: 1px solid #ebeef5;
    vertical-align: middle;
    background-color: #fafafa;
    color: #606266;
    font-weight: 500;
    position: sticky;
    top: 0;
    z-index: 10;
}
.reg-container table td {
    padding: 10px 6px;
    text-align: left;
    border-bottom: 1px solid #ebeef5;
    vertical-align: middle;
    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}
.reg-container table tr:hover {
    background-color: #f5f7fa;
}

/* 法规列表表格：最小宽度，窄屏时触发横向滚动 */
.table-wrap table {
    min-width: 680px;
}

/* ══════════════════════════════════════════════
   后台管理表格等效复刻
   说明：term_admin.php（.admin-box 内）与 show_articles.php
       （.content 内）的表格此前依赖原“全局 table”规则，
       为保证显示逐像素一致，在此按原值补回等效规则。
   ══════════════════════════════════════════════ */
.admin-box table {
    width:100%;
    border-collapse: collapse;
    font-size: 14px;
    table-layout: fixed;
}
.admin-box table th:nth-child(1) { width: 6%;  }
.admin-box table th:nth-child(2) { width: 10%; }
.admin-box table th:nth-child(3) { width: 10%; }
.admin-box table th:nth-child(4) { width: 22%; }
.admin-box table th:nth-child(5) { width: 6%;  }
.admin-box table th:nth-child(6) { width: 36%; }
.admin-box table th {
    padding: 10px 6px;
    text-align: center;
    border-bottom: 1px solid #ebeef5;
    vertical-align: middle;
    background-color: #fafafa;
    color: #606266;
    font-weight: 500;
    position: sticky;
    top: 0;
    z-index: 10;
}
.admin-box table td {
    padding: 10px 6px;
    text-align: left;
    border-bottom: 1px solid #ebeef5;
    vertical-align: middle;
    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}
.admin-box table tr:hover {
    background-color: #f5f7fa;
}
.content table {
    width:100%;
    border-collapse: collapse;
    font-size: 14px;
    table-layout: fixed;
}
.content table th:nth-child(1) { width: 6%;  }
.content table th:nth-child(2) { width: 10%; }
.content table th:nth-child(3) { width: 10%; }
.content table th:nth-child(4) { width: 22%; }
.content table th:nth-child(5) { width: 6%;  }
.content table th:nth-child(6) { width: 36%; }
.content table th {
    padding: 10px 6px;
    text-align: center;
    border-bottom: 1px solid #ebeef5;
    vertical-align: middle;
    background-color: #fafafa;
    color: #606266;
    font-weight: 500;
    position: sticky;
    top: 0;
    z-index: 10;
}
.content table td {
    padding: 10px 6px;
    text-align: left;
    border-bottom: 1px solid #ebeef5;
    vertical-align: middle;
    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}
.content table tr:hover {
    background-color: #f5f7fa;
}

/* ---- 法规页窄屏适配 ---- */
@media (max-width: 900px) {
    .reg-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    .reg-container .search-box {
        width: 100%;
    }
    .reg-container .search-box input {
        max-width: 100%;
    }
}
.no-data {
    text-align: center;
    padding: 40px 0;
    color: #909399;
}
.reg-link { color: var(--blue-primary); text-decoration: underline; }
.un-link { color: var(--blue-primary); text-decoration: underline; }
.sdb_holder ul li a.active { color: var(--blue-primary); font-weight: bold; }

/* ==============================================
   第 6 区：文章模块
   含：文章详情页 / 通用分页 / 文章列表
   ============================================== */

/* ---- 文章详情页样式（article/detail.php） ---- */
.article-wrap {
    background: #fff;
    padding: 35px;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}
.article-top {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    margin-bottom: 25px;
}
/* 注：详情页标题设计为 26px，但会被下方“文章列表自定义样式”中
   同名 .article-title（18px）规则覆盖——按用户确认保持现状（18px），
   如需恢复 26px 请删除下方列表版同名规则。 */
.article-title {
    font-size: 26px;
    color: #222;
    margin: 0 0 12px 0;
    font-weight: bold;
}
.article-meta {
    font-size: 14px;
    color: #999;
}
.article-cover {
    width: 100%;
    border-radius: 6px;
    margin: 15px 0 25px;
    max-height: 400px;
    object-fit: cover;
}
.article-content {
    color: #333;
    line-height: 1.8;
    font-size: 16px;
}
/* 文章内容区链接：默认蓝色，悬浮绿色（覆盖全局 a{color:white}） */
.article-content a{color:#1a73e8; text-decoration:none; border-bottom:1px solid transparent; transition:color .2s, border-color .2s;}
.article-content a:hover{color:var(--green-primary); border-bottom-color:var(--green-primary);}
.article-content h1,h2,h3,h4{margin:1.2em 0 0.6em; font-weight:bold;}
.article-content p{margin-bottom:1em;}
.article-content ul,ol{padding-left:2em; margin-bottom:1em;}
.article-content blockquote{
    border-left:4px solid var(--green-primary);
    padding:10px 15px;
    background:#f8f9fa;
    color:#666;
    margin:1em 0;
}
.article-content code{
    background:#f4f4f4;
    padding:2px 6px;
    border-radius:3px;
}
.article-content pre{
    background:#272822;
    color:#fff;
    padding:15px;
    border-radius:6px;
    overflow:auto;
    margin:1em 0;
}
.article-tags {
    margin-top: 30px;
    padding-top:20px;
    border-top:1px solid #eee;
}
.tag-item {
    display: inline-block;
    padding:4px 10px;
    background:#e6f2ff;
    color:var(--blue-primary);
    border-radius:3px;
    font-size:13px;
    margin-right:8px;
    margin-bottom:8px;
}
.back-btn {
    display: inline-block;
    margin-top:25px;
    padding:8px 16px;
    background:var(--green-primary);
    color:#fff;
    text-decoration:none;
    border-radius:4px;
}
.back-btn:hover{background:var(--green-back-hover);}

/* ---- 通用分页样式（法规列表 / 文章列表共用） ---- */
/* 注：布局与配色原分处两处（见第 4 区 .pagination 配色），顺序不可互换 */
.pagination{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  width: 100%;
  clear: both;
  margin-top: 20px;
  padding-top: 10px;
}
.pagination a,
.pagination .page-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding:8px 12px;
  margin:0 2px;
  border:1px solid #dcdfe6;
  border-radius:4px;
  background-color: #fff;
  color: var(--blue-primary);
  font-weight:normal;
  text-decoration:none;
  transition: all 0.2s ease;
  min-width: 40px;
}
.pagination .current {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding:8px 12px;
  margin:0 2px;
  border:1px solid var(--green-primary);
  border-radius:4px;
  background-color: var(--green-primary);
  color: #fff;
  font-weight: bold;
  min-width: 40px;
}
.pagination a:hover,
.pagination .page-link:hover {
  color: #fff;
  background-color: var(--blue-primary);
  border-color: var(--blue-primary);
}
.pagination span:not(.current){
  color: #999;
  margin-left: 10px;
}

.pagination .disabled {
  background-color: #f5f7fa;
  color: #c0c4cc;
  border-color: #ebeef5;
  cursor: not-allowed;
  pointer-events: none;
}

/* ---- 文章列表（article/show_articles.php 后台使用 .article-list） ---- */
.article-list {
  margin-bottom: 50px;
}
/* ⚠ 重要：此规则为“文章列表”版同名 .article-title（18px）。
   与上方详情页版同名规则权重相同、定义在后，因此实际覆盖详情页标题字号。
   按用户确认保持现状（18px），请勿随意删除或调整顺序。 */
.article-title {
  margin: 0 0 8px 0;
  font-size: 18px;
  font-weight: bold;
}
.article-title a {
  color: #333;
  text-decoration: none;
}

/* ==============================================
   第 7 区：术语模块（terms/termsearch.php 等）
   ============================================== */
.header-banner {
    text-align: center;
    padding: 40px 0 20px;
    margin-bottom: 20px;
}
.logo-container {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}
.logo-placeholder {
    width: 350px;
    height: auto;
    vertical-align: middle;
}
.slogan {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}
.slogan p {
    margin: 5px 0;
    font-size: 16px;
    color: #333;
}
.slogan h2 {
    font-size: 28px;
    font-weight: bold;
    margin: 0;
    color: #222;
}
.search-container {
    max-width: 680px;
    margin: 0 auto;
    padding: 20px 15px;
    text-align: center;
}
.search-wrapper {
    position: relative;
    display: flex;
    height: 55px;
    margin-bottom: 25px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.1);
    border-radius: 4px;
}
/* 术语页搜索输入框/按钮（原全局 .search-input/.search-btn，限定到本容器） */
.search-wrapper .search-input {
    flex: 1;
    padding: 0 20px;
    border: none;
    border-radius: 4px 0 0 4px;
    font-size: 16px;
    outline: none;
}
.search-wrapper .search-btn {
    width: 60px;
    border: none;
    background-color: var(--green-primary);
    color: white;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    font-size: 20px;
    transition: background-color 0.3s;
}
.search-wrapper .search-btn:hover {
    background-color: var(--green-term-hover);
}
.hot-search {
    margin-top: 30px;
    text-align: center;
}
.hot-search .title {
    display: inline-block;
    color: #ff4d4f;
    font-weight: bold;
    margin-right: 10px;
    vertical-align: top;
    line-height: 36px;
}
.hot-tags {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}
.hot-tags span {
    display: inline-block;
    padding: 6px 15px;
    background-color: #e8f4fd;
    color: var(--blue-hot);
    border-radius: 20px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
    line-height: 1.5;
}
.hot-tags span:hover {
    background-color: #d1e7fa;
    transform: scale(1.05);
}

/* 术语页移动端响应式 */
@media screen and (max-width: 768px) {
    .logo-container, .slogan {
        display: block;
        margin: 0 auto 15px;
        text-align: center;
    }
    .slogan h2 {
        font-size: 22px;
    }
    .search-wrapper {
        height: 45px;
    }
    .hot-search .title {
        display: block;
        margin-bottom: 10px;
        line-height: normal;
    }
    .hot-tags span {
        padding: 5px 12px;
        font-size: 13px;
    }
}

/* ==============================================
   第 8 区：名录 / 地图模块（proving-ground/list.php）
   ============================================== */

/* 让“中国汽车试验场名录”标题居中 */
.page-title {
  text-align: center;
}

/* 让“汽车试验场分布地图-中国”标题居中 */
.map-container h3 {
  text-align: center;
}

/* ==============================================
   第 9 区：响应式 移动端适配
   注：断点较多（978/900/768/750/450/380）且为历史叠加，
       为保持现有显示效果，本区不做断点收敛，仅加注释说明。
       各断点作用：
       978px↑  .hoc 主容器加宽至 1130px
       900px↓  导航改垂直、隐藏桌面菜单、显示下拉；分栏/横幅适配
       768px↓  #mainav 搜索框通栏
       750px↓  页头居中、列块纵向堆叠、intro 收缩
       450px↓  split 内边距、footer 时间
       650px↓  字号缩小（.font-x3）
   ============================================== */
@-ms-viewport{width:device-width;}
@media screen and (min-width:978px){
	.hoc{max-width:1130px;}
}

@media screen and (max-width:900px){
	.hoc{max-width:90%;}
	#mainav{
    flex-direction: column; /* 改为垂直排列，解决搜索框和菜单的冲突 */
    padding:10px 0;
  }

  /* 1. 隐藏原导航栏（关键！确保移动端不显示） */
	#mainav > ul.clear {
		display: none;
	}

  /* 2. 让两个form（搜索框+下拉菜单）都能正常显示 */
	#mainav form{
    display:block;
    width:100%;
    margin:5px 0;
  }
  #mainav form select {
    width: 100%;
    padding: 10px;
    border: 1px solid var(--green-nav);
    background: #222;
    color: #fff;
    outline: none;
    font-size: 16px;
  }

	.split .box, .split.rightaligned .box{float:none; width:100%;}
	.split{background-color:rgba(0,0,0,.75);}
	.split.light{background-color:rgba(248,248,248,.85);}
	#copyright p:first-of-type{margin-bottom:10px;}
}

@media screen and (max-width:750px){
	.fl_left, .fl_right{display:block; float:none;}
	.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;}
	#header{text-align:center;}
	#header #logo{margin-bottom:15px;}
	#pageintro{padding:100px 0 200px 0;}
	#pageintro .introtxt{max-width:none; width:100%;}
	#pageintro .introtxt .heading{font-size:36px;}
	#introblocks .elements > li{margin-bottom:50px;}
	#introblocks .elements > li:last-child{margin-bottom:0;}
	#footer{padding-bottom:50px;}
}

@media screen and (max-width:768px) {
  #mainav{
    flex-direction: column;
    align-items: flex-start;
    padding: 10px 0;
    gap: 10px;
  }
  #mainav .search-box{
    width: 100%;
    margin-left: 0;
  }
}

@media screen and (max-width:450px){
	.split .box{padding:12%;}
}

@media screen and (max-width:650px){
	.font-x3{font-size:1.6rem;}
}

/* ==============================================
   第 10 区：地图组件专用样式（已整合，无修改）
   说明：试验场名录页侧栏列表 + 地图容器（proving-ground/list.php）
   ============================================== */
.map-wrapper {
  display: flex;
  position: relative;
  margin: 15px 0;
  border: 1px solid #eee;
  height: 500px;
}
.map-wrapper .sidebar {
  width: 200px;
  height: 100%;
  background: #fff;
  border-right: 1px solid #eee;
  display: flex;
  flex-direction: column;
}
.sidebar-header {
  padding: 10px;
  background: #eee;
  font-weight: bold;
}
.map-container .search-box {
  padding: 10px;
}
.map-container .search-box input {
  width: 100%;
  padding: 5px;
}
.sidebar-list {
  flex: 1;
  overflow-y: auto;
  padding: 0;
  margin: 0;
  list-style: none;
}
.sidebar-list li {
  padding: 10px 15px;
  border-bottom: 1px solid #f5f5f5;
  font-size: 14px;
  cursor: pointer;
}
.sidebar-list li:hover {
  background: #f0f7ff;
}
.sidebar-list li.active {
  background: #d6e8ff;
  font-weight: bold;
}
#testGroundMap {
  flex: 1;
  height: 100%;
}

/* ==============================================
   第 11 区：法规页内容区固定高度（ece_regulations.php）
   说明：原内联 <style> 块提取，防止 footer 闪动
   ============================================== */
#main-content {
  min-height: 600px;
  height: 1000px;
  overflow-y: auto;
  overflow-x: hidden;
  transition: none;
}

/* ==============================================
   第 12 区：反馈页通用样式（about / contact / error）
   说明：原三页各自的 <style> 块合并提取，body 需加 class="feedback-page"
   ============================================== */
.feedback-page .article-content { padding: 0; }

/* 白色卡片（三页共用规格） */
.about-card,
.contact-card,
.feedback-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
  padding: 36px;
  margin-bottom: 32px;
}
.feedback-card { margin-bottom: 0; }

/* about-card 段落排版 */
.about-card p {
  font-size: 16px;
  line-height: 1.85;
  color: #333;
  margin: 0 0 18px 0;
  text-indent: 2em;
}
.about-card p:last-child { margin-bottom: 0; }

/* 联系项（contact / error 共用） */
.contact-item {
  display: flex;
  align-items: flex-start;
  padding: 20px 0;
  border-bottom: 1px solid #eee;
}
.contact-item:last-child { border-bottom: none; }
.contact-item i {
  font-size: 24px;
  color: #58BA2B;
  width: 32px;
  margin-right: 14px;
  padding-top: 3px;
}
.contact-text { flex: 1; }
.contact-text strong {
  display: block;
  font-size: 16px;
  color: #222;
  font-weight: bold;
  margin-bottom: 4px;
}
.contact-text p,
.contact-text a {
  margin: 0;
  font-size: 15px;
  color: #888;
  text-decoration: none;
}
.contact-text a:hover {
  color: #58BA2B;
  text-decoration: underline;
}

/* 反馈表单（error.php） */
.feedback-page .feedback-card h3 {
  font-size: 18px;
  color: #222;
  font-weight: bold;
  margin: 0 0 8px;
}
.feedback-page .feedback-desc {
  color: #888;
  font-size: 15px;
  margin: 0 0 26px;
}
.feedback-page .form-group { margin-bottom: 22px; }
.feedback-page .form-group label {
  display: block;
  font-size: 15px;
  color: #222;
  margin-bottom: 7px;
}
.feedback-page .form-group input,
.feedback-page .form-group select,
.feedback-page .form-group textarea {
  width: 100%;
  padding: 11px 14px;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  font-size: 15px;
  color: #333;
  background: #fff;
  transition: border .2s;
}
.feedback-page .form-group input:focus,
.feedback-page .form-group select:focus,
.feedback-page .form-group textarea:focus {
  outline: none;
  border-color: #58BA2B;
}
.feedback-page .form-group textarea {
  min-height: 130px;
  resize: none;
}
.feedback-page .btn {
  padding: 11px 28px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 15px;
}
.feedback-page .tip-text { margin-top: 12px; font-size: 15px; }
.feedback-page .success-tip { color: #58BA2B; }
.feedback-page .error-tip { color: #f2564c; }

/* ============================================================
   名录页优化样式（任务7）
   ============================================================ */

/* 筛选栏 */
.pg-filter-bar {
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
  flex-wrap: wrap;
  align-items: center;
}
.pg-filter-bar input[type="text"],
.pg-filter-bar select {
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
}
.pg-filter-bar input[type="text"]:focus,
.pg-filter-bar select:focus {
  outline: none;
  border-color: #58BA2B;
}
.pg-btn {
  padding: 8px 16px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  font-size: 14px;
  white-space: nowrap;
  transition: all .2s;
}
.pg-btn:hover { background: #f5f5f5; }
.pg-btn-primary {
  background: #58BA2B;
  color: #fff;
  border-color: #58BA2B;
}
.pg-btn-primary:hover { background: #4a9f23; }

/* 地图右下角控制按钮 */
.map-controls {
  position: absolute;
  bottom: 15px;
  right: 15px;
  z-index: 9999;
  display: flex;
  gap: 8px;
}
.map-control-btn {
  padding: 7px 14px;
  border: 1px solid rgba(255,255,255,0.3);
  border-radius: 4px;
  background: rgba(0,0,0,0.6);
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  white-space: nowrap;
  transition: all .2s;
  backdrop-filter: blur(4px);
}
.map-control-btn:hover {
  background: rgba(0,0,0,0.8);
  border-color: rgba(255,255,255,0.5);
}
.map-control-btn-primary {
  background: rgba(88,186,43,0.85);
  border-color: rgba(88,186,43,0.5);
}
.map-control-btn-primary:hover {
  background: rgba(74,159,35,0.95);
}

/* 表格行高亮 */
#testGroundTable tr.active-row {
  background: #e8f5e9 !important;
}
#testGroundTable tr.active-row td {
  background: #e8f5e9 !important;
}

/* 侧边栏搜索框优化 */
.sidebar .search-box {
  padding: 10px;
  border-bottom: 1px solid #eee;
}
.sidebar .search-box input {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 13px;
  box-sizing: border-box;
  transition: border-color .2s;
}
.sidebar .search-box input:focus {
  outline: none;
  border-color: #58BA2B;
  box-shadow: 0 0 0 2px rgba(88,186,43,0.1);
}
.sidebar .search-box input::placeholder {
  color: #aaa;
}

/* 坐标链接 */
.coord-link {
  color: #58BA2B;
  text-decoration: none;
  font-size: 13px;
  white-space: nowrap;
}
.coord-link:hover { text-decoration: underline; }

/* 地图容器 */
.map-container {
  position: relative;
  margin-top: 30px;
}
.map-wrapper {
  display: flex;
  gap: 0;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  overflow: hidden;
  height: 500px;
  position: relative;
}
.map-wrapper .sidebar {
  width: 240px;
  border-right: 1px solid #e0e0e0;
  display: flex;
  flex-direction: column;
  background: #fff;
}
.map-wrapper #testGroundMap,
.map-wrapper #cesiumContainer {
  flex: 1;
  position: relative;
  height: 100%;
  min-height: 100%;
  z-index: 1;
}

/* 全屏地图 */
.map-container.fullscreen-map {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 9999;
  background: #fff;
  margin: 0;
  padding: 15px;
}
.map-container.fullscreen-map .map-wrapper {
  height: calc(100vh - 80px);
}
.map-container.fullscreen-map h3 {
  margin: 0 0 10px 0;
}

/* 加载进度条 */
.map-loading-bar {
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0,0,0,0.75);
  color: #fff;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 13px;
  z-index: 9999;
  display: flex;
  align-items: center;
  gap: 8px;
}
.loading-spinner {
  width: 14px;
  height: 14px;
  border: 2px solid rgba(255,255,255,0.3);
  border-top-color: #fff;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

/* 降级提示 */
.map-degrade-tip {
  position: absolute;
  top: 50px;
  right: 15px;
  background: #fff3cd;
  border: 1px solid #ffc107;
  color: #856404;
  padding: 10px 15px;
  border-radius: 4px;
  font-size: 13px;
  z-index: 9999;
  max-width: 320px;
}
.map-degrade-tip button {
  background: none;
  border: none;
  color: #856404;
  cursor: pointer;
  font-size: 12px;
  text-decoration: underline;
}

/* Cesium 自定义弹窗 */
.cesium-popup {
  position: fixed;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.2);
  z-index: 10000;
  max-width: 260px;
  display: none;
}
.cesium-popup-close {
  position: absolute;
  top: 5px;
  right: 8px;
  cursor: pointer;
  font-size: 18px;
  color: #999;
  line-height: 1;
}
.cesium-popup-close:hover { color: #333; }

/* 移动端适配 */
@media screen and (max-width: 768px) {
  .pg-filter-bar {
    flex-direction: column;
    align-items: stretch;
  }
  .pg-filter-bar input[type="text"],
  .pg-filter-bar select,
  .pg-btn {
    width: 100%;
  }
  .map-wrapper {
    flex-direction: column;
    height: auto;
  }
  .map-wrapper .sidebar {
    width: 100%;
    max-height: 200px;
    border-right: none;
    border-bottom: 1px solid #e0e0e0;
  }
  .map-wrapper #testGroundMap,
  .map-wrapper #cesiumContainer {
    height: 350px;
  }
  .map-container.fullscreen-map .map-wrapper {
    height: calc(100vh - 120px);
  }
  .map-container.fullscreen-map .map-wrapper .sidebar {
    max-height: 150px;
  }
  .map-container.fullscreen-map .map-wrapper #testGroundMap,
  .map-container.fullscreen-map .map-wrapper #cesiumContainer {
    height: calc(100% - 150px);
  }
}

/* ========================================
   法规解读 - 修订历程时间线模块
   统一处理 .mini-chain / .trace-chain / 内联flex溯源链
   ======================================== */
.analysis-content .mini-chain,
.analysis-content .trace-chain {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 0 !important;
    padding: 10px 4px !important;
    scrollbar-width: thin;
    scrollbar-color: #ccc transparent;
}
.analysis-content .mini-chain::-webkit-scrollbar,
.analysis-content .trace-chain::-webkit-scrollbar {
    height: 4px;
}
.analysis-content .mini-chain::-webkit-scrollbar-thumb,
.analysis-content .trace-chain::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 2px;
}
.analysis-content .mini-chain::-webkit-scrollbar-track,
.analysis-content .trace-chain::-webkit-scrollbar-track {
    background: transparent;
}
/* 节点不收缩 */
.analysis-content .mini-chain-item,
.analysis-content .chain-step {
    flex: 0 0 auto !important;
    min-width: 110px;
    max-width: 180px;
}
/* 精简卡片节点间箭头（完整报告已有 chain-connector，不重复加） */
.analysis-content .mini-chain .mini-chain-item {
    position: relative;
    margin-right: 20px !important;
}
.analysis-content .mini-chain .mini-chain-item:not(:last-child)::after {
    content: "\2192";
    position: absolute;
    right: -16px;
    top: 50%;
    transform: translateY(-50%);
    color: #9ca3af;
    font-size: 14px;
    font-weight: 600;
}
/* 内联样式溯源链（无class的情况） */
.analysis-content div[style*="flex-wrap"] {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
}

/* 法规解读 - 条款变更表格 */
.analysis-content .clause-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    margin: 12px 0;
}
.analysis-content .clause-table thead th {
    background: #f5f7fa;
    font-weight: 600;
    color: #1a3a5c;
    font-size: 13px;
}
.analysis-content .clause-table th,
.analysis-content .clause-table td {
    text-align: left !important;
    vertical-align: top;
    padding: 10px 12px;
    border-bottom: 1px solid #e8ecf0;
    word-break: break-word;
    font-size: 13px;
    line-height: 1.7;
}
.analysis-content .clause-table tbody tr:hover {
    background: #fafbfc;
}
.analysis-content .clause-table .clause-no {
    white-space: normal;
    font-weight: 600;
    color: #c0392b;
    font-family: Consolas, monospace;
    font-size: 12.5px;
}
.analysis-content .clause-table .clause-content {
    color: #2c3e50;
}
.analysis-content .clause-table .clause-original {
    color: #7f8c8d;
    font-size: 12px;
}
.analysis-content .clause-table .badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    background: #e8f5e9;
    color: #2e7d32;
}

/* 法规解读 - 精简卡片变更条目（两列布局） */
.analysis-content .card-change {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px dashed #e8ecf0;
    overflow: hidden;
}
.analysis-content .card-change:last-child {
    border-bottom: none;
}
.analysis-content .card-clause {
    flex: 0 0 200px;
    min-width: 200px;
    max-width: 200px;
    font-weight: 600;
    color: #c0392b;
    font-family: Consolas, monospace;
    font-size: 12.5px;
    line-height: 1.6;
    text-align: left;
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: normal !important;
}
.analysis-content .card-change-text {
    flex: 1;
    min-width: 0;
    color: #2c3e50;
    font-size: 13px;
    line-height: 1.7;
    text-align: left;
    word-break: break-word;
    overflow-wrap: break-word;
}
/* 精简卡片主题区 */
.analysis-content .theme-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 12px;
}
.analysis-content .theme-card-header {
    background: linear-gradient(135deg, #0d2137, #1a3a5c);
    color: #fff;
    padding: 10px 16px;
    font-weight: 600;
    font-size: 14px;
}
.analysis-content .theme-card-body {
    padding: 12px 16px;
}

/* 法规解读 - 解读摘要区块 */
.analysis-summary-block {
    background: #f9fafb;
    border-left: 3px solid #58BA2B;
    border-radius: 0 8px 8px 0;
    padding: 14px 18px;
    margin: 16px 0;
}
.analysis-summary-label {
    font-size: 13px;
    font-weight: 600;
    color: #58BA2B;
    margin-bottom: 6px;
    letter-spacing: 0.5px;
}
.analysis-summary-text {
    font-size: 14px;
    color: #374151;
    line-height: 1.7;
}

/* 法规解读 - 蓝色标题区 */
.analysis-header {
    background: linear-gradient(135deg, #0d2137, #1a3a5c);
    color: #fff;
    padding: 24px 28px;
    border-radius: 10px;
    margin-bottom: 16px;
}
.analysis-header .analysis-type-badge {
    background: rgba(255,255,255,0.15);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.3);
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 10px;
}
.analysis-header .analysis-title {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 8px 0;
    line-height: 1.4;
}
.analysis-header .analysis-meta {
    color: rgba(255,255,255,0.75);
    font-size: 13px;
}
.analysis-header .analysis-meta span {
    color: rgba(255,255,255,0.75);
}

/* 法规解读 - 修订历程滚动条美化 */
.analysis-content .mini-chain::-webkit-scrollbar {
    height: 6px;
}
.analysis-content .mini-chain::-webkit-scrollbar-track {
    background: #f0f2f5;
    border-radius: 3px;
}
.analysis-content .mini-chain::-webkit-scrollbar-thumb {
    background: #c0c8d4;
    border-radius: 3px;
}
.analysis-content .mini-chain::-webkit-scrollbar-thumb:hover {
    background: #9ca8b8;
}
.analysis-content .mini-chain {
    scrollbar-width: thin;
    scrollbar-color: #c0c8d4 #f0f2f5;
    position: relative;
}
/* 右侧渐变提示，暗示可滚动 */
.analysis-content .mini-chain::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 6px;
    width: 24px;
    background: linear-gradient(to right, transparent, rgba(255,255,255,0.9));
    pointer-events: none;
    border-radius: 0 8px 8px 0;
}

/* ============================================================
   法规解读详情页模块 (regulation/analysis_detail.php)
   ============================================================ */
.analysis-page { max-width: 1100px; margin: 0 auto; padding: 20px 0; }

/* 返回按钮 */
.analysis-back { margin-bottom: 16px; }
.analysis-back a { display: inline-block; color: #1a3a5c; text-decoration: none; font-size: 13px; font-weight: 600; padding: 8px 16px; background: #f0f4f8; border: 1px solid #d0dae6; border-radius: 6px; transition: all 0.2s; }
.analysis-back a:hover { background: #1a3a5c; color: #fff; border-color: #1a3a5c; text-decoration: none; }

/* 蓝色标题区 */
.analysis-header { background: linear-gradient(135deg, #0d2137, #1a3a5c); color: #fff; border-radius: 10px; padding: 24px 28px; margin-bottom: 16px; }
.analysis-type-badge { display: inline-block; background: rgba(255,255,255,0.15); color: #fff; border: 1px solid rgba(255,255,255,0.3); font-size: 12px; padding: 4px 12px; border-radius: 4px; margin-bottom: 10px; font-weight: 600; }
.analysis-title { font-size: 22px; font-weight: 700; color: #fff; margin: 0 0 8px; line-height: 1.4; }
.analysis-meta { font-size: 13px; color: rgba(255,255,255,0.75); display: flex; flex-wrap: wrap; gap: 16px; }
.analysis-meta span { display: inline-flex; align-items: center; gap: 4px; color: rgba(255,255,255,0.75); }

/* 内容区 */
.analysis-content { background: #fff; border: 1px solid #ebeef5; border-radius: 8px; padding: 24px; overflow-x: auto; }
.analysis-content img { max-width: 100%; height: auto; }
/* 覆盖嵌入HTML内部的固定宽度，让内容撑满容器 */
.analysis-content .card-container,
.analysis-content [style*="max-width"] { max-width: 100% !important; }
.analysis-content .card { background: transparent !important; box-shadow: none !important; border-radius: 0 !important; margin: 0 !important; overflow: visible !important; }
.analysis-content body { padding: 0 !important; background: transparent !important; margin: 0 !important; }
.analysis-content .footer { text-align: center; color: #9ca3af; font-size: 12px; padding: 16px 0 8px; border-top: 1px solid #f0f0f0; margin-top: 16px; }

/* 引用文献 */
.analysis-refs { margin-top: 16px; background: #fff; border: 1px solid #ebeef5; border-radius: 8px; padding: 16px 20px; font-size: 13px; color: #6b7280; }
.analysis-refs h4 { margin: 0 0 8px; font-size: 14px; color: #1f2937; }

/* 移动端 */
@media (max-width: 768px) {
    .analysis-content { padding: 16px; }
    .analysis-title { font-size: 18px; }
}

/* 法规解读 - 关键信息统一标准样式（覆盖content自带样式） */
.analysis-content .key-facts {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important;
    gap: 8px !important;
    margin-bottom: 16px !important;
}
.analysis-content .key-fact {
    background: #f8f9fb !important;
    padding: 8px 12px !important;
    border-radius: 6px !important;
    border-left: none !important;
    border: none !important;
}
.analysis-content .key-fact .k {
    font-size: 10px !important;
    color: #95a5a6 !important;
    text-transform: uppercase !important;
    margin-bottom: 0 !important;
}
.analysis-content .key-fact .v {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #2c3e50 !important;
    margin-top: 2px !important;
}
/* section-title 统一 */
.analysis-content .section-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1a3a5c !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin: 20px 0 12px !important;
}

/* ============================================================
   GB 汽车强制性标准模块样式（regulation/gb/）
   ============================================================ */

/* --- 列表页：表格对齐 --- */
.reg-container table th { text-align: center; }
.reg-container table td { text-align: center; }
.reg-container table td.code { text-align: left; }
.reg-container table td.name { text-align: left; }

/* --- ECE/EU 表格列宽（7列）--- */
.reg-eu-table th:nth-child(1) { width: 6%; }
.reg-eu-table th:nth-child(2) { width: 12%; }
.reg-eu-table th:nth-child(3) { width: 16%; }
.reg-eu-table th:nth-child(4) { width: 28%; }
.reg-eu-table th:nth-child(5) { width: 8%; }
.reg-eu-table th:nth-child(6) { width: 24%; }
.reg-eu-table th:nth-child(7) { width: 6%; }

/* --- GB 表格列宽（6列）--- */
.reg-gb-table th:nth-child(1) { width: 16%; }
.reg-gb-table th:nth-child(2) { width: 34%; }
.reg-gb-table th:nth-child(3) { width: 12%; }
.reg-gb-table th:nth-child(4) { width: 10%; }
.reg-gb-table th:nth-child(5) { width: 14%; }
.reg-gb-table th:nth-child(6) { width: 14%; }

/* --- 列表页：侧边栏分类树 --- */
.sdb_holder h6 { font-size: 15px; font-weight: 700; color: #303133; border-bottom: 2px solid #409eff; padding-bottom: 8px; margin-bottom: 10px; }
.sdb_holder .cat-all a { display: block; padding: 6px 2px; border-radius: 4px; font-size: 16px; font-weight: 600; color: #303133; cursor: pointer; margin-bottom: 2px; }
.sdb_holder .cat-all a:hover { background: #ecf5ff; }
.sdb_holder .cat-all a.active { background: var(--blue-primary); color: #fff; }
.sdb_holder .cat-l1 { margin: 6px 0 2px; }
.sdb_holder .cat-l1-link { display: block; font-weight: 600; font-size: 15px; color: #303133; padding: 2px 4px; border-radius: 4px; cursor: pointer; }
.sdb_holder .cat-l1-link:hover { color: var(--blue-primary); }
.sdb_holder .cat-l1-link.active { color: var(--blue-primary); }
.sdb_holder .cat-l2 { padding-left: 14px; }
.sdb_holder .cat-l2 a { display: block; padding: 2px 6px; border-radius: 4px; font-size: 14px; color: #606266; cursor: pointer; }
.sdb_holder .cat-l2 a:hover { background: #ecf5ff; color: var(--blue-primary); }
.sdb_holder .cat-l2 a.active { background: var(--blue-primary); color: #fff; }
.sdb_holder .cat-l2 .cnt { color: #909399; font-size: 11px; margin-left: 4px; }

/* --- 列表页：搜索栏 --- */
.loading-placeholder { padding: 60px; text-align: center; color: #909399; }
.search-box select { padding: 8px 12px; border: 1px solid #dcdfe6; border-radius: 4px; font-size: 14px; color: #606266; background: #fff; cursor: pointer; outline: none; }
.search-box select:focus { border-color: var(--blue-primary); }
.search-box input { padding: 8px 12px; border: 1px solid #dcdfe6; border-radius: 4px; font-size: 14px; outline: none; }
.search-box input:focus { border-color: var(--blue-primary); }
.search-box button { padding: 8px 20px; background: var(--blue-primary); color: #fff; border: none; border-radius: 4px; cursor: pointer; font-size: 14px; }
.search-box button:hover { opacity: 0.9; }
.search-box .reset-link { line-height: 34px; color: var(--blue-primary); text-decoration: underline; font-size: 14px; }

/* --- 详情页 / 解读页：通用卡片 --- */
.detail-card { background:#fff; border-radius:8px; box-shadow:0 2px 12px rgba(0,0,0,.08); padding:24px; margin-bottom:16px; }
.detail-card h2 { font-size:16px; color:#303133; margin:0 0 16px; padding-bottom:8px; border-bottom:2px solid #409eff; }

/* --- 详情页：返回按钮 --- */
.back-link { margin-bottom:16px; }
.back-link a { display:inline-block; color:#1a3a5c; text-decoration:none; font-size:13px; font-weight:600; padding:8px 16px; background:#f0f4f8; border:1px solid #d0dae6; border-radius:6px; transition:all .2s; }
.back-link a:hover { background:#1a3a5c; color:#fff; border-color:#1a3a5c; text-decoration:none; }

/* --- 详情页：标准头部 --- */
.code-big { color:var(--blue-primary); font-size:22px; font-weight:600; }
.std-name { font-size:20px; color:#303133; }
.meta-row { color:#909399; font-size:13px; }
.meta-row span { margin-right:16px; }

/* --- 详情页：基本信息键值对 --- */
.kv { display:grid; grid-template-columns:120px 1fr; gap:10px 12px; font-size:14px; }
.kv .k { color:#909399; }
.kv .v { color:#303133; }

/* --- 详情页：时间线（代替关系） --- */
.timeline { list-style:none; padding-left:20px; border-left:2px solid #e4e7ed; }
.timeline li { position:relative; padding:8px 0 8px 16px; }
.timeline li::before { content:''; position:absolute; left:-25px; top:14px; width:10px; height:10px; border-radius:50%; background:var(--blue-primary); }
.timeline li.old::before { background:#c0c4cc; }

/* --- 详情页：标签 --- */
.tag { display:inline-block; font-size:11px; padding:1px 6px; border-radius:3px; margin-left:6px; }
.tag-rec { background:#f0f9eb; color:#67c23a; }
.tag-partial { background:#fdf6ec; color:#e6a23c; }

/* --- 详情页：修改单列表 --- */
.amd-list a { display:inline-block; margin:4px 8px 4px 0; padding:4px 12px; background:#ecf5ff; color:var(--blue-primary); border-radius:4px; text-decoration:none; font-size:13px; }

/* --- 详情页：解读入口（旧） --- */
.analysis-link { display:block; background:#f4f4f5; border:1px dashed #dcdfe6; border-radius:6px; padding:24px; text-align:center; color:var(--blue-primary); text-decoration:none; }
.analysis-link:hover { background:#ecf5ff; }
a.code-link { color:var(--blue-primary); text-decoration:none; }
a.code-link:hover { text-decoration:underline; }

/* --- 解读页：标准头部 --- */
.std-header { display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; padding-bottom:12px; border-bottom:1px solid #ebeef5; margin-bottom:16px; }
.std-header .code { color:var(--blue-primary); font-size:20px; font-weight:600; }
.std-header .name { font-size:18px; color:#303133; }
.std-header .cat { color:#909399; font-size:13px; }

/* --- 解读页：正文 --- */
h1.analysis-title { font-size:22px; color:#303133; margin:0 0 8px; }
.summary { color:#606266; font-size:14px; margin-bottom:20px; line-height:1.8; }
.analysis-content { font-size:15px; line-height:1.9; color:#303133; }
.analysis-content h2 { font-size:18px; margin:20px 0 10px; color:#303133; }
.analysis-content p { margin:10px 0; }
.analysis-content table { border-collapse:collapse; width:100%; margin:12px 0; }
.analysis-content table th, .analysis-content table td { border:1px solid #ebeef5; padding:6px 10px; font-size:14px; }
.analysis-content table th { background:#fafafa; }
.analysis-content ul, .analysis-content ol { margin:10px 0 10px 24px; }
.analysis-footer { color:#909399; font-size:12px; margin-top:20px; padding-top:16px; border-top:1px solid #ebeef5; text-align:center; }
.analysis-empty { text-align:center; padding:60px 20px; color:#909399; }