/* ============================================================
   二级页面主题：Apple 风格重构（首页除外）
   原则：纯白底 + 大留白 + 系统字体 + 18px 圆角 + 单一蓝色强调
   通过在各页 </head> 前引入本文件（后置），覆盖页面内联样式。
   ============================================================ */

:root {
  --wf-font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue",
    "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --wf-font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue",
    "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;

  --wf-primary-50: #f5f5f7;
  --wf-primary-100: #e8f1fd;
  --wf-primary-200: #cfe4fb;
  --wf-primary-300: #7fb4f0;
  --wf-primary-400: #2f8aec;
  --wf-primary-500: #0071e3;
  --wf-primary-600: #0066cc;
  --wf-primary-700: #0055ab;
  --wf-primary-800: #00427f;
  --wf-primary-900: #002b52;

  --wf-neutral-50: #fbfbfd;
  --wf-neutral-100: #f5f5f7;
  --wf-neutral-200: #e8e8ed;
  --wf-neutral-300: #d2d2d7;
  --wf-neutral-400: #86868b;
  --wf-neutral-500: #6e6e73;
  --wf-neutral-600: #515154;
  --wf-neutral-700: #3a3a3c;
  --wf-neutral-800: #1d1d1f;
  --wf-neutral-900: #000000;

  --wf-card: #ffffff;
  --wf-border: rgba(0, 0, 0, .06);
  --wf-radius-small: 10px;
  --wf-radius-medium: 14px;
  --wf-radius-large: 18px;
}

