/* sgwy.css — 在 ivf51 原版样式（common.css / wl_common.css / 各板块 index.css）之上做的最小覆盖 + 06 计划板块块级样式
   主题色沿用参考站：#007cff */

/* 头部是 fixed 150px（ivf51 原站用 #container{margin-top:150px} 让位；
   本站统一在 body 上加间距，并把参考站那层 margin 归零，避免双倍留白） */
.sgwy-page { padding-top: 150px; }
#container { margin-top: 0 !important; }
.sgwy-logo { display: block; font-size: 30px; font-weight: 700; color: #007cff; letter-spacing: 2px; line-height: 44px; }
.sgwy-wrapper { width: 1200px; margin: 0 auto; }
.sgwy-inner { width: 1200px; margin: 0 auto; }
.sgwy-crumb { width: 1200px; margin: 0 auto 14px; font-size: 13px; color: #999; line-height: 24px; }
.sgwy-crumb a { color: #999; }
.sgwy-crumb a:hover { color: #007cff; }
.sgwy-crumb span { margin: 0 6px; }
.sgwy-copyright { text-align: center; color: #999; font-size: 12px; line-height: 22px; padding: 14px 0 22px; }
.sgwy-copyright p { margin: 2px 0; }

/* ===== 06 计划通用块 ===== */
.wx-panel { background: #fff; border: 1px solid #f0f0f0; border-radius: 6px; padding: 18px 22px; margin-bottom: 14px; }
.wx-panel-title { font-size: 20px; font-weight: 600; color: #333; margin: 0 0 10px; line-height: 1.5; }
.wx-summary { background: #f2f7ff; border-left: 3px solid #007cff; padding: 12px 16px; border-radius: 3px; font-size: 15px; color: #333; line-height: 1.9; margin: 0 0 12px; }
.wx-meta { font-size: 13px; color: #999; margin: 0 0 12px; }
.wx-meta span { margin-right: 16px; }
.wx-grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 14px; }
.wx-grid-card { display: block; background: #fff; border: 1px solid #f0f0f0; border-radius: 6px; padding: 16px; transition: all .2s; }
.wx-grid-card:hover { border-color: #007cff; box-shadow: 0 2px 10px rgba(0,124,255,.15); }
.wx-grid-card b { display: block; font-size: 16px; color: #333; margin-bottom: 6px; }
.wx-grid-card span { font-size: 12px; color: #999; }
.wx-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.wx-table th, .wx-table td { border-bottom: 1px solid #f0f0f0; padding: 10px 8px; text-align: left; }
.wx-table th { background: #fafafa; color: #666; font-weight: 500; }
.wx-table a { color: #007cff; }

.wx-lib-wrap { display: flex; width: 1200px; margin: 0 auto; gap: 18px; align-items: flex-start; }
.wx-lib-main { flex: 1; min-width: 0; }
.wx-lib-side { width: 300px; flex: none; }
.wx-side { background: #fff; border: 1px solid #f0f0f0; border-radius: 6px; padding: 14px 18px; margin-bottom: 14px; }
.wx-side-title { font-size: 16px; font-weight: 600; color: #333; border-bottom: 1px solid #f0f0f0; padding-bottom: 8px; margin-bottom: 8px; }
.wx-side-list { list-style: none; margin: 0; padding: 0; }
.wx-side-list li { line-height: 30px; font-size: 14px; }
.wx-side-list a { color: #555; }
.wx-side-list a:hover { color: #007cff; }

.wx-lib-list { display: block; }
.wx-card { background: #fff; border: 1px solid #f0f0f0; border-radius: 6px; padding: 16px 20px; margin-bottom: 12px; transition: all .2s; }
.wx-card:hover { border-color: #007cff; }
.wx-card-title { font-size: 18px; font-weight: 600; margin: 0 0 8px; line-height: 1.6; }
.wx-card-title a { color: #333; }
.wx-card-title a:hover { color: #007cff; }
.wx-card-desc { font-size: 14px; color: #777; line-height: 1.9; margin: 0; }
.wx-card-tags { margin-top: 8px; }
.wx-tag-solid { display: inline-block; background: #007cff; color: #fff; font-size: 12px; border-radius: 3px; padding: 1px 8px; margin-right: 8px; }
.wx-tag-line { display: inline-block; border: 1px solid #007cff; color: #007cff; font-size: 12px; border-radius: 3px; padding: 1px 8px; margin-right: 8px; }
.wx-tag-plain { display: inline-block; background: #f7f7f7; color: #888; font-size: 12px; border-radius: 3px; padding: 1px 8px; margin-right: 8px; }
.wx-empty { background: #fff; border: 1px dashed #eee; border-radius: 6px; padding: 30px; text-align: center; color: #aaa; }
.wx-filter { background: #fff; border: 1px solid #f0f0f0; border-radius: 6px; padding: 10px 18px; margin-bottom: 14px; }
.wx-filter-row { display: flex; align-items: flex-start; padding: 6px 0; border-bottom: 1px dashed #f5f5f5; }
.wx-filter-label { width: 90px; color: #999; font-size: 14px; line-height: 30px; flex: none; }
.wx-filter-items { flex: 1; }
.wx-filter-item { display: inline-block; padding: 0 12px; line-height: 30px; font-size: 14px; color: #555; border-radius: 3px; }
.wx-filter-item:hover { color: #007cff; }
.wx-filter-item.on { background: #007cff; color: #fff; }
.wx-filter-item i { font-style: normal; color: #bbb; font-size: 12px; }
.wx-pagination { text-align: center; margin: 20px 0; }
.wx-pagination a, .wx-pagination span { display: inline-block; min-width: 32px; height: 32px; line-height: 32px; margin: 0 3px; padding: 0 8px; border: 1px solid #eee; border-radius: 3px; color: #666; font-size: 14px; }
.wx-pagination a:hover, .wx-pagination .on { border-color: #007cff; color: #007cff; }

/* 内容页强制尾部（医学审核/更新/参考来源/免责） */
.wx-review { margin: 18px 0 8px; padding: 16px 20px; background: #fff; border: 1px solid #f0f0f0; border-radius: 6px; font-size: 13px; color: #666; line-height: 2; }
.wx-review-meta { color: #888; }
.wx-review-meta span { margin-right: 18px; }
.wx-review-src { margin-top: 8px; }
.wx-review-src strong { color: #333; font-weight: 600; }
.wx-review-src ul { margin: 4px 0 0 18px; padding: 0; list-style: disc; }
.wx-review-note { margin-top: 8px; padding-top: 8px; border-top: 1px dashed #eee; color: #999; }

/* ===== 首页 ===== */
.sgwy-home-banner { width: 1200px; margin: 0 auto 18px; height: 320px; border-radius: 8px; overflow: hidden; position: relative;
    background: linear-gradient(135deg, #b3d8ff 0%, #f2f7ff 100%); display: flex; align-items: center; }
.sgwy-home-banner .bt { padding-left: 60px; }
.sgwy-home-banner .bt h1 { font-size: 34px; color: #333; font-weight: 700; line-height: 1.5; margin: 0 0 12px; }
.sgwy-home-banner .bt p { font-size: 16px; color: #888; line-height: 1.9; margin: 0 0 20px; }
.sgwy-home-banner .bt a { display: inline-block; background: #007cff; color: #fff; padding: 0 26px; line-height: 42px; border-radius: 21px; font-size: 16px; }
.sgwy-nav-grid { width: 1200px; margin: 0 auto 20px; display: grid; grid-template-columns: repeat(7, 1fr); gap: 12px; }
.sgwy-nav-grid a { display: block; background: #fff; border: 1px solid #f0f0f0; border-radius: 6px; text-align: center; padding: 18px 6px; transition: all .2s; }
.sgwy-nav-grid a:hover { border-color: #007cff; box-shadow: 0 2px 10px rgba(0,124,255,.18); transform: translateY(-2px); }
.sgwy-nav-grid b { display: block; font-size: 16px; color: #333; margin-bottom: 4px; }
.sgwy-nav-grid span { font-size: 12px; color: #aaa; }
.sgwy-sec { width: 1200px; margin: 0 auto 20px; background: #fff; border: 1px solid #f0f0f0; border-radius: 8px; padding: 18px 22px; }
.sgwy-sec-hd { display: flex; align-items: center; border-bottom: 2px solid #007cff; padding-bottom: 10px; margin-bottom: 14px; }
.sgwy-sec-hd h2, .sgwy-sec-hd h1 { font-size: 20px; color: #333; font-weight: 600; margin: 0; }
.sgwy-sec-hd .more { margin-left: auto; font-size: 13px; color: #999; }
.sgwy-sec-hd .more:hover { color: #007cff; }
.sgwy-cols { display: flex; gap: 20px; }
.sgwy-col { flex: 1; min-width: 0; }
.sgwy-art-list { list-style: none; margin: 0; padding: 0; }
.sgwy-art-list li { line-height: 34px; font-size: 14px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sgwy-art-list li a { color: #555; }
.sgwy-art-list li a:hover { color: #007cff; }
.sgwy-art-list li .t { color: #bbb; font-size: 12px; margin-left: 8px; }
.sgwy-sub-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.sgwy-sub-grid a { display: block; background: #fafafa; border-radius: 4px; padding: 10px 12px; font-size: 14px; color: #555; }
.sgwy-sub-grid a:hover { background: #ecf5ff; color: #007cff; }
.sgwy-hos-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.sgwy-hos { display: flex; border: 1px solid #f0f0f0; border-radius: 6px; padding: 12px; gap: 12px; }
.sgwy-hos:hover { border-color: #007cff; }
.sgwy-hos .ph { width: 120px; height: 86px; flex: none; background: #f5f5f5; border-radius: 4px; overflow: hidden; }
.sgwy-hos .ph img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sgwy-hos .tx { min-width: 0; }
.sgwy-hos .tx h3 { font-size: 15px; margin: 0 0 6px; line-height: 1.5; }
.sgwy-hos .tx h3 a { color: #333; }
.sgwy-hos .tx h3 a:hover { color: #007cff; }
.sgwy-hos .tx p { font-size: 12px; color: #999; line-height: 1.8; margin: 0; max-height: 44px; overflow: hidden; }
.sgwy-qa-list, .sgwy-doc-list { list-style: none; margin: 0; padding: 0; }
.sgwy-qa-list li, .sgwy-doc-list li { line-height: 34px; font-size: 14px; border-bottom: 1px dashed #f5f5f5; }
.sgwy-qa-list a, .sgwy-doc-list a { color: #555; }
.sgwy-qa-list a:hover, .sgwy-doc-list a:hover { color: #007cff; }
.sgwy-qa-list .d, .sgwy-doc-list .d { color: #bbb; font-size: 12px; margin-left: 8px; }
/* 帖子列表补充 / 医生卡片网格 / 评论块 / 分页总数 */
.sgwy-post-desc { font-size: 13px; color: #888; line-height: 1.9; margin: 6px 0; max-height: 44px; overflow: hidden; }
.sgwy-list-right-tip { display: block; color: #bbb; font-size: 12px; text-align: right; }
.sgwy-doc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; list-style: none; margin: 0; padding: 0; }
.sgwy-doc-grid li a { display: flex; gap: 10px; border: 1px solid #f0f0f0; border-radius: 6px; padding: 10px; }
.sgwy-doc-grid li a:hover { border-color: #007cff; }
.sgwy-doc-grid .ph { width: 64px; height: 64px; border-radius: 50%; overflow: hidden; background: #f5f5f5; flex: none; }
.sgwy-doc-grid .ph img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sgwy-doc-grid .tx { min-width: 0; }
.sgwy-doc-grid .tx b { display: block; font-size: 15px; color: #333; }
.sgwy-doc-grid .tx span { display: block; font-size: 12px; color: #007cff; margin: 2px 0 4px; }
.sgwy-doc-grid .tx p { font-size: 12px; color: #999; margin: 0; line-height: 1.7; }
.sgwy-cmt { border-bottom: 1px dashed #f0f0f0; padding: 12px 0; }
.sgwy-cmt-hd { font-size: 13px; color: #888; margin-bottom: 6px; }
.sgwy-cmt-hd b { color: #007cff; font-weight: 500; margin-right: 10px; }
.sgwy-cmt-body { font-size: 15px; color: #333; line-height: 1.95; }
.wx-pagination-total { display: inline-block; margin-left: 10px; color: #aaa; font-size: 13px; }

/* ===== 工具页（07 §4.3） ===== */
.wx-tool { margin: 6px 0 4px; }
.wx-tool h3 { font-size: 16px; color: #333; margin: 14px 0 10px; font-weight: 600; }
.wx-tool-form { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 18px; margin-bottom: 12px; }
.wx-tool-form label { display: block; font-size: 14px; color: #555; }
.wx-tool-form input, .wx-tool-form select { display: block; width: 100%; margin-top: 6px; height: 38px; line-height: 38px; padding: 0 10px; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #333; box-sizing: border-box; }
.wx-tool-groups { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px 20px; }
.wx-tool-group { border: 1px solid #f0f0f0; border-radius: 6px; padding: 12px 14px; background: #fcfcfc; }
.wx-tool-group b { display: block; font-size: 14px; color: #007cff; margin-bottom: 8px; }
.wx-tool-items label { display: block; font-size: 14px; color: #444; line-height: 30px; cursor: pointer; }
.wx-tool-items input { margin-right: 8px; }
.wx-tool-actions { margin: 14px 0 4px; }
.wx-tool-actions button { background: #007cff; color: #fff; border: none; height: 40px; padding: 0 26px; border-radius: 20px; font-size: 15px; cursor: pointer; }
.wx-tool-actions button.ghost { background: #fff; color: #007cff; border: 1px solid #007cff; margin-left: 10px; }
.wx-tool-result { margin-top: 16px; }
.wx-tool-result h3 { font-size: 16px; color: #333; margin: 0 0 10px; }
.wx-tool-result table { margin-bottom: 10px; }
.wx-tool-total { font-size: 15px; color: #333; }
.wx-tool-total b { color: #007cff; }
.wx-tool-note { margin-top: 12px; padding-top: 10px; border-top: 1px dashed #eee; font-size: 12px; color: #999; line-height: 1.9; }
.wx-tool-warn { font-size: 13px; color: #0059b3; background: #ecf5ff; border-left: 3px solid #f0b072; padding: 8px 12px; border-radius: 3px; line-height: 1.9; }
.wx-tool-pre { background: #fafafa; border: 1px solid #f0f0f0; border-radius: 4px; padding: 14px; font-size: 13px; line-height: 1.9; white-space: pre-wrap; color: #444; }
.wx-tool-list { margin: 0 0 8px 20px; padding: 0; }
.wx-tool-list li { font-size: 14px; color: #444; line-height: 2; }
.wx-tool-sub { color: #999; font-size: 13px; }
.wx-side-note { font-size: 13px; color: #888; line-height: 1.9; margin: 0; }
@media (max-width: 860px) { .wx-tool-form, .wx-tool-groups { grid-template-columns: 1fr; } }

@media (max-width: 1220px) {
    .sgwy-wrapper, .sgwy-inner, .sgwy-crumb, .wx-lib-wrap, .sgwy-home-banner, .sgwy-nav-grid, .sgwy-sec { width: 100%; padding-left: 12px; padding-right: 12px; box-sizing: border-box; }
    .sgwy-doc-grid { grid-template-columns: 1fr; }
    .sgwy-nav-grid { grid-template-columns: repeat(4, 1fr); }
    .wx-lib-wrap { flex-direction: column; }
    .wx-lib-side { width: 100%; }
    .sgwy-hos-grid { grid-template-columns: 1fr; }
}

/* ===== 社区版块差异化：问答页签 / 经验帖卡片 / 好孕日记时间线 ===== */
.wx-tabs { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 10px; }
.wx-tabs a { display: inline-block; height: 34px; line-height: 34px; padding: 0 16px; border: 1px solid #eee; border-radius: 17px; font-size: 14px; color: #666; }
.wx-tabs a.on, .wx-tabs a:hover { color: #007cff; border-color: #007cff; background: #fff7f8; }
.wx-grid-card.on { border-color: #007cff; background: #fff7f8; }

.sgwy-card-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.sgwy-card { display: flex; border: 1px solid #f0f0f0; border-radius: 8px; background: #fff; overflow: hidden; }
.sgwy-card:hover { box-shadow: 0 4px 14px rgba(0,0,0,.06); }
.sgwy-card-cover { width: 168px; flex: 0 0 168px; background: #fafafa; }
.sgwy-card-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sgwy-card-body { padding: 14px 16px; }
.sgwy-card-title { font-size: 16px; color: #222; font-weight: 600; line-height: 1.5; margin-bottom: 8px; }
.sgwy-card-desc { font-size: 13px; color: #888; line-height: 1.8; margin: 0 0 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.sgwy-card-meta { font-size: 12px; color: #aaa; display: flex; flex-wrap: wrap; gap: 12px; }

.sgwy-timeline { position: relative; padding-left: 96px; }
.sgwy-timeline:before { content: ''; position: absolute; left: 88px; top: 6px; bottom: 6px; width: 1px; background: #f0e2e4; }
.sgwy-tl-item { position: relative; padding: 0 0 22px; }
.sgwy-tl-date { position: absolute; left: -96px; top: 2px; width: 76px; text-align: right; font-size: 13px; color: #bbb; }
.sgwy-tl-dot { position: absolute; left: -10px; top: 6px; width: 11px; height: 11px; border-radius: 50%; background: #007cff; border: 3px solid #fff; box-shadow: 0 0 0 1px #99ccff; }
.sgwy-tl-title { font-size: 16px; color: #222; font-weight: 600; margin-bottom: 6px; }
.sgwy-tl-desc { font-size: 13px; color: #888; line-height: 1.8; margin: 0 0 8px; }
.sgwy-tl-meta { font-size: 12px; color: #aaa; display: flex; gap: 12px; }

/* ===== 正文内链块（相关阅读）+ 审核参考来源 + 404 页 ===== */
.sgwy-inline-rel { margin: 18px 0 6px; padding: 14px 16px; background: #fafafa; border: 1px solid #f0f0f0; border-radius: 6px; }
.sgwy-inline-rel b { display: block; font-size: 15px; color: #333; margin-bottom: 8px; }
.sgwy-inline-rel ul { display: flex; flex-wrap: wrap; gap: 8px 14px; margin: 0; padding: 0; list-style: none; }
.sgwy-inline-rel li { font-size: 14px; line-height: 1.9; }
.sgwy-inline-rel a { color: #555; }
.sgwy-inline-rel a:hover { color: #007cff; }
.wx-review-refs { font-size: 13px; color: #666; line-height: 1.9; white-space: pre-wrap; }
.wx-404 { width: 1180px; max-width: 100%; margin: 40px auto 60px; background: #fff; border-radius: 8px; padding: 36px 34px; box-sizing: border-box; }
.wx-404 h1 { font-size: 24px; color: #222; margin: 0 0 14px; }
.wx-404 p { font-size: 15px; color: #555; line-height: 2; }
.wx-404-links { margin: 18px 0; padding-left: 20px; }
.wx-404-links li { font-size: 15px; color: #555; line-height: 2.1; }
.wx-404-note { color: #999; font-size: 13px; }

/* ===== 移动端适配（WAP）：≤780px 单列、导航可横滑、表格可滚动 ===== */
/* ===== 头部定位：官方是 height:150px; position:fixed; z-index:99 的吸顶头 =====
   窄屏下导航会折行，内容比 150px 盒子高 → 溢出到 fixed 盒子外、盖住下面的 banner/正文（用户报"浮在上面"）。
   ≤980px 改成静止定位（不吸顶），让 header 按内容自然高度撑开，再也不用 padding 让位。 */
@media (max-width: 980px) {
    .wl_common_pc_header { position: static !important; height: auto !important; z-index: auto !important; }
    body.sgwy-page, .sgwy-page { padding-top: 0 !important; margin-top: 0 !important; }
    #container { margin-top: 0 !important; }
    .wl_common_pc_header .four { height: auto !important; }
    .wl_common_pc_header .four .right { height: auto !important; }

    /* 页脚：官方 .top/.bottom 是 flex 行，窄屏下三个子项互相挤压（.right 只剩 22px → 文字竖堆）
       → 改成块级竖排 + 内部 items 居中折行 */
    footer .wl_pc_footer { height: auto !important; padding-bottom: 18px; }
    footer .wl_pc_footer .main { height: auto !important; }
    footer .wl_pc_footer .top, footer .wl_pc_footer .bottom { display: block !important; height: auto !important; }
    footer .wl_pc_footer .top > div, footer .wl_pc_footer .bottom > div {
        display: block !important; float: none !important; flex: none !important;
        width: 100% !important; max-width: 100% !important; height: auto !important;
        text-align: center !important; margin: 6px 0 !important;
    }
    footer .wl_pc_footer .bottom .left .items {
        display: flex !important; flex-wrap: wrap !important; justify-content: center !important;
        gap: 8px 14px; width: 100% !important; height: auto !important;
    }
    footer .wl_pc_footer .bottom .center {
        display: flex !important; flex-wrap: wrap !important; justify-content: center !important;
        gap: 10px 18px; height: auto !important;
    }
    footer .wl_pc_footer .bottom .center .item, footer .wl_pc_footer .bottom .center .item img { width: auto !important; max-width: 100% !important; }
    footer .wl_pc_footer .bottom .right, footer .wl_pc_footer .bottom .right p, footer .wl_pc_footer .bottom .right div { text-align: center !important; }
    .sgwy-copyright, .sgwy-copyright p { width: auto !important; max-width: 100% !important; padding: 0 12px; font-size: 12px; line-height: 1.9; }
    /* 页脚里的二维码/图标与说明文字：别让说明被裁 */
    footer .wl_pc_footer .bottom .center .item { max-width: 100% !important; overflow: visible !important; height: auto !important; }
    footer .wl_pc_footer .bottom .center .item p { white-space: normal !important; font-size: 12px !important; line-height: 1.6 !important; height: auto !important; }
    footer .wl_pc_footer .bottom .center .item img { max-height: 96px !important; width: auto !important; }
}

@media (max-width: 780px) {
    body.sgwy-page { padding-top: 0 !important; }
    #container { margin-top: 0 !important; }
    .sgwy-page { overflow-x: clip; }   /* 原 hidden 会连带把 overflow-y 变成 auto，形成滚动容器 → 页内 sticky 全部失效（词条页手机端目录条吸不住）；clip 同样防横向溢出但不建立滚动容器 */
    .sgwy-inner, .sgwy-wrapper, .sgwy-sec, .wx-lib-wrap { padding-left: 10px; padding-right: 10px; }
    .sgwy-sec-hd h1, .sgwy-sec-hd h2 { font-size: 20px; }
    .sgwy-page h1 { font-size: 20px; line-height: 1.5; }
    .sgwy-page h2 { font-size: 17px; }
    .sgwy-page h3 { font-size: 16px; }
    .sgwy-page body, .sgwy-page p, .wx-summary, .content-body { font-size: 15px; line-height: 1.9; }
    .sgwy-page img { max-width: 100%; height: auto; }
    .sgwy-nav-grid { grid-template-columns: repeat(3, 1fr); gap: 10px; }
    .sgwy-hos-grid, .sgwy-doc-grid, .wx-grid-4, .sgwy-card-list { grid-template-columns: 1fr !important; }
    .sgwy-card-cover { width: 108px; flex: 0 0 108px; }
    .wx-lib-main, .wx-lib-side, .wx-panel, .wx-side { width: 100% !important; box-sizing: border-box; }
    .wx-lib-wrap { flex-direction: column; }
    .wx-table { display: block; width: 100%; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; }
    .sgwy-timeline { padding-left: 60px; }
    .sgwy-timeline:before { left: 52px; }
    .sgwy-tl-date { left: -60px; width: 44px; font-size: 12px; }
    .new_list_b .list_li { flex-direction: column; }
    .new_list_b .touxiang { margin: 0 0 8px; }
    .list .list_left, .list .list_center { width: 100%; float: none; }
    .wx-tool-form, .wx-tool-groups { grid-template-columns: 1fr !important; }
    .wx-tool-actions button { width: 100%; margin: 0 0 10px; }
    .wx-tool-actions button.ghost { margin-left: 0; }
    .sgwy-crumb { font-size: 13px; line-height: 1.9; }
    /* ivf51 原样式里的固定宽度块，统一压回来 */
    .wl_common_pc_header, .header, .nav, .footer, .contain { min-width: 0 !important; width: auto !important; }
    .wav_title, .banner_pc { width: auto !important; }

    /* ===== 外壳（wl_common.css 是 PC 定宽、零媒体查询 → 官方没做，这里补）=====
       实测 390 宽下：.wl_common_pc_header=1224px、.content=955px、搜索 input=935px —— 全是 px 定宽，
       而且父级是收缩包裹(inline-block)，给父级 width:auto 没用，必须直接让这些老容器吃 100%。 */
    .content, .list, .list ul, .list ul li, .contain, .main, .wl_pc_footer, .wl_pc_footer .main,
    .wl_pc_footer .top, .wl_pc_footer .bottom,
    .wl_common_pc_header, .wl_common_pc_header .one, .wl_common_pc_header .two, .wl_common_pc_header .four,
    .wl_common_pc_header .two .logo, .wl_common_pc_header .two .searchs, .wl_common_pc_header .two .wxs,
    .wl_common_pc_header .two .phone,
    .wl_common_pc_header .two .searchs form, .wl_common_pc_header .two .searchs form input {
        width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box;
    }
    .wl_common_pc_header .one .center, .wl_common_pc_header .one .center > p, .wl_common_pc_header .one .center > span,
    .yiyuan, .yiyuan ul, .hospital .nav, .doctor .nav,
    footer .wl_pc_footer .item, footer .wl_pc_footer .item img, footer .wl_pc_footer .item p,
    footer .wl_pc_footer .right *:not(img), footer .wl_pc_footer .center *:not(img),
    footer .wl_pc_footer img { width: auto !important; max-width: 100% !important; }
    .wl_common_pc_header .one .center { display: flex !important; flex-direction: column !important; align-items: center; justify-content: center; gap: 2px; flex-wrap: wrap; }
    .wl_common_pc_header .one .center > p { width: 100% !important; max-width: 100% !important; text-align: center !important; white-space: normal !important; font-size: 12px !important; line-height: 1.7 !important; }
    .wl_common_pc_header .one .center > span { width: 100% !important; max-width: 100% !important; display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 0 10px; }
    .wl_common_pc_header .two { position: static !important; }
    .wl_common_pc_header .two .logo, .wl_common_pc_header .two .searchs { position: static !important; float: none !important; display: block !important; }
    .wl_common_pc_header .two .searchs form { position: static !important; }
    footer .wl_pc_footer .item, footer .wl_pc_footer .item img { width: auto !important; margin: 0 auto !important; }
    footer .wl_pc_footer .right p, footer .wl_pc_footer .right span, footer .wl_pc_footer .center p { text-align: center !important; }
    .yiyuan { display: flex; flex-wrap: wrap; justify-content: center; height: auto !important; }
    html, body { max-width: 100% !important; overflow-x: clip; }   /* hidden 会让 html/body 变成滚动容器 → 页内 sticky（词条页目录条）失效；clip 同样防横向溢出 */
    /* 老样式里的左中右/上下分栏：窄屏一律竖排 */
    .sgwy-page .left, .sgwy-page .right, .sgwy-page .center, .sgwy-page .top, .sgwy-page .bottom,
    .sgwy-page .list_left, .sgwy-page .list_center, .sgwy-page .list_right,
    footer .wl_pc_footer .left, footer .wl_pc_footer .right, footer .wl_pc_footer .center {
        float: none !important; width: 100% !important; max-width: 100% !important; height: auto !important; box-sizing: border-box;
    }
    /* 城市页(plan)官方样式里的 nowrap 定宽文本 */
    .plan .post_list li p, .plan .pat_list .pat_ls_right, .plan .pat_list .pat_ls_right h5, .plan .pat_list .pat_ls_right > p {
        width: auto !important; max-width: 100% !important; white-space: normal !important; overflow: visible !important; text-overflow: clip !important; float: none !important;
    }
    .wl_common_pc_header .one .two .searchs, .wl_common_pc_header .two, .wl_common_pc_header .four, .wl_common_pc_header .one {
        padding-left: 12px; padding-right: 12px; height: auto !important;
    }
    .wl_common_pc_header .one .center { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 10px; padding: 6px 0; }
    .wl_common_pc_header .one .center p { margin: 0 !important; font-size: 12px; float: none !important; width: auto !important; }
    .wl_common_pc_header .one .center > span { float: none !important; width: auto !important; display: flex; flex-wrap: wrap; gap: 0 10px; }
    .wl_common_pc_header .one .center a { font-size: 12px; height: auto !important; line-height: 2 !important; }
    .wl_common_pc_header .two .logo { float: none !important; display: block !important; width: 200px !important; margin: 8px auto 10px !important; }
    .wl_common_pc_header .two .searchs { float: none !important; width: 100% !important; margin: 0 !important; }
    .wl_common_pc_header .two .searchs form { display: flex !important; width: 100% !important; }
    .wl_common_pc_header .two .searchs form input { float: none !important; flex: 1 1 auto; width: auto !important; box-sizing: border-box; }
    .wl_common_pc_header .two .wxs, .wl_common_pc_header .two .phone { display: none !important; }
    .wl_common_pc_header .four { padding-bottom: 6px; }
    .wl_common_pc_header .four .right { display: flex !important; flex-wrap: wrap; justify-content: center; float: none !important; width: auto !important; height: auto !important; }
    .wl_common_pc_header .four .right a { float: none !important; height: auto !important; line-height: 1.6 !important; padding: 8px 10px !important; font-size: 14px; }
    footer .wl_pc_footer { height: auto !important; padding-bottom: 16px; }
    footer .wl_pc_footer .main .top .left, footer .wl_pc_footer .main .top .center, footer .wl_pc_footer .main .top .right,
    footer .wl_pc_footer .main .bottom .left, footer .wl_pc_footer .main .bottom .center, footer .wl_pc_footer .main .bottom .right {
        float: none !important; width: auto !important; height: auto !important; text-align: center !important; margin: 10px 0 !important;
    }
    footer .wl_pc_footer .main .bottom .left .items { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
    .sgwy-copyright, .sgwy-copyright p { width: auto !important; max-width: 100% !important; font-size: 12px; line-height: 1.9; padding: 0 12px; }

    /* ===== 医院/医生列表：官方是 PC 定宽（图片 253px / 正文 425px / 右栏 236px，且页面级 CSS 在 sgwy.css 之后加载）===== */
    .hospital .list ul li, .doctor .list ul li { height: auto !important; padding: 12px !important; }
    .hospital .list ul li > a, .doctor .list ul li > a { display: block; height: auto !important; }
    .hospital .list_left, .doctor .list_left, .list .list_left,
    .hospital .list_center, .doctor .list_center, .list .list_center,
    .hospital .list_right, .doctor .list_right, .list .list_right {
        float: none !important; width: 100% !important; max-width: 100% !important; height: auto !important;
        box-sizing: border-box; padding: 0 !important; border-left: 0 !important; margin: 0 0 8px !important;
    }
    .hospital .list_left img, .doctor .list_left img, .list .list_left img { width: 100% !important; height: auto !important; display: block; }
    .hospital .list_center .title, .doctor .list_center .title, .list_center .title,
    .hospital .list_center .wenan, .doctor .list_center .wenan, .list_center .wenan,
    .hospital .list_center .tag, .doctor .list_center .tag, .list_center .tag,
    .hospital .list_center .te, .doctor .list_center .te, .list_center .te {
        width: auto !important; max-width: 100% !important; white-space: normal !important;
        overflow: visible !important; text-overflow: clip !important; display: block !important;
        -webkit-line-clamp: unset !important; padding-right: 0 !important;
    }
    .hospital .list_right, .doctor .list_right, .list_right { border-top: 1px dashed #eee; padding-top: 8px !important; text-align: left !important; }
    .hospital .list_right p, .doctor .list_right p, .list_right p { margin-top: 6px !important; text-align: left !important; }
    .hospital .list_right p span, .doctor .list_right p span, .list_right p span { font-size: 20px !important; }
    .hospital .list_right .pc_yu, .doctor .list_right .pc_yu, .list_right .pc_yu { margin: 8px 0 !important; }
    .sgwy-list-right-tip { float: none !important; width: auto !important; display: block; text-align: left !important; margin: 4px 0 0 !important; }

    /* ===== 首页（index）390 宽实测：文章列表 nowrap 被裁、左右两栏并排、banner 定高 ===== */
    .sgwy-cols { flex-direction: column !important; gap: 0 !important; }
    .sgwy-col { width: 100% !important; flex: none !important; }
    .sgwy-art-list li {
        white-space: normal !important; overflow: visible !important; text-overflow: clip !important;
        line-height: 1.75 !important; padding: 5px 0; border-bottom: 1px dashed #f2f2f2;
    }
    .sgwy-art-list li .t { display: block !important; margin-left: 0 !important; font-size: 12px; }
    .sgwy-home-banner { height: auto !important; padding: 20px 0 22px; background-size: cover !important; }
    .sgwy-home-banner .bt { padding: 0 16px !important; }
    .sgwy-home-banner .bt h1 { font-size: 24px !important; line-height: 1.45 !important; margin-bottom: 10px !important; }
    .sgwy-home-banner .bt p { font-size: 14px !important; line-height: 1.85 !important; margin-bottom: 16px !important; }
    .sgwy-home-banner .bt a { line-height: 38px !important; padding: 0 20px !important; font-size: 15px !important; }
    .sgwy-nav-grid { grid-template-columns: repeat(3, 1fr) !important; gap: 8px !important; }
    .sgwy-nav-grid a { padding: 10px 4px !important; }
    .sgwy-nav-grid b { font-size: 15px !important; white-space: normal !important; overflow: visible !important; }
    .sgwy-nav-grid span { font-size: 11px !important; white-space: normal !important; }
    .sgwy-sec-hd h2 { font-size: 18px !important; }
    /* 头部：logo 别用定高，搜索框换行到下面，避免叠在一起 */
    .wl_common_pc_header .two .logo { height: auto !important; line-height: 1.3 !important; }
    .wl_common_pc_header .two .searchs { margin-top: 4px !important; }
    .wl_common_pc_header .two { padding-bottom: 8px; }
}

/* ===== 文章正文排版（2026-09-22：新生成内容按 Markdown 撰写，需补正文样式）===== */
#cont_detail { font-size: 16px; line-height: 1.9; color: #333; word-break: break-word; }
#cont_detail h2 { font-size: 20px; font-weight: 600; margin: 28px 0 12px; padding-left: 10px; border-left: 4px solid #007cff; line-height: 1.5; }
#cont_detail h3 { font-size: 17px; font-weight: 600; margin: 22px 0 10px; color: #222; }
#cont_detail p { margin: 0 0 14px; }
#cont_detail ul, #cont_detail ol { margin: 0 0 16px; padding-left: 22px; }
#cont_detail li { margin-bottom: 6px; }
#cont_detail table { width: 100%; border-collapse: collapse; margin: 0 0 18px; font-size: 14px; }
#cont_detail th, #cont_detail td { border: 1px solid #f0f0f0; padding: 10px 8px; text-align: left; vertical-align: top; }
#cont_detail th { background: #fafafa; color: #555; font-weight: 500; }
#cont_detail blockquote { margin: 0 0 16px; padding: 12px 16px; background: #fff7f8; border-left: 4px solid #007cff; color: #555; }
#cont_detail img { max-width: 100%; height: auto; border-radius: 6px; }
#cont_detail strong { color: #222; }
#cont_detail code { background: #f7f7f7; padding: 1px 5px; border-radius: 3px; font-size: 14px; }
.wx-hero { margin: 0 0 18px; }
.wx-hero img { width: 100%; height: auto; border-radius: 8px; display: block; }
@media (max-width: 780px) {
  #cont_detail { font-size: 15px; line-height: 1.85; }
  #cont_detail table { display: block; overflow-x: auto; }
}

/* 正文分段配图（占位图；<figure> 结构） */
#cont_detail figure, .wx-figure { margin: 22px 0; }
.wx-figure img { width: 100%; height: auto; border-radius: 8px; display: block; border: 1px solid #b3d8ff; }
.wx-figure figcaption { font-size: 13px; color: #999; text-align: center; padding: 8px 4px 0; }

/* ===== 医院/医生详情：「该院医生/同院医生」区块高度自适应 =====
   2026-09-22：ivf51 原样式 .hos_info .expert{height:274px} 写死了高度，
   医生数量多（网格 3 列 × N 行）时网格溢出，下面的「相关问答」浮上来盖住医生卡片 */
.hos_info .expert, .doc_info .expert, .expert { height: auto !important; min-height: 0 !important; overflow: visible !important; }
.expert_box { height: auto !important; overflow: visible !important; padding-bottom: 6px; }
.hos_info .expert_box, .doc_info .expert_box { width: 100% !important; }
@media (max-width: 780px) {
  .hos_info .expert, .doc_info .expert, .expert { height: auto !important; padding-bottom: 14px; }
  .expert_box, .expert_box.swiper-container-team { height: auto !important; }
  .sgwy-doc-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ===== 百科排版升级（2026-09-22：用户反馈"试管百科排版不好看"）===== */
.wx-wiki-head { margin: 0 0 14px; }
.wx-chip { display: inline-block; font-size: 12px; line-height: 20px; padding: 2px 10px; border-radius: 20px;
  background: #ecf5ff; color: #0059b3; margin-bottom: 10px; }
.wx-wiki-head h1 { font-size: 28px; line-height: 1.35; margin: 0 0 12px; font-weight: 700; color: #1f2329; }
.wx-wiki-meta { display: flex; flex-wrap: wrap; gap: 14px; color: #8a8f99; font-size: 13px; }
.wx-wiki-meta b { color: #0059b3; font-weight: 600; }
.wx-abs { position: relative; margin: 0 0 20px; padding: 16px 18px 16px 46px; background: #fff8f9;
  border: 1px solid #b3d8ff; border-radius: 10px; color: #4a4f57; font-size: 15px; line-height: 1.85; }
.wx-abs:before { content: "摘要"; position: absolute; left: 0; top: 0; bottom: 0; width: 32px; background: #007cff;
  color: #fff; font-size: 12px; writing-mode: vertical-rl; text-orientation: upright; letter-spacing: 2px;
  border-radius: 10px 0 0 10px; display: flex; align-items: center; justify-content: center; }
.wx-toc { margin: 0 0 22px; padding: 14px 18px; border: 1px dashed #99ccff; border-radius: 10px; background: #fffdfd; }
.wx-toc-title { font-size: 14px; font-weight: 600; color: #0059b3; margin-bottom: 8px; }
.wx-toc ol { margin: 0; padding-left: 20px; columns: 2; column-gap: 26px; }
.wx-toc li { font-size: 14px; line-height: 1.9; break-inside: avoid; }
.wx-toc a { color: #4a4f57; }
.wx-toc a:hover { color: #0059b3; }
@media (max-width: 780px) { .wx-toc ol { columns: 1; } }
#cont_detail h2 { scroll-margin-top: 80px; }
#cont_detail p { color: #3a3f47; }
#cont_detail table { box-shadow: 0 0 0 1px #f2f2f2; border-radius: 8px; overflow: hidden; }
#cont_detail tbody tr:nth-child(even) td { background: #fcfcfd; }
#cont_detail a { color: #0059b3; text-decoration: underline; text-underline-offset: 3px; }
.wx-cat-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.wx-cat-grid a { display: block; padding: 14px 16px; border: 1px solid #f0f0f0; border-radius: 10px; background: #fff; transition: .18s; }
.wx-cat-grid a:hover { border-color: #007cff; box-shadow: 0 6px 18px rgba(0,124,255,.14); transform: translateY(-2px); }
.wx-cat-grid b { display: block; font-size: 15px; color: #1f2329; margin-bottom: 6px; }
.wx-cat-grid span { font-size: 12px; color: #9aa0a6; }
@media (max-width: 1100px) { .wx-cat-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 780px) { .wx-cat-grid { grid-template-columns: repeat(2, 1fr); } }
.wx-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.wx-card { display: block; border: 1px solid #f0f0f0; border-radius: 12px; overflow: hidden; background: #fff; transition: .18s; }
.wx-card:hover { border-color: #007cff; box-shadow: 0 8px 22px rgba(0,124,255,.15); transform: translateY(-2px); }
.wx-card .ph { height: 150px; background: linear-gradient(135deg, #b3d8ff, #fff5f6); overflow: hidden; }
.wx-card .ph img { width: 100%; height: 100%; object-fit: cover; display: block; }
.wx-card .bd { padding: 14px 16px 16px; }
.wx-card .bd h3 { font-size: 16px; line-height: 1.5; margin: 0 0 8px; color: #1f2329; font-weight: 600;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.wx-card .bd p { font-size: 13px; line-height: 1.7; color: #8a8f99; margin: 0 0 10px;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.wx-card .ft { display: flex; justify-content: space-between; font-size: 12px; color: #b0b5bd; }
.wx-card .ft em { font-style: normal; color: #0059b3; }
@media (max-width: 1100px) { .wx-card-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .wx-card-grid { grid-template-columns: 1fr; } }
.wx-wiki-search { display: flex; gap: 8px; margin: 14px 0 0; max-width: 520px; }
.wx-wiki-search input { flex: 1; height: 40px; border: 1px solid #eaeaea; border-radius: 20px; padding: 0 18px; font-size: 14px; outline: none; }
.wx-wiki-search input:focus { border-color: #007cff; }
.wx-wiki-search button { height: 40px; padding: 0 20px; border: 0; border-radius: 20px; background: #007cff; color: #fff; font-size: 14px; cursor: pointer; }
.wx-pagination { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 22px 0 6px; }
.wx-pagination a, .wx-pagination span.on { min-width: 34px; height: 34px; line-height: 34px; text-align: center; padding: 0 10px;
  border: 1px solid #f0f0f0; border-radius: 8px; font-size: 13px; color: #4a4f57; }
.wx-pagination a:hover { border-color: #007cff; color: #0059b3; }
.wx-pagination span.on { background: #007cff; border-color: #007cff; color: #fff; }

/* 百科详情补充（2026-09-22 二轮） */
#cont_detail h3 { font-size: 16px; font-weight: 600; color: #1f2329; margin: 18px 0 8px; padding-left: 8px; border-left: 3px solid #99ccff; }
.wx-aka { font-size: 13px; color: #8a8f99; margin: -4px 0 10px; }
.wx-toc a.on { color: #0059b3; font-weight: 600; }
.wx-side-clamp li a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wx-table-scroll { overflow-x: auto; margin: 0 0 18px; }
.wx-table-scroll table { margin-bottom: 0; min-width: 520px; }
.wx-abs { font-size: 14.5px; }

/* 百科详情三轮（2026-09-22）：目录吸顶 + 来源行间距 */
.wx-toc { position: sticky; top: 12px; z-index: 5; backdrop-filter: blur(2px); }
@media (max-width: 780px) { .wx-toc { position: static; } }
#cont_detail p:has(> em), #cont_detail p:has(> small) { margin-top: 6px; }
#cont_detail blockquote { margin: 16px 0; }
.wx-review { margin-top: 26px; }

/* 支柱-集群导航（蓝皮书 4.1） */
.wx-pillar-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.wx-pillar-grid a { display: block; padding: 12px 14px; border: 1px solid #f0f0f0; border-radius: 10px; background: #fff; transition: .18s; }
.wx-pillar-grid a:hover { border-color: #007cff; box-shadow: 0 6px 18px rgba(0,124,255,.14); transform: translateY(-2px); }
.wx-pillar-grid b { display: block; font-size: 14px; color: #1f2329; margin-bottom: 4px; }
.wx-pillar-grid span { font-size: 12px; color: #9aa0a6; }
@media (max-width: 1100px) { .wx-pillar-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 780px) { .wx-pillar-grid { grid-template-columns: repeat(2, 1fr); } }


/* ===== 首页排版改版（2026-09-22，用户："首页排版不好看"）===== */
/* ① 板块入口：8 个入口原按 7 列排成 7+1，改成 4×2 */
.sgwy-nav-grid { grid-template-columns: repeat(4, 1fr) !important; }
.sgwy-nav-grid a { padding: 20px 8px !important; }
.sgwy-nav-grid b { font-size: 17px; }
/* ② hero：左对齐 + 右侧大片空白 → 居中 + 官方搜索框 */
.sgwy-home-banner { height: auto !important; padding: 40px 0 42px !important; text-align: center; margin-bottom: 22px !important; }
.sgwy-home-banner .bt { padding: 0 20px !important; }
.sgwy-home-banner .bt h1 { margin-bottom: 14px; }
.sgwy-home-banner .bt p { max-width: 820px; margin: 0 auto 24px !important; }
.sgwy-home-search { display: flex; width: 100%; max-width: 720px; margin: 0 auto 18px; background: #fff; border-radius: 26px; padding: 5px 5px 5px 8px; box-shadow: 0 6px 18px rgba(0,0,0,.07); }
.sgwy-home-search input { flex: 1; min-width: 0; border: 0; outline: none; background: transparent; font-size: 15px; color: #333; padding: 0 14px; line-height: 42px; }
.sgwy-home-search input::placeholder { color: #b9b9b9; }
.sgwy-home-search button { border: 0; cursor: pointer; background: #007cff; color: #fff; border-radius: 21px; padding: 0 30px; line-height: 44px; font-size: 15px; flex: none; }
.sgwy-home-search button:hover { background: #007cff; }
.sgwy-home-banner .bt a.sgwy-home-cta { margin-top: 2px; display: inline-block; background: transparent; color: #0064cc; border: 1px solid #99ccff; padding: 0 22px; line-height: 38px; border-radius: 20px; font-size: 15px; }
.sgwy-home-banner .bt a.sgwy-home-cta:hover { background: #fff; }
/* ③ 两栏区块一律有小标题（原来右栏没标题，看不出是什么） */
.sgwy-col-hd { font-size: 14px; color: #333; font-weight: 600; line-height: 1.3; padding-left: 9px; border-left: 3px solid #007cff; margin: 0 0 8px; }
.sgwy-col-hd + ul, .sgwy-col-hd + .sgwy-art-list { margin-top: 2px; }
/* ④ 疾病自查：8 条文章按两列排，别堆成一堵文字墙 */
.sgwy-list-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 26px; column-gap: 26px; }
.sgwy-list-grid li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* ⑤ 医院卡片图放大，信息层级拉开 */
.sgwy-hos { padding: 14px; }
.sgwy-hos .ph { width: 152px; height: 104px; }
.sgwy-list-grid li { line-height: 32px; }
.sgwy-doc-list li .d, .sgwy-qa-list li .d { white-space: nowrap; }
.sgwy-sec + .sgwy-sec { margin-top: 16px; }
.sgwy-hos .tx h3 { font-size: 16px; margin-bottom: 8px; }
.sgwy-hos .tx p { font-size: 12.5px; line-height: 1.9; }
/* ⑥ 实用工具 6 个 → 3×2 */
.sgwy-sub-grid.three { grid-template-columns: repeat(3, 1fr); }
.sgwy-sub-grid a { padding: 14px 16px; font-size: 14px; }
.sgwy-sub-grid a:hover { box-shadow: 0 2px 8px rgba(0,124,255,.15); }

@media (max-width: 750px) {
    .sgwy-home-banner { padding: 24px 0 26px !important; }
    .sgwy-home-search { max-width: 100%; padding: 4px 4px 4px 6px; }
    .sgwy-home-search input { line-height: 36px; font-size: 14px; padding: 0 8px; }
    .sgwy-home-search button { padding: 0 18px; line-height: 36px; font-size: 14px; }
    .sgwy-nav-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; }
    .sgwy-nav-grid a { padding: 12px 6px !important; }
    .sgwy-list-grid { grid-template-columns: 1fr; }
    .sgwy-sub-grid.three { grid-template-columns: repeat(2, 1fr); }
    .sgwy-sub-grid a { padding: 12px 12px; font-size: 13.5px; }
    .sgwy-hos .ph { width: 104px; height: 78px; }
    .sgwy-col-hd { margin-bottom: 6px; }
}


/* ===== 疾病自查 / 列表页改版（2026-09-22，用户："疾病自查页也不好看"）===== */
/* ① 频道头：标题 + 说明 + 分类筛选条（原来只有一个小标题 + 光秃秃的卡片） */
.chk-head { border: 1px solid #f0f0f0; border-radius: 8px; padding: 22px 24px 18px; background: #fff; margin-bottom: 16px; }
.chk-head h1 { font-size: 26px; color: #222; font-weight: 700; margin: 0 0 10px; }
.chk-head .chk-lead { font-size: 14.5px; color: #777; line-height: 1.9; margin: 0 0 16px; max-width: 900px; }
.chk-tabs { display: flex; flex-wrap: wrap; gap: 10px; }
.chk-tabs a { display: inline-block; padding: 0 18px; line-height: 34px; border-radius: 17px; background: #fafafa; border: 1px solid #f0f0f0; font-size: 14px; color: #555; }
.chk-tabs a:hover { border-color: #007cff; color: #0064cc; background: #f2f7ff; }
.chk-tabs a.on { background: #007cff; border-color: #007cff; color: #fff; }
/* ② 分类卡片：带说明和篇数 */
.chk-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 18px; }
.chk-card { display: block; background: #fff; border: 1px solid #f0f0f0; border-radius: 8px; padding: 18px 16px 16px; transition: all .2s; min-height: 118px; box-sizing: border-box; }
.chk-card:hover { border-color: #007cff; box-shadow: 0 4px 14px rgba(0,124,255,.15); transform: translateY(-2px); }
.chk-card b { display: block; font-size: 16px; color: #333; margin-bottom: 8px; }
.chk-card span { display: block; font-size: 12.5px; color: #999; line-height: 1.7; margin-bottom: 10px; }
.chk-card em { font-style: normal; font-size: 12px; color: #0064cc; background: #ecf5ff; border-radius: 10px; padding: 2px 10px; }
/* ③ 列表：PC 两列（原来单列，一屏放不下、右侧还空着）；无图条目不占位 */
.new_list_b ul { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 0 26px !important; padding: 0 !important; }
.new_list_b li { overflow: hidden; padding: 14px 0 !important; border-bottom: 1px solid #f2f2f2; border-radius: 4px; }
.new_list_b li:hover { background: #FFFCFC; }
.new_list_b li:hover .title_top { color: #0064cc; }
.new_list_b li:nth-last-child(-n+2) { border-bottom: none; }
.new_list_b li.no-thumb .touxiang { display: none !important; }
.new_list_b li.no-thumb .list_b_right { margin-left: 0 !important; padding-left: 0 !important; }
.new_list_b .list_b_right .sgwy-post-desc { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 13px; color: #999; line-height: 1.75; }
.new_list_b .title_top { font-size: 15.5px; line-height: 1.6; font-weight: 500; }
/* ④ 分页补总数信息 */
.wx-pager-info { font-size: 13px; color: #999; text-align: center; margin: 18px 0 6px; }

@media (max-width: 750px) {
    .chk-head { padding: 18px 14px 14px; }
    .chk-head h1 { font-size: 21px; }
    .chk-tabs a { padding: 0 14px; line-height: 32px; font-size: 13.5px; }
    .chk-cards { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .chk-card { min-height: 0; padding: 14px 12px; }
    .new_list_b ul { grid-template-columns: 1fr !important; }
}


/* ===================================================================
   内容页 Ant Design 风格（2026-09-22 二版重做）
   用户："要的是页面美观、方便使用，不用保留我原有做的"
   设计口径：白卡片 / 10px 圆角 / 细边框 #f0f0f0 / 悬停上浮+阴影 / 主色 #007cff
   =================================================================== */
.ant-hero { background: linear-gradient(135deg, #f2f7ff 0%, #ffffff 62%); border-bottom: 1px solid #f2f2f2; padding: 42px 0 34px; min-height: 175px; box-sizing: border-box; }
.ant-hero-sm { padding: 42px 0 34px; }   /* 与 .ant-hero 保持一致：点筛选不再"变行高"（2026-09-23 用户反馈） */
.ant-hero-inner { width: 1200px; margin: 0 auto; }
.ant-hero h1 { font-size: 30px; line-height: 1.35; color: #1f1f1f; font-weight: 700; margin: 0 0 10px; }
.ant-hero p { font-size: 14.5px; color: #8c8c8c; line-height: 1.9; margin: 0 0 20px; max-width: 780px; }
.ant-hero-sm p { margin-bottom: 20px; }
.ant-search { display: flex; max-width: 640px; background: #fff; border: 1px solid #e8e8e8; border-radius: 24px; padding: 4px 4px 4px 8px; box-shadow: 0 2px 8px rgba(0,0,0,.04); }
.ant-search input { flex: 1; min-width: 0; border: 0; outline: none; padding: 0 12px; line-height: 42px; font-size: 15px; color: #333; background: transparent; }
.ant-search input::placeholder { color: #bfbfbf; }
.ant-search button { flex: none; border: 0; background: #007cff; color: #fff; border-radius: 20px; padding: 0 26px; line-height: 42px; font-size: 15px; cursor: pointer; }
.ant-search button:hover { background: #007cff; }
.ant-quick { margin-top: 16px; font-size: 13px; color: #bfbfbf; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.ant-quick a { color: #8c8c8c; background: #fff; border: 1px solid #f0f0f0; border-radius: 14px; padding: 3px 12px; font-size: 13px; }
.ant-quick a:hover { color: #0064cc; border-color: #99ccff; background: #fff7f8; }

.ant-cats { width: 1200px; margin: 24px auto 20px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.ant-cat { display: flex; align-items: center; gap: 14px; background: #fff; border: 1px solid #f0f0f0; border-radius: 10px; padding: 18px 16px; position: relative; transition: all .22s; }
.ant-cat:hover { box-shadow: 0 8px 22px rgba(0,0,0,.07); transform: translateY(-3px); border-color: #b3d8ff; }
.ant-cat-ico { width: 46px; height: 46px; flex: none; border-radius: 13px; background-repeat: no-repeat; background-position: center; background-size: 26px 26px; }
.ant-cat:nth-child(1) .ant-cat-ico { background-color: #fff0f6; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f759ab' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='9' r='5'/%3E%3Cpath d='M12 14v6M9 17h6'/%3E%3C/svg%3E"); }
.ant-cat:nth-child(2) .ant-cat-ico { background-color: #ecf5ff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2336cfc9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='14' r='5'/%3E%3Cpath d='M14 10l5-5M15 5h4v4'/%3E%3C/svg%3E"); }
.ant-cat:nth-child(3) .ant-cat-ico { background-color: #ecf5ff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fa8c16' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a8 8 0 1 0-2.3 5.7'/%3E%3Cpath d='M20 5v6h-6'/%3E%3C/svg%3E"); }
.ant-cat:nth-child(4) .ant-cat-ico { background-color: #f0f5ff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23597ef7' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6'/%3E%3Cpath d='M20 20l-4.3-4.3'/%3E%3C/svg%3E"); }
.ant-cat-bd { min-width: 0; flex: 1; }
.ant-cat-bd b { display: block; font-size: 16px; color: #1f1f1f; margin-bottom: 4px; }
.ant-cat-bd span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 12.5px; color: #8c8c8c; line-height: 1.7; }
.ant-cat em { position: absolute; top: 12px; right: 12px; font-style: normal; font-size: 12px; color: #0064cc; background: #ecf5ff; border-radius: 10px; padding: 1px 9px; }

.ant-filter { width: 1200px; margin: 0 auto 16px; display: flex; gap: 10px; flex-wrap: wrap; position: sticky; top: 0; z-index: 30; background: rgba(255,255,255,.94); backdrop-filter: blur(8px); padding: 12px 0; }
.ant-filter a { padding: 0 16px; line-height: 34px; border-radius: 8px; background: #fff; border: 1px solid #f0f0f0; color: #595959; font-size: 14px; }
.ant-filter a i { font-style: normal; color: #bfbfbf; font-size: 12px; margin-left: 3px; }
.ant-filter a:hover { color: #0064cc; border-color: #99ccff; }
.ant-filter a.on { background: #007cff; border-color: #007cff; color: #fff; }
.ant-filter a.on i { color: rgba(255,255,255,.85); }

.ant-layout { width: 1200px; margin: 0 auto; display: flex; gap: 20px; align-items: flex-start; }
.ant-layout .wx-lib-main { flex: 1; min-width: 0; }
.ant-cardgrid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.ant-pcard { display: block; background: #fff; border: 1px solid #f0f0f0; border-radius: 10px; padding: 18px 20px; transition: all .22s; }
.ant-pcard:hover { box-shadow: 0 8px 22px rgba(0,0,0,.07); transform: translateY(-2px); border-color: #b3d8ff; }
.ant-pcard-ph { height: 152px; border-radius: 6px; overflow: hidden; margin-bottom: 14px; background: #fafafa; }
.ant-pcard-ph img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ant-pcard-title { font-size: 16px; line-height: 1.62; color: #1f1f1f; font-weight: 600; margin: 0 0 8px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ant-pcard:hover .ant-pcard-title { color: #0064cc; }
.ant-pcard-desc { font-size: 13px; color: #8c8c8c; line-height: 1.8; margin: 0 0 12px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ant-pcard-meta { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; font-size: 12px; color: #bfbfbf; }
.ant-tag { background: #ecf5ff; color: #0064cc; border-radius: 4px; padding: 1px 8px; font-size: 12px; }
.ant-empty { grid-column: 1 / -1; padding: 48px 0; text-align: center; color: #bfbfbf; background: #fff; border: 1px solid #f0f0f0; border-radius: 10px; }

.ant-side { width: 300px; flex: none; }
.ant-panel { background: #fff; border: 1px solid #f0f0f0; border-radius: 10px; margin-bottom: 16px; overflow: hidden; }
.ant-panel-hd { display: flex; align-items: center; padding: 14px 16px; font-size: 15px; font-weight: 600; color: #1f1f1f; border-bottom: 1px solid #f5f5f5; }
.ant-panel-hd:before { content: ""; width: 3px; height: 14px; background: #007cff; border-radius: 2px; margin-right: 8px; }
.ant-panel-title { font-size: 18px; color: #1f1f1f; margin: 0 0 10px; padding: 18px 20px 0; }
.ant-summary { padding: 0 20px 18px; font-size: 14px; color: #8c8c8c; line-height: 1.9; }
.ant-side-list { list-style: none; margin: 0; padding: 8px 16px 14px; }
.ant-side-list li { font-size: 13.5px; line-height: 2.05; border-bottom: 1px dashed #f7f7f7; }
.ant-side-list li:last-child { border-bottom: none; }
.ant-side-list a { display: block; color: #595959; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ant-side-list a:hover { color: #0064cc; }

/* 分页（Ant 风格） */
.wx-pagination, .wx-pager { margin-top: 20px; text-align: center; }
.wx-pager-info { font-size: 13px; color: #bfbfbf; text-align: center; margin: 18px 0 8px; }
.wx-pagination a, .wx-pager a { display: inline-block; min-width: 32px; height: 32px; line-height: 30px; margin: 0 4px; padding: 0 8px; border: 1px solid #f0f0f0; border-radius: 6px; background: #fff; color: #595959; font-size: 13px; }
.wx-pagination a:hover, .wx-pager a:hover { border-color: #99ccff; color: #0064cc; }
.wx-pagination a.active, .wx-pager a.active, .wx-pagination .active a { background: #007cff; border-color: #007cff; color: #fff; }

@media (max-width: 750px) {
    .ant-hero { padding: 24px 0 20px; }
    .ant-hero h1 { font-size: 23px; }
    .ant-hero p { font-size: 14px; margin-bottom: 16px; }
    .ant-hero-inner, .ant-cats, .ant-filter, .ant-layout { width: 100%; padding-left: 12px; padding-right: 12px; box-sizing: border-box; }
    .ant-search { max-width: 100%; padding: 4px 4px 4px 6px; }
    .ant-search input { line-height: 38px; font-size: 14px; padding: 0 8px; }
    .ant-search button { padding: 0 18px; line-height: 38px; font-size: 14px; }
    .ant-quick { gap: 6px; }
    .ant-cats { grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 16px auto 12px; }
    .ant-cat { padding: 12px; gap: 10px; }
    .ant-cat-ico { width: 36px; height: 36px; border-radius: 10px; background-size: 20px 20px; }
    .ant-cat-bd b { font-size: 14.5px; }
    .ant-cat-bd span { display: none; }
    .ant-cat em { position: static; margin-left: auto; }
    .ant-filter { gap: 8px; padding: 10px 0; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .ant-filter a { flex: none; padding: 0 13px; line-height: 32px; font-size: 13.5px; }
    .ant-cardgrid { grid-template-columns: 1fr; gap: 12px; }
    .ant-pcard { padding: 14px 16px; }
    .ant-pcard-title { font-size: 15.5px; }
    .ant-layout { flex-direction: column; }
    .ant-side { width: 100%; }
    .ant-pcard-ph { height: 168px; }
}


/* ===== 二版微调（视觉评审后）===== */
/* 卡片：flex 竖排 + meta 贴底，两侧卡片的底部信息行对齐 */
.ant-pcard { display: flex; flex-direction: column; height: 100%; box-sizing: border-box; }
.ant-pcard-desc { margin-bottom: 10px; }
.ant-pcard-meta { margin-top: auto; }
/* 分类标签改中性色：原来按分类上色，20 条里 15 条同色 → 色码失效、整片粉 */
.ant-tag { background: #f5f5f5; color: #8c8c8c; border-radius: 4px; padding: 1px 8px; font-size: 12px; }
.ant-pcard:hover .ant-tag { background: #ecf5ff; color: #0064cc; }
/* 侧栏热门推荐：排名序号，前三名高亮 */
.ant-side-list li.ant-rank { display: flex; align-items: baseline; gap: 8px; }
.ant-side-list li.ant-rank i { flex: none; width: 18px; height: 18px; line-height: 18px; text-align: center; border-radius: 4px; background: #f5f5f5; color: #bfbfbf; font-size: 11px; font-style: normal; align-self: center; }
.ant-side-list li.ant-rank:nth-child(1) i { background: #007cff; color: #fff; }
.ant-side-list li.ant-rank:nth-child(2) i { background: #99ccff; color: #fff; }
.ant-side-list li.ant-rank:nth-child(3) i { background: #99ccff; color: #fff; }
.ant-side-list li.ant-rank a { flex: 1; min-width: 0; }
/* 面包屑在 hero 上方时收紧间距 */
.sgwy-crumb { padding-top: 14px; }
.sgwy-crumb + .ant-hero { margin-top: 10px; }
@media (max-width: 750px) { .sgwy-crumb { padding-top: 10px; } }

/* 卡片等高：标题恒占两行、摘要恒占两行（原来标题 1~2 行导致同列卡片参差） */
.ant-pcard-title { min-height: 3.24em; }
.ant-pcard-desc { min-height: 3.6em; }