/*
 Theme Name: Blocksy Child
 Template: blocksy
 Text Domain: blocksy-child
 Description: 基于 Blocksy 的子主题。包含“新闻中心/行业活动/投诉建议/外贸企业”等模块的 PHP 模板与移动端优化样式。
 Version: 1.0.0
Author: ChuangYi GongFang
*/

/* ===== 全局字体与容器 ===== */
html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }
body { font-family: 'Microsoft YaHei', '微软雅黑', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif; }
:root { --site-content-padding: 16px; }

/* 统一内容左右内边距（移动端不贴边） */
.gl-container,
.fe-archive-container,
.activity-archive-container,
.activity-detail-container,
.suggestion-form-container { padding-left: var(--site-content-padding); padding-right: var(--site-content-padding); }

@media (max-width: 768px) {
  :root { --site-content-padding: 16px; }
}

/* ===== 统一 Hero（参考投诉建议页风格，可按页面类型切换背景） ===== */
.site-hero,
.suggestion-header { position: relative; height: 180px; background-position: center; background-size: cover; background-repeat: no-repeat; display:flex; align-items:center; justify-content:center; }
.site-hero-title,
.suggestion-header .suggestion-title { font-size: 48px; color:#fff; font-weight:700; text-shadow:0 2px 8px rgba(0,0,0,.35); }

/* 页面类型对应的背景图（可按需替换为你的图片路径） */
.site-hero--news { background-image: url('images/xwzx.webp'); }
.site-hero--activity { background-image: url('images/hdbg.webp'); }
.site-hero--enterprise { background-image: url('images/hdbg.webp'); }
.site-hero--suggestion { background-image: url('images/bg-1.webp'); }

/* 统一面包屑样式与位置 */
.site-breadcrumb { max-width: var(--site-content-max, 1200px); margin: 0px auto; padding: 16px; color:#6c7a99; font-size:14px; }
.site-breadcrumb a { color:#2b6ae8; text-decoration:none; }
.site-breadcrumb a:hover { text-decoration:underline; }

/* 轻量样式以还原设计的导航标签、列表卡片与横幅覆盖层 */
.gl-news-hero { position: relative; color: #fff; height: 180px; background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('assets/images/news-hero.jpg') center center / cover no-repeat; } 
.gl-news-hero .overlay { position:absolute; inset:0; background: linear-gradient(180deg, rgba(0,0,0,.2), rgba(0,0,0,.35)); }
.gl-hero-inner { display:flex; max-width:1200px; margin:0 auto; padding:36px 16px; justify-content: center; align-items: center; position: relative; }
.gl-hero-title { color:#fff; font-weight:800; letter-spacing:.06em; }
.gl-container { max-width: var(--site-content-max, 1200px); margin:0 auto; padding:16px; }
.gl-tabs { display:flex; gap:12px; margin: 16px 0 24px; justify-content:center; }
.gl-tabs a { display:inline-block; padding:8px 48px; border-radius:6px; background:#fff; color:#2b3a67; text-decoration:none; position:relative; overflow:hidden; }
.gl-tabs a.active { color:#fff; background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('images/Frame 427320276.webp') center/cover no-repeat; }
.gl-tabs a.active::after { content:''; position:absolute; inset:0; }
.gl-tabs a:hover { background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('images/Frame 427320276.webp') center/cover no-repeat; color:#fff; }
.taxonomy-news_category.term-industry .gl-tabs a[href*="/news/industry/"]{ color:#fff; background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('images/Frame 427320276.webp') center/cover no-repeat; }
.taxonomy-news_category.term-announcement .gl-tabs a[href*="/news/announcement/"]{ color:#fff; background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('images/Frame 427320276.webp') center/cover no-repeat; }
.taxonomy-news_category.term-policy .gl-tabs a[href*="/news/policy/"]{ color:#fff; background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('images/Frame 427320276.webp') center/cover no-repeat; }
.gl-list.card { display:flex; gap:16px; padding:14px; background:#fff; margin-bottom:12px; }
.gl-list .thumb img { width:220px; height:135px; object-fit:cover; border-radius:6px; }
.gl-list .title { font-size:18px; font-weight:600; margin:2px 0 6px; color:#1c2956; }
.gl-list .meta { font-size:12px; color:#6c7a99; margin-bottom:6px; }
.gl-list .excerpt { color:#3b4b7a; line-height:1.55; }
.gl-list.card { position:relative; }
.gl-card-overlay { position:absolute; inset:0; display:block; z-index:5; }

.thumb-col { flex-basis:30%; }
.content-col { flex-basis:70%; }
.news-thumb { width:100%; height:132px; object-fit:cover; }

/* 移动端适配（屏幕宽度小于768px时生效） */
@media (max-width: 768px) {
  .gl-tabs a {
    padding: 8px 18px; /* 保持上下padding为8px，左右调整为18px */
  }
}
/* 新闻面包屑（位于横幅与标签之间） */
.gl-breadcrumb { max-width:1200px; margin:8px auto 6px; color:#6c7a99; font-size:14px; }
.gl-breadcrumb a { color:#2b6ae8; text-decoration:none; }
.gl-breadcrumb a:hover { text-decoration:underline; }

/* 新闻详情页 */
.news-single { background:#fff; border-radius:8px; padding:24px; box-shadow:0 2px 8px rgba(0,0,0,.06); }
.news-single-header { margin-bottom:16px; }
.news-single-title { margin:0 0 8px; font-size:28px; color:#1c2956; font-weight:700; }
.news-single-meta { font-size:13px; color:#6c7a99; }
.news-single-thumb { margin:12px 0 18px; }
.news-single-thumb img { width:50%; height:auto; border-radius:8px; }
.news-single-content { color:#333; line-height:1.8; }

/* 空状态与默认高度 */
.nothing-found { text-align:center; color:#666; padding:32px 0; }
.news-single,
.activity-content { min-height: 380px; }

/* 活动列表统一容器 */
.activity-list-section { background:#fff; border-radius:8px; padding:16px; box-shadow:0 2px 8px rgba(0,0,0,.05); margin:16px 0; }

.news-empty {
  text-align: center; /* 让容器内的图片和文字整体水平居中 */
  padding: 30px 0; /* 可选：添加上下内边距，增加整体空白区域 */
}

.news-empty img {
  width: 120px; /* 设置图片宽度为120px */
  height: auto; /* 保持图片原有比例，避免变形 */
  display: inline-block; /* 确保图片能响应父容器的text-align居中 */
  margin-bottom: 15px; /* 可选：给图片下方添加间距，与文字分隔开 */
}

/* 可选：给文字添加样式，让整体更协调 */
.news-empty .nothing-found {
  color: #666; /* 文字颜色稍浅 */
  font-size: 16px; /* 调整文字大小 */
  margin: 0; /* 去除默认外边距 */
}
/* ========== 行业活动页面样式 ========== */

/* 通用容器 */
.activity-archive-container,
.activity-detail-container {
    max-width: 1200px;
    margin: 0 auto;
}

/* 面包屑导航 */
.activity-breadcrumb {
    font-size: 14px;
    color: #666;
    margin-bottom: 24px;
}

.activity-breadcrumb a {
    color: #2b6ae8;
    text-decoration: none;
}

.activity-breadcrumb a:hover {
    text-decoration: underline;
}

.activity-breadcrumb span {
    color: #999;
}

/* ========== 新版筛选过滤器区域（按设计稿） ========== */

/* 外层容器 */
.activity-filter-bar-v2 {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    padding: 20px;

    flex-wrap: wrap;
}

/* 综合排序（默认选中状态） */
.filter-sort-default {
    position: relative;
}

.btn-sort-default {
    display: flex;
    align-items: center;
    padding: 8px 20px;
    background: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: filter 0.3s;
}

.btn-sort-default:hover {
    filter: brightness(1.1);
}

/* 筛选按钮组（发布时间、活动日期） */
.filter-button-group {
    position: relative;
}

.filter-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: #ffffff;
    color: #333;
    border: 1px solid #e0e0e0;
    border-radius: 20px;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.3s;
}

.filter-btn:hover {
    border-color: #007bff;
    color: #007bff;
}

.filter-btn.active {
    background: #f0f7ff;
    border-color: #007bff;
    color: #007bff;
}

.btn-text {
    font-weight: 500;
}

.btn-arrows {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.arrow-up,
.arrow-down {
    font-size: 10px;
    color: #999;
    cursor: pointer;
    transition: color 0.3s;
    line-height: 1;
}

.arrow-up:hover,
.arrow-down:hover {
    color: #666;
}

.arrow-up.active,
.arrow-down.active {
    color: #ff6b35;
    font-weight: bold;
}

/* 活动日期文案 */
.date-label {
    font-size: 14px;
    color: #333;
    font-weight: 500;
}

/* 日期选择按钮 */
.date-select-wrapper {
    position: relative;
}

.date-select-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    background: #f7f8fa;
    color: #999;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    min-width: 150px;
    text-align: left;
    transition: all 0.3s;
}

.date-select-btn:hover {
    border-color: #007bff;
    color: #333;
}

.date-select-btn.has-value {
    color: #333;
}

.date-text {
    flex: 1;
    text-align: left;
}

.calendar-icon {
    color: #999;
    font-size: 14px;
    margin-left: 8px;
    pointer-events: none;
}

.date-select-btn:hover .calendar-icon {
    color: #007bff;
}

.hidden-date-input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* 强制使用浅色系统控件配色，避免出现深色原生日历 */
    color-scheme: light;
}

/* 日期分隔符 */
.date-separator {
    color: #999;
    font-size: 14px;
    margin: 0 4px;
}

/* 查询按钮 */
.btn-query-primary {
    padding: 8px 28px;
    background: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: filter 0.3s;
}

.btn-query-primary:hover {
    filter: brightness(1.1);
}

/* ========== 原有筛选过滤器区域（保留兼容性） ========== */

/* 筛选过滤器区域 */
.activity-filter-bar {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 32px;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 8px;
    flex-wrap: wrap;
}

/* 排序下拉 */
.filter-sort {
    position: relative;
}

.btn-sort {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    min-width: 140px;
    justify-content: space-between;
}

.btn-sort:after {
    content: '▼';
    font-size: 12px;
    margin-left: 8px;
}

.sort-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    z-index: 100;
    display: none;
}

.sort-menu.show {
    display: block;
}

/* 筛选下拉框 */
.filter-select {
    padding: 10px 16px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    color: #333;
    background: #fff;
    min-width: 120px;
}

/* 日期范围 */
.date-range {
    display: flex;
    align-items: center;
    gap: 8px;
}

.date-input {
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    color: #333;
    background: #fff;
    width: 150px;
}

.date-sep {
    color: #666;
    font-weight: bold;
}

/* 查询按钮 */
.btn-query {
    padding: 10px 24px;
    background: #2b6ae8;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.btn-query:hover {
    background: #1e5bc6;
}

/* 活动卡片网格 */
.activity-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-bottom: 40px;
}

.activity-card {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transition: transform 0.3s, box-shadow 0.3s;
}

.activity-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
}

.card-thumb {
    position: relative;
    overflow: hidden;
}

.card-thumb img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: transform 0.3s;
}

.activity-card:hover .card-thumb img {
    transform: scale(1.05);
}

.card-title {
    padding: 16px 16px 8px;
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
}

.card-title a {
    color: #333;
    text-decoration: none;
}

.card-title a:hover {
    color: #2b6ae8;
}

.card-date {
    padding: 10px 16px 12px;
    font-size: 14px;
    color: #666;
}

.card-btn {
    display: block;
    margin: 0 16px 16px;
    padding: 8px 16px;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    font-size: 14px;
    transition: all 0.3s;
}

.btn-view {
    background: #2b6ae8;
    color: #fff;
}

.btn-view:hover {
    background: #1e5bc6;
}

.btn-ended {
    background: #f5f5f5;
    color: #999;
    cursor: not-allowed;
}

/* 分页导航 */
.activity-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 40px;
}

.activity-pagination a,
.activity-pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    transition: all 0.3s;
}

.activity-pagination a:hover {
    background: #2b6ae8;
    color: #fff;
    border-color: #2b6ae8;
}

.activity-pagination .current {
    background: #2b6ae8;
    color: #fff;
    border-color: #2b6ae8;
}

/* 无活动提示 */
.no-activities {
    text-align: center;
    padding: 60px 20px;
    color: #666;
    font-size: 16px;
}

/* ========== 状态徽标（按图片配色） ========== */
.card-status, .detail-status { margin: 8px 16px 16px; }
.status-badge { display:inline-block; padding:6px 12px; border-radius:8px; font-size:14px; line-height:1; border:1px solid transparent; }
.status-ended { border-color:#f3a56f; color:#f1995a; background:#fff4ea; }
.status-ongoing { border-color:#2b6ae8; color:#2b6ae8; background:#eef4ff; }
.status-upcoming { border-color:#c7ccd6; color:#6b7280; background:#f7f8fb; }

/* ========== 投诉建议模块样式 ========== */
.suggestion-header { position: relative; height: 180px; background-size: cover; background-position: center; display:flex; align-items:center; justify-content:center; }
.suggestion-header .suggestion-title { font-size: 48px; color:#fff; font-weight:700; text-shadow: 0 2px 8px rgba(0,0,0,.35); }
.suggestion-header--complain { background-image: url('images/bg-1.webp'); }
.suggestion-header--apply { background-image: url('images/bg-1.webp'); }
.suggestion-header--consult { background-image: url('images/bg-1.webp'); }
.suggestion-header--suggest { background-image: url('images/bg-1.webp'); }
.suggestion-breadcrumb-wrapper { max-width:1200px; margin:0 auto; padding:16px; }
.suggestion-breadcrumb { font-size:14px; color:#999; }
.suggestion-breadcrumb a { color:#007bff; text-decoration:none; }

.suggestion-tabs { display:flex; gap:8px; justify-content:center; margin-bottom:16px; }
.suggestion-tabs .tab-item { display:inline-block; padding:8px 22px; border:1px solid #ddd; border-radius:4px; background:#fff; color:#666; text-decoration:none; }
.suggestion-tabs .tab-item.active { background: linear-gradient(90deg,#007bff,#0056b3); color:#fff; border-color: transparent; }

.suggestion-form-container { max-width:1200px; margin:0 auto 24px; }
.suggestion-form { background:#fff; border-radius:8px; box-shadow:0 4px 12px rgba(0,0,0,.08); padding:32px; }
.form-group { margin-bottom:16px; }
.form-label { font-size:14px; color:#333; margin-bottom:8px; display:block; }
.form-label.required::before { content:'*'; color:#ff4d4f; margin-right:6px; }
.form-input,.form-select,.form-textarea { width:100%; border:1px solid #ddd; border-radius:4px; padding:10px 12px; font-size:14px; color:#333; }
.form-input::placeholder,.form-textarea::placeholder { color:#999; }
.form-textarea { resize:vertical; }
.btn-submit { display:block; margin:10px auto 0; padding:10px 32px; background:#007bff; color:#fff; border:none; border-radius:4px; cursor:pointer; }
.btn-submit:disabled { opacity:.7; cursor:not-allowed; }

.suggestion-list { max-width:1200px; margin:0 auto; }
.suggestion-list-title { font-size:18px; font-weight:700; color:#ffffff; margin:0 0 12px 0; padding:10px; background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('images/Frame 427320276.webp') center center / cover no-repeat; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.suggestion-item { background:#fff; border-radius:8px; box-shadow:0 4px 12px rgba(0,0,0,.06); padding:24px; margin-bottom:16px; }
.suggestion-question .question-meta { font-size:14px; color:#333; }
.suggestion-reply { background:#f8f9fa; border-radius:4px; padding:16px; margin-top:12px; }
.suggestion-reply .reply-content { font-size:14px; color:#666; }
.suggestion-empty { max-width:1200px; margin:0 auto; text-align:center; color:#666; padding:24px; }
.suggestion-pagination { max-width:1200px; margin:16px auto 32px; text-align:center; }

/* 成功弹窗 */
.toast-success { position:fixed; top:24px; left:50%; transform:translateX(-50%); background:#007bff; color:#fff; padding:10px 18px; border-radius:6px; box-shadow:0 6px 16px rgba(0,0,0,.2); opacity:0; transition:.25s ease; z-index:9999; }
.toast-success.show { opacity:1; }

/* ========== 外贸企业归档样式 ========== */
.fe-archive-container { max-width:1200px; margin:24px auto; }
.fe-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:30px; }
@media (max-width:1024px){ .fe-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width:767px){ .fe-grid { grid-template-columns: 1fr; } }
.enterprise-card { background:#fff; border:1px solid #e0e0e0; border-radius:12px; box-shadow:0 2px 8px rgba(0,0,0,.08); padding:18px; transition:box-shadow .2s; display:grid; grid-template-columns: 76px 1fr; gap:16px; align-items:flex-start; }
.enterprise-card:hover { box-shadow:0 6px 16px rgba(0,0,0,.12); }
.enterprise-left { padding-top:4px; }
.enterprise-logo { width:70px; height:70px; border-radius:8px; overflow:hidden; background:#eef1f6; box-shadow:0 2px 6px rgba(0,0,0,.06); }
.enterprise-logo img { width:100%; height:100%; object-fit:contain; object-position:center; }
.default-logo { width:40px; height:40px; background:#2b6ae8; border-radius:8px; }
.enterprise-right { display:flex; flex-direction:column; }
.enterprise-name { font-size:16px; color:#1c2956; font-weight:700; margin:0 0 8px; }
.enterprise-intro { font-size:13.5px; color:#4c5a7a; line-height:1.75; margin:0 0 12px; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; }
.btn-enter { align-self:normal; display:inline-block; text-align:center; background:#2b6ae8; color:#fff; border-radius:6px; text-decoration:none; font-size:13px; }
.btn-enter:hover { background:#4a80f0; }
.fe-pagination { text-align:center; margin:16px 0 32px; }

@media (max-width: 767px) {
  .enterprise-card { grid-template-columns: 60px 1fr; padding:16px; }
  .enterprise-logo, .default-logo { width:36px; height:36px; }
  .enterprise-name { font-size:15px; }
}

/* ========== 行业活动页头与分类块 ========== */
.activity-header { position: relative; height: 180px; background: url('images/bg-1.webp') center/cover no-repeat; display:flex; align-items:center; justify-content:center; }
.activity-title { font-size: 48px; color:#fff; font-weight:700; text-shadow:0 2px 8px rgba(0,0,0,.35); }
.activity-breadcrumb-wrapper { max-width:1200px; margin:0 auto; padding: 16px 0; }
.activity-breadcrumb { font-size:14px; color:#999; }
.activity-breadcrumb a { color:#2b6ae8; text-decoration:none; }

.activity-category-block { max-width:1200px; margin:0 auto 12px; background:#fff; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,.05); padding:14px 16px; }
.activity-category-block .category-title { font-size:14px; color:#333; margin-bottom:10px; font-weight: bold; }
.activity-category-block .category-tags { display:flex; gap:10px; flex-wrap:wrap; }
.activity-category-block .tag-item { display:inline-block; padding:0px 20px; border:1px solid #e6e7eb; border-radius:20px; background:#e6e7eb95; color:#666; text-decoration:none; transition:.2s; font-size: 14px; }
.activity-category-block .tag-item:hover { background:#f3f4f7; }
.activity-category-block .tag-item.active { background:#eaf2ff; border-color:#2b6ae8; color:#2b6ae8; }

/* ========== 活动详情页样式 ========== */

/* 详情页两列布局 */
.activity-detail-row {
    display: flex;
    gap: 32px;
    padding: 32px;
    border-radius: 8px;
    margin-bottom: 40px;
    background-color: #fff;
}

.detail-poster {
    flex: 0 0 40%;
}

.detail-info {
    flex: 1;
}

.poster-img {
    margin-bottom: 20px;
}

.poster-img img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.detail-btn {
    display: block;
    width: 100%;
    padding: 12px;
    text-align: center;
    text-decoration: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s;
}

/* ===== 活动与建议的响应式增强 ===== */
@media (max-width: 992px) {
  .activity-detail-row { flex-direction: column; padding:24px; }
  .detail-poster, .detail-info { flex: none; }
  .activity-filter-bar-v2 { flex-direction: column; align-items: stretch; gap: 12px; padding:16px; }
  .date-select-wrapper { width: 100%; }
  .activity-grid { grid-template-columns: repeat(2,1fr); gap: 20px; }
}
@media (max-width: 768px) {
  .activity-title { font-size: 36px; }
  .activity-grid { grid-template-columns: 1fr; gap: 16px; }
}

.detail-btn.btn-view {
    background: #2b6ae8;
    color: #fff;
}

.detail-btn.btn-view:hover {
    background: #1e5bc6;
}

.detail-btn.btn-ended {
    background: #f5f5f5;
    color: #999;
    cursor: not-allowed;
}

.detail-title {
    font-size: 24px;
    font-weight: 700;
    color: #333;
    padding-bottom: 20px;
    margin: 0 0 24px;
    line-height: 1.3;
    border-bottom: 1px solid #eee;
}

.info-item {
    display: flex;
    margin-bottom: 16px;
    font-size: 16px;
}

.info-label {
    font-weight: 600;
    color: #333;
    min-width: 100px;
}

.info-value {
    color: #666;
}

/* 活动详情内容 */
.activity-content {
    border-top: 1px solid #eee;
    padding: 32px;
    border-radius: 8px;
    margin-bottom: 40px;
    background-color: #fff;
}

.content-title {
    font-size: 24px;
    font-weight: 700;
    color: #333;
    margin: 0 0 24px;
}

.content-body {
    font-size: 16px;
    line-height: 1.6;
    color: #333;
}

.content-body p {
    margin-bottom: 16px;
}

.content-body img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    margin: 16px 0;
}

/* ========== 响应式设计 ========== */

/* 平板设备 */
@media (max-width: 992px) {
    .activity-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    .activity-detail-row {
        flex-direction: column;
        gap: 24px;
    }
    
    .detail-poster {
        flex: none;
    }
    
    .detail-info {
        flex: none;
    }
    
    .activity-filter-bar {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }
    
    /* 新版筛选器响应式 */
    .activity-filter-bar-v2 {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }
    
    .filter-button-group,
    .date-select-wrapper {
        width: 100%;
    }
    
    .filter-btn,
    .date-select-btn {
        width: 100%;
        justify-content: space-between;
    }
    
    .date-range {
        flex-direction: column;
        gap: 12px;
    }
    
    .date-input {
        width: 100%;
    }
}

/* 手机设备 */
@media (max-width: 768px) {
    .activity-archive-container,
    .activity-detail-container {
        padding: 16px;
    }
    
    .activity-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    
    .activity-filter-bar {
        padding: 16px;
    }
    
    /* 新版筛选器手机响应式 */
    .activity-filter-bar-v2 {
        padding: 16px;
        gap: 16px;
        flex-direction: column;
        align-items: stretch;
    }
    
    .filter-sort-default,
    .filter-button-group,
    .date-select-wrapper,
    .btn-query-primary {
        width: 100%;
    }
    
    .btn-sort-default,
    .filter-btn,
    .date-select-btn,
    .btn-query-primary {
        width: 100%;
        justify-content: space-between;
    }
    
    .date-label {
        text-align: center;
        margin: 8px 0;
    }
    
    .filter-sort,
    .filter-select,
    .btn-query {
        width: 100%;
    }
    
    .detail-title {
        font-size: 24px;
    }
    
    .content-title {
        font-size: 20px;
    }
    
    .activity-pagination {
        flex-wrap: wrap;
        gap: 4px;
    }
    
    .activity-pagination a,
    .activity-pagination span {
        width: 36px;
        height: 36px;
        font-size: 13px;
    }
}

/* 导航 Tab 容器 */
.suggestion-tabs {
    display: flex;
    gap: 12px;
    justify-content: center;
    padding: 20px 0;
    flex-wrap: wrap;
}

/* 每个 Tab 项 */
.suggestion-tabs .tab-item {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 150px;
    height: 48px;
    padding: 0 44px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    color: #666666;
    background: #ffffff;
    border-radius: 5px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

/* 激活状态：背景图 + 白色文字 */
.suggestion-tabs .tab-item.active {
    color: #ffffff;
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('images/Frame 427320276.webp') center center / cover no-repeat;
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
    font-weight: 600;
}

/* 悬停效果（非激活） */
.suggestion-tabs .tab-item:hover:not(.active) {
    background: #f0f0f0;
    color: #333;
    transform: translateY(-1px);
}

.suggestion-empty img {
    width: 120px;
    opacity: 0.7;
    margin-bottom: 10px;
}

/* 标题 + 下划线整体容器 */
.content-title-wrapper {
    display: block;
    margin-bottom: 24px;
    position: relative;
}

/* 标题文字 */
.content-title {
    margin: 0 0 12px 0;
    font-size: 20px;
    font-weight: 600;
    color: #222222;
    line-height: 1.4;
    padding: 0;
}

/* 下划线容器：flex 布局 */
.title-underline {
    display: flex;
    align-items: center;
    height: 1px;
    margin-top: 8px;
}

/* 橙色短下划线：与标题左对齐 */
.title-underline .underline-accent {
    width: 85px;
    height: 3px;
    background: #ff6a00;
    border-radius: 1.5px;
    flex-shrink: 0;
}

/* 灰色贯穿线：占满剩余宽度 */
.title-underline .underline-full {
    flex: 1;
    height: 1px;
    background: #e5e5e5;
    margin-left: 0px;
}

.detail-info {
    position: relative; /* 建立定位上下文 */
    padding-bottom: 40px; /* 给底部留空间防止内容被覆盖，可按需要调整 */
}

.detail-status {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: left; /* 可改为 left/center 根据布局需要 */
}

.wp-block-post-excerpt__more-text {
	display: none;
}

.wp-block-button__link:active {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), 
              url('images/Frame 427320276.webp') center center / cover no-repeat !important;
  color: #fff !important; /* 确保文字颜色在深色背景上可见 */
  border: none !important; /* 移除可能的边框干扰 */
}
.enterprise-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain !important;
  object-position: center;
}

.custom-title::after {
  text-decoration: underline;
  content: '';
  position: absolute;
  width: 80px;
  height: 3px;
  background: #17455d;
  left: 10;
  bottom: -2px;
  z-index: 1;
}
.subtitle {
	padding: 0 15px;
	color: #9cb1bd;
}

.data-box {
  text-align: left;
  color: #fff;
  padding: 2rem 1rem;
  font-family: 'Lato', sans-serif;
  border-radius: 10px;
  max-width: 300px;
}

.data-title {
  font-size: 1.1rem;
}

.data-number {
  font-size: 2.2rem;
  font-weight: 700;
  margin-top: 0.5rem;
  line-height: 1.2;
}

/* 响应式：在小屏设备上字体略小，在大屏上略大 */
@media (max-width: 600px) {
  .data-title {
    font-size: 1rem;
  }

  .data-number {
    font-size: 1.8rem;
  }
}

@media (min-width: 1024px) {
  .data-title {
    font-size: 1.2rem;
  }

  .data-number {
    font-size: 2.5rem;
  }
}

.gsbp-9beb10f {
	width: var(--wp--custom--size--r, 100px);
	height: var(--wp--custom--size--r, 100px);
}
.gsbp-de6941b {
	width: var(--wp--custom--size--r, 100px);
	height: var(--wp--custom--size--r, 100px);
}
.gsbp-12071a5 {
	width: var(--wp--custom--size--r, 100px);
	height: var(--wp--custom--size--r, 100px);
}
.gsbp-07de9d7 {
	width: var(--wp--custom--size--r, 100px);
	height: var(--wp--custom--size--r, 100px);
}

.gsbp-492183b {
  position: relative;
  display: inline-block;
  font-size: 32px;
  color: #f2f2f2;
  font-weight: 600;
  z-index: 999;
}

.gsbp-492183b::after {
  content: "";
  position: absolute;
  bottom: 0; /* 调整条的位置 */
  transform: translateX(-80%);
  width: 160px; /* 长条长度，可根据文字调整 */
  height: 18px; /* 长条高度 */
  background-color: #0052da; /* 蓝色 */
  z-index: -1; /* 放在文字下方 */
  border-radius: 2px; /* 可选，圆角效果 */
}

#footer {
	background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('https://liuhe.vpsdaren.com/wp-content/uploads/2025/11/fbg.webp') center center / cover no-repeat;
}
#footer p {
	margin-block-end: 10px;
}
.gsbp-97b434a {
    max-width: 1200px;
}

/* 归档页：企业介绍悬浮提示 */
.fe-tooltip {
  position: absolute;
  z-index: 9999;
  max-width: 560px;
  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 12px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.6;
  box-shadow: 0 6px 20px rgba(0,0,0,0.25);
  pointer-events: none; /* 仅展示，不拦截鼠标 */
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity .15s ease, transform .15s ease;
}
.fe-tooltip.visible {
  opacity: 1;
  transform: translateY(0);
}
/* 箭头：位于底部居中，随变量偏移 */
.fe-tooltip::after {
  content: '';
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 0; height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid rgba(0,0,0,0.85);
  transform: translateX(var(--fe-arrow-x, 50%));
}

/* 介绍文本容器：控制可能的截断行为 */
.enterprise-intro {
  position: relative;
}
.enterprise-intro-text {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4; /* 归档卡片最多显示4行 */
  line-clamp: 4;
}

/* ===== 纯移动端尺寸响应式调整（只改大小） ===== */

/* 图标大小 */
.gsbp-b44fe89 img {
  width: 48px !important;
  height: 48px !important;
}

/* 标题文字 */
.data-title {
  font-size: 14px !important;
}

/* 大数字 */
.data-number {
  font-size: 28px !important;
}

/* 手机屏幕（≤480px）——主流手机竖屏 */
@media (max-width: 480px) {
  .gsbp-b44fe89 img {
    width: 42px !important;
    height: 42px !important;
  }
  .data-title {
    font-size: 13px !important;
  }
  .data-number {
    font-size: 26px !important;
  }
}

/* 超小屏（≤360px，如 iPhone SE 老款） */
@media (max-width: 360px) {
  .gsbp-b44fe89 img {
    width: 38px !important;
    height: 38px !important;
  }
  .data-title {
    font-size: 12.5px !important;
  }
  .data-number {
    font-size: 24px !important;
  }
}

/* 平板及更大屏幕时稍微放大（可选） */
@media (min-width: 640px) {
  .gsbp-b44fe89 img {
    width: 52px !important;
    height: 52px !important;
  }
  .data-title {
    font-size: 15px !important;
  }
  .data-number {
    font-size: 32px !important;
  }
}