/* ai-new.css — ikeup.net 艾可美研（本次改版：pc-index 全量重跑，/r-site-info 换域名后全部布局重算）
   site_uid = ikeup.net（9 字符，含 TLD，与 pc-index「第二步」示例 xiameninf.com 同口径）
   effective_seed = Σ charcode[i]×(i+1) = 4548
   ※ 上一版是按旧域名 51kf.wang（seed 4310）选出的 T-C/BN2/H2/D6/N6/S4/P4/Q4/T1/HE2/NA6，本次全部作废
   PC 布局: 标题 T-F（全站统一）/ Banner BN6 / 医院 H6(+TAB1) / 医生 D7(+TAB1+MQ1) / 资讯 N4(+MQ1) /
            分享 S2(+TAB2) / 项目 P3(+TAB2) / 问答 Q6(+TAB1) / 热词 T2(+TAB1) / Footer F3 /
            Header HE4 + Nav NA3 / 浮层 GD3 右侧页内锚点条（沿用，用户此前明确要求）
   ※ 医生原式命中 D6，因与相邻的医院 H6 同属"矩形网格·实底名称条·带侧栏"家族，按「相邻区块不得同类
     视觉风格」取次优 D7；详见 index.html 文件头「医生相邻同族调整说明」
   主题色：新 logo111.png（艾可美研：深藏蓝品牌字+S形主体 / 琥珀花瓣 / 青绿叶片）像素直方图取色——
           深藏蓝 #1A183C（12833px，H≈243° L≈16.5%）为绝对主色，按对比度规则保 H 提亮到 L=29% 得
           --color-primary:#2A2A6B（白底 12.6:1）；琥珀 #EA9B4E 是 logo 明确的第二主色，直接作 --color-accent
           （不套固定默认强调色），白底文字/描边用 --color-accent-dark:#A85F14（L=37%，白底 4.9:1）。 */

body { background: var(--color-bg); color: var(--color-text-normal); }
.filter_img { filter: blur(15px) !important; }
.camp1 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.camp2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* ===== PC首页区块 BEGIN ===== */

/* === AI 主题色（logo 提取主色 + 适配辅色 + 中性 + 功能色）===
   取色依据：新 logo111.png 像素直方图（alpha>200、跳过近白、26 级 RGB 分桶）
     深藏蓝 #1A183C  12833px  H≈243° S≈43% L≈16.5%  → 绝对主色，但过暗近黑
     琥珀   #EA9B4E    503px  → logo 明确的第二主色（花瓣/金点），按辅色优先级第 1 档直接取用
     青绿   #1C636E    310px  → logo 第三色，:root 规范只定义两组品牌色，故不单独立变量
   对比度强制校正：primary 保 H=240° 提亮到 L=29%（白底 12.6:1）；accent 白底文字/描边用 accent-dark（L=37%，4.9:1）
   hero/轮播/导航区一律用变量、不写死颜色（换 :root 即整站跟着变） */
:root {
  /* ① 品牌主色系（结构：标题/导航/链接/竖条/描边） */
  --color-primary:#2A2A6B; --color-primary-dark:#222258; --color-primary-light:#ECEDF8;
  --color-primary-rgb:42,42,107; --color-primary-dark-rgb:34,34,88;
  /* ② 辅助/强调色（logo 第二主色：琥珀花瓣，非固定默认强调色） */
  --color-accent:#E89B4C; --color-accent-dark:#A85F14; --color-accent-rgb:232,155,76;
  /* ③ 中性底与正文（固定中性灰、不带色相） */
  --color-bg:#f4f5f7; --color-bg-white:#fff;
  --color-text-dark:#1f2328; --color-text-normal:#333940; --color-text-light:#6b7280; --color-text-lighter:#9aa3ad;
  --color-border:rgba(31,35,40,.12); --color-border-light:rgba(31,35,40,.08);
  /* ④ 功能色（固定语义色，独立于品牌色） */
  --color-promo:#E53935; --color-success:#2fae66; --color-success-rgb:47,174,102;
}

/* ---------- Tab 隐藏契约（功能性 CSS，必须与组件同表，禁止只留在被注释的旧表）---------- */
.news-mode { display:none !important; }
.ind-yh-list.news-mode, .ind-doc-list.news-mode, .ind-zx-list.news-mode,
.ind-hos-list.news-mode, .ind-xm-list.news-mode, .ind-wd-list.news-mode,
.ind-rc-list.news-mode { display:none !important; }
.news-modes .ind-yh-list, .news-modes .ind-doc-list, .news-modes .ind-zx-list,
.news-modes .ind-hos-list, .news-modes .ind-xm-list, .news-modes .ind-wd-list,
.news-modes .ind-rc-list { display:block; width:100%; margin-top:0; }
.news-modes { margin-top:6px; }

/* ---------- 页面骨架 ---------- */
.container { max-width:1240px; margin:0 auto; padding:0 16px; box-sizing:border-box; }
.index-hos-con { margin:34px 0; }
.index-hos-box { background:var(--color-bg-white); border-radius:14px; padding:22px 22px 24px; box-shadow:0 2px 14px rgba(31,35,40,.05); }

/* ==========================================================================
   板块标题 T-F 斜切色块标签型（seed%7=5，全站 7 个板块统一）
   标题行底部一条细横线收尾；主标题上下各一条短横线做"括号"装饰（伪元素，非真边框）；
   分类 Tab 做成斜切平行四边形色块（skewX(-20deg)，内部 <span> 反向 skewX(20deg) 保持文字直立），
   彼此紧贴无间隙（margin-left:-1px），三个 Tab 用主色/辅色/深主色三档区分；"更多"贴最右纯文字
   必踩坑：.mod-title-tf 必须显式 display:block，覆盖外层容器可能自带的 display:flex，
     否则内层 .tf-row 会被当成收缩子项，"更多"的 margin-left:auto 推不到最右边
   本站 Tab 容器类名是 .idx-tabs > a.title（不是库内示例的 .tab），选择器已按现场适配；
     Tab 之间保持同级兄弟关系，handleTabSwitch 的 $(this).siblings() 逻辑不受影响
   ========================================================================== */
.mod-title-tf {
  display:block; /* 必须显式声明，见上方避坑提醒 */
  border-bottom:2px solid var(--color-border-light);
  padding:0 0 5px;
  margin-bottom:20px;
}
.mod-title-tf .tf-row { display:flex; align-items:center; }
.mod-title-tf .tf-label {
  position:relative; display:inline-flex; align-items:baseline; gap:6px;
  height:26px; padding:0 14px; font-size:18px; font-weight:700; color:var(--color-text-dark);
  flex-shrink:0;
}
.mod-title-tf .tf-label::before {
  content:''; position:absolute; top:0; left:-5px; right:-5px; height:1px; background:var(--color-border-light);
}
.mod-title-tf .tf-label::after {
  content:''; position:absolute; bottom:0; left:-5px; right:-5px; height:1px; background:var(--color-border-light);
}
.mod-title-tf .tf-en {
  font-size:12px; font-weight:600; color:var(--color-text-light);
  text-transform:uppercase; letter-spacing:.08em;
}
.mod-title-tf .tf-desc { margin:6px 0 0; font-size:12px; color:var(--color-text-light); }
.mod-title-tf .tf-more {
  margin-left:auto; font-size:13px; color:var(--color-text-light);
  white-space:nowrap; text-decoration:none; transition:color .2s; flex-shrink:0;
}
.mod-title-tf .tf-more:hover { color:var(--color-primary-dark); }
/* 斜切色块 Tab */
.mod-title-tf .idx-tabs { display:flex; gap:0; margin-left:10px; }
.mod-title-tf .idx-tabs .title {
  display:flex; align-items:center; justify-content:center;
  height:26px; min-width:94px; padding:0 8px;
  border:none; border-radius:0; font-size:14px; color:#fff;
  text-decoration:none; cursor:pointer;
  transform:skewX(-20deg); margin-left:-1px;
  transition:filter .2s, box-shadow .2s;
}
.mod-title-tf .idx-tabs .title > span { display:inline-block; transform:skewX(20deg); }
.mod-title-tf .idx-tabs .title:nth-child(1) { background:var(--color-primary); }
.mod-title-tf .idx-tabs .title:nth-child(2) { background:var(--color-accent); }
.mod-title-tf .idx-tabs .title:nth-child(3) { background:var(--color-primary-dark); }
.mod-title-tf .idx-tabs .title:hover { filter:brightness(1.18); }
.mod-title-tf .idx-tabs .title.current {
  filter:brightness(1.18);
  box-shadow:inset 0 -3px 0 rgba(255,255,255,.62);
}