/* ---------- 全局底色与字体渲染 ---------- */
html, body {
  background: #ffffff !important;
  color: #1d1d1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ---------- 移除深色标题横幅 + 全部面包屑 ---------- */
.news-banner,
.wg-banner,
.wg-breadcrumb,
.news-breadcrumb,
.md-breadcrumb,
.md-banner-en { display: none !important; }

/* 潍广通：横幅移除后搜索区不再上浮 */
#wg-search .wg-search-wrap { margin-top: 0 !important; padding: 56px 0 8px; }

/* ---------- 顶部导航：Apple 式半透明毛玻璃导航 ---------- */
.wf-topbar,
.wf-topbar-inner { display: none !important; }
.wf-site-header {
  position: sticky !important; top: 0; z-index: 100 !important;
  background: rgba(255, 255, 255, .72) !important;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  border-bottom: none !important;
  box-shadow: none !important;
  transition: background .3s ease, border-color .3s ease;
}
.wf-mainbar { background: transparent !important; border-bottom: none !important; box-shadow: none !important; }
.wf-brand-mark { filter: none !important; }

.wf-nav-item {
  color: #1d1d1f !important;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0 !important;
  padding: 8px 14px;
  border-radius: 10px;
  transition: color .25s ease, font-weight .25s ease;
}
.wf-nav-item:hover { color: #0071e3 !important; background: transparent !important; }
.wf-nav-item[data-active="true"] { color: #1d1d1f !important; font-weight: 500 !important; }
.wf-nav-highlight { color: #0071e3 !important; font-weight: 500 !important; }

/* ---------- 区块节奏：白 / 浅灰 / 深灰 ---------- */
.page-section { background: #ffffff !important; }
.page-section-muted { background: #f5f5f7 !important; }
.page-section-ink,
.wf-section-ink { background: #1d1d1f !important; }

/* ---------- 标题体系 ---------- */
h1, h2, h3 { letter-spacing: -0.015em; }
.wf-section-title {
  font-family: var(--wf-font-display) !important;
  font-weight: 600 !important;
  letter-spacing: -0.022em !important;
  line-height: 1.08 !important;
}
.wf-section-eyebrow {
  text-transform: none !important;
  letter-spacing: 0.02em !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #6e6e73 !important;
}
.page-section-ink .wf-section-eyebrow,
.wf-section-ink .wf-section-eyebrow { color: rgba(255, 255, 255, .62) !important; }
.page-section-ink p,
.wf-section-ink p { color: rgba(255, 255, 255, .72); }
.page-section-ink .wf-section-title,
.wf-section-ink .wf-section-title { color: #f5f5f7 !important; }

/* ---------- 内容容器 ---------- */
.wf-container { max-width: 1120px; }

/* ---------- 卡片：无边框、18px 圆角、柔和投影 ---------- */
/* 注意：.mem-card 不在此列表——会员卡片另有 .mem-grid .mem-card 专属规则控制（透明+无框） */
.page-card,
.wg-point-card,
.md-related-card,
.sidebar-card,
.case-card,
.wf-card,
.wg-search-card {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, .04) !important;
  border-radius: 18px !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, .05);
  transition: transform .3s cubic-bezier(.25, .8, .25, 1), box-shadow .3s cubic-bezier(.25, .8, .25, 1);
}
.page-card:hover,
.wg-point-card:hover,
.wf-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .10);
  border-color: rgba(0, 0, 0, .04) !important;
}
.page-card-icon {
  background: #f5f5f7 !important;
  color: #0071e3 !important;
  border-radius: 14px !important;
}
.page-card-title,
.wf-card-title { font-family: var(--wf-font-display) !important; font-weight: 600 !important; letter-spacing: -0.01em; }
.page-card-text,
.wf-card-excerpt { color: #6e6e73 !important; line-height: 1.6 !important; }
.wf-card-tag {
  background: #f5f5f7 !important;
  color: #6e6e73 !important;
  border-radius: 999px !important;
  height: 26px !important;
  padding: 0 12px !important;
  font-weight: 500 !important;
}

/* ---------- 按钮：Apple 胶囊按钮 ---------- */
.wf-btn,
.wf-btn-primary,
.wf-btn-ghost,
.md-map-btn,
.contact-btn,
.wg-search-btn {
  border-radius: 980px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}
.wf-btn-primary,
.wg-search-btn {
  background: #0071e3 !important;
  border-color: #0071e3 !important;
  color: #ffffff !important;
}
.wf-btn-primary:hover,
.wg-search-btn:hover { background: #0077ed !important; border-color: #0077ed !important; }
.wf-btn-ghost,
.md-map-btn {
  background: transparent !important;
  border: 1px solid #0071e3 !important;
  color: #0071e3 !important;
}
.wf-btn-ghost:hover,
.md-map-btn:hover { background: #0071e3 !important; color: #ffffff !important; }

/* ---------- 搜索 / 筛选控件：单行紧凑工具条 ---------- */
/* 搜索卡：无边框无边框无阴影，就是一行纯净控件 */
.wg-search-card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
.wg-search-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: nowrap !important;
}

/* Tab 切换（下拉样式替代 tab） */
.wg-tabs { display: inline-flex !important; flex-shrink: 0 !important; gap: 0 !important; }
.wg-tab {
  position: relative !important;
  padding: 10px 6px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #86868b !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background: transparent !important;
  transition: color .2s, border-color .2s !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}
.wg-tab:hover { color: #1d1d1f !important; }
.wg-tab[data-active="true"] {
  color: #1d1d1f !important;
  font-weight: 600 !important;
  border-bottom-color: #0071e3 !important;
}

/* 搜索输入框：纯净灰色胶囊 */
.wg-search-input {
  position: relative !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
.wg-search-input input {
  width: 100% !important;
  height: 42px !important;
  padding: 0 16px 0 40px !important;
  border: none !important;
  border-radius: 10px !important;
  background: #f5f5f7 !important;
  color: #1d1d1f !important;
  font-size: 14px !important;
  font-family: inherit !important;
  transition: background .2s, box-shadow .2s !important;
}
.wg-search-input input::placeholder { color: #86868b !important; }
.wg-search-input input:focus {
  outline: none !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 2px rgba(0, 113, 227, .15) !important;
}
.wg-search-ico { position: absolute !important; left: 14px !important; top: 50% !important; transform: translateY(-50%) !important; color: #86868b !important; }
.wg-search-ico [data-lucide] { width: 16px !important; height: 16px !important; }

/* 右侧 actions：pill 筛选 + 蓝色搜索按钮 */
.wg-search-actions {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-shrink: 0 !important;
}
.wg-filters { display: inline-flex !important; gap: 8px !important; }
.wg-filter {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  height: 38px !important;
  padding: 0 14px !important;
  border: 1px solid #e8e8ed !important;
  border-radius: 980px !important;
  background: #ffffff !important;
  color: #1d1d1f !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: border-color .2s, color .2s, background .2s !important;
}
.wg-filter:hover {
  border-color: #0071e3 !important;
  color: #0071e3 !important;
  background: #f0f7ff !important;
}
.wg-filter [data-lucide] { width: 14px !important; height: 14px !important; color: #86868b !important; }
.wg-filter:hover [data-lucide] { color: #0071e3 !important; }

/* 搜索按钮：紧凑胶囊 */
.wg-search-btn {
  height: 38px !important;
  padding: 0 20px !important;
  border-radius: 980px !important;
  background: #0071e3 !important;
  border: none !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  box-shadow: none !important;
  transition: background .2s !important;
}
.wg-search-btn:hover { background: #0077ed !important; }

/* ---------- 搜索建议下拉面板 ---------- */
.wg-search-results {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important; right: 0 !important;
  background: #ffffff !important;
  border: 1px solid #e8e8ed !important;
  border-radius: 14px !important;
  box-shadow: 0 20px 40px -12px rgba(0,0,0,.15) !important;
  overflow: hidden !important;
  opacity: 0 !important;
  transform: translateY(-4px) !important;
  pointer-events: none !important;
  transition: opacity .18s ease, transform .18s ease !important;
  z-index: 100 !important;
  max-height: 360px !important;
  overflow-y: auto !important;
}
.wg-search-results.is-open {
  opacity: 1 !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}
.wg-suggest-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 14px !important;
  font-size: 14px !important;
  color: #1d1d1f !important;
  text-decoration: none !important;
  border-bottom: 1px solid #f2f2f4 !important;
  transition: background .12s ease !important;
}
.wg-suggest-item:last-child { border-bottom: none !important; }
.wg-suggest-item:hover, .wg-suggest-item:focus {
  background: #f5f5f7 !important;
  color: #0071e3 !important;
}
.wg-suggest-item [data-lucide] {
  width: 18px !important; height: 18px !important;
  color: #86868b !important;
  flex-shrink: 0 !important;
}
.wg-suggest-item:hover [data-lucide] { color: #0071e3 !important; }
.wg-suggest-title { flex: 1 1 auto !important; font-weight: 500 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.wg-suggest-sub { font-size: 12px !important; color: #86868b !important; flex-shrink: 0 !important; }
.wg-suggest-empty {
  padding: 20px 14px !important;
  text-align: center !important;
  font-size: 13px !important;
  color: #86868b !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}

/* 无结果时输入框摇晃 */
.wg-shake {
  animation: wg-shake-anim .4s ease !important;
}
@keyframes wg-shake-anim {
  0%, 100% { transform: translateX(0); }
  20%, 60% { transform: translateX(-6px); }
  40%, 80% { transform: translateX(6px); }
}

/* ---------- 筛选下拉面板 ---------- */
.wg-filter { position: relative !important; }
.wg-filter.is-active {
  border-color: #0071e3 !important;
  color: #0071e3 !important;
  background: #f0f7ff !important;
}
.wg-filter.is-active [data-lucide] { color: #0071e3 !important; }
.wg-filter-panel {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  min-width: 220px !important;
  max-height: 320px !important;
  overflow-y: auto !important;
  background: #ffffff !important;
  border: 1px solid #e8e8ed !important;
  border-radius: 14px !important;
  box-shadow: 0 20px 40px -12px rgba(0,0,0,.15) !important;
  overflow: hidden !important;
  opacity: 0 !important;
  transform: translateY(-4px) !important;
  pointer-events: none !important;
  transition: opacity .18s ease, transform .18s ease !important;
  z-index: 110 !important;
  padding: 6px !important;
}
.wg-filter-panel.is-open {
  opacity: 1 !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}
.wg-filter-option {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 9px 12px !important;
  font-size: 13px !important;
  color: #1d1d1f !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: background .12s ease !important;
}
.wg-filter-option:hover { background: #f5f5f7 !important; }
.wg-filter-option.is-active {
  color: #0071e3 !important;
  background: #f0f7ff !important;
  font-weight: 500 !important;
}
.wg-filter-option [data-lucide] {
  width: 14px !important; height: 14px !important;
  color: transparent !important;
  flex-shrink: 0 !important;
}
.wg-filter-option.is-active [data-lucide] { color: #0071e3 !important; }
.wg-filter-option span {
  flex: 1 1 auto !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* 响应式：窄屏换行 */
@media (max-width: 900px) {
  .wg-search-row { flex-wrap: wrap !important; gap: 10px !important; }
  .wg-tabs { flex: 0 0 auto !important; }
  .wg-search-input { flex: 1 1 100% !important; order: 2 !important; }
  .wg-search-actions { flex: 1 1 100% !important; order: 3 !important; justify-content: flex-start !important; }
  .wg-filters { flex-wrap: wrap !important; }
}

/* ---------- 会员详情：深色头部改为白色紧凑标题区 ---------- */
.md-hero {
  min-height: 0 !important;
  margin-top: 0 !important;
  padding: 72px 0 32px !important;
  background: #ffffff !important;
  color: #1d1d1f !important;
  border-bottom: 1px solid #e8e8ed;
}
.md-hero::before { display: none !important; }
.md-hero-inner { grid-template-columns: 112px 1fr !important; gap: 28px !important; align-items: center !important; }
/* 会员详情页 logo 容器修复：去白底去阴影，透明贴合 hero */
.md-logo-ring {
  width: 112px !important; height: 112px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  box-shadow: none !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}
.md-logo-ring img {
  width: 80% !important; height: 80% !important;
  object-fit: contain !important;
}
.md-logo-fallback {
  width: 112px !important; height: 112px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #0071e3, #0055ab) !important;
  box-shadow: none !important;
  border: none !important;
}
.md-title { color: #1d1d1f !important; font-family: var(--wf-font-display) !important; font-weight: 600 !important; letter-spacing: -0.02em !important; }
.md-subname { color: #6e6e73 !important; }
.md-tabs { background: #ffffff !important; border-bottom: 1px solid #e8e8ed !important; }
.md-tab { color: #6e6e73 !important; font-weight: 500 !important; }
.md-tab.is-active { color: #1d1d1f !important; font-weight: 600 !important; border-bottom-color: #1d1d1f !important; }
.md-body { background: #ffffff !important; }
.md-bio p { color: #1d1d1f !important; }
.md-bio .md-bio-h { color: #1d1d1f !important; border-left-color: #0071e3 !important; font-family: var(--wf-font-display) !important; }
.md-gallery-item,
.md-related-card { border-radius: 18px !important; overflow: hidden; }

/* ---------- 媒体详情：移除顶部横幅 ---------- */
.md-banner { display: none !important; }
/* 潍广通：所有「查看全部」按钮隐藏 */
.wf-cat-more { display: none !important; }
.md-banner-title { color: #1d1d1f !important; font-family: var(--wf-font-display) !important; font-weight: 600 !important; letter-spacing: -0.025em !important; }
.md-banner-desc { color: #6e6e73 !important; margin-top: 10px !important; }
.md-banner-icon { background: #f5f5f7 !important; color: #0071e3 !important; border-radius: 16px !important; }
.md-section { background: #ffffff !important; }
.md-company-card { border-radius: 18px !important; border: 1px solid rgba(0, 0, 0, .04) !important; box-shadow: 0 2px 12px rgba(0, 0, 0, .05) !important; }

/* ---------- 通用链接色 ---------- */
a.wf-more,
.wf-more,
.mem-link,
.wg-point-link { color: #0071e3 !important; font-weight: 500 !important; }

/* ---------- 深色区块内的卡片：改用半透明深底 + 浅色文字 ---------- */
.page-section-ink .page-card,
.page-section-ink .sidebar-card,
.page-section-ink .wf-card,
.page-section-ink .md-related-card,
.wf-section-ink .page-card,
.wf-section-ink .sidebar-card,
.wf-section-ink .wf-card {
  background: rgba(255, 255, 255, .06) !important;
  border-color: rgba(255, 255, 255, .08) !important;
  box-shadow: none !important;
}
.page-section-ink .page-card-title,
.page-section-ink .wf-card-title,
.wf-section-ink .page-card-title,
.wf-section-ink .wf-card-title { color: #f5f5f7 !important; }
.page-section-ink .page-card-text,
.page-section-ink .wf-card-excerpt,
.wf-section-ink .page-card-text,
.wf-section-ink .wf-card-excerpt { color: rgba(255, 255, 255, .72) !important; }
.page-section-ink .page-card-icon,
.wf-section-ink .page-card-icon {
  background: rgba(255, 255, 255, .1) !important;
  color: #9dc6f5 !important;
}
.page-section-ink .wf-card-tag,
.wf-section-ink .wf-card-tag {
  background: rgba(255, 255, 255, .1) !important;
  color: rgba(255, 255, 255, .8) !important;
}

/* ---------- 表格 / 列表的边框弱化 ---------- */
.page-section-ink .wf-card { background: rgba(255, 255, 255, .06) !important; border-color: transparent !important; }

/* ---------- 会员风采：会长单位 + 会员单位 左右并排 ---------- */

/* 父容器：CSS Grid 两列 */
.member-split-layout {
  display: grid !important;
  grid-template-columns: 36% 64% !important;
  background: #ffffff !important;
  padding: 72px 0 !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}

/* 左列：会长单位（纯白，与右列同底） */
.member-split-layout > .president-section {
  background: #ffffff !important;
  padding: 0 48px 0 0 !important;
  border-right: 1px solid #e8e8ed;
  display: flex !important;
  flex-direction: column !important;
  gap: 36px !important;
  justify-content: flex-start !important;
}

/* 左列 logo + 公司名 */
.member-split-layout > .president-section .president-wrap {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 20px !important;
  text-align: left !important;
}

/* 右列：会员单位（白底） */
.member-split-layout > .member-list-section {
  background: #ffffff !important;
  padding: 0 0 0 56px !important;
  max-width: none !important;
}

/* ---------- 会长单位元素 ---------- */
.president-logo-link {
  display: inline-flex;
  width: 140px; height: 140px;
  border-radius: 50%;
  background: #ffffff;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 2px 12px rgba(0,0,0,.06);
  transition: transform .35s cubic-bezier(.25,.8,.25,1), box-shadow .35s ease;
  cursor: pointer;
  align-items: center; justify-content: center;
  overflow: hidden;
}
.president-logo-link:hover {
  transform: scale(1.05);
  box-shadow: 0 12px 32px -8px rgba(0,0,0,.16);
}
.president-logo-link:active { transform: scale(1.02); }
.president-logo-link img {
  display: block;
  max-width: 100px; width: 72%;
  max-height: 72%; height: auto;
  object-fit: contain;
}
.president-name {
  font-size: 14px; color: #1d1d1f; font-weight: 600; letter-spacing: .005em;
}
.president-name-en {
  font-size: 11px; color: #86868b; letter-spacing: .12em; font-weight: 500; text-transform: uppercase;
  margin-top: 4px;
}
/* 旧的 president-label 不再使用，隐藏以防万一 */
.president-label { display: none !important; }

/* Logo 墙网格 */
#dynamic-member-showcase.mem-grid {
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
  margin-top: 36px !important;
}
.mem-grid .mem-card {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 16px 8px !important;
  margin: 0 !important;
  min-height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  cursor: pointer !important;
  transition: transform .35s cubic-bezier(.25,.8,.25,1) !important;
  overflow: visible !important;
  position: relative !important;
  color: inherit !important;
}
.mem-grid .mem-card:hover {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: scale(1.08) !important;
}
.mem-grid .mem-card-head {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  flex-direction: column !important;
}
.mem-grid .mem-logo {
  width: 92px !important; height: 92px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #ffffff !important;
  overflow: hidden !important;
  padding: 0 !important;
  border: 1px solid rgba(0,0,0,.05);
}
.mem-grid .mem-logo img {
  max-height: 64px !important;
  max-width: 72px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  filter: none !important;
}
.mem-grid .mem-logo-fallback {
  width: 92px !important; height: 92px !important;
  border-radius: 50% !important;
  font-size: 30px !important;
  font-weight: 600 !important;
  background: #ffffff !important;
  color: #0071e3 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(0,0,0,.05);
}
.mem-grid .mem-name,
.mem-grid .mem-sub,
.mem-grid .mem-desc,
.mem-grid .mem-tags,
.mem-grid .mem-link,
.mem-grid .mem-contact {
  display: none !important;
}

/* 响应式：平板改回上下堆叠 */
@media (max-width: 1100px) {
  .member-split-layout {
    grid-template-columns: 1fr !important;
    padding: 56px 24px !important;
  }
  .member-split-layout > .president-section {
    padding: 0 0 40px 0 !important;
    border-right: none !important;
    border-bottom: 1px solid #e8e8ed !important;
    gap: 24px !important;
  }
  .member-split-layout > .president-section .president-wrap {
    text-align: center !important;
    align-items: center !important;
  }
  .member-split-layout > .member-list-section {
    padding: 40px 0 0 0 !important;
  }
  #dynamic-member-showcase.mem-grid { grid-template-columns: repeat(3, 1fr) !important; gap: 16px !important; margin-top: 28px !important; }
}

@media (max-width: 768px) {
  .member-split-layout { padding: 48px 20px !important; }
  #dynamic-member-showcase.mem-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .president-logo-link { width: 120px; height: 120px; }
  .mem-grid .mem-logo, .mem-grid .mem-logo-fallback { width: 76px; height: 76px; }
  /* 会员详情页手机适配 */
  .md-hero-inner { grid-template-columns: 1fr !important; gap: 24px !important; text-align: center !important; }
  .md-logo-ring, .md-logo-fallback { margin: 0 auto !important; width: 120px !important; height: 120px !important; }
}

@media (max-width: 480px) {
  #dynamic-member-showcase.mem-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
}

/* ================================================================
   潍广通 .wg-cat-dark 深色主题 → 全部覆盖为 Apple 浅色系
   （电梯媒体 + 社区媒体 section 原本是深蓝蒙层+浅色图标，
    统一成和其他三个 section 一样的白底+深蓝图标风格）
   ================================================================ */

/* 深蓝透明蒙版 —— 更虚化、颜色不加深，让背景图清晰透出 */
.wg-cat-dark::after {
  display: block !important;
  background: linear-gradient(100deg, rgba(7,25,61,.35) 0%, rgba(10,27,61,.28) 50%, rgba(10,27,61,.20) 100%) !important;
}
.wg-cat-dark { color: #fff !important; }

/* 分类标题区 —— 白色文字 + 白色图标方块 */
.wg-cat-dark .wg-cat-icon {
  background: rgba(255,255,255,.18) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  backdrop-filter: blur(6px) !important;
}
.wg-cat-dark .wg-cat-name {
  color: #ffffff !important;
}
.wg-cat-dark .wg-cat-en {
  color: rgba(255,255,255,.75) !important;
}
.wg-cat-dark .wf-more {
  color: rgba(255,255,255,.95) !important;
  border-color: rgba(255,255,255,.4) !important;
}
.wg-cat-dark .wf-more:hover {
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(255,255,255,.7) !important;
}

/* 点位卡片 —— 白底 */
.wg-cat-dark .wg-point-card {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, .06) !important;
  backdrop-filter: none !important;
  color: var(--wf-foreground, #1d1d1f) !important;
}
.wg-cat-dark .wg-point-card:hover {
  background: #ffffff !important;
  border-color: rgba(0, 0, 0, .1) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .08) !important;
}

/* 点位卡片内元素 */
.wg-cat-dark .wg-point-name {
  color: var(--wf-foreground, #1d1d1f) !important;
}
.wg-cat-dark .wg-point-desc {
  color: var(--wf-neutral-500, #6e6e73) !important;
}
.wg-cat-dark .wg-point-icon {
  background: #f5f5f7 !important;
  color: #0066cc !important;
}
.wg-cat-dark .wg-point-card:hover .wg-point-icon {
  background: var(--wf-primary-50, #e8f3ff) !important;
  color: #0071e3 !important;
}
.wg-cat-dark .wg-point-link {
  color: var(--wf-primary-600, #0066cc) !important;
}

/* 卡片阴影和图片 */
.wg-cat-dark .wg-cat-media img {
  box-shadow: 0 20px 50px -12px rgba(10, 27, 61, .18) !important;
}
