/**
 * ============================================================
 *  政务信息密度层 · V12.0 · 2026-11-10
 * ============================================================
 *  依据：对中国政府网（www.gov.cn）、苏州市人民政府（www.suzhou.gov.cn）
 *        首页的实拍取样与结构统计（2026-11-10）：
 *          gov.cn   页面高 2461px / 205 链接 / 113 列表项 / 18 个栏目
 *          苏州市   页面高 3927px / 405 链接 / 317 列表项
 *        V11 本站   页面高 5156px / 约 40 条内容 —— 更长、更空、条目更少。
 *
 *  问题①：滚动时页头被下方内容穿透。
 *    根因：header 为 position:sticky 但 z-index:auto；下方 .gov-sec-head
 *    是 position:relative，DOM 靠后 → 绘制在页头之上；且站名区自身无背景，
 *    源码 header.php 内联 CSS 又把 .header 高度写死 64px（三层实为 152px）。
 *    处理：页头显式高层级 + 每层实底 + height:auto，见第一节。
 *
 *  问题②：信息密度不像政府门户。
 *    政府门户 = 一屏多栏并存 + 「一行一条」的标题列表（右侧日期/状态）
 *    + 栏目条「更多 >>」+ 8~10 个服务入口 + 全边框表格 + 16~24px 板块间距。
 *    处理：新增 d-* 列表/多栏组件，全面收紧字号、行距、留白，见第二~六节。
 *
 *  色彩：完全沿用 gov-theme.css，不改任何色值。
 *  加载：最后加载（在 gov-layout.css 之后）。
 *  回退：删掉 header.php 中本文件的 <link> 一行，即回到 V11 版式。
 * ============================================================
 */

/* ============================================================
   一、页头：彻底不透明 + 高层级（修复滚动穿透）
   ============================================================ */