/* ==========================================================================
   Header HE4「紧凑横排型」+ Nav NA3「白底底线型」
   header_pick=(4548+105×31)%6=3 → HE4 ｜ nav_pick=(4548+107×37)%7=2 → NA3
   HE4：单行 Logo 左固定 ｜ 搜索框居中拉伸（flex:1）｜ 咨询电话紧凑竖排 ｜ 二维码 hover 弹大图
   横向布满规则：.site-header__wrap 与 .site-nav__list 均写 justify-content:space-between
   ========================================================================== */
.site-header--he4 { background:var(--color-bg-white); }
.site-header__wrap {
  max-width:1240px; margin:0 auto; padding:14px 16px;
  display:flex; align-items:center; justify-content:space-between; gap:24px; box-sizing:border-box;
}
.site-header__logo { flex-shrink:0; display:inline-flex; align-items:center; line-height:0; }
.site-header__logo img { height:54px; width:auto; display:block; }
/* 搜索框：居中拉伸（HE4 的核心比例特征） */
.site-header__search {
  flex:1 1 auto; min-width:0; max-width:560px;
  display:flex; align-items:center; height:40px;
  border:2px solid var(--color-primary); border-radius:6px; overflow:hidden; background:#fff;
}
.site-header__search .yz_seatext {
  flex:1; min-width:0; height:100%; border:none; outline:none; background:transparent;
  padding:0 14px; font-size:14px; color:var(--color-text-normal);
}
.site-header__search .yz_seatext::placeholder { color:var(--color-text-lighter); }
.site-header__search-btn {
  flex-shrink:0; width:54px; height:100%; display:flex; align-items:center; justify-content:center;
  background:var(--color-primary); color:#fff; cursor:pointer; transition:background .2s;
}
.site-header__search-btn:hover { background:var(--color-primary-dark); }
.site-header__search-btn svg { width:19px; height:19px; }
/* 咨询电话：图标 + label + 号码，紧凑竖排 */
.site-header__tel { flex-shrink:0; display:inline-flex; align-items:center; gap:9px; }
.site-header__tel-ico { width:26px; height:26px; color:var(--color-accent-dark); flex-shrink:0; }
.site-header__tel-box { display:inline-flex; flex-direction:column; line-height:1.15; }
.site-header__tel-label { font-style:normal; font-size:11px; color:var(--color-text-light); letter-spacing:.14em; }
.site-header__tel-num {
  font-size:19px; font-weight:800; color:var(--color-primary);
  text-decoration:none; letter-spacing:.01em;
}
/* 二维码：小图常显 + hover 弹大图（字段常态可见，不是隐藏） */
.site-header__qr { position:relative; flex-shrink:0; }
.site-header__qr-thumb {
  width:52px; height:52px; display:block; border-radius:6px;
  border:1px solid var(--color-border); padding:2px; background:#fff; cursor:pointer;
}
.site-header__qr-pop {
  position:absolute; top:calc(100% + 10px); right:0; z-index:60;
  width:148px; padding:10px; background:#fff; border-radius:10px;
  border:1px solid var(--color-border-light); box-shadow:0 12px 30px rgba(31,35,40,.16);
  text-align:center; opacity:0; visibility:hidden; transform:translateY(-6px);
  transition:opacity .22s ease, transform .22s ease, visibility .22s;
}
.site-header__qr:hover .site-header__qr-pop { opacity:1; visibility:visible; transform:translateY(0); }
.site-header__qr-pop img { width:126px; height:126px; display:block; margin:0 auto; }
.site-header__qr-pop span { display:block; margin-top:6px; font-size:12px; color:var(--color-text-light); }
/* Nav NA3：白底底线型 */
.site-nav--underline {
  background:var(--color-bg-white);
  border-top:1px solid var(--color-border-light);
  border-bottom:1px solid var(--color-border);
  transition:box-shadow .25s ease;
}
.site-nav--underline.is-scrolled { box-shadow:0 4px 16px rgba(31,35,40,.09); }
.site-nav__list {
  max-width:1240px; margin:0 auto; padding:0 16px; box-sizing:border-box;
  list-style:none; display:flex; align-items:stretch; justify-content:space-between;
}
.site-nav__item { position:relative; flex:1; }
.site-nav__item > a {
  display:flex; align-items:center; justify-content:center;
  padding:15px 0; font-size:16px; font-weight:600;
  color:var(--color-text-normal); text-decoration:none;
  border-bottom:3px solid transparent; margin-bottom:-1px;
  transition:color .2s ease, border-color .2s ease;
}
.site-nav__item > a:hover { color:var(--color-primary); }
.site-nav__item.active > a {
  color:var(--color-primary); font-weight:800;
  border-bottom-color:var(--color-primary);
}

/* ==========================================================================
   Banner BN6 轮播图三栏（(seed+11)%9=5）
   --------------------------------------------------------------------------
   本块参照本站改版前实际在跑的 BN2（51kf.wang_20260825 的 .bn2-banner-wrap / .ai-home-swiper）
   重新生成，沿用它已验证过的三条做法：

   ① 轮播容器写【定高】（BN2: .ai-home-swiper{height:360px}）
      这是唯一真正的关键点。.swiper-wrapper / .swiper-slide 都是 height:100%，
      父高度若来自 flex:1 1 auto + min-height 就是不确定值，百分比链解析不出来，
      轮播会塌成 0 高、图片完全不显示。各断点一律给定高（≤768 用 aspect-ratio 也算确定值）。

   ② 幻灯片图片直接 width/height:100% + object-fit:cover，【不需要】给中间那层 <a> 加定位。
      百分比高度的包含块是最近的「块级」祖先，行内的 <a> 会被跳过，img 直接对着
      .swiper-slide 解析——BN2 就是这么写的、一直正常。之前给 <a> 加 position:absolute
      是多余机关，本次去掉，与 BN2 保持一致。

   ③ 图片叠字用 BN2 侧卡的分层法：img 绝对定位 z-0 → ::after 渐变蒙版 z-1 → 文字 z-2。
      比在文字元素上直接挂 background 渐变更好控，也不会影响 camp1 截断。

   对应 HTML（不改模板，CSS 贴着现有类名写）：
     .hero-band > .hero-inner.hero-inner--3col
       ├─ .hero-left  : .hero-left__head(__headTitle+__headMore) + .hero-left__cats > .hero-left__proj(__projTitle+__projDesc)
       ├─ .hero-mid   : .swiper.mySwiper.hero-swiper + .hero-subcards > .hero-subcard(img? + span.hero-subcard__cap.camp1)
       └─ .hero-right : .hero-right__head + .hero-right__line + .hero-right__news(__newsHead + __newsList > .hero-right__newsItem)

   另两条通用约束：
   · 换纵向排列时必须连 flex 简写一起重置（flex-basis 在 column 下作用于高度）。
   · 带 camp1 的元素不写 display，否则覆盖 -webkit-box 导致截断失效。
   配色只用 :root 已定义变量（库内片段的 --color-secondary-dark 不在规范内，不使用）。
   ========================================================================== */
.hero-band {
  background:linear-gradient(94deg, var(--color-primary-light), rgba(232,155,76,.16));
  padding:18px 0 22px;
  overflow:hidden;
}
.hero-inner { max-width:1240px; margin:0 auto; padding:0 16px; box-sizing:border-box; }
.hero-inner--3col { display:flex; align-items:stretch; gap:16px; }

/* ---------------- 中栏：轮播 + 三图卡（总高 360 + 10 + 120 = 490px）---------------- */
/* ⚠ .hero-mid 必须是【普通块级容器】，不能是 flex column。
   在 column 容器里，子项的 height 是【主轴】尺寸，要经 flex 算法分配才定下来，
   浏览器对它"算不算 definite"的处理与普通块级盒子不同 → 内部 .swiper-wrapper /
   .swiper-slide / img 的 height:100% 会解析成 0，图片高度归零、整个轮播看不见。
   参照本站改版前正常运行的 BN2：.ai-home-swiper 是 flex ROW 容器里的项，
   height:360px 属交叉轴定值，等同普通块级盒子，百分比链才解析得出来。
   这里把 flex-direction:column 去掉，让 .hero-swiper 回到普通块级上下文，
   轮播与三图卡改用 margin 拉开间距（原来靠 gap:10px）。 */
.hero-mid { flex:1; min-width:0; }

/* ① 定高。
   【轮播高度与裁切】banner 素材是 1897x465（4.08:1），中栏容器约 776x? （2~3:1），
   object-fit:cover 按高度铺满、左右对称裁切，高度越大裁掉越多。三张素材的关键内容
   横向范围（源图坐标）：banner1 文字 350-990｜banner2 文字 355-1120｜banner3 白卡 400-1500，
   即安全区必须覆盖 350-1500。注意文字有的靠左、有的靠右，用 object-position 偏移救不了。
   cover 下可见源图宽 V = 容器宽 x 465 / 高度，居中裁切后可见区间 = (1897±V)/2：
     高 360 → 447-1449 ✗ 切掉 banner1 的"淮"字
     高 300 → 347-1549 ✓（但窗口收到 1101px 时中栏只剩 637px → 454-1442 ✗ 又切了）
     高 240 → 196-1700 ✓，且 637px 宽时仍是 331-1565 ✓
   故桌面段取 240px —— 这是 1101~1240 视口全程都不裁到内容的上限。 */
.hero-swiper {
  height:240px; margin-bottom:10px;   /* 见下方「轮播高度与裁切」说明：240 是桌面段不裁到文字的上限 */
  position:relative; border-radius:12px; overflow:hidden;
  background:var(--color-primary-light);
  box-shadow:0 4px 18px rgba(var(--color-primary-dark-rgb),.1);
}
/* ② 与 BN2 完全一致的两行：不碰 <a>，图片直接对着 slide 解析百分比高度 */
.hero-swiper .swiper-slide { height:100%; }
.hero-swiper .swiper-slide img { width:100%; height:100%; object-fit:cover; display:block; }
/* 自定义圆形箭头：覆盖 Swiper 11 默认的 width:calc(size/44*27) / margin-top:-size/2 / ::after 字体图标 */
.hero-swiper .swiper-button-prev,
.hero-swiper .swiper-button-next {
  --swiper-navigation-size:40px;
  position:absolute; top:50%; transform:translateY(-50%); margin-top:0;
  width:40px; height:40px; border-radius:50%;
  background:rgba(255,255,255,.62);
  display:flex; align-items:center; justify-content:center;
  color:var(--color-primary-dark); cursor:pointer; z-index:5;
  transition:background .2s ease;
}
.hero-swiper .swiper-button-prev:hover,
.hero-swiper .swiper-button-next:hover { background:#fff; }
.hero-swiper .swiper-button-prev { left:14px; }
.hero-swiper .swiper-button-next { right:14px; }
.hero-swiper .swiper-button-prev svg,
.hero-swiper .swiper-button-next svg { width:20px; height:20px; }
.hero-swiper .swiper-button-prev::after,
.hero-swiper .swiper-button-next::after { content:none; display:none; }
.hero-swiper .swiper-pagination { bottom:10px; }
.hero-swiper .swiper-pagination-bullet { background:rgba(255,255,255,.6); opacity:1; }
.hero-swiper .swiper-pagination-bullet-active { background:#fff; }

/* ③ 三图卡：BN2 侧卡的分层法（img z-0 / ::after 蒙版 z-1 / 文字 z-2）
   三张卡分别用 主色深调 / 辅色 / 黑 三种蒙版，与 BN2 的 c1/c2/c3 同一思路，避免三张一个色 */
.hero-subcards { height:120px; display:flex; gap:16px; }
.hero-subcard {
  position:relative; display:block; flex:1; min-width:0; height:100%;
  border-radius:10px; overflow:hidden; text-decoration:none;
  background:var(--color-primary-light);
  box-shadow:0 2px 10px rgba(var(--color-primary-dark-rgb),.06);
  transition:transform .25s ease, box-shadow .25s ease;
}
.hero-subcard:hover { transform:translateY(-3px); box-shadow:0 8px 18px rgba(var(--color-primary-dark-rgb),.14); }
.hero-subcard img {
  position:absolute; inset:0; z-index:0;
  width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .35s ease;
}
.hero-subcard:hover img { transform:scale(1.05); }
.hero-subcard::after { content:''; position:absolute; inset:0; z-index:1; }
.hero-subcard:nth-child(1)::after { background:linear-gradient(0deg, rgba(var(--color-primary-dark-rgb),.86) 0%, rgba(var(--color-primary-dark-rgb),.30) 60%, transparent 100%); }
.hero-subcard:nth-child(2)::after { background:linear-gradient(0deg, rgba(var(--color-accent-rgb),.86) 0%, rgba(var(--color-accent-rgb),.30) 60%, transparent 100%); }
.hero-subcard:nth-child(3)::after { background:linear-gradient(0deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.28) 60%, transparent 100%); }
.hero-subcard__cap {            /* 带 camp1，不写 display */
  position:absolute; z-index:2; left:0; right:0; bottom:0;
  padding:1px 10px;
  font-size:12.5px; font-weight:700; color:#fff;
}

/* ---------------- 左栏：主色渐变标题条 + 项目列表 ---------------- */
.hero-left {
  flex:0 0 200px; width:200px; box-sizing:border-box;
  background:#fff; border-radius:10px; overflow:hidden;
  box-shadow:0 2px 10px rgba(var(--color-primary-dark-rgb),.06);
  display:flex; flex-direction:column;
}
.hero-left__head {
  flex:0 0 auto; display:flex; align-items:center; justify-content:space-between; gap:8px;
  padding:11px 14px;
  background:linear-gradient(120deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
}
.hero-left__headTitle { font-size:14px; font-weight:800; color:#fff; letter-spacing:.04em; white-space:nowrap; }
.hero-left__headMore { font-size:12px; color:rgba(255,255,255,.82); text-decoration:none; white-space:nowrap; transition:color .2s; }
.hero-left__headMore:hover { color:#fff; }
.hero-left__cats { flex:1 1 auto; padding:6px 14px; display:flex; flex-direction:column; }
.hero-left__proj { display:block; padding:8px 0; border-bottom:1px dashed var(--color-border-light); text-decoration:none; }
.hero-left__proj:last-child { border-bottom:none; }
.hero-left__projTitle { font-size:13.5px; font-weight:700; color:var(--color-text-dark); margin-bottom:3px; transition:color .2s; }
.hero-left__projTitle::before {
  content:''; display:inline-block; width:5px; height:5px; border-radius:50%;
  background:linear-gradient(135deg, var(--color-primary), var(--color-accent));
  margin-right:6px; vertical-align:middle;
}
.hero-left__projDesc { font-size:11.5px; font-weight:400; color:var(--color-text-lighter); }
.hero-left__proj:hover .hero-left__projTitle { color:var(--color-primary-dark); }

/* ---------------- 右栏：欢迎语 + 网站资讯列表 ---------------- */
.hero-right {
  flex:0 0 200px; width:200px; box-sizing:border-box;
  background:#fff; border-radius:10px; overflow:hidden;
  box-shadow:0 2px 10px rgba(var(--color-primary-dark-rgb),.06);
  display:flex; flex-direction:column;
}
.hero-right__head { flex:0 0 auto; padding:14px; text-align:center; }
.hero-right__welcome { font-size:13px; font-weight:700; color:var(--color-text-dark); line-height:1.4; }
.hero-right__brand {
  background:linear-gradient(135deg, var(--color-primary), var(--color-accent-dark));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.hero-right__line { flex:0 0 auto; height:1px; background:var(--color-border-light); margin:0 14px; }
.hero-right__news { flex:1 1 auto; min-height:0; display:flex; flex-direction:column; padding:12px 14px; }
.hero-right__newsHead {
  flex:0 0 auto; display:flex; align-items:center; justify-content:space-between; gap:8px;
  font-size:13px; font-weight:700; color:var(--color-text-dark); margin-bottom:8px;
}
.hero-right__newsHead a { font-size:12px; font-weight:400; color:var(--color-primary-dark); text-decoration:none; white-space:nowrap; }
.hero-right__newsList { flex:1 1 auto; display:flex; flex-direction:column; }
.hero-right__newsItem { display:block; padding:8px 0; border-bottom:1px dashed var(--color-border-light); text-decoration:none; }
.hero-right__newsItem:last-child { border-bottom:none; }
.hero-right__newsTitle { font-size:13px; font-weight:700; color:var(--color-text-dark); margin-bottom:3px; transition:color .2s; }
.hero-right__newsTitle::before {
  content:''; display:inline-block; width:5px; height:5px; border-radius:50%;
  background:linear-gradient(135deg, var(--color-primary), var(--color-accent));
  margin-right:6px; vertical-align:middle;
}
.hero-right__newsDesc { font-size:11.5px; font-weight:400; color:var(--color-text-lighter); }
.hero-right__newsItem:hover .hero-right__newsTitle { color:var(--color-primary-dark); }

/* ---------------- 轮播区响应式（本块自带，不散落到公共 @media）----------------
   ≤1100：左右两栏 200+200+gap+padding = 464px 是恒定开销，中栏会被挤到约 500px、
          轮播变成又高又窄的竖条 → 改版式：中栏整宽在上，左右两栏各 50% 在下。
          （同 BN2 在窄屏把 aside 由竖排改横排的思路）
   ≤768 ：全部纵向堆叠，此时必须连 flex 简写一起重置。 */
@media (max-width:1100px) {
  .hero-inner--3col { flex-wrap:wrap; }
  .hero-mid   { flex:1 1 100%;            order:1; }
  .hero-left  { flex:1 1 calc(50% - 8px); width:auto; order:2; }
  .hero-right { flex:1 1 calc(50% - 8px); width:auto; order:3; }
  .hero-swiper { height:300px; }   /* 两段式下中栏整宽（≈1068px），可见范围宽裕，可加高 */
}
@media (max-width:960px) {
  .hero-swiper { height:260px; }
  .hero-subcards { flex:0 0 104px; height:104px; }
}
@media (max-width:768px) {
  .hero-band { padding:14px 0 16px; }
  .hero-inner { padding:0 12px; }
  .hero-inner--3col { flex-direction:column; flex-wrap:nowrap; gap:12px; }
  /* flex-basis 在 column 下作用于高度，只写 width:100% 不够，必须连简写一起解开 */
  .hero-mid   { flex:0 0 auto; width:100%; order:1; }
  .hero-left  { flex:0 0 auto; width:100%; order:2; }
  .hero-right { flex:0 0 auto; width:100%; order:3; }
  .hero-swiper { height:auto; aspect-ratio:1897/465; }   /* 单列时按素材原比例，零裁切 */
  .hero-subcards { height:auto; gap:10px; }
  .hero-subcard { height:auto; aspect-ratio:4/3; }
  .hero-swiper .swiper-button-prev,
  .hero-swiper .swiper-button-next { width:32px; height:32px; }
  .hero-swiper .swiper-button-prev svg,
  .hero-swiper .swiper-button-next svg { width:16px; height:16px; }
  .hero-swiper .swiper-pagination { bottom:6px; }
}
@media (max-width:480px) {
  .hero-subcard__cap { padding:0 6px 6px; font-size:11px; }
  .hero-left, .hero-right { border-radius:8px; }
}

/* ==========================================================================
   叠加组件 TAB1 灰底圆角胶囊 Tab（静态导航型）—— 医院 / 医生 / 问答 / 热词
   ========================================================================== */
.ind-sec-tabs {
  display:flex; align-items:center; gap:6px;
  background:#f4f6fa; border-radius:10px; padding:5px; margin-bottom:20px; flex-wrap:wrap;
}
.ind-sec-tab {
  padding:6px 16px; font-size:13px; font-weight:600; color:var(--color-text-light);
  text-decoration:none; border-radius:7px; white-space:nowrap;
  transition:background .2s, color .2s, box-shadow .2s;
}
.ind-sec-tab:hover { color:var(--color-primary); background:#fff; }
.ind-sec-tab.current { background:#fff; color:var(--color-primary); box-shadow:0 1px 6px rgba(31,35,40,.10); }

/* ==========================================================================
   叠加组件 TAB2 无背景下划线 Tab（动态列表型，新版：pin + viewport + track 无缝循环）—— 分享 / 项目
   ========================================================================== */
.doc-sec-tabs {
  display:flex; align-items:center; gap:0;
  border-bottom:1px solid var(--color-border-light); margin-bottom:20px; overflow:hidden;
}
.doc-sec-tab--pin { flex-shrink:0; margin-right:28px; }
.doc-sec-tabs__viewport { flex:1; min-width:0; overflow:hidden; }
.doc-sec-tabs__track {
  display:flex; align-items:center; gap:28px; width:max-content;
  animation:docSecTabsScroll 26s linear infinite;
}
.doc-sec-tabs__viewport:hover .doc-sec-tabs__track { animation-play-state:paused; }
@keyframes docSecTabsScroll {
  0% { transform:translateX(0); }
  100% { transform:translateX(-50%); }
}
.doc-sec-tab {
  flex-shrink:0; padding:8px 0; font-size:14px; color:var(--color-text-lighter);
  text-decoration:none; font-weight:500; border-bottom:2px solid transparent; margin-bottom:-1px;
  transition:color .2s, border-color .2s; white-space:nowrap; cursor:pointer;
}
.doc-sec-tab:hover { color:var(--color-text-normal); }
.doc-sec-tab.current { color:var(--color-text-dark); font-weight:700; border-bottom-color:var(--color-primary); }

/* ==========================================================================
   医院 H6 实底名称条卡片 + 右侧热门榜侧栏（pick=5）
   hover：竖版卡片网格 → 卡片整体上移 translateY(-6px) + 阴影加深（交互动效规范）
   ========================================================================== */
.h6-layout { display:flex; align-items:flex-start; gap:20px; }
.h6-main { flex:1; min-width:0; }
.h6-layout:not(.has-side) .h6-main { width:100%; }
.h6-grid { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:18px; }
.h6-card {
  background:var(--color-bg-white); border:1px solid var(--color-border-light);
  border-radius:10px; overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease;
}
.h6-card:hover { transform:translateY(-6px); box-shadow:0 14px 28px rgba(var(--color-primary-rgb),.16); }
.h6-card__hero { display:block; text-decoration:none; color:inherit; }
.h6-card__media { position:relative; aspect-ratio:16/10; overflow:hidden; background:var(--color-primary-light); }
.h6-card__media img {
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .35s ease;
}
.h6-card:hover .h6-card__media img { transform:scale(1.06); }
/* 实底主色名称条（H6 的形态标识） */
.h6-card__band {
  background:var(--color-primary); color:#fff; text-align:center;
  font-size:14.5px; font-weight:700; line-height:1.4; padding:9px 10px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  transition:background .25s ease;
}
.h6-card:hover .h6-card__band { background:var(--color-primary-dark); }
.h6-card__body { padding:10px 12px 12px; }
.h6-card__addr { font-size:12.5px; color:var(--color-text-light); text-decoration:none; transition:color .2s; }
.h6-card__addr:hover { color:var(--color-primary); }
/* 关联项目标签：各自独立 <a> 跳热词详情页；容器 max-height 精确约束两行（tag 行高 20 + gap 5 → 45px） */
.h6-card__tags {
  display:flex; flex-wrap:wrap; gap:5px;
  max-height:45px; overflow:hidden; margin:7px 0 8px;
}
.h6-card__tag {
  font-size:11px; line-height:20px; height:20px; padding:0 8px;
  color:var(--color-accent-dark); background:rgba(232,155,76,.16);
  border-radius:4px; text-decoration:none; white-space:nowrap; transition:background .2s, color .2s;
}
.h6-card__tag:hover { background:var(--color-accent-dark); color:#fff; }
.h6-card__time { display:block; font-size:11.5px; color:var(--color-text-lighter); text-decoration:none; }
/* 侧栏：克制风格（1px 描边无圆角、标题左 4px 色条无背景、超大斜体数字序号，两行式） */
.h6-side {
  flex-shrink:0; width:262px; border:1px solid var(--color-border);
  background:var(--color-bg-white); padding:0 0 6px; box-sizing:border-box;
}
.h6-side__hd {
  position:relative; padding:12px 14px 11px 18px;
  font-size:15px; font-weight:800; color:var(--color-text-dark);
  border-bottom:1px solid var(--color-border-light);
}
.h6-side__hd::before {
  content:''; position:absolute; left:0; top:13px; bottom:12px; width:4px; background:var(--color-primary);
}
.h6-side__list { list-style:none; margin:0; padding:4px 12px 0; counter-reset:h6rank; }
.h6-side__item { counter-increment:h6rank; border-bottom:1px dashed var(--color-border-light); }
.h6-side__item:last-child { border-bottom:none; }
.h6-side__item > a {
  display:grid; grid-template-columns:auto 1fr; align-items:center;
  column-gap:10px; padding:8px 2px; text-decoration:none;
  transition:background .2s ease;
}
.h6-side__item > a:hover { background:rgba(var(--color-primary-rgb),.05); }
.h6-side__num {
  grid-row:1/3; font-size:24px; font-style:italic; font-weight:800;
  color:var(--color-primary); line-height:1; min-width:26px; text-align:center;
}
.h6-side__num::before { content:counter(h6rank); }
.h6-side__item:nth-child(1) .h6-side__num { color:#e6403b; }
.h6-side__item:nth-child(2) .h6-side__num { color:#ff8c00; }
.h6-side__item:nth-child(3) .h6-side__num { color:#f0b400; }
.h6-side__t { grid-column:2; min-width:0; font-size:13px; font-weight:600; color:var(--color-text-normal); transition:color .2s; }
.h6-side__item > a:hover .h6-side__t { color:var(--color-primary); }
.h6-side__d { grid-column:2; font-size:11px; color:var(--color-text-lighter); }

/* ==========================================================================
   医生 D7 圆形头像居中卡片网格（相邻同族调整：D6→D7，见 index.html 说明）
   hover：圆头像轻微放大 + 卡片上浮 + 姓名变主色（与 H6 的"整卡上浮 + 实底条变深"区分开）
   ========================================================================== */
.d7-grid { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:18px; }
.d7-card {
  background:var(--color-bg-white); border:1px solid var(--color-border-light);
  border-radius:12px; padding:20px 14px 16px; text-align:center;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.d7-card:hover {
  transform:translateY(-5px); border-color:rgba(var(--color-primary-rgb),.28);
  box-shadow:0 14px 28px rgba(var(--color-primary-rgb),.14);
}
.d7-card__hero { display:block; text-decoration:none; }
/* 纯圆形头像 120×120，无描边无投影（D7 比 D2 的"描边光环"更素净） */
.d7-card__media {
  display:block; width:120px; height:120px; margin:0 auto;
  border-radius:50%; overflow:hidden; position:relative; background:var(--color-primary-light);
}
.d7-card__media img {
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .35s ease;
}
.d7-card:hover .d7-card__media img { transform:scale(1.08); }
/* 姓名与「认证」琥珀小标同行内联（不是 D6 那种整行实底色条） */
.d7-card__nameRow {
  display:inline-flex; align-items:center; justify-content:center; gap:6px;
  margin-top:12px; text-decoration:none;
}
.d7-card__name { font-style:normal; font-size:16.5px; font-weight:800; color:var(--color-text-dark); transition:color .2s; }
.d7-card:hover .d7-card__name { color:var(--color-primary); }
.d7-card__badge {
  font-style:normal; font-size:10.5px; line-height:17px; height:17px; padding:0 6px;
  color:#fff; background:var(--color-accent); border-radius:3px; white-space:nowrap;
}
.d7-card__zc { display:block; margin-top:5px; font-size:12.5px; color:var(--color-accent-dark); text-decoration:none; font-weight:600; }
.d7-card__hos { font-size:12.5px; color:var(--color-text-normal); text-decoration:none; margin-top:5px; transition:color .2s; }
.d7-card__hos:hover { color:var(--color-primary); }
.d7-card__desc { font-size:12px; color:var(--color-text-light); text-decoration:none; margin-top:6px; line-height:1.6; }
.d7-card__time {
  display:block; margin-top:9px; padding-top:8px;
  border-top:1px dashed var(--color-border-light);
  font-size:11.5px; color:var(--color-text-lighter); text-decoration:none;
}

/* ==========================================================================
   叠加组件 MQ1 头像横向自动滚动榜 —— 医生「知名医生」/ 资讯「热门资讯」
   无缝循环依赖 HTML 里同一 {loop} 写两遍（轨道总宽 = 2× 单组宽），translateX(-50%) 正好重合
   ========================================================================== */
.doc-bottom-nav {
  display:flex; align-items:center; background:var(--color-bg-white);
  border-top:1px solid var(--color-border-light);
  height:60px; overflow:hidden; padding-top:20px; margin-top:22px;
}
.doc-bottom-nav__label {
  flex-shrink:0; font-size:13px; font-weight:700; color:#fff;
  background:var(--color-primary-dark); padding:6px 14px; border-radius:4px;
  margin-right:24px; white-space:nowrap; letter-spacing:1px;
}
.doc-bottom-nav__track-wrap { flex:1; overflow:hidden; }
.doc-bottom-nav__track { display:flex; align-items:center; width:max-content; animation:docNavScroll 22s linear infinite; }
.doc-bottom-nav__track:hover { animation-play-state:paused; }
@keyframes docNavScroll { 0% { transform:translateX(0); } 100% { transform:translateX(-50%); } }
.doc-bottom-nav__item {
  display:inline-flex; align-items:center; gap:8px; padding:0 16px;
  text-decoration:none; border-right:1px solid var(--color-border-light); transition:opacity .2s;
}
.doc-bottom-nav__item:last-child { border-right:none; }
.doc-bottom-nav__item:hover { opacity:.72; }
.doc-bottom-nav__img {
  width:36px; height:36px; border-radius:50%; object-fit:cover; flex-shrink:0;
  border:1px solid var(--color-border-light);
}
.doc-bottom-nav__name { font-size:13px; color:var(--color-text-normal); white-space:nowrap; max-width:190px; overflow:hidden; text-overflow:ellipsis; }
.doc-bottom-nav__time { font-style:normal; font-size:11px; color:var(--color-text-lighter); white-space:nowrap; }

/* ==========================================================================
   资讯 N4 深色叠层全宽条（pick=3）
   缩略图铺满作背景 + 深色渐变蒙版 + 白色大字标题；浮层 pointer-events:none 让空白处点击穿透到底层 hero
   hover：底部渐变遮罩上移 + 文字上移 translateY(-8px)（交互动效规范·叠层画廊）
   深色背景文字不可见的坑：浮层内所有文字显式设白色系
   ========================================================================== */
.n4-wall { display:flex; flex-direction:column; gap:16px; }
.n4-bar {
  position:relative; height:168px; border-radius:12px; overflow:hidden;
  background:var(--color-primary-dark);
  transition:box-shadow .25s ease;
}
.n4-bar:hover { box-shadow:0 14px 30px rgba(var(--color-primary-dark-rgb),.28); }
.n4-bar__hero { position:absolute; inset:0; display:block; text-decoration:none; }
.n4-bar__hero img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease; }
.n4-bar:hover .n4-bar__hero img { transform:scale(1.05); }
.n4-bar__overlay {
  position:absolute; left:0; right:0; bottom:0; padding:44px 26px 20px;
  background:linear-gradient(to top, rgba(26,24,60,.9) 0%, rgba(26,24,60,.42) 58%, transparent 100%);
  pointer-events:none;
  transition:transform .3s ease, padding-bottom .3s ease;
}
.n4-bar__overlay > * { pointer-events:auto; }
.n4-bar:hover .n4-bar__overlay { transform:translateY(-8px); padding-bottom:28px; }
.n4-bar__title { font-size:21px; font-weight:800; color:#fff; text-decoration:none; letter-spacing:.01em; }
.n4-bar__title:hover { text-decoration:underline; }
.n4-bar__desc { margin-top:6px; font-size:13px; color:rgba(255,255,255,.82); text-decoration:none; }
.n4-bar__time { display:block; margin-top:8px; font-size:12px; color:rgba(255,255,255,.66); text-decoration:none; }

/* ==========================================================================
   分享 S2 砖块瀑布流（pick=1）
   column-count 多列，图片高度按 nth-child 分档形成 Pinterest 式自然错落
   hover：图片 scale + 砖块阴影加深（与 N4 的"遮罩上移"、H6 的"整卡上浮"都不同）
   ========================================================================== */
.s2-wall { column-count:4; column-gap:16px; }
.s2-brick {
  display:inline-block; width:100%; break-inside:avoid; page-break-inside:avoid;
  margin-bottom:16px; background:var(--color-bg-white);
  border:1px solid var(--color-border-light); border-radius:10px; overflow:hidden;
  text-decoration:none; transition:box-shadow .25s ease, border-color .25s ease;
}
.s2-brick:hover { border-color:rgba(var(--color-primary-rgb),.26); box-shadow:0 12px 26px rgba(var(--color-primary-rgb),.15); }
.s2-brick__media { display:block; position:relative; overflow:hidden; background:var(--color-primary-light); aspect-ratio:3/4; }
/* 高度分档 → 瀑布错落（S2 的形态标识，靠 aspect-ratio 而非写死高度） */
.s2-brick:nth-child(4n+1) .s2-brick__media { aspect-ratio:3/4; }
.s2-brick:nth-child(4n+2) .s2-brick__media { aspect-ratio:1/1; }
.s2-brick:nth-child(4n+3) .s2-brick__media { aspect-ratio:4/5; }
.s2-brick:nth-child(4n)   .s2-brick__media { aspect-ratio:4/3; }
.s2-brick__media img {
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .4s ease;
}
.s2-brick:hover .s2-brick__media img { transform:scale(1.07); }
.s2-brick__cap { display:block; padding:11px 12px 13px; }
.s2-brick__title { font-size:13.5px; font-weight:700; color:var(--color-text-dark); transition:color .2s; }
.s2-brick:hover .s2-brick__title { color:var(--color-primary); }
.s2-brick__desc { font-size:12px; color:var(--color-text-light); margin-top:5px; line-height:1.6; }
.s2-brick__time { display:block; margin-top:8px; font-size:11.5px; color:var(--color-text-lighter); }

/* ==========================================================================
   项目 P3 横版全宽 Banner（pick=2）
   图左 40% + 内容右 60%；hover：左侧图片 scale(1.04) + 左侧主色竖线展开（交互动效规范·横向列表）
   价格固定规则：优惠价红 #E53935（不受主题色影响）、原价灰 + 删除线
   ========================================================================== */
.p3-list { display:flex; flex-direction:column; gap:16px; }
.p3-bar {
  position:relative; display:flex; align-items:stretch;
  background:var(--color-bg-white); border:1px solid var(--color-border-light);
  border-radius:12px; overflow:hidden; transition:box-shadow .25s ease, border-color .25s ease;
}
.p3-bar::before {
  content:''; position:absolute; left:0; top:0; bottom:0; width:0;
  background:var(--color-primary); z-index:3; transition:width .25s ease;
}
.p3-bar:hover { border-color:rgba(var(--color-primary-rgb),.26); box-shadow:0 12px 26px rgba(var(--color-primary-rgb),.14); }
.p3-bar:hover::before { width:4px; }
.p3-bar__media {
  position:relative; width:40%; min-width:40%; flex-shrink:0;
  overflow:hidden; background:var(--color-primary-light); aspect-ratio:16/9;
}
.p3-bar__media img {
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .4s ease;
}
.p3-bar:hover .p3-bar__media img { transform:scale(1.04); }
.p3-bar__body { flex:1; min-width:0; display:flex; flex-direction:column; padding:18px 22px; }
.p3-bar__title { font-size:18px; font-weight:800; color:var(--color-text-dark); text-decoration:none; transition:color .2s; }
.p3-bar:hover .p3-bar__title { color:var(--color-primary); }
.p3-bar__desc { font-size:13px; color:var(--color-text-light); text-decoration:none; margin-top:8px; line-height:1.7; }
.p3-bar__price { display:flex; align-items:baseline; gap:10px; margin-top:12px; }
.p3-bar__now { font-size:23px; font-weight:800; }
.project-card__price-num { color:#E53935 !important; }
.p3-bar__origin { font-size:13px; color:#aaa; text-decoration:line-through; }
.p3-bar__foot {
  margin-top:auto; padding-top:14px; display:flex; align-items:center;
  justify-content:space-between; gap:12px;
}
.p3-bar__time { font-size:12px; color:var(--color-text-lighter); text-decoration:none; }
.p3-bar__cta {
  flex-shrink:0; font-size:13px; font-weight:700; color:#fff;
  background:var(--color-accent-dark); border-radius:999px; padding:8px 22px;
  cursor:pointer; transition:background .2s ease, transform .2s ease;
}
.p3-bar__cta:hover { background:var(--color-accent); transform:translateY(-2px); }

/* ==========================================================================
   问答 Q6 双列点线文字卡 + 缩进答案预览框（pick=5）
   hover：标题变主色 + 左侧主色竖块从 0 宽展开（交互动效规范·纯文字列表）
   ========================================================================== */
.q6-grid { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:0 30px; }
.q6-item {
  position:relative; padding:15px 0 16px 12px;
  border-bottom:1px dotted var(--color-border);
}
.q6-item::before {
  content:''; position:absolute; left:0; top:17px; bottom:18px; width:0;
  background:var(--color-primary); border-radius:2px; transition:width .25s ease;
}
.q6-item:hover::before { width:3px; }
.q6-item__q { display:flex; align-items:center; gap:8px; }
.q6-item__ico { width:17px; height:17px; flex-shrink:0; display:block; }
.q6-item__title {
  flex:1; min-width:0;
  font-size:14.5px; font-weight:700; color:var(--color-text-dark);
  text-decoration:none; transition:color .2s;
}
.q6-item:hover .q6-item__title { color:var(--color-primary); }
.q6-item__state {
  flex-shrink:0; font-style:normal; font-size:10.5px; line-height:18px; height:18px; padding:0 7px;
  color:var(--color-success); background:rgba(var(--color-success-rgb),.12);
  border-radius:3px; white-space:nowrap;
}
/* 缩进浅灰圆角答案预览框 */
.q6-item__a {
  margin:9px 0 0 25px; padding:10px 12px;
  background:#f6f7f9; border-radius:8px; transition:background .25s ease;
}
.q6-item:hover .q6-item__a { background:rgba(var(--color-primary-rgb),.06); }
.q6-item__atxt { font-size:12.5px; color:var(--color-text-light); text-decoration:none; line-height:1.65; }
.q6-item__meta {
  display:flex; align-items:center; gap:6px; margin-top:7px;
  font-size:11.5px; color:var(--color-text-lighter);
}
.q6-item__meta em { font-style:normal; }
.q6-item__time { color:var(--color-text-lighter); text-decoration:none; }

/* ==========================================================================
   热词 T2 金银铜排行榜（pick=1）
   序号色块金/银/铜/主色 + 词条 + 右侧真实 lastusetime 小字（tags 表无"热度"字段，不编造）
   hover：整行浅主色填充 + 序号色块亮度提升（交互动效规范·排行榜列表）
   ========================================================================== */
.t2-rank { list-style:none; margin:0; padding:0; counter-reset:t2rank; }
.t2-rank__item { counter-increment:t2rank; border-bottom:1px dashed var(--color-border-light); }
.t2-rank__item:last-child { border-bottom:none; }
.t2-rank__item > a {
  display:flex; align-items:center; gap:14px; padding:11px 12px;
  text-decoration:none; border-radius:8px; transition:background .2s ease;
}
.t2-rank__item > a:hover { background:rgba(var(--color-primary-rgb),.06); }
.t2-rank__num {
  flex-shrink:0; width:28px; height:28px; border-radius:6px;
  display:flex; align-items:center; justify-content:center;
  font-size:14px; font-weight:800; color:#fff;
  background:var(--color-primary); transition:filter .2s ease;
}
.t2-rank__num::before { content:counter(t2rank); }
.t2-rank__item:nth-child(1) .t2-rank__num { background:#f0b400; }
.t2-rank__item:nth-child(2) .t2-rank__num { background:#94a3b8; }
.t2-rank__item:nth-child(3) .t2-rank__num { background:#b45309; }
.t2-rank__item > a:hover .t2-rank__num { filter:brightness(1.18); }
.t2-rank__tag {
  flex:1; min-width:0;
  font-size:15px; font-weight:600; color:var(--color-text-normal); transition:color .2s;
}
.t2-rank__item > a:hover .t2-rank__tag { color:var(--color-primary); }
.t2-rank__time { flex-shrink:0; font-style:normal; font-size:12px; color:var(--color-text-lighter); }

/* ==========================================================================
   Footer F3「品牌色实底」（footer_pick=(4548+116×29)%5=2）
   主题色实色背景 + 白色文字，Logo/简介 ｜ 快速导航+版权 ｜ 二维码 三栏
   ========================================================================== */
#footer { background:var(--color-primary) !important; color:#fff !important; margin-top:48px; }
#footer .containers {
  max-width:1240px; margin:0 auto; box-sizing:border-box;
  display:grid !important; grid-template-columns:auto 1fr auto !important;
  align-items:center !important; gap:40px !important; padding:34px 24px 28px !important;
}
#footer a, #footer p, #footer span { color:rgba(255,255,255,.9) !important; }
#footer a { text-decoration:none; transition:color .2s; }
#footer a:hover { color:#fff !important; text-decoration:underline; }
#footer .logo { height:56px; width:auto; display:block; filter:brightness(0) invert(1) !important; }
#footer .f3-brand { display:flex; flex-direction:column; gap:10px; }
#footer .f3-desc { font-size:12.5px; color:rgba(255,255,255,.72) !important; margin:0; max-width:220px; line-height:1.7; }
#footer .footer-copyright-con {
  text-align:center; font-size:13px; line-height:2; padding:4px 28px;
  border-left:1px solid rgba(255,255,255,.18); border-right:1px solid rgba(255,255,255,.18);
}
#footer .footer-copyright-con p { margin:3px 0; }
#footer .f3-nav-title { font-size:14px; font-weight:800; color:#fff !important; letter-spacing:.08em; margin-bottom:4px; }
#footer .f3-nav-links { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:0 18px; margin-bottom:6px; }
#footer .f3-nav-links a { font-size:13px; }
#footer .beizhu { font-size:12px; color:rgba(255,255,255,.66) !important; }
#footer .f3-qr { display:flex; flex-direction:column; align-items:center; gap:7px; }
#footer .code {
  width:96px; height:96px; border-radius:10px; padding:5px; background:#fff; display:block;
  box-shadow:0 6px 18px rgba(0,0,0,.18); transition:transform .25s ease, box-shadow .25s ease;
}
#footer .code:hover { transform:translateY(-4px); box-shadow:0 12px 26px rgba(0,0,0,.26); }
#footer .f3-qr-cap { font-size:12px; color:rgba(255,255,255,.72) !important; }
#footer .footer-bottom {
  background:var(--color-primary-dark); color:rgba(255,255,255,.86);
  text-align:center; font-size:12px; padding:13px 24px; letter-spacing:.06em;
}

/* ==========================================================================
   浮层 GD3 左侧页内锚点快捷导航（沿用，用户此前明确要求叠加）
   常态只露一列小圆点贴视口右缘，hover 时标签朝页面内侧（左）滑出；≤1340px 隐藏
   ========================================================================== */
.anav { position:fixed; right:0; top:50%; transform:translateY(-50%); z-index:80; }
.anav__list { list-style:none; margin:0; padding:8px 6px; display:flex; flex-direction:column; gap:2px; }
.anav__item {
  position:relative; display:flex; align-items:center; justify-content:flex-end;
  height:24px; cursor:pointer;
}
.anav__dot {
  width:10px; height:10px; border-radius:50%; background:var(--color-border);
  transition:background .2s ease, transform .2s ease; flex-shrink:0;
}
.anav__item:hover .anav__dot, .anav__item.is-active .anav__dot { background:var(--color-primary); transform:scale(1.25); }
.anav__txt {
  position:absolute; right:18px; white-space:nowrap;
  font-size:12px; font-weight:600; color:#fff; background:var(--color-primary-dark);
  border-radius:4px; padding:3px 9px;
  opacity:0; visibility:hidden; transform:translateX(6px);
  transition:opacity .2s ease, transform .2s ease, visibility .2s;
}
.anav__item:hover .anav__txt { opacity:1; visibility:visible; transform:translateX(0); }
@media (max-width:1340px) { .anav { display:none; } }

/* ==========================================================================
   响应式收窄
   ========================================================================== */
@media (max-width:1100px) {
  /* 仅内容板块网格收窄；轮播区的响应式已收拢进上方 BN6 块内部，不再写在这里 */
  .h6-layout { flex-direction:column; }
  .h6-side { width:100%; }
  .h6-grid { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .d7-grid { grid-template-columns:repeat(3, minmax(0,1fr)); }
  .s2-wall { column-count:3; }
}

@media (max-width:960px) {
  .d7-grid { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .s2-wall { column-count:2; }
  .q6-grid { grid-template-columns:minmax(0,1fr); gap:0; }
  .p3-bar { flex-direction:column; }
  .p3-bar__media { width:100%; min-width:0; }
  .mod-title-tf .idx-tabs .title { min-width:76px; font-size:13px; }
  #footer .containers { grid-template-columns:minmax(0,1fr) !important; justify-items:center; gap:24px !important; }
  #footer .footer-copyright-con { border-left:none; border-right:none; }
  #footer .f3-desc { max-width:none; text-align:center; }
  #footer .f3-brand { align-items:center; }
}
/* ===== PC首页区块 END ===== */

/* ===== 列表页 / 详情页样式（非首页，保留不动） ===== */
.regional-filter,
.regionalFiltering {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(var(--color-primary-dark-rgb), 0.05);
  padding: 2px 20px;
  margin: 18px 0;
  border: 1px solid var(--color-border-light);
}
.regional-filter__row,
.regionalFilteringBox {
  display: flex;
  align-items: baseline;
  gap: 16px;
  padding: 13px 0;
  border-bottom: 1px solid var(--color-border-light);
}
.regional-filter__row:last-child,
.regionalFilteringBox:last-child {
  border-bottom: none;
}
.regional-filter__label,
.regionalFilteringLeft {
  flex-shrink: 0;
  width: 44px;
  display: inline-flex;
  align-items: baseline;
  padding-top: 5px;
}
.regional-filter__label-text,
.regionalFilteringLeft > span {
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: var(--color-text-dark);
  padding-left: 10px;
  letter-spacing: .04em;
  line-height: 1.4;
}
.regional-filter__label-text::before,
.regionalFilteringLeft > span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 14px;
  border-radius: 2px;
  background: var(--color-primary);
}
.regional-filter__options,
.regionalFilteringRight {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
  padding: 2px 0;
}
.regional-filter__link,
.regional-filter__options a,
.regionalFilteringRight a {
  display: inline-flex;
  align-items: center;
  padding: 5px 15px;
  font-size: 13px;
  color: var(--color-text-normal);
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 16px;
  white-space: nowrap;
  line-height: 1.6;
  transition: color .2s, background .2s, border-color .2s, transform .15s, box-shadow .2s;
}
.regional-filter__link:hover,
.regional-filter__options a:hover,
.regionalFilteringRight a:hover {
  color: var(--color-primary-dark);
  background: var(--color-primary-light);
  border-color: rgba(var(--color-primary-rgb), 0.25);
  transform: translateY(-1px);
}
.regional-filter__link.cursorActive,
.regional-filter__options a.cursorActive,
.regionalFilteringRight a.cursorActive {
  color: #fff;
  background: linear-gradient(120deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
  border-color: transparent;
  font-weight: 600;
  box-shadow: 0 3px 10px rgba(var(--color-primary-dark-rgb), 0.22);
}
.regional-filter__link.cursorActive:hover,
.regional-filter__options a.cursorActive:hover,
.regionalFilteringRight a.cursorActive:hover {
  filter: brightness(1.06);
  color: #fff;
  transform: translateY(-1px);
  background: linear-gradient(120deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
}

/* ==============================
   .hospital-tabs — 列表页标题条（底线分割 + 描边咨询）
   结构：.hospital-tabs > .hospital-tab-item--title (.badge + .text)
                      + button.hospital-tab-item--consult
   ============================== */
.hospital-tabs,
.yy-list-tabs {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  background: linear-gradient(180deg, rgba(var(--color-primary-light-rgb), 0.55) 0%, #fff 100%);
  border-radius: 0;
  padding: 14px 4px 12px;
  margin: 14px 0 18px;
  box-shadow: none;
  border: none;
  border-bottom: 2px solid rgba(var(--color-primary-rgb), 0.18);
  overflow: visible;
  width: 100%;
  box-sizing: border-box;
}
.hospital-tabs::before,
.yy-list-tabs::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 72px;
  height: 3px;
  border-radius: 2px 2px 0 0;
  background: var(--color-primary);
}
.hospital-tabs::after,
.yy-list-tabs::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(var(--color-primary-rgb), 0.35) 0%, transparent 55%);
}
.hospital-tab-item--title {
  display: inline-flex;
  align-items: baseline;
  gap: 12px;
  flex: 1;
  min-width: 0;
  padding-left: 2px;
}
.hospital-tab-item__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: var(--color-primary);
  font-size: 12px;
  font-weight: 700;
  padding: 0 0 0 10px;
  border-radius: 0;
  letter-spacing: .12em;
  box-shadow: none;
  flex-shrink: 0;
  white-space: nowrap;
  position: relative;
  line-height: 1.2;
}
.hospital-tab-item__badge::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.15em;
  bottom: 0.15em;
  width: 3px;
  border-radius: 1px;
  background: var(--color-accent);
}
.hospital-tab-item__text {
  font-size: 18px;
  font-weight: 700;
  color: var(--color-text-dark);
  letter-spacing: .03em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
}
.hospital-tab-item--consult {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  border: 1.5px solid var(--color-primary);
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 18px;
  border-radius: 4px;
  color: var(--color-primary-dark);
  background: #fff;
  box-shadow: none;
  transition: color .2s ease, background .2s ease, border-color .2s ease, transform .15s ease;
  white-space: nowrap;
  position: relative;
  flex-shrink: 0;
  line-height: 1.2;
}
.hospital-tab-item--consult::before {
  content: none;
}
.hospital-tab-item--consult:hover {
  color: #fff;
  background: var(--color-primary);
  border-color: var(--color-primary);
  transform: translateY(-1px);
  box-shadow: none;
  filter: none;
}
.hospital-tab-item--consult:active {
  transform: translateY(0);
  background: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
  box-shadow: none;
}

/* ==============================
   .yycard — 医院/医生列表页卡片（list_hospital / list_doctor）
   ============================== */
.content_con {
  gap: 0;
}

.content_con .yycard.card_con,
.content_con .yycard.yylist_acrdcon {
  height: auto;
  min-height: 0;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0;
  margin: 0 0 16px;
  padding: 0;
  border: none;
  border-bottom: none;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(var(--color-primary-dark-rgb), 0.07);
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease;
}

.content_con .yycard:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(var(--color-primary-dark-rgb), 0.14);
}

.content_con .yycard__media {
  flex: 0 0 200px;
  width: 200px;
  max-width: 200px;
  align-self: stretch;
  display: block;
  position: relative;
  overflow: hidden;
  background: var(--color-primary-light);
}

.content_con .yycard__img,
.content_con .yycard .card_img {
  width: 100% !important;
  height: 100% !important;
  min-height: 148px;
  max-height: none;
  object-fit: cover;
  filter: none !important;
  transition: transform .35s ease;
}

.content_con .yycard:hover .yycard__img {
  transform: scale(1.05);
}

.content_con .yycard__body,
.content_con .yycard .card_textcon {
  flex: 1;
  min-width: 0;
  width: auto;
  margin: 0;
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  box-sizing: border-box;
}

.content_con .yycard__title-link {
  text-decoration: none;
}

.content_con .yycard__title,
.content_con .yycard .list_tit {
  margin: 0;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.45;
  color: var(--color-text-dark);
  transition: color .2s ease;
}

.content_con .yycard:hover .yycard__title {
  color: var(--color-primary-dark);
}

.content_con .yycard__projects,
.content_con .yycard .xm_con {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
}

.content_con .yycard__projects-label,
.content_con .yycard .xm_tex {
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 600;
  color: var(--color-primary-dark);
  background: var(--color-primary-light);
  padding: 3px 10px;
  border-radius: 4px;
  line-height: 1.5;
  min-width: auto;
}

.content_con .yycard__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  flex: 1;
  min-width: 0;
  max-height: 52px;
  overflow: hidden;
}

.content_con .yycard__tag,
.content_con .yycard .xm_but {
  display: inline-block;
  max-width: 120px;
  padding: 3px 10px;
  font-size: 11px;
  line-height: 1.4;
  color: var(--color-primary-dark);
  background: #fff;
  border: 1px solid var(--color-border-light);
  border-radius: 12px;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}

.content_con .yycard__tag:hover,
.content_con .yycard .xm_but:hover {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: #fff;
}

.content_con .yycard__meta {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.content_con .yycard__meta-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--color-text-light);
}

.content_con .yycard__meta-ico {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: .85;
}

.content_con .yycard__meta-ico--addr {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a0dbdc'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E");
}

.content_con .yycard__meta-ico--time {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a0dbdc'%3E%3Cpath d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z'/%3E%3C/svg%3E");
}

.content_con .yycard__meta-ico--intro {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a0dbdc'%3E%3Cpath d='M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z'/%3E%3C/svg%3E");
}

.content_con .yycard__meta-text {
  flex: 1;
  min-width: 0;
}

.content_con .yycard__meta-text--intro {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.content_con .yycard__actions,
.content_con .yycard .card_button {
  flex: 0 0 auto;
  width: auto;
  min-width: 108px;
  height: auto;
  margin: 0;
  padding: 16px 18px 16px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  box-sizing: border-box;
}

.content_con .yycard__actions .but_item {
  width: 100%;
  min-width: 96px;
  height: 38px;
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.content_con .yycard__actions .but_item--primary {
  border: none;
  color: #fff;
  background: linear-gradient(120deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
  box-shadow: 0 4px 12px rgba(var(--color-primary-dark-rgb), 0.25);
}

.content_con .yycard__actions .but_item--primary:hover {
  transform: translateY(-1px);
  filter: brightness(1.06);
  box-shadow: 0 6px 16px rgba(var(--color-primary-dark-rgb), 0.32);
}

.content_con .yycard__actions .but_item--outline,
.content_con .yycard__actions .but_yh {
  border: 1px solid var(--color-primary);
  background: #fff;
  color: var(--color-primary-dark);
}

.content_con .yycard__actions .but_item--outline:hover,
.content_con .yycard__actions .but_yh:hover {
  background: var(--color-primary-light);
  transform: translateY(-1px);
}

/* ==============================
   .aside-head — 侧边栏栏目标题（底线分割 + 文字「更多」）
   与 .hospital-tabs 同系：无卡片壳 / 左短横标记 / 描边交互
   ============================== */
.aside_con {
  padding: 10px 12px 16px;
  gap: 0;
}

.aside_con .aside_titcon.aside-head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0;
  padding: 10px 2px 11px;
  border: none;
  border-bottom: 2px solid rgba(var(--color-primary-rgb), 0.16);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-size: inherit;
  font-weight: normal;
  color: inherit;
}

.aside_con .aside_titcon.aside-head::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 48px;
  height: 3px;
  border-radius: 2px 2px 0 0;
  background: var(--color-primary);
}

.aside_con .aside-head:not(:first-of-type) {
  margin-top: 18px;
}

.aside_con .aside-head__title,
.aside_con .aside_tit.aside-head__title {
  position: relative;
  margin: 0;
  flex: 1;
  min-width: 0;
  padding-left: 11px;
  font-size: 16px;
  font-weight: 700;
  color: var(--color-text-dark);
  letter-spacing: .03em;
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.aside_con .aside-head__title::before,
.aside_con .aside_tit.aside-head__title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2em;
  bottom: 0.2em;
  width: 3px;
  border-radius: 1px;
  background: var(--color-accent);
}

.aside_con .aside-head__more,
.aside_con a.aside_more.aside-head__more {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
  padding: 4px 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  color: var(--color-primary);
  background: transparent;
  border: none;
  border-radius: 0;
  text-decoration: none;
  box-shadow: none;
  transition: color .2s ease, transform .15s ease;
}

.aside_con .aside-head__more:hover,
.aside_con a.aside_more.aside-head__more:hover {
  color: var(--color-primary-dark);
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  transform: none;
}

.aside_con .aside-head__more-ico {
  display: inline-block;
  font-size: 13px;
  line-height: 1;
  transition: transform .2s ease;
}

.aside_con .aside-head__more:hover .aside-head__more-ico {
  transform: translateX(3px);
}

.aside_con .aside-head + .card_con,
.aside_con .aside-head + a.card_rightcon {
  margin-top: 12px;
}



/* 空结果提示 */
.none_yy {
  background: linear-gradient(135deg, var(--color-primary-light) 0%, #fff 100%);
  border: 1px dashed var(--color-primary-accent);
  color: var(--color-primary-dark);
  font-size: 13.5px;
  font-weight: 600;
  text-align: center;
  padding: 14px 18px;
  margin: 14px 0;
  border-radius: 8px;
  position: relative;
}
.none_yy::before {
  content: 'ℹ️ ';
  margin-right: 4px;
}

/* ==============================
   响应式（≤960px）
   ============================== */
@media (max-width: 960px) {
  .site-header__wrap {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .site-header__info { justify-content: flex-start; }
  .site-nav__list { flex-wrap: wrap; }

  .sec-head { flex-direction: column; }
  .sec-head::before {
    writing-mode: horizontal-tb;
    width: 100%;
    height: 30px;
    padding: 0;
  }
  .sec-head__main { padding: 14px 16px; }
  .sec-head__side { padding: 0 16px 14px; }

  .hos-list,
  .doc-list,
  .share-list { grid-template-columns: 1fr !important; }
  .hos-list .hos-card { flex-direction: column !important; }
  .hos-list .hos-card .hos-card__media { width: 100% !important; min-width: 0 !important; aspect-ratio: 16 / 10 !important; }
  .share-card:nth-child(1) { grid-column: span 1 !important; grid-row: span 1 !important; }

  .project-card,
  .project-card:nth-child(even) { flex-direction: column !important; }
  .project-card__media { width: 100%; min-width: 0; aspect-ratio: 16 / 10; }

  #footer .containers {
    grid-template-columns: 1fr !important;
    text-align: center;
  }
  #footer .logo,
  #footer .code { margin: 0 auto; }

  .regional-filter,
  .regionalFiltering { padding: 2px 14px; }
  .regional-filter__row,
  .regionalFilteringBox {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding: 12px 0;
  }
  .regional-filter__label,
  .regionalFilteringLeft {
    width: auto;
    padding-top: 0;
  }
  .regional-filter__options,
  .regionalFilteringRight {
    gap: 8px;
  }
  .regional-filter__link,
  .regional-filter__options a,
  .regionalFilteringRight a {
    padding: 6px 14px;
  }

  .content_con .yycard.card_con,
  .content_con .yycard.yylist_acrdcon {
    flex-direction: column;
  }
  .content_con .yycard__media {
    flex: none;
    width: 100%;
    max-width: none;
    aspect-ratio: 16 / 10;
    height: 150px;
  }
  .content_con .yycard__img,
  .content_con .yycard .card_img {
    min-height: 0;
  }
  .content_con .yycard__actions,
  .content_con .yycard .card_button {
    flex-direction: row;
    width: 100%;
    min-width: 0;
    padding: 0 16px 16px;
    border-left: none;
    border-top: 1px solid var(--color-border-light);
  }
  .content_con .yycard__actions .but_item {
    flex: 1;
  }

  .page_con.page-nav {
    gap: 6px;
    padding: 14px 10px;
  }
  .page_con.page-nav a,
  .page_con.page-nav span {
    min-width: 34px;
    height: 34px;
    padding: 0 10px;
    font-size: 13px;
  }
  .page_con.page-nav a.a1 {
    padding: 0 12px;
    font-size: 12px;
  }
}