.header {
    position: sticky !important;
    top: 0 !important;
    height: auto !important;          /* 覆盖 header.php 内联 .header{height:64px} */
    min-height: 0 !important;
    z-index: 9999 !important;         /* 覆盖 z-index:auto，压住下方 position:relative 栏目条 */
    background: #FFFFFF !important;
    opacity: 1 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: visible !important;
    isolation: isolate;               /* 独立层叠上下文，子元素不再与外部争层 */
    box-shadow: inset 0 4px 0 #C8161D, 0 2px 6px rgba(0, 0, 0, .10) !important;
}
.gov-topbar, .header-inner, .gov-navbar { position: relative; z-index: 1; }
.gov-topbar { background: #F5F6F8 !important; }
.header-inner { background: #FFFFFF !important; }   /* 站名区自身实底，不再依赖父级 */
.gov-navbar { background: #9E1F23 !important; }
/* 中部内容区压在页头之下，杜绝任何盖顶 */
.cb-main, main { position: relative; z-index: 0; }
.gov-sec, .gov-sec-head, .d-panel { position: relative; z-index: 0; }

/* ============================================================
   二、全局密度：字号 -1px / 行距收紧 / 板块间距减半
   ============================================================ */
.gov-home { font-size: 14px !important; line-height: 1.65 !important; }
.gov-wrap { max-width: 1100px !important; padding: 0 24px; }
.gov-sec { padding: 20px 0 !important; border-bottom: 1px solid #E2E5EA !important; }
.gov-sec-head { padding: 0 0 8px !important; margin: 0 0 12px !important; }
.gov-h2 { font-size: 20px !important; }
.gov-h2::before { height: 18px !important; width: 4px !important; flex: 0 0 4px !important; }
.gov-sec-desc { font-size: 12.5px !important; }
.gov-note { font-size: 12px !important; margin-top: 8px !important; line-height: 1.7 !important; }
.gov-btn { font-size: 13.5px !important; padding: 8px 18px !important; }

/* ============================================================
   三、要闻首屏：从「大营销标题」改为「左要闻 + 右简报/动态」双栏
   ============================================================ */
.gov-hero { padding: 0 !important; border-bottom: 3px solid #9E1F23 !important; }
.d-lead {
    display: grid; grid-template-columns: 1.5fr 1fr; gap: 16px;
    padding: 16px 0 18px;
}
.d-lead-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
.gov-kicker { font-size: 12px !important; padding: 3px 10px !important; margin-bottom: 0 !important; }
.d-lead-date { font-size: 12px; color: #767676; font-variant-numeric: tabular-nums; }
.d-lead h1 {
    font-size: 26px !important; line-height: 1.4 !important;
    margin: 0 0 8px !important; color: #1A1A1A; font-weight: 800;
}
.d-lead h1 span { color: #9E1F23; }
.gov-hero-sub { font-size: 13.5px !important; line-height: 1.7 !important; margin-bottom: 10px !important; }
.d-lead-links {
    list-style: none; margin: 0 0 12px; padding: 5px 0;
    border-top: 1px solid #E2E5EA; border-bottom: 1px solid #E2E5EA;
}
.d-lead-links li { display: flex; align-items: center; gap: 8px; padding: 3px 0; font-size: 13.5px; color: #1A1A1A; }
.d-lead-links li::before { content: ""; width: 4px; height: 4px; background: #9E1F23; flex: 0 0 4px; }
.d-lead-links .d-meta { margin-left: auto; font-size: 12px; color: #767676; }
.gov-hero-cta { display: flex; gap: 10px; flex-wrap: wrap; }
.d-side { display: flex; flex-direction: column; gap: 10px; min-width: 0; }

/* 红头简报压缩 */
.gov-report-head { padding: 7px 12px !important; font-size: 13px !important; }
.gov-report-body { padding: 2px 12px 4px !important; }
.gov-report-row { padding: 6px 0 !important; }
.gov-report-q, .gov-report-ans, .gov-report-label { font-size: 12.5px !important; }
.gov-report-foot { padding: 8px 12px !important; font-size: 12px !important; line-height: 1.6 !important; }

/* 通知公告条 */
.gov-notice-inner { min-height: 38px !important; padding-top: 5px !important; padding-bottom: 5px !important; }
.gov-notice-text { font-size: 13px !important; }
.gov-notice-tag, .gov-notice-date { font-size: 12.5px !important; }

/* ============================================================
   四、核心：门户式「标题列表」组件（一行一条，右侧日期/状态）
   ============================================================ */
.d-panel { border: 1px solid #CFD4DC; background: #FFFFFF; min-width: 0; }
.d-panel-head {
    display: flex; align-items: center; justify-content: space-between; gap: 10px;
    background: #F5F6F8; border-bottom: 2px solid #9E1F23;
    padding: 7px 12px;
}
.d-panel-head b {
    font-size: 15px; font-weight: 800; color: #1A1A1A;
    border-left: 4px solid #9E1F23; padding-left: 8px; line-height: 1.3;
}
.d-more { font-size: 12.5px; color: #767676; text-decoration: none; white-space: nowrap; }
.d-more:hover { color: #9E1F23; text-decoration: underline; }
.d-list { list-style: none; margin: 0; padding: 2px 0; }
.d-list li {
    display: flex; align-items: center; gap: 8px;
    min-height: 32px; padding: 4px 12px;
    border-bottom: 1px dotted #E2E5EA;
    font-size: 13.5px; line-height: 1.5; color: #1A1A1A;
}
.d-list li:last-child { border-bottom: none; }
.d-list li::before { content: ""; width: 4px; height: 4px; background: #9E1F23; flex: 0 0 4px; }
.d-list a { color: #1A1A1A; text-decoration: none; flex: 1 1 auto; min-width: 0; }
.d-list a:hover { color: #9E1F23; text-decoration: underline; }
.d-list span.d-t { flex: 1 1 auto; min-width: 0; }
.d-meta {
    flex: 0 0 auto; font-size: 12px; color: #767676;
    font-variant-numeric: tabular-nums; white-space: nowrap;
}
.d-tag {
    flex: 0 0 auto; font-size: 11.5px; color: #9E1F23;
    border: 1px solid #D9B5B7; background: #FBF5F5; padding: 0 5px; white-space: nowrap;
}
.d-cols-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.d-cols-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }

/* ============================================================
   五、办事服务：4 格 → 8 格（两行），图标式紧凑入口
   ============================================================ */
.gov-quick-grid { grid-template-columns: repeat(4, 1fr) !important; }
.gov-quick {
    display: flex !important; align-items: center; gap: 9px;
    padding: 10px 12px !important; min-height: 52px;
}
.gov-quick-no { margin: 0 !important; font-size: 11px !important; padding: 2px 6px !important; flex: 0 0 auto; }
.gov-quick b { font-size: 13.5px !important; margin: 0 !important; flex: 1 1 auto; }
.gov-quick small { display: none !important; }
.gov-quick:nth-child(n+5) { border-top: 1px solid #E2E5EA; }
.gov-quick:nth-child(4n) { border-right: none !important; }

/* ============================================================
   六、其余板块全面收紧（沿用 V11 组件，仅压缩尺寸）
   ============================================================ */
.gov-grid-3, .gov-grid-2, .gov-grid-4 { gap: 12px !important; }
.gov-card { padding: 14px 16px !important; }
.gov-card-num { width: 22px !important; height: 22px !important; font-size: 12px !important; margin-bottom: 8px !important; }
.gov-card h3 { font-size: 15px !important; margin-bottom: 6px !important; }
.gov-card p { font-size: 13.5px !important; line-height: 1.65 !important; }
.gov-eg { font-size: 12.5px !important; padding: 7px 10px !important; margin-top: 8px !important; }

.gov-price-table th { padding: 8px 12px !important; font-size: 13.5px !important; }
.gov-price-table td { padding: 8px 12px !important; font-size: 13.5px !important; line-height: 1.6 !important; }
.gov-price-name { font-size: 14px !important; }
.gov-price-val { font-size: 15px !important; }

.gov-step { padding: 14px 16px !important; }
.gov-step h3 { font-size: 15px !important; margin-bottom: 5px !important; }
.gov-step p { font-size: 13px !important; line-height: 1.6 !important; }
.gov-step-meta { font-size: 12px !important; }

.gov-case-head { padding: 7px 14px !important; font-size: 12.5px !important; }
.gov-case-body { padding: 12px 14px !important; }
.gov-case-body h3 { font-size: 15px !important; margin-bottom: 6px !important; }
.gov-case-line { font-size: 13px !important; margin-bottom: 5px !important; }
.gov-case-foot { padding: 7px 14px !important; font-size: 12px !important; }
.gov-casebox { padding: 10px 14px !important; font-size: 13px !important; margin-top: 10px !important; }

.gov-trust { padding: 12px !important; }
.gov-trust h4 { font-size: 14px !important; margin-bottom: 6px !important; }
.gov-trust li { font-size: 12.5px !important; padding: 3px 0 3px 12px !important; }

.gov-promise { padding: 14px 20px 10px !important; }
.gov-promise-title { font-size: 17px !important; }
.gov-promise-sub { font-size: 12px !important; }
.gov-promise li { padding: 5px 0 5px 52px !important; font-size: 13px !important; line-height: 1.6 !important; }
.gov-promise li::before { top: 5px !important; }

.gov-faq details { margin-bottom: 6px !important; }
.gov-faq summary { padding: 8px 14px 8px 40px !important; font-size: 13.5px !important; }
.gov-faq summary::before { top: 8px !important; }
.gov-faq-a { font-size: 13px !important; padding: 8px 14px 12px 40px !important; line-height: 1.7 !important; }

.gov-cta { padding: 22px 0 20px !important; }
.gov-cta h2 { font-size: 21px !important; }
.gov-cta p { font-size: 13px !important; line-height: 1.7 !important; }
.gov-cta-inner { gap: 20px !important; }

/* 底部「服务通道」三栏细条目（政府门户底部功能区常见） */
.d-service-bar { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid #CFD4DC; }
.d-service-col { padding: 12px 16px; border-right: 1px solid #E2E5EA; min-width: 0; }
.d-service-col:last-child { border-right: none; }
.d-service-col > b {
    display: block; font-size: 14px; color: #1A1A1A;
    border-left: 4px solid #9E1F23; padding-left: 8px; margin-bottom: 6px;
}
/* 正文里的加粗（微信号等）不能被栏目标题规则误伤 */
.d-service-col p b {
    display: inline; font-size: inherit; border: none; padding: 0;
    color: #1A1A1A; font-weight: 700;
}
.d-service-col p, .d-service-col a { font-size: 12.5px; line-height: 1.85; color: #4A4A4A; text-decoration: none; }
.d-service-col a:hover { color: #9E1F23; text-decoration: underline; }

/* 页脚压缩 */
.footer-grid { padding: 20px 0 16px !important; }
.footer-block-title { font-size: 14px !important; margin-bottom: 8px !important; }
.footer-col-list li { padding: 3px 0 !important; font-size: 12.5px !important; }
.footer-col-list li a { font-size: 12.5px !important; }
.footer-brand-slogan, .footer-brand-line2 { font-size: 12.5px !important; line-height: 1.7 !important; }
.gov-footer-bar .footer-bottom { padding: 10px 0 !important; }

/* ============================================================
   七、响应式
   ============================================================ */
@media (max-width: 1000px) {
    .d-lead { grid-template-columns: 1fr; }
    .d-cols-3 { grid-template-columns: repeat(2, 1fr); }
    .gov-quick-grid { grid-template-columns: repeat(2, 1fr) !important; }
    .gov-quick:nth-child(2n) { border-right: none !important; }
    .gov-quick:nth-child(n+3) { border-top: 1px solid #E2E5EA; }
}
@media (max-width: 700px) {
    .d-cols-3, .d-cols-2, .d-service-bar { grid-template-columns: 1fr !important; }
    .d-service-col { border-right: none; border-bottom: 1px solid #E2E5EA; }
    .d-lead h1 { font-size: 22px !important; }
    .d-list li { min-height: 30px; }
}