/* ==========================================================================
   Component Styles — Header, Cards, Sidebar, Pagination, etc.
   ========================================================================== */

/* Header */
.site-header {
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    position: sticky;
    top: 0;
    z-index: 100;
}

.header-inner {
    display: flex;
    align-items: center;
    gap: clamp(1rem, 3vw, 3rem);
    padding: 0.75rem 1rem;
    max-width: 1200px;
    margin: 0 auto;
}

/* Header info row (local_classified: region + weather + date) */
.header-info {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 0.8125rem;
    color: #5f6368;
    flex: 1;
}

.header-region {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-weight: 500;
    position: relative;
}

.header-region__btn {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    background: none;
    border: none;
    padding: 0.25rem 0.5rem;
    font: inherit;
    color: inherit;
    cursor: pointer;
    border-radius: 4px;
}

.header-region__btn:hover {
    background: rgba(0, 0, 0, 0.05);
}

.header-region__arrow {
    transition: transform 0.2s;
}

.header-region__dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0;
    padding: 0.875rem;
    width: min(720px, calc(100vw - 2rem));
    max-height: min(72vh, 640px);
    overflow: auto;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    list-style: none;
    z-index: 200;
}

.region-selector__actions {
    display: flex;
    gap: 0.5rem;
    padding-bottom: 0.75rem;
    margin-bottom: 0.75rem;
    border-bottom: 1px solid #edf0f2;
}

.region-selector__all,
.region-selector__fallback a,
.region-selector__province summary a,
.region-selector__city h3 a,
.region-selector__counties a {
    color: #3c4043;
    text-decoration: none;
}

.region-selector__all {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.75rem;
    color: #fff;
    background: var(--color-primary, #0d9488);
    border-radius: 999px;
    font-weight: 600;
}

.region-selector__tree {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.625rem;
}

.region-selector__province {
    border: 1px solid #edf0f2;
    border-radius: 10px;
    background: #fafafa;
}

.region-selector__province[open] {
    grid-column: 1 / -1;
    background: #fff;
}

.region-selector__province summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.625rem 0.75rem;
    cursor: pointer;
    font-weight: 600;
    color: #202124;
    list-style: none;
}

.region-selector__province summary::-webkit-details-marker {
    display: none;
}

.region-selector__province summary::after {
    content: "展开";
    color: #80868b;
    font-size: 0.75rem;
    font-weight: 400;
}

.region-selector__province[open] summary::after {
    content: "收起";
}

.region-selector__province summary a {
    padding: 0.25rem 0.5rem;
    color: var(--color-primary, #0d9488);
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 500;
}

.region-selector__province summary a:hover {
    background: rgba(13, 148, 136, 0.08);
}

.region-selector__cities {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    padding: 0 0.75rem 0.75rem;
}

.region-selector__city {
    min-width: 0;
}

.region-selector__city h3 {
    margin: 0 0 0.375rem;
    font-size: 0.875rem;
}

.region-selector__city h3 a {
    color: var(--color-primary, #0d9488);
}

.region-selector__city--active h3 a,
.region-selector__city h3 a[aria-current="page"] {
    display: inline-flex;
    padding: 0.125rem 0.375rem;
    background: rgba(249, 129, 48, 0.12);
    border-radius: 999px;
    color: var(--color-primary, #f98130);
}

.region-selector__counties {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.region-selector__counties a {
    display: inline-flex;
    padding: 0.25rem 0.5rem;
    color: #5f6368;
    background: #f7f8f9;
    border-radius: 999px;
    font-size: 0.75rem;
}

.region-selector__fallback {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.25rem;
    padding: 0;
    margin: 0;
    list-style: none;
}

.region-selector__fallback a {
    display: block;
    padding: 0.5rem 0.75rem;
    border-radius: 4px;
    text-align: center;
}

.region-selector__fallback a:hover,
.region-selector__city h3 a:hover,
.region-selector__counties a:hover {
    background: #f1f3f4;
    color: var(--color-primary, #0d9488);
}

.header-region:focus-within .header-region__dropdown {
    display: block;
}

.header-region:focus-within .header-region__arrow {
    transform: rotate(180deg);
}

.header-weather {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.header-date {
    color: #80868b;
}

/* Local classified header: narrower search (header has more elements) */
.site-header--local_classified .header-inner {
    gap: 5.5rem;
}

.site-header--local_classified .search-form input {
    width: 354px;
}

/* Listing post: 小搜索框、小圆角、登录注册推到最右 */
.site-header--listing_post .header-inner {
    gap: 5rem;
}

.site-header--listing_post .logo-text {
    color: #F73B42;
}

.site-header--listing_post .search-form {
    border-radius: 6px;
}

.site-header--listing_post .search-form input {
    width: 280px;
    padding: 0.25rem 0.625rem;
    font-size: 0.8125rem;
}

.site-header--listing_post .search-form button {
    padding: 0.25rem 0.5rem;
}

.site-header--listing_post .header-actions {
    margin-left: auto;
}

.site-logo {
    text-decoration: none;
    flex-shrink: 0;
}

.logo-text {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--color-primary, #1a73e8);
}

.nav-links {
    display: flex;
    gap: 1rem;
    flex: 1 1 auto;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden; /* 阻止 overflow-x:auto 把 overflow-y 级联成 auto，消除微小竖向滚动条（⇕ 图标） */
}

.nav-links a {
    color: #3c4043;
    font-size: 0.9375rem;
    white-space: nowrap;
    padding: 0.25rem 0;
}

.nav-links a[aria-current="page"] {
    color: #3981F4;
    font-weight: 600;
}

.header-actions {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-shrink: 0;
}

.search-form {
    display: flex;
    border: 1px solid #dadce0;
    border-radius: 12px;
    overflow: hidden;
    width: 320px;
    flex-shrink: 1;
}

.search-form input {
    border: none;
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    outline: none;
    width: 100%;
    min-width: 0;
    background: transparent;
}

/* 手机端搜索按钮：桌面隐藏，仅手机档显示（见底部媒体查询） */
.search-form__toggle,
.search-form__cancel {
    display: none;
}

/* news 桌面搜索框压扁：图标 22 -> 18px，整体约 32px 高 */
.site-header--news .search-form button svg {
    width: 18px;
    height: 18px;
}

.search-form input::placeholder {
    color: #C0C4CE;
}

.search-form button {
    border: none;
    background: none;
    color: #7183A0;
    padding: 0.375rem 0.75rem;
    cursor: pointer;
    font-size: 0.875rem;
}

.login-link {
    font-size: 0.875rem;
    color: #5f6368;
}

/* newsTwo header: 主题色背景，Logo + 导航(居中) + 搜索 + 登录，全部在一行，铺满全屏 */
.site-header--newsTwo {
    background: var(--color-primary, #0D55E7);
    border-bottom: none;
}

.site-header--newsTwo .header-inner {
    flex-direction: row;
    align-items: center;
    gap: clamp(1rem, 2.5vw, 2.5rem);
    padding: 0.75rem clamp(1rem, 4vw, 4rem);
    max-width: none; /* 覆盖 .container 的 1200px，铺满全屏 */
}

.site-header--newsTwo .header-row {
    display: flex;
    align-items: center;
    gap: clamp(1rem, 2.5vw, 2.5rem);
    width: 100%;
}

/* newsTwo 第一排导航：白色文字，绝对居中 */
.site-header--newsTwo .nav-links {
    flex: 1 1 auto;
    justify-content: center;
    gap: 1.5rem;
    overflow-x: auto;
    scrollbar-width: none;
}

.site-header--newsTwo .nav-links::-webkit-scrollbar {
    display: none;
}

.site-header--newsTwo .nav-links li {
    flex-shrink: 0;
}

.site-header--newsTwo .nav-links a {
    display: block;
    color: #fff;
    padding: 0.375rem 0;
    font-size: 0.9375rem;
    white-space: nowrap;
}

.site-header--newsTwo .nav-links a:hover {
    color: #fff;
}

.site-header--newsTwo .nav-links a[aria-current="page"] {
    color: #fff;
    font-weight: 600;
}

/* newsTwo header logo 文字白色 */
.site-header--newsTwo .logo-text {
    font-size: 1.25rem;
    font-weight: 700;
    color: #fff;
}

/* newsTwo header 搜索框收窄，给导航让位 */
.site-header--newsTwo .search-form {
    width: 200px;
}

.site-header--newsTwo .search-form input {
    width: auto;
    flex: 1 1 auto;
}

.site-header--newsTwo .header-actions {
    flex-shrink: 0;
}

/* 登录链接白色 */
.site-header--newsTwo .login-link {
    color: #fff;
}

/* 头像（替代登录注册）：圆形，垂直居中于导航栏 */
.site-header--newsTwo .header-actions {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.site-header--newsTwo .header-avatar {
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

/* 搜索图标白色 */
.site-header--newsTwo .search-form button {
    color: #fff;
}

/* 汉堡菜单按钮：桌面端隐藏，仅移动端显示 */
.site-header--newsTwo .nav-toggle {
    display: none;
}

/* Article Cards */
.card {
    display: flex;
    gap: 1rem;
    padding: 15px;
    position: relative;
    background: #fff;
    border-radius: 1px;
}

.card--featured {
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.75rem;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 0.75rem;
}

.card__image {
    flex-shrink: 0;
    width: 200px;
}

.card--featured .card__image {
    width: 100%;
}

.card__image img {
    width: 100%;
    height: 140px;
    object-fit: cover;
    border-radius: 4px;
    background: #F4F6FB;
}

.card--featured .card__image img {
    height: 280px;
}

.card__body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card__title {
    font-size: 1.125rem;
    margin-bottom: 0.375rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.card__title a {
    color: var(--color-text, #484A4F);
}

.card__title a:hover {
    color: var(--color-primary, #1a73e8);
}

.card__summary {
    font-size: 0.875rem;
    color: #959DB3;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    font-size: 0.8125rem;
    color: #B1B1B1;
    align-items: center;
}

.card__price {
    font-weight: 600;
    color: #ea4335;
    font-size: 1rem;
}

/* Card Badge — inline with title */
.card__badge {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.2;
    flex-shrink: 0;
}

/* 首页 badge 独立一行，需要下间距 */
.card__top > .card__badge {
    margin-bottom: 8px;
}

/* 列表页标签行 */
.card__labels {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.card__label {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    line-height: 1.4;
}

/* 热点标签 - 带描边 */
.card__label--hot {
    color: #f56c6c;
    border: 1px solid #f56c6c;
    background: #fef0f0;
    line-height: 1;
}

/* 区标签 - 无描边 */
.card__label--region {
    color: #5f6368;
    background: #f1f3f4;
}

/* Card Tags — keyword tags in meta row */
.card__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
}

.card__bottom {
    display: flex;
    gap: 12px;
    flex-direction: column;
}

.card__tag {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    background: rgba(57, 129, 244, 0.12);
    border-radius: 11px;
    font-size: 12px;
    color: #3981f4;
    line-height: 1.2;
}

.card__badge--热点 {
    background: #fef0f0;
    color: #f56c6c;
    border: 1px solid #f56c6c;
}

.card__badge--科技 {
    background: #e8f0fe;
    color: #1a73e8;
    border: 1px solid #1a73e8;
}

.card__badge--财经 {
    background: #fdf6ec;
    color: #e6a23c;
    border: 1px solid #e6a23c;
}

.card__badge--娱乐 {
    background: #f3e8ff;
    color: #9333ea;
    border: 1px solid #9333ea;
}

.card__badge--体育 {
    background: #ecfdf5;
    color: #16a34a;
    border: 1px solid #16a34a;
}

.card__badge--社会 {
    background: #ecfeff;
    color: #0891b2;
    border: 1px solid #0891b2;
}

.card__badge--教育 {
    background: #fef3c7;
    color: #d97706;
    border: 1px solid #d97706;
}

.card__badge--国际 {
    background: #f0f9ff;
    color: #0284c7;
    border: 1px solid #0284c7;
}

.card__badge--文化 {
    background: #fdf4ff;
    color: #c026d3;
    border: 1px solid #c026d3;
}

.card__badge--健康 {
    background: #f0fdf4;
    color: #15803d;
    border: 1px solid #15803d;
}

/* List content (single column, constrained width) */
.list-content {
    margin: 0 auto;
}

.list-items {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Card rows */
.card-row {
    display: grid;
    gap: 0.75rem;
}

.card-row--double {
    grid-template-columns: 1fr 1fr;
}

.card-row--double .card {
    flex-direction: column;
    gap: 0.5rem;
    padding: 0;
    border-bottom: none;
    padding: 0.75rem;
    background: #fff;
    border-radius: 8px;
}

.card-row--double .card__image {
    width: 100%;
}

.card-row--double .card__image img {
    height: 160px;
    width: 100%;
}

/* Card group: 2 doubles + 1 single, visually connected */
.card-group {
    margin-bottom: 0.75rem;
    padding-bottom: 0;
}

.card-group > .card {
    margin-top: 0.75rem;
    border-bottom: none;
    padding: 1.25rem;
    background: #fff;
    border-radius: 8px;
}

/* Sidebar */
.sidebar {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.sidebar-section {
    background: #fff;
    border-radius: 8px;
    padding: 1rem;
    border: 1px solid #e8eaed;
}

.sidebar-section h2 {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 1rem;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #E9EBEF;
    line-height: 1;
}

.sidebar-section h2 .sidebar-icon {
    flex-shrink: 0;
    vertical-align: middle;
}

.sidebar-list li {
    padding: 0.375rem 0;
    border-bottom: 1px solid #f1f3f4;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    line-height: 1.2;
}

.sidebar-list li:last-child {
    border-bottom: none;
}

.sidebar-list li a {
    color: var(--color-text, #484A4F);
    flex: 1;
    min-width: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sidebar-list li a:hover {
    color: var(--color-primary, #1a73e8);
}

/* Rank badges for popular items */
.rank-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.25rem;
    padding: 0 0.25rem;
    height: 1.25rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 700;
    color: #fff;
    flex-shrink: 0;
    background-color: #E8E8E8;
    color: #A3A3A8;
}

.rank-badge.rank-badge--1 { background-color: #0064FF; color: #fff; }
.rank-badge.rank-badge--2 { background-color: #4C92FF; color: #fff; }
.rank-badge.rank-badge--3 { background-color: #99C1FF; color: #fff; }

/* 地方站热议论排序数字 */
.sidebar-rank {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.25rem;
    padding: 0 0.25rem;
    height: 1.25rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 700;
    flex-shrink: 0;
    background-color: #E8E8E8;
    color: #A3A3A8;
}

.site-type--local_classified .sidebar-rank--1 { background: linear-gradient(135deg, #F98130, #FF9F33); color: #fff; }
.site-type--local_classified .sidebar-rank--2 { background: linear-gradient(135deg, #FF9F33, #FFB84D); color: #fff; }
.site-type--local_classified .sidebar-rank--3 { background: linear-gradient(135deg, #FFB84D, #FFCC80); color: #fff; }

.sidebar-item-content {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.sidebar-item-content a {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sidebar-meta {
    font-size: 0.75rem;
    color: #80868b;
}

.sidebar-price {
    color: #ea4335;
    font-weight: 600;
    font-size: 0.875rem;
}

/* Timeline list for latest news */
.timeline-list {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-left: 1.25rem;
}

.timeline-item {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.5rem 0;
    position: relative;
    padding-left: 14px;
}

.timeline-item::before {
    content: "";
    position: absolute;
    left: -0.75rem;
    top: 0.75rem;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--color-primary, #1a73e8);
    border: 2px solid #fff;
    box-shadow: 0 0 0 2px var(--color-primary, #1a73e8);
    z-index: 1;
}

.timeline-item:not(:last-child)::after {
    content: "";
    position: absolute;
    left: calc(-0.75rem + 4px);
    top: calc(0.75rem + 12px);
    bottom: -1.25rem;
    width: 1px;
    background: #0064FF;
}

.timeline-time {
    font-size: 0.75rem;
    color: #0064FF;
}

.timeline-item a {
    color: var(--color-text, #484A4F);
    font-size: 0.875rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.2;
}

.timeline-item a:hover {
    color: var(--color-primary, #1a73e8);
}

/* Category Grid - 满屏独立一排 */
.category-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0.5rem;
    box-sizing: border-box;
    background: #ffffff;
    margin-bottom: 0.75rem;
    padding: 8px;
    border-radius: 8px;
}

.category-tile {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.5rem;
    background: #F4F6FB;
    border-radius: 6px;
    text-align: center;
    transition: box-shadow 0.15s;
}

.listing-home .category-tile {
    padding: 0.5rem;
}

.category-tile:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    text-decoration: none;
}

.category-tile__icon {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.category-tile__name {
    font-size: 0.875rem;
    color: var(--color-text, #484A4F);
}

.category-chip {
    display: inline-block;
    padding: 0.375rem 0.75rem;
    border: 1px solid #dadce0;
    border-radius: 16px;
    font-size: 0.8125rem;
    color: #3c4043;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}

.category-chip--active {
    background: var(--color-primary, #1a73e8);
    color: #fff;
    border-color: var(--color-primary, #1a73e8);
}

/* Listing post: home top hero background */
.listing-home__hero {
    background: linear-gradient(180deg, #f73b42, #f98130 100%);
    margin-bottom: 0;
    padding-bottom: 3rem;
    position: relative;
}

.listing-home__hero::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #f73b42, #f98130 100%);
    z-index: -1;
}

.listing-home__hero::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #f73b42, #f98130 100%);
    z-index: -1;
}

/* 红色区域现在只包含搜索：把垂直 padding 收紧，更紧凑 */
.listing-home__hero .search-hero {
    padding: 3.4375rem 0;
    color: #fff;
}

.listing-home__hero .search-hero__title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0.5rem;
}

.listing-home__hero .search-hero__subtitle {
    font-size: 0.75rem;
    color: #fff;
    opacity: 0.9;
    margin-bottom: 1.25rem;
}

.listing-home__hero .popular-searches,
.listing-home__hero .popular-searches a {
    color: #fff;
}

.listing-home__hero .search-hero__form {
    max-width: 720px;
    margin-bottom: 0.5rem;
    border-width: 1px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    align-items: center;
    /* 覆盖基础类 .search-hero__form 的 overflow:hidden，否则地区下拉会被裁切 */
    overflow: visible;
}

.listing-home__hero .search-hero__icon {
    margin-left: 1rem;
    color: #5f6368;
    flex-shrink: 0;
}

.listing-home__hero .search-hero__form input {
    padding: 0.875rem 1.25rem;
    font-size: 1rem;
}

.listing-home__hero .search-hero__form input::placeholder {
    color: #C0C4CE;
    font-size: 1rem;
}

.listing-home__hero .search-hero__region {
    position: relative;
    display: inline-flex;
    align-items: center;
    display: none;
}

.listing-home__hero .search-hero__region-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0 0.5rem 0 0.75rem;     /* 左右内边距撑出点击热区，右侧空隙 */
    background: none;
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: #5f6368;
    font-size: 0.875rem;
    cursor: pointer;
    white-space: nowrap;
    font-family: inherit;
}

.listing-home__hero .search-hero__region-arrow {
    transition: transform 0.2s ease;
    margin-left: 0.125rem;
}

.listing-home__hero .search-hero__region-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    margin: 0;
    padding: 0.75rem;
    width: min(720px, calc(100vw - 2rem));
    max-height: min(72vh, 640px);
    overflow: auto;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    list-style: none;
    z-index: 200;
}

.listing-home__hero .search-hero__region-dropdown .region-selector__fallback li a {
    display: block;
    padding: 0.5rem 0.75rem;
    color: #3c4043;
    font-size: 0.875rem;
    text-decoration: none;
    border-radius: 4px;
    text-align: center;
}

.listing-home__hero .search-hero__region-dropdown .region-selector__fallback li a:hover {
    background: #f1f3f4;
    color: #3c4043;
}

/* 打开状态：由 JS 加 .is-open 触发，避免依赖 :focus-within 在移动端失效 */
.listing-home__hero .search-hero__region.is-open .search-hero__region-dropdown {
    display: block;
}

.listing-home__hero .search-hero__region.is-open .search-hero__region-arrow {
    transform: rotate(180deg);
}

.listing-home__hero .search-hero__form button[type="submit"] {
    padding: 0.5rem 1.25rem;       /* 高度缩小 */
    font-size: 0.75rem;
    background: #f73b42;           /* 红色按钮 */
    color: #fff;
    border-radius: 6px;            /* 按钮圆角小一点 */
    margin: 0.25rem 0.5rem 0.25rem 0;  /* 上下有点间距，右侧留点空隙 */
    line-height: 1;
}

.listing-home__hero .popular-searches {
    font-size: 0.8125rem;     /* 整体小一点 */
}

.listing-home__hero .popular-searches a {
    background: rgba(255, 255, 255, 0.12);  /* 半透明白 */
    color: #fff;              /* 白色文字 */
    border-radius: 6px;       /* 圆角 6px */
    font-size: 0.75rem;       /* 文字小一点 */
}

/* Listing post home: 列表卡（单行紧凑，价格右侧 chip） */
.listing-home .listings {
    background: transparent;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    border: none;
    /* max-width: 750px; */
    margin-left: auto;
    margin-right: auto;
}

/* 分类导航：与列表同宽，居中，靠负 margin-top 让白盒上半部分覆盖红色 hero */
.listing-home .category-grid {
    position: relative;
    z-index: 1;
    /* max-width: 750px; */
    margin-top: -60px;     /* 向上覆盖 hero，保留较多红色空隙给热搜 */
    margin-left: auto;
    margin-right: auto;
}

/* 标题样式：只有直接子 h2（section 标题 最新信息）前面加红色竖条，列表里的 card__title 不加 */
.listing-home .listings > h2 {
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0.625rem;
    position: relative;
    padding-left: 12px;
}

.listing-home .listings > h2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 4px;
    height: 100%;
    background: #F73B42;
    transform: translate(0, -50%);
    border-radius: 1px;
}

/* Section header (title + view-more link on the same row) */
.section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.625rem;
}

.section-header h2 {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
    position: relative;
    padding-left: 12px;
}

.section-header h2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 4px;
    height: 100%;
    background: #F73B42;
    transform: translate(0, -50%);
    border-radius: 1px;
}

.section-header__more {
    font-size: 0.8125rem;
    color: #8a8f99;
    text-decoration: none;
    transition: color 0.15s ease;
    display: none;
}

.section-header__more:hover {
    color: #F98130;
}

.listing-home .listings__subtitle {
    font-size: 0.75rem;
    color: #8a8f99;
    line-height: 1.2;
    margin: 0 0 0.5rem;
    text-align: left;
}

.listing-home .card {
    display: block;
    padding: 9px 1rem;
    border-radius: 0;
    background: #fff;
    border-bottom: 1px solid #eef0f5;
    position: relative;
    overflow: hidden;
    transition: background-color 0.18s ease, padding-left 0.18s ease;
    margin-bottom: 0;
}

.listing-home .card:last-child {
    border-bottom: none;
}

/* Hover: 浅红背景 + 文字微缩进，不再有左侧色条 */
.listing-home .card:hover {
    background: linear-gradient(90deg, #fff7f4 0%, #fffaf8 70%);
    padding-left: 1.25rem;
}

.listing-home .card__image,
.listing-home .card__summary {
    display: none;
}

/* 双列布局：左列 = [top(badge+title) / meta(region·attrs·date)] 上下对齐，右列 = 价格 跨两行居中 */
.listing-home .card__body {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    align-items: center;
    column-gap: 1rem;
    row-gap: 0.375rem;
}

.listing-home .card__top {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    margin: 0;
}

.listing-home .card__top > .card__badge {
    margin: 0;
    flex-shrink: 0;
    width: 48px;            /* 固定宽度，3 个汉字也能装下 */
    padding: 2px 0;
    text-align: center;
    border-radius: 3px;
    color: #fff;
    border-color: transparent;
    box-sizing: border-box;
}

.listing-home .card__title {
    flex: 1;
    min-width: 0;
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #2c2e33;
    word-break: keep-all;
    overflow-wrap: break-word;
}

.listing-home .card__title a {
    color: inherit;
}

.listing-home .card__title a:hover {
    color: #f73b42;
}

/* Listing 分类徽标：统一白字无描边，仅背景色按分类区分 */
.listing-home .card__badge--租房 { background: #E66060; }
.listing-home .card__badge--二手车 { background: #2EADF2; }
.listing-home .card__badge--招聘 { background: #F88107; }
.listing-home .card__badge--家政 { background: #1CC283; }
.listing-home .card__badge--二手 { background: #2EADF2; }
.listing-home .card__badge--教育 { background: #30CC45; }
.listing-home .card__badge--宠物 { background: #FFC221; }
.listing-home .card__badge--生活 { background: #EC2FB5; }
.listing-home .card__badge--装修 { background: #8FC21C; }

/* 同名「招聘」第二条用蓝：按文章顺序覆盖 */
.listing-home .listings > article:nth-of-type(8) .card__badge--招聘 {
    background: #0F7FF8;
}

.listing-home .card__meta {
    grid-column: 1;
    grid-row: 2;
    display: flex;
    align-items: center;
    gap: 0;
    margin: 0;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    /* 让 meta 行跟 title 文字对齐，而不是跟 badge 左边缘对齐：
       badge 固定 width 48px + gap 0.5rem */
    /* padding-left: calc(48px + 0.5rem); */
}

.listing-home .card__meta > * + *::before {
    /* content: "·";
    margin: 0 0.25rem;
    color: #c8ccd5; */
}

/* 标签内联展示在 meta 行末尾：样式跟 .card__region 一致（灰色纯文本，无背景 chip） */
.listing-home .card__tags-inline {
    display: inline;
    min-width: 0;
    overflow: hidden;
}

.listing-home .card__tags-inline .card__tag {
    background: none;
    padding: 0;
    border-radius: 0;
    color: #8a8f99;
    font-size: 0.8125rem;
    line-height: 1.4;
    white-space: nowrap;
}

.listing-home .card__meta .card__source,
.listing-home .card__meta .card__views,
.listing-home .card__meta .card__likes {
    display: none;
}

.listing-home .card__meta > .card__region,
.listing-home .card__meta > .card__date,
.listing-home .card__meta > .card__attr {
    color: #8a8f99;
    font-size: 0.8125rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.listing-home .card__meta > .card__date::before {
    content: "·";
    margin: 0 0.25rem;
    color: #c8ccd5;
}

/* 价格：右列、跨两行、纵向居中，无背景纯文本 */
.listing-home .card__price {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
    justify-self: end;
    padding: 0;
    color: #f73b42;
    font-weight: 700;
    font-size: 0.9375rem;
    line-height: 1.4;
    white-space: nowrap;
    letter-spacing: -0.01em;
}

/* "面议" 价格：与普通价格文字颜色一致 */
.listing-home .card__price--negotiable {
    color: #f73b42;
    font-size: 0.8125rem;
    font-weight: 600;
}

/* Search Hero */
.search-hero {
    text-align: center;
    padding: 2rem 0;
}

.search-hero__form {
    display: flex;
    max-width: 500px;
    margin: 0 auto 1rem;
    border: 2px solid #dadce0;
    border-radius: 24px;
    overflow: hidden;
}

.search-hero__form input {
    flex: 1;
    border: none;
    padding: 0.75rem 1.25rem;
    font-size: 1rem;
    outline: none;
}

.search-hero__form button {
    border: none;
    background: var(--color-primary, #1a73e8);
    color: #fff;
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    cursor: pointer;
}

.popular-searches {
    font-size: 0.875rem;
    color: #5f6368;
}

.popular-searches a {
    display: inline-block;
    margin: 0.25rem;
    padding: 0.25rem 0.5rem;
    background: #f1f3f4;
    border-radius: 12px;
    font-size: 0.8125rem;
    color: #3c4043;
}

/* Filters bar */
.filters-bar {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.625rem;
    margin-bottom: 1rem;
    padding: 0.875rem 1rem;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #f0f1f3;
}

.filter-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem;
}

.filter-label {
    font-size: 0.8125rem;
    font-weight: 600;
    margin-right: 0.25rem;
}

.filter-chip {
    display: inline-block;
    padding: 0.25rem 0.625rem;
    border: 1px solid #dadce0;
    border-radius: 14px;
    font-size: 0.8125rem;
    color: #3c4043;
}

.filter-chip--active {
    background: var(--color-primary, #1a73e8);
    color: #fff;
    border-color: var(--color-primary, #1a73e8);
}

/* 地方站筛选选中：描边+文字，无背景 */
.site-type--local_classified .filter-chip--active {
    background: transparent;
    color: var(--color-primary, #F98130);
    border-color: var(--color-primary, #F98130);
}

.sort-options {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin-left: auto;
}

.sort-chip {
    padding: 0.25rem 0.5rem;
    font-size: 0.8125rem;
    color: #5f6368;
    border-radius: 4px;
}

.sort-chip--active {
    color: var(--color-primary, #1a73e8);
    font-weight: 600;
}

/* ------------------------------------------------------------------
   Listing post list page: 筛选区域
   只作用于 .listing-list-page，不影响 local_classified 共用类
   ------------------------------------------------------------------ */
.listing-list-page .filters-bar {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.625rem;
    margin-bottom: 1rem;
    padding: 0.875rem 1rem;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #f0f1f3;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
    text-align: left;
}

.listing-list-page .filters {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.listing-list-page .filters-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
}

.listing-list-page .filter-tabs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
}

.listing-list-page .filter-tab {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.125rem;
    background: transparent;
    border: none;
    font-family: inherit;
    font-size: 0.875rem;
    color: #3c4043;
    text-decoration: none;
    line-height: 1.4;
    cursor: pointer;
    transition: color 0.15s ease;
    position: relative;
}

.listing-list-page .filter-tab:hover {
    color: #F73B42;
}

.listing-list-page .filter-tab--active {
    color: #F73B42;
    font-weight: 600;
}

.listing-list-page .filter-options {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.625rem;
    padding: 0.25rem 0;
}

.listing-list-page .filter-divider {
    width: 100%;
    height: 1px;
    background: #ececef;
    margin: 0.125rem 0;
}

.listing-list-page .filter-panel {
    display: none;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.625rem;
    padding: 0.25rem 0;
    width: 100%;
}

.listing-list-page .filter-panel--active {
    display: flex;
}

.listing-list-page .filter-toggle--active {
    color: #F73B42;
    font-weight: 600;
}

.listing-list-page .filter-group {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.375rem;
    row-gap: 0.5rem;
    position: relative;
}

.listing-list-page .filter-label {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #5f6368;
    margin-right: 0.25rem;
    flex-shrink: 0;
}

.listing-list-page .filter-chip {
    display: inline-flex;
    align-items: center;
    padding: 0.3125rem 0.75rem;
    border: 1px solid #e4e6ea;
    border-radius: 14px;
    background: #fff;
    font-size: 0.8125rem;
    color: #3c4043;
    line-height: 1.2;
    transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
    text-decoration: none;
}

.listing-list-page .filter-chip:hover {
    color: #F73B42;
    border-color: #F73B42;
}

.listing-list-page .filter-chip--active {
    color: #F73B42;
    border-color: #F73B42;
    background: rgba(247, 59, 66, 0.06);
    font-weight: 500;
}

.listing-list-page .filter-toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin-left: auto;
    padding: 0.25rem 0.125rem;
    background: transparent;
    border: none;
    color: #3c4043;
    font-size: 0.875rem;
    font-weight: inherit;
    line-height: 1.4;
    cursor: pointer;
    text-decoration: none;
    transition: color 0.15s ease;
    position: relative;
}

.listing-list-page .filter-toggle:hover {
    color: #F73B42;
}

.listing-list-page .filter-toggle__icon {
    transition: transform 0.2s ease;
}

.listing-list-page .filter-toggle[aria-expanded="true"] .filter-toggle__icon {
    transform: rotate(180deg);
}

.listing-list-page .sort-options {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.875rem;
    padding-top: 0.625rem;
    border-top: 1px solid #f0f1f3;
    margin-left: 0;
}

.listing-list-page .sort-label {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #5f6368;
}

.listing-list-page .sort-chip {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.125rem;
    background: transparent;
    border: none;
    font-size: 0.8125rem;
    color: #5f6368;
    text-decoration: none;
    line-height: 1.4;
    transition: color 0.15s ease;
}

.listing-list-page .sort-chip:hover {
    color: #F73B42;
}

.listing-list-page .sort-chip--active {
    color: #F73B42;
    font-weight: 600;
}

.listing-list-page .selected-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    padding: 0;
    background: transparent;
    border: none;
    text-align: left;
}

.listing-list-page .selected-filters__label {
    font-size: 0.8125rem;
    color: #5f6368;
    flex-shrink: 0;
}

.listing-list-page .selected-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem 0.25rem 0.625rem;
    background: rgba(247, 59, 66, 0.08);
    border: 1px solid rgba(247, 59, 66, 0.25);
    border-radius: 12px;
    font-size: 0.75rem;
    color: #F73B42;
    text-decoration: none;
    line-height: 1.2;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.listing-list-page .selected-chip:hover {
    background: rgba(247, 59, 66, 0.15);
    border-color: rgba(247, 59, 66, 0.5);
}

.listing-list-page .selected-chip__close {
    font-size: 0.9375rem;
    line-height: 1;
    font-weight: 500;
    color: #F73B42;
    opacity: 0.7;
}

.listing-list-page .selected-filters__clear {
    margin-left: 0.25rem;
    font-size: 0.75rem;
    color: #F73B42;
    text-decoration: none;
    transition: color 0.15s ease;
}

.listing-list-page .selected-filters__clear:hover {
    color: #d62f36;
}

/* ------------------------------------------------------------------
   Listing post list page: 卡片
   左图 / 标题 / 来源 / 价格 / tags+时间
   ------------------------------------------------------------------ */
.listing-list-page .card {
    display: flex;
    align-items: normal;
    gap: 0.875rem;
    padding: 14px;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #f0f1f3;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
    transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

.listing-list-page .card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    border-color: #e4e6ea;
}

.listing-list-page .card__image {
    flex-shrink: 0;
    width: 180px;
    border-radius: 6px;
    overflow: hidden;
}

.listing-list-page .card__image img {
    width: 100%;
    height: 130px;
    object-fit: cover;
    border-radius: 6px;
    display: block;
}

.listing-list-page .card__body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    padding: 0;
}

.listing-list-page .card__title {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4;
    margin: 0;
    display: block;
    word-break: keep-all;
    overflow-wrap: break-word;
}

.listing-list-page .card__title a {
    color: #2c2e33;
    text-decoration: none;
    transition: color 0.15s ease;
}

.listing-list-page .card__title a:hover {
    color: #F73B42;
}

.listing-list-page .card__source-line {
    margin: 0;
    font-size: 0.8125rem;
    color: #8a8f99;
    line-height: 1.4;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.listing-list-page .card__source-line .card__region {
    color: #8a8f99;
}

.listing-list-page .card__source-line .card__source {
    color: #8a8f99;
}

.listing-list-page .card__price-line {
    margin: 0;
    margin-top: auto;
    padding-top: 0.5rem;
    line-height: 1.2;
    display: flex;
    align-items: baseline;
    gap: 0.125rem;
}

.listing-list-page .card__price-line .card__price {
    font-size: 1.0625rem;
    font-weight: 700;
    color: #F73B42;
}

.listing-list-page .card__price-line .card__price--negotiable {
    color: #F73B42;
}

.listing-list-page .card__price-suffix {
    font-size: 0.75rem;
    color: #8a8f99;
}

.listing-list-page .card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-top: 0.125rem;
    flex-wrap: wrap;
}

.listing-list-page .card__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
}

.listing-list-page .card__footer .card__tag {
    display: inline-block;
    padding: 0.1875rem 0.5rem;
    background: rgba(249, 129, 48, 0.12);
    border-radius: 6px;
    font-size: 0.75rem;
    color: #F98130;
    line-height: 1.3;
}

.listing-list-page .card__footer .card__date {
    margin-left: auto;
    font-size: 0.75rem;
    color: #b1b1b1;
    white-space: nowrap;
}

.listing-list-page .card__summary,
.listing-list-page .card__meta,
.listing-list-page .card__top,
.listing-list-page .card__bottom,
.listing-list-page .card__labels,
.listing-list-page .card__badge {
    display: none;
}

/* 列表页：侧边栏已隐藏，让 .main-content 居中铺满（覆盖 base.css 的 grid 布局） */
.listing-list-page .listing-layout {
    display: block;
    grid-template-columns: none;
    gap: 0;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

.listing-list-page .main-content {
    width: 100%;
    margin: 0 auto;
}

/* 列表页：在 h1 后展示结果计数，隐藏分页组件里的「共 X 条」 */
.listing-list-page .breadcrumbs {
    padding: 0.25rem 0;
    margin-bottom: 0.25rem;
}

.listing-list-page .result-summary {
    margin: 0 0 0.5rem;
    font-size: 0.875rem;
    color: #5f6368;
    line-height: 1.4;
}

.listing-list-page .result-summary strong {
    color: #F73B42;
    font-weight: 600;
}

.listing-list-page .pagination__total {
    display: none;
}

/* Price Card (listing detail) */
.price-card {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0.5rem 0;
}

.price-card__label {
    font-size: 0.875rem;
    color: #5f6368;
}

.price-card__value {
    font-size: 1.5rem;
    font-weight: 700;
    color: #ea4335;
}

.price-card__note {
    font-size: 0.8125rem;
    color: #80868b;
}

/* Info Card (listing detail sidebar) */
.info-card dl {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 0.5rem;
    row-gap: 0.375rem;
    font-size: 0.75rem;
    line-height: 1.5;
    margin: 0;
}

.info-card dt {
    color: #80868b;
    font-weight: 500;
}

.info-card dt::after {
    content: "：";
    margin-right: 0.125rem;
}

.info-card dd {
    color: var(--color-text, #484A4F);
    margin: 0;
}

.info-card__phone {
    font-variant-numeric: tabular-nums;
    color: #1a73e8;
    font-weight: 600;
}

.info-card__timeago {
    color: #80868b;
    font-size: 0.8125rem;
}

/* Hot items (sidebar) */
.hot-items {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Pull subsequent card sections closer to the section above them */
.info-card + .hot-items-section,
.hot-items-section + .similar-items-section {
    margin-top: -0.75rem;
}

.hot-item-card {
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    transition: box-shadow 0.18s ease;
}

.hot-item-card:hover {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

.hot-item-card a {
    display: block;
    color: inherit;
}

.hot-item-card__image {
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #e8eaed;
}

.hot-item-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.hot-item-card__body {
    padding: 0.625rem 0 0.75rem;
}

.hot-item-card__title {
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.4;
    color: var(--color-text, #484A4F);
    margin: 0 0 0.375rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.hot-item-card__title a:hover {
    color: var(--color-primary, #1a73e8);
}

.hot-item-card__price {
    margin: 0;
    font-size: 1rem;
    display: flex;
    align-items: baseline;
    gap: 0.125rem;
}

.hot-item-card__price-value {
    color: #ea4335;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.hot-item-card__price-value--negotiable {
    color: #80868b;
    font-weight: 500;
}

.hot-item-card__price-suffix {
    color: #80868b;
    font-size: 0.75rem;
    margin-left: 0.125rem;
}

/* Pagination */
.pagination {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 15px 0;
    font-size: 0.875rem;
}

.pagination--hidden {
    display: none;
}

.pagination__total {
    color: #36345B;
    margin-right: 0.5rem;
}

.pagination__size {
    padding: 0.375rem 0.5rem;
    border: 1px solid #dadce0;
    border-radius: 4px;
    font-size: 0.875rem;
    background: #fff;
    cursor: pointer;
}

.pagination__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid #dadce0;
    border-radius: 4px;
    font-size: 1.25rem;
    color: #3c4043;
    text-decoration: none;
    background: #fff;
}

.pagination__arrow:hover {
    background: #f1f3f4;
}

.pagination__arrow--disabled {
    color: #dadce0;
    cursor: not-allowed;
}

.pagination__arrow--disabled:hover {
    background: transparent;
}

.pagination__page {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem;
    padding: 0 0.5rem;
    border: 1px solid #dadce0;
    border-radius: 4px;
    color: #3c4043;
    text-decoration: none;
    background: #fff;
}

.pagination__page:hover {
    background: #f1f3f4;
}

.pagination__page--active {
    background: var(--color-primary, #1a73e8);
    border-color: var(--color-primary, #1a73e8);
    color: #fff;
}

.pagination__page--active:hover {
    background: var(--color-primary, #1a73e8);
}

/* 信息站（listing_post）分页主题色：与站点品牌色 #f73b42 一致，作用域只在 .site-type--listing_post */
.site-type--listing_post .pagination__page--active {
    background: #f73b42;
    border-color: #f73b42;
    color: #fff;
}

.site-type--listing_post .pagination__page--active:hover {
    background: #f73b42;
    border-color: #f73b42;
}

.pagination__goto {
    margin-left: 0.5rem;
    color: #5f6368;
}

.pagination__input {
    width: 3rem;
    padding: 0.375rem 0.5rem;
    border: 1px solid #dadce0;
    border-radius: 4px;
    font-size: 0.875rem;
    text-align: center;
    margin: 0 0.25rem;
}

/* 省略号占位（智能分页折叠的中间页码） */
.pagination__ellipsis {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    height: 2rem;
    color: #5f6368;
    letter-spacing: 0.125rem;
}

/* Article Detail */
.article-header {
    margin-bottom: 1.5rem;
}

/* Listing post detail header — scoped to avoid affecting news/local_classified */
.listing-article-header {
    background: #fff;
    margin-bottom: 1.5rem;
    padding: 1rem;
    border-radius: 6px;
}

/* Listing post 属性卡片行（5 列硬编码数据，命名带 listing- 前缀做隔离） */
.listing-attr-grid {
    display: flex;
    gap: 0.75rem;
    margin: 0.5rem 0 0;
}

.listing-attr-card {
    flex: 1;
    background: #f5f7fa;
    border-radius: 6px;
    padding: 0.625rem 0.5rem;
    text-align: center;
}

.listing-attr-card__label {
    font-size: 0.75rem;
    color: #959db3;
    margin-bottom: 0.25rem;
}

.listing-attr-card__value {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #484a4f;
}

:root {
    --highlight-tag-bg: transparent;
    --highlight-tag-fg: #F98130;
    --highlight-tag-border: #F98130;
}

/* Highlight Tags (卖点标签) — listing_post only */
.highlight-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 1rem 0 0.25rem;
}

.highlight-tag {
    display: inline-block;
    padding: 0.2rem 0.625rem;
    background: var(--highlight-tag-bg);
    color: var(--highlight-tag-fg);
    border: 1px solid var(--highlight-tag-border);
    font-size: 0.8125rem;
    border-radius: 999px;
    line-height: 1.4;
}

.article-header h1 {
    font-size: 1.75rem;
    line-height: 1.3;
}

.article-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    font-size: 0.875rem;
    color: #5f6368;
    margin-top: 0.75rem;
}

.article-tags {
    margin-top: 0.75rem;
}

.tag {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    background: #e8f0fe;
    border-radius: 12px;
    font-size: 0.8125rem;
    color: #1a73e8;
    margin-right: 0.375rem;
}

.article-body {
    line-height: 1.8;
}

.article-body h2 {
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid #e8eaed;
}

.article-body p {
    margin-bottom: 1rem;
}

/* Listing post 房源详情 — 命名带 listing- 前缀，与 news/local_classified 隔离 */
/* 通过提升优先级覆盖全局 .article-body h2/p 规则（border-top、margin 等） */
.listing-detail-body {
    background: #fff;
    padding: 1rem;
}

.article-body .listing-detail-title {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 1rem;
}

.article-body .listing-detail-section {
    margin-bottom: 0.5rem;
}

.article-body .listing-detail-section__heading {
    /* 信息站详情：让小标题的字号、颜色与正文一致 */
    font-size: 0.875rem;
    font-weight: normal;
    color: #484a4f;
    margin-top: 0;
    margin-bottom: 0.5rem;
}

.article-body .listing-detail-section p {
    margin-bottom: 0;
    color: #484a4f;
    line-height: 1.8;
    font-size: 0.875rem;
}

.article-footer {
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid #e8eaed;
}

.disclaimer {
    font-size: 0.8125rem;
    color: #80868b;
    background: #f1f3f4;
    padding: 0.75rem;
    border-radius: 4px;
}

/* TOC */
.toc ul {
    padding-left: 0;
}

.toc li {
    padding: 0.25rem 0;
    font-size: 0.875rem;
}

.toc-level-3 { padding-left: 1rem; }
.toc-level-4 { padding-left: 2rem; }

/* Detail page TOC with Chinese numbers */
.toc-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.toc-list__item {
    display: flex;
    align-items: flex-start;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f1f3f4;
    font-size: 0.875rem;
}

.toc-list__item:last-child {
    border-bottom: none;
}

.toc-list__num {
    font-weight: 600;
    flex-shrink: 0;
}

.toc-list__item a {
    color: #484A4F;
    text-decoration: none;
    flex: 1;
    min-width: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.toc-list__item:hover .toc-list__num,
.toc-list__item:hover a,
.toc-list__item--active .toc-list__num,
.toc-list__item--active a {
    color: #3981F4;
}

/* Related articles grid */
.related-section {
    margin-top: 15px;
}

.related-title {
    font-size: 1.125rem;
    margin-bottom: 1rem;
    position: relative;
    line-height: 1;
    padding-left: 12px;
}

.related-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 4px;
    height: 100%;
    background: var(--color-primary, #1a73e8);
    transform: translate(0, -50%);
}

.related-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.related-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    transition: box-shadow 0.15s;
}

.related-card:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.related-card__image {
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
}

.related-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.related-card__body {
    padding: 0.75rem;
    flex: 1;
}

.related-card__title {
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #484A4F;
}

.related-card__summary {
    font-size: 0.75rem;
    color: #959DB3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Weather */
.weather-temp {
    font-size: 1.5rem;
    font-weight: 700;
}

.weather-unavailable {
    color: #80868b;
    font-size: 0.875rem;
}

/* Local date */
.local-date {
    font-size: 0.9375rem;
    color: #5f6368;
    text-align: center;
}

/* ==========================================================================
   Footer
   - 默认（news / local_classified / listing_post）：白底单行简单页脚
   - newsTwo：主题色三列页脚
   ========================================================================== */

/* 默认页脚：白底 */
.site-footer {
    background: #fff;
    border-top: 1px solid #e0e0e0;
    color: #5f6368;
    margin-top: auto;
    padding: 1.5rem 0;
}

/* newsTwo：主题色背景，覆盖默认白底 */
.site-type--newsTwo .site-footer {
    background: var(--color-primary, #0D55E7);
    border-top: 0;
    color: rgba(255, 255, 255, 0.92);
    padding: 0;
}

/* ---------- 默认简单页脚（footer-inner / footer-nav） ---------- */
.footer-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
    font-size: 0.8125rem;
    color: #5f6368;
}

.footer-info p {
    margin: 0;
}

.footer-nav {
    display: flex;
    gap: 1rem;
}

.footer-nav a {
    color: #5f6368;
}

/* newsTwo 不显示 footer-inner */
.site-type--newsTwo .footer-inner {
    display: none;
}

/* ---------- newsTwo 多列页脚（footer-top / footer-col / footer-bottom） ---------- */
/* 非 newsTwo 站点隐藏多列页脚结构 */
.footer-top,
.footer-bottom {
    display: none;
}

.site-type--newsTwo .footer-top,
.site-type--newsTwo .footer-bottom {
    display: block;
}

/* 上部多列区 — 收窄整体宽度，三块居中聚拢 */
.site-type--newsTwo .footer-top {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    max-width: 900px;
    margin: 0 auto;
    padding: 0;
}

.site-type--newsTwo .footer-col {
    min-width: 0;
    padding: 0 1.5rem;
}

/* 第 1 列去掉左侧内边距 */
.site-type--newsTwo .footer-col:first-child {
    padding-left: 0;
}

/* 第 3 列去掉右侧内边距 */
.site-type--newsTwo .footer-col:last-child {
    padding-right: 0;
}

/* 第 2、3 列左侧白色细线分隔 */
.site-type--newsTwo .footer-col + .footer-col {
    border-left: 1px solid rgba(255, 255, 255, 0.45);
}

.site-type--newsTwo .footer-col__title {
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    margin: 0 0 1rem;
    position: relative;
    padding-bottom: 0.5rem;
}

.site-type--newsTwo .footer-col__title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 32px;
    height: 2px;
    background: rgba(255, 255, 255, 0.85);
    border-radius: 1px;
}

/* 导航链接列 */
.site-type--newsTwo .footer-col__links {
    list-style: none;
    margin: 0;
    padding: 0;
}

.site-type--newsTwo .footer-col__links li {
    margin-bottom: 0.625rem;
}

.site-type--newsTwo .footer-col__links a {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.5;
}

.site-type--newsTwo .footer-col__links a:hover {
    color: #fff;
    text-decoration: none;
}

/* 联系列 */
.site-type--newsTwo .footer-col__contact {
    list-style: none;
    margin: 0;
    padding: 0;
}

.site-type--newsTwo .footer-col__contact li {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.7;
    margin-bottom: 0.625rem;
    word-break: break-all;
}

.site-type--newsTwo .footer-col__label {
    color: #fff;
    font-weight: 500;
}

.site-type--newsTwo .footer-col__about {
    font-size: 0.8125rem;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.85);
    margin: 0;
}

/* 底部版权条 */
.site-type--newsTwo .footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(0, 0, 0, 0.18);
}

.site-type--newsTwo .footer-bottom__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.875rem;
    padding: 0.875rem 0;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.75);
}

.site-type--newsTwo .footer-bottom__inner p {
    margin: 0;
}

.site-type--newsTwo .footer-icp {
    color: rgba(255, 255, 255, 0.75);
}

.site-type--newsTwo .footer-icp:hover {
    color: #fff;
}

.site-type--newsTwo .footer-police-beian {
    color: rgba(255, 255, 255, 0.75);
}

/* 移动端：newsTwo 页脚列塌缩为单列，整体收紧降低高度 */
@media (max-width: 768px) {
    .site-type--newsTwo .footer-top {
        grid-template-columns: 1fr;
        gap: 0;
        padding: 0;
    }

    .site-type--newsTwo .footer-col {
        padding: 0.625rem 0;
    }

    /* 列标题：缩小字号与下边距 */
    .site-type--newsTwo .footer-col__title {
        font-size: 0.875rem;
        margin-bottom: 0.5rem;
        padding-bottom: 0.375rem;
    }

    /* 链接 / 联系行：缩小行高与间距 */
    .site-type--newsTwo .footer-col__links li,
    .site-type--newsTwo .footer-col__contact li {
        margin-bottom: 0.25rem;
        line-height: 1.45;
        font-size: 0.8125rem;
    }

    /* 简介文字收紧 */
    .site-type--newsTwo .footer-col__about {
        font-size: 0.75rem;
        line-height: 1.55;
    }

    /* 单列时左右竖线改为顶部横线 */
    .site-type--newsTwo .footer-col + .footer-col {
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.45);
    }

    /* 版权条收紧 */
    .site-type--newsTwo .footer-bottom__inner {
        justify-content: center;
        text-align: center;
        padding: 0.75rem 0;
        font-size: 0.6875rem;
        gap: 0.5rem;
    }
}

/* Empty state */
.empty-state {
    text-align: center;
    padding: 3rem 1rem;
    color: #80868b;
}

/* List description */
.list-description {
    color: #5f6368;
    font-size: 0.9375rem;
    margin-bottom: 1rem;
}

/* Category selector */
.category-selector {
    margin-bottom: 1rem;
}

.detail-main__inner {
    background: #ffffff;
    border-radius: 1px;
    padding: 19px 15px 15px;
}

.listings__title {
    font-size: 1.125rem;
    margin-bottom: 1rem;
    position: relative;
    line-height: 1;
    padding-left: 12px;
}

.listings__title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 4px;
    height: 100%;
    background: var(--color-primary, #1a73e8);
    transform: translate(0, -50%);
}

/* ==========================================================================
   Tablet responsive overrides (news only)
   ========================================================================== */

@media (min-width: 769px) and (max-width: 1024px) {
    /* 平板过渡档（仅 news 站）：收窄搜索框与侧栏，导航不再被挤压 */
    .site-header--news .header-inner {
        gap: 1rem;
    }

    .site-header--news .search-form {
        width: 200px;
    }

    .site-type--news .homepage-layout {
        grid-template-columns: 1fr 240px;
        gap: 1rem;
    }

    .site-type--news .card--featured .card__image img {
        height: 220px;
    }

    .site-type--news .card-row--double .card__image img {
        height: 130px;
    }
}

/* ==========================================================================
   Mobile responsive overrides
   ========================================================================== */

@media (max-width: 768px) {
    .container {
        overflow-x: hidden;
    }

    .listing-home .category-grid {
        display: none;
    }

    .listing-home__hero {
        padding-bottom: 0;
    }

    .listing-home__hero .search-hero {
        padding-bottom: 2.4375rem;
    }

    .listing-layout .section-header {
        display: none;
    }

    .site-header--news .header-inner {
        flex-wrap: nowrap;
        gap: 0.5rem;
        align-items: center;
        /* 固定高度，搜索展开/收起同高零跳动 */
        height: 56px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .site-header--news .nav-links {
        order: 0;
        flex: 1;
        width: auto;
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
        white-space: nowrap;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        cursor: grab;
        border: none;
        padding: 0;
        margin: 0;
        line-height: 1;
        /* 右缘渐隐，提示可横向滑动 */
        -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent);
        mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent);
    }

    .site-header--news .nav-links::-webkit-scrollbar {
        display: none;
    }

    .site-header--news .nav-links:active {
        cursor: grabbing;
    }

    .site-header--news .nav-links li {
        display: inline-block;
    }

    .site-header--news .header-actions {
        flex-shrink: 0;
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    /* 手机端搜索：收起态只显示放大镜 */
    .site-header--news .search-form {
        display: flex;
        align-items: center;
        border: none;
        width: auto;
    }

    .site-header--news .search-form input {
        width: 0;
        padding: 0;
        border: none;
        opacity: 0;
        transition: width 0.3s ease, opacity 0.3s ease, padding 0.3s ease;
    }

    .site-header--news .search-form .search-form__submit,
    .site-header--news .search-form .search-form__cancel {
        display: none;
    }

    .site-header--news .search-form__toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: none;
        border: none;
        color: #7183A0;
        padding: 0.375rem;
        cursor: pointer;
    }

    /* 展开态：搜索条覆盖整个顶部（.site-header 为 sticky 定位祖先） */
    .site-header--news .search-form--expanded {
        position: absolute;
        inset: 0;
        z-index: 110;
        background: #fff;
        border: none;
        border-radius: 0;
        display: flex;
        align-items: center;
        gap: 0.625rem;
        padding: 0 0.75rem;
        overflow: visible;
    }

    .site-header--news .search-form--expanded input {
        flex: 1;
        width: auto;
        opacity: 1;
        padding: 0.5rem 3rem 0.5rem 2.4rem;
        font-size: 0.875rem;
        border: none;
        border-radius: 999px;
        background: #f4f6fb url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23959DB3" stroke-width="2" stroke-linecap="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>') no-repeat 0.9rem center;
    }

    .site-header--news .search-form--expanded #searchToggle {
        display: none;
    }

    .site-header--news .search-form--expanded .search-form__submit {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: 4rem;
        top: 50%;
        transform: translateY(-50%);
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: var(--color-primary, #1a73e8);
        color: #fff;
        padding: 0;
    }

    .site-header--news .search-form--expanded .search-form__cancel {
        display: inline-flex;
        align-items: center;
        background: none;
        border: none;
        color: #3c4043;
        font-size: 0.875rem;
        white-space: nowrap;
        padding: 0.25rem;
        cursor: pointer;
    }

    .site-header--news .search-form button {
        padding: 0.375rem;
    }

    .site-header--news .login-link {
        display: none;
    }

    /* newsTwo 移动端 header：与 news 一致 */
    .site-header--newsTwo .header-inner {
        flex-wrap: nowrap;
        gap: 0.5rem;
        align-items: stretch;
    }

    .site-header--newsTwo .header-row {
        gap: 0.5rem;
    }

    /* 手机端：导航默认隐藏，点击汉堡按钮展开为紧凑下拉菜单（靠左） */
    .site-header--newsTwo .nav-links {
        display: none;
        position: absolute;
        top: calc(100% + 6px);
        left: 0.75rem;
        right: auto;
        width: auto;
        min-width: 140px;
        max-height: 70vh;
        overflow-y: auto;
        flex-direction: column;
        gap: 0;
        background: #fff;
        padding: 0.25rem 0;
        border-radius: 8px;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
        z-index: 200;
    }

    .site-header--newsTwo .nav-links--open {
        display: flex;
    }

    .site-header--newsTwo .nav-links li {
        display: block;
    }

    .site-header--newsTwo .nav-links a {
        display: block;
        padding: 0.4375rem 1.125rem;
        font-size: 0.9375rem;
        line-height: 1.4;
        color: #3c4043;
        white-space: nowrap;
    }

    .site-header--newsTwo .nav-links a[aria-current="page"] {
        color: var(--color-primary, #0D55E7);
        font-weight: 600;
    }

    /* 汉堡按钮：手机端显示 */
    .site-header--newsTwo .nav-toggle {
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        gap: 5px;
        width: 32px;
        height: 32px;
        padding: 0;
        background: none;
        border: none;
        cursor: pointer;
        flex-shrink: 0;
    }

    .site-header--newsTwo .nav-toggle__bar {
        display: block;
        width: 22px;
        height: 2px;
        background: #fff;
        border-radius: 1px;
        transition: transform 0.25s ease, opacity 0.25s ease;
        margin: 0 auto;
    }

    /* 激活态：变为关闭（X）图标 */
    .site-header--newsTwo .nav-toggle--active .nav-toggle__bar:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
    }
    .site-header--newsTwo .nav-toggle--active .nav-toggle__bar:nth-child(2) {
        opacity: 0;
    }
    .site-header--newsTwo .nav-toggle--active .nav-toggle__bar:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
    }

    .site-header--newsTwo .header-actions {
        flex-shrink: 0;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin-left: auto;
    }

    .site-header--newsTwo .search-form {
        display: flex;
        align-items: center;
        border: none;
        width: auto;
    }

    .site-header--newsTwo .search-form input {
        width: 0;
        flex: none;
        padding: 0;
        border: none;
        opacity: 0;
        transition: width 0.3s ease, opacity 0.3s ease, padding 0.3s ease;
    }

    .site-header--newsTwo .search-form--expanded input {
        width: 200px;
        flex: 0 0 200px;
        padding: 0.375rem 0.75rem;
        opacity: 1;
        border: 1px solid #dadce0;
        border-radius: 12px 0 0 12px;
    }

    .site-header--newsTwo .search-form button {
        padding: 0.375rem;
    }

    .site-header--newsTwo .login-link {
        display: none;
    }

    /* 地方站移动端 header：收紧间距，搜索折叠成放大镜（点击展开），
       region/weather/date 保留可见，登录注册隐藏 */
    .site-header--local_classified .header-inner {
        gap: 0.5rem;
        position: relative;
    }

    .site-header--local_classified .login-link {
        display: none;
    }

    .site-header--local_classified .search-form {
        border: none;
        width: auto;
        flex: 0 0 auto;
    }

    .site-header--local_classified .search-form input {
        width: 0;
        padding: 0;
        border: none;
        opacity: 0;
        transition: width 0.3s ease, opacity 0.3s ease, padding 0.3s ease;
    }

    /* 展开态：搜索框浮起覆盖 header 右侧，避免压缩其他元素；
       收起后 region/weather 立即恢复可见 */
    .site-header--local_classified .search-form--expanded {
        position: absolute;
        top: 50%;
        right: 0.5rem;
        transform: translateY(-50%);
        z-index: 110;
        background: #fff;
        border-radius: 12px;
        display: flex;
        align-items: center;
    }

    .site-header--local_classified .search-form--expanded input {
        width: 160px;
        padding: 0.375rem 0.75rem;
        opacity: 1;
        border: 1px solid #dadce0;
        border-radius: 12px 0 0 12px;
    }

    .site-header--local_classified .header-info {
        flex: 1 1 auto;
        min-width: 0;
        justify-content: flex-end;
    }

    .header-info {
        flex-wrap: wrap;
        gap: 0.5rem;
        font-size: 0.75rem;
    }

    .card {
        flex-direction: column;
    }

    .card__image {
        width: 100%;
    }

    .card__image img {
        height: 180px;
    }

    .card-row--double {
        grid-template-columns: 1fr 1fr;
    }

    .footer-inner {
        flex-direction: column;
        gap: 0.75rem;
        text-align: center;
    }

    /* Listing home: 窄屏仍然保持 2 列布局，列间距收紧 */
    .listing-home .card {
        padding: 9px 1rem;
        margin-top: 10px;
        position: relative;
        overflow: initial;
    }

    .listing-home .card__body {
        column-gap: 0.75rem;
        row-gap: 0.25rem;
    }

    .sidebar {
        display: none;
    }

    .listing-home .card::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: #fff;
        z-index: -1;
    }

    .listing-home .card::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -100%;
        width: 100%;
        height: 100%;
        background: #fff;
        z-index: -1;
    }

    .listing-home__hero .search-hero__region {
        /* display: block; */
    }

    /* 分页：移动端左对齐、隐藏次要辅助元素（共X条/每页条数/前往输入），
       只保留页码 + 上下页箭头，避免窄屏横向溢出 */
    .pagination {
        justify-content: center;
        flex-wrap: wrap;
        gap: 0.375rem;
    }

    .pagination__total,
    .pagination__size,
    .pagination__goto {
        display: none;
    }

    .pagination__page,
    .pagination__arrow {
        min-width: 1.75rem;
        height: 1.75rem;
    }
}

/* ==========================================================================
   newsTwo — 门户风格新闻站（头条区 + 信息流 + 排行侧边栏）
   作用域：.site-type--newsTwo，避免污染其它站点类型
   ========================================================================== */

/* newsTwo 大背景改为纯白 */
.site-type--newsTwo {
    background: #fff;
}

.site-type--newsTwo .newsTwo-home {
    /* 负 margin 抵消父级 .container 的 padding，内容铺满 1200px；
       内部用小 padding 保留视觉留白 */
    margin: 0 -1rem;
    padding: 1rem 0.5rem 2rem;
}

/* ---------- 顶部标题区块（导航条下方） ---------- */
.site-type--newsTwo .newsTwo-intro {
    padding: 1rem 0.5rem 1.25rem;
    text-align: center;
}

.site-type--newsTwo .newsTwo-intro__title {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-text, #484A4F);
    margin: 0 0 0.5rem;
}

.site-type--newsTwo .newsTwo-intro__desc {
    font-size: 0.875rem;
    color: #5f6368;
    line-height: 1.7;
    margin: 0;
}

/* ---------- 横幅占位图（大图与要闻之间） ---------- */
.site-type--newsTwo .newsTwo-top-banner {
    display: block;
    margin-bottom: 1.25rem;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #e8eaed;
}

.site-type--newsTwo .newsTwo-top-banner img {
    display: block;
    width: 100%;
    height: 100px;
    object-fit: cover;
}

/* ---------- Hero 头条区：左大图 + 右热讯列表 ---------- */
.site-type--newsTwo .newsTwo-hero {
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.site-type--newsTwo .newsTwo-hero__main {
    display: block;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.site-type--newsTwo .newsTwo-hero__image {
    width: 100%;
    height: 380px;
    overflow: hidden;
}

.site-type--newsTwo .newsTwo-hero__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.site-type--newsTwo .newsTwo-hero__main:hover .newsTwo-hero__image img {
    transform: scale(1.04);
}

.site-type--newsTwo .newsTwo-hero__caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1.5rem 1.25rem 1.25rem;
    color: #fff;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.82) 0%,
        rgba(0, 0, 0, 0.4) 60%,
        rgba(0, 0, 0, 0) 100%
    );
}

.site-type--newsTwo .newsTwo-hero__badge {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    background: var(--color-primary, #0D55E7);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: 3px;
    margin-bottom: 0.5rem;
}

.site-type--newsTwo .newsTwo-hero__title {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.35;
    margin: 0 0 0.375rem;
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.site-type--newsTwo .newsTwo-hero__summary {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.85);
    margin: 0 0 0.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.site-type--newsTwo .newsTwo-hero__meta {
    display: flex;
    gap: 0.75rem;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.75);
}

/* 右侧热讯列表：标题 + 摘要，3 条 */
.site-type--newsTwo .newsTwo-hero__list {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    height: 100%;
}

.site-type--newsTwo .newsTwo-hero__list-item {
    flex: 1;
    padding: 0.5rem 1rem;
}

.site-type--newsTwo .newsTwo-hero__list-item a {
    display: block;
    color: var(--color-text, #484A4F);
}

.site-type--newsTwo .newsTwo-hero__list-title {
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 0.375rem;
    color: var(--color-text, #484A4F);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.site-type--newsTwo .newsTwo-hero__list-summary {
    font-size: 0.8125rem;
    color: #959DB3;
    line-height: 1.8;
    margin: 0;
}

.site-type--newsTwo .newsTwo-hero__list-item a:hover .newsTwo-hero__list-title {
    color: var(--color-primary, #0D55E7);
}

/* ---------- 主体两栏布局 ---------- */
.site-type--newsTwo .newsTwo-layout {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 1.5rem;
    align-items: start;
}

/* 左列容器：四大块 + 列表 */
.site-type--newsTwo .newsTwo-main-col {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

/* 四大块占满左列宽度 */
.site-type--newsTwo .newsTwo-main-col .newsTwo-cat-blocks {
    width: 100%;
}

/* 最新文章侧边栏 */
.site-type--newsTwo .newsTwo-layout > .newsTwo-aside {
    align-self: start;
}

/* 左栏列表区：白色卡片背景 */
.site-type--newsTwo .newsTwo-main {
    background: #fff;
    border-radius: 8px;
    padding: 0.5rem 0.5625rem;
}

/* 区块标题 */
.site-type--newsTwo .newsTwo-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px solid var(--color-primary, #0D55E7);
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
}

.site-type--newsTwo .newsTwo-section-head h2 {
    font-size: 1rem;
    font-weight: 700;
    color: var(--color-text, #484A4F);
    margin: 0;
    display: flex;
    align-items: center;
}

/* 标题左侧蓝色竖条（与"热门新闻"一致） */
.site-type--newsTwo .newsTwo-section-head h2::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 1rem;
    background: var(--color-primary, #0D55E7);
    border-radius: 2px;
    margin-right: 0.5rem;
}

.site-type--newsTwo .newsTwo-section-more {
    font-size: 0.8125rem;
    color: #80868b;
}

.site-type--newsTwo .newsTwo-section-more:hover {
    color: var(--color-primary, #0D55E7);
}

/* ---------- 要闻列表：灰色圆点 + 标题，5 条一组，组间用线分隔 ---------- */
.site-type--newsTwo .newsTwo-headline-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.site-type--newsTwo .newsTwo-headline-item {
    padding: 0.375rem 0;
    font-size: 0.875rem;
    line-height: 1.5;
}

.site-type--newsTwo .newsTwo-headline-item a {
    position: relative;
    display: inline-block;
    padding-left: 0.875rem;
    color: var(--color-text, #484A4F);
}

/* 标题前的灰色圆点 */
.site-type--newsTwo .newsTwo-headline-item a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.5rem;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #C0C4CE;
}

.site-type--newsTwo .newsTwo-headline-item a:hover {
    color: var(--color-primary, #0D55E7);
}

/* 组间分隔线（上下间距加大） */
.site-type--newsTwo .newsTwo-headline-divider {
    height: 0;
    margin: 1.5rem 0;
    border-top: 1px solid #e8eaed;
    list-style: none;
}

/* ---------- 竖向大卡：两列网格 ---------- */
.site-type--newsTwo .newsTwo-card-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
}

/* ---------- 横向卡片信息流：纵向列表 ---------- */
.site-type--newsTwo .newsTwo-feed {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.site-type--newsTwo .newsTwo-card {
    overflow: hidden;
}

/* 竖向卡片：图在上 */
.site-type--newsTwo .newsTwo-card--vertical .newsTwo-card__media {
    display: block;
    position: relative;
    width: 100%;
    height: 180px;
    overflow: hidden;
}

.site-type--newsTwo .newsTwo-card--vertical .newsTwo-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.site-type--newsTwo .newsTwo-card--vertical .newsTwo-card__body {
    padding: 0.75rem 0.875rem 0.875rem;
}

/* 横向卡片：左图右文 */
.site-type--newsTwo .newsTwo-card--horizontal {
    display: flex;
    gap: 0.75rem;
    padding: 0.375rem;
}

.site-type--newsTwo .newsTwo-card--horizontal .newsTwo-card__media {
    flex-shrink: 0;
    width: 220px;
    height: 140px;
    overflow: hidden;
    border-radius: 4px;
}

.site-type--newsTwo .newsTwo-card--horizontal .newsTwo-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.site-type--newsTwo .newsTwo-card--horizontal .newsTwo-card__body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
    padding: 0;
}

/* 卡片通用元素 */
.site-type--newsTwo .newsTwo-card__badge {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    padding: 0.125rem 0.5rem;
    background: var(--color-primary, #0D55E7);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: 3px;
    z-index: 2;
}

.site-type--newsTwo .newsTwo-card__title {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 0.375rem;
}

.site-type--newsTwo .newsTwo-card--vertical .newsTwo-card__title {
    font-size: 1.0625rem;
}

.site-type--newsTwo .newsTwo-card__title a {
    color: var(--color-text, #484A4F);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.site-type--newsTwo .newsTwo-card__title a:hover {
    color: inherit;
}

.site-type--newsTwo .newsTwo-card__summary {
    font-size: 0.8125rem;
    color: #959DB3;
    line-height: 1.5;
    margin: 0 0 0.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.site-type--newsTwo .newsTwo-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.625rem;
    font-size: 0.75rem;
    color: #B1B1B1;
    align-items: center;
    margin-top: auto; /* 沉到正文区底部，与图片底部对齐 */
}

.site-type--newsTwo .newsTwo-card__tag {
    display: inline-block;
    padding: 0.0625rem 0.4375rem;
    background: rgba(13, 85, 231, 0.1);
    color: var(--color-primary, #0D55E7);
    border-radius: 3px;
    font-size: 0.6875rem;
}

/* ---------- 右侧边栏 ---------- */
.site-type--newsTwo .newsTwo-aside {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.site-type--newsTwo .newsTwo-aside-section {
    padding: 1rem 1.125rem;
    background: #fff;
    border-radius: 8px;
}

.site-type--newsTwo .newsTwo-aside-title {
    font-size: 1rem;
    font-weight: 700;
    color: var(--color-text, #484A4F);
    margin: 0 0 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--color-primary, #0D55E7);
    display: flex;
    align-items: center;
}

.site-type--newsTwo .newsTwo-aside-title::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 1rem;
    background: var(--color-primary, #0D55E7);
    border-radius: 2px;
    margin-right: 0.5rem;
}

/* 热门排行列表 */
.site-type--newsTwo .newsTwo-rank-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.site-type--newsTwo .newsTwo-rank-item {
    display: flex;
    gap: 0.625rem;
    padding: 0.5rem 0;
}

.site-type--newsTwo .newsTwo-rank-num {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    line-height: 1.25rem;
    text-align: center;
    font-size: 0.75rem;
    font-weight: 700;
    color: #A3A3A8;
    background: #F1F3F4;
    border-radius: 2px;
}

.site-type--newsTwo .newsTwo-rank-num--1 { background: var(--color-primary, #0D55E7); color: #fff; }
.site-type--newsTwo .newsTwo-rank-num--2 { background: #4C92FF; color: #fff; }
.site-type--newsTwo .newsTwo-rank-num--3 { background: #99C1FF; color: #fff; }

.site-type--newsTwo .newsTwo-rank-text {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.site-type--newsTwo .newsTwo-rank-text a {
    font-size: 0.875rem;
    color: var(--color-text, #484A4F);
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.site-type--newsTwo .newsTwo-rank-text a:hover {
    color: inherit;
}

.site-type--newsTwo .newsTwo-rank-meta {
    font-size: 0.75rem;
    color: #80868b;
}

/* 热门新闻底部固定占位图：带边框 */
.site-type--newsTwo .newsTwo-aside-banner {
    display: block;
    margin-top: 0.875rem;
    overflow: hidden;
    border: 1px solid #e8eaed;
    border-radius: 6px;
}

.site-type--newsTwo .newsTwo-aside-banner img {
    display: block;
    width: 100%;
    height: 120px;
    object-fit: cover;
}

/* 最快资讯时间线 */
.site-type--newsTwo .newsTwo-timeline {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-left: 1rem;
    position: relative;
}

.site-type--newsTwo .newsTwo-timeline::before {
    content: "";
    position: absolute;
    left: 0.25rem;
    top: 0.375rem;
    bottom: 0.375rem;
    width: 1px;
    background: #edf0f2;
}

.site-type--newsTwo .newsTwo-timeline-item {
    position: relative;
    padding: 0.375rem 0 0.375rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.4;
}

.site-type--newsTwo .newsTwo-timeline-item::before {
    content: "";
    position: absolute;
    left: -0.75rem;
    top: 0.625rem;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--color-primary, #0D55E7);
}

.site-type--newsTwo .newsTwo-timeline-time {
    display: block;
    font-size: 0.75rem;
    color: #80868b;
    margin-bottom: 0.125rem;
}

.site-type--newsTwo .newsTwo-timeline-item a {
    color: var(--color-text, #484A4F);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.site-type--newsTwo .newsTwo-timeline-item a:hover {
    color: var(--color-primary, #0D55E7);
}

/* ---------- 响应式 ---------- */
@media (max-width: 1024px) {
    .site-type--newsTwo .newsTwo-hero {
        grid-template-columns: 1fr;
    }

    .site-type--newsTwo .newsTwo-hero__image {
        height: 300px;
    }

    .site-type--newsTwo .newsTwo-layout {
        grid-template-columns: 1fr;
    }

    /* 移动端四大块铺满全宽（layout 已单列） */
    .site-type--newsTwo .newsTwo-cat-blocks {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .site-type--newsTwo .newsTwo-hero__image {
        height: 220px;
    }

    .site-type--newsTwo .newsTwo-hero__title {
        font-size: 1.125rem;
    }

    .site-type--newsTwo .newsTwo-hero__summary {
        display: none;
    }

    .site-type--newsTwo .newsTwo-hero__list {
        padding: 0.75rem 1rem;
    }

    /* 竖向卡片网格塌缩为单列 */
    .site-type--newsTwo .newsTwo-card-grid {
        grid-template-columns: 1fr;
    }

    /* 横向卡片缩小图片 */
    .site-type--newsTwo .newsTwo-card--horizontal .newsTwo-card__media {
        width: 130px;
        height: 90px;
    }

    .site-type--newsTwo .newsTwo-card--horizontal .newsTwo-card__summary {
        -webkit-line-clamp: 1;
    }
}

/* ==========================================================================
   newsTwo — 列表页（复用首页的卡片/侧边栏/区块标题样式，仅新增面包屑与计数）
   ========================================================================== */

/* 页面大背景色 */
.site-type--newsTwo {
    background: #F2F5FE;
}

/* 列表页 main 去掉顶部 padding，让 banner 紧贴导航 */
.site-type--newsTwo main[role="main"]:has(.newsTwo-list) {
    padding-top: 0;
}

.site-type--newsTwo .newsTwo-list {
    padding: 0;
}

/* 列表页顶部 Banner 图（紧贴导航，铺满全宽，高度约 300px） */
.site-type--newsTwo .newsTwo-banner {
    /* 负 margin 突破外层 .container 限制，铺满全屏；顶部贴导航无间距 */
    margin: 0 calc(-1 * (clamp(1rem, 4vw, 4rem) + 1rem)) 1rem;
    padding: 0;
    border-radius: 0;
    overflow: hidden;
    background: #f1f3f4;
    height: 300px;
}

.site-type--newsTwo .newsTwo-banner__link {
    display: block;
    height: 100%;
}

.site-type--newsTwo .newsTwo-banner__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 移动端 banner：宽度铺满，高度适当降低 */
@media (max-width: 640px) {
    .site-type--newsTwo .newsTwo-banner {
        margin: 0 -1rem 1rem;
        height: 180px;
    }
}

/* ===== 四大分类入口块（列表上方，与左栏同宽，一行四个，仅居中标题） ===== */
.site-type--newsTwo .newsTwo-cat-blocks {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.625rem;
    margin-bottom: 1rem;
    width: calc(100% - 320px - 1.5rem); /* 与下方列表左栏同宽（layout 为 1fr 320px + 1.5rem gap） */
}

.site-type--newsTwo .newsTwo-cat-block {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 96px;
    padding: 1rem 0.5rem;
    border-radius: 8px;
    text-decoration: none;
    color: #fff;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(13, 85, 231, 0.1);
}

.site-type--newsTwo .newsTwo-cat-block__label {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
}

/* 四块各异的渐变背景 */
.site-type--newsTwo .newsTwo-cat-block--1 {
    background: linear-gradient(135deg, #0D55E7 0%, #4A90F4 100%);
}
.site-type--newsTwo .newsTwo-cat-block--2 {
    background: linear-gradient(135deg, #6A3CE0 0%, #9B6CF0 100%);
}
.site-type--newsTwo .newsTwo-cat-block--3 {
    background: linear-gradient(135deg, #0EA5A4 0%, #3FCFBE 100%);
}
.site-type--newsTwo .newsTwo-cat-block--4 {
    background: linear-gradient(135deg, #F2711C 0%, #FF9F43 100%);
}

/* 移动端：2×2 网格 */
@media (max-width: 640px) {
    .site-type--newsTwo .newsTwo-cat-blocks {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5rem;
    }

    .site-type--newsTwo .newsTwo-cat-block {
        min-height: 76px;
        padding: 0.625rem 0.375rem;
    }

    /* 缩小各区块上下间距：四大块↔列表、列表↔最新文章 */
    .site-type--newsTwo .newsTwo-cat-blocks {
        margin-bottom: 0.5rem;
    }

    .site-type--newsTwo .newsTwo-main-col {
        gap: 0.5rem;
    }

    .site-type--newsTwo .newsTwo-layout {
        gap: 0.5rem;
    }
}

/* 面包屑 */
.site-type--newsTwo .newsTwo-breadcrumb {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.8125rem;
    color: #80868b;
    padding: 0.25rem 0 0.875rem;
}

.site-type--newsTwo .newsTwo-breadcrumb a {
    color: #80868b;
}

.site-type--newsTwo .newsTwo-breadcrumb a:hover {
    color: inherit;
}

.site-type--newsTwo .newsTwo-breadcrumb__sep {
    color: #C0C4CE;
    font-size: 0.75rem;
}

.site-type--newsTwo .newsTwo-breadcrumb__current {
    color: var(--color-text, #484A4F);
    font-weight: 500;
}

/* 区块标题右侧计数（覆盖首页的“查看更多”，列表页显示条数） */
.site-type--newsTwo .newsTwo-section-count {
    font-size: 0.8125rem;
    color: #80868b;
}

/* 列表页分页：与内容区间距 */
.site-type--newsTwo .newsTwo-list .pagination {
    margin-top: 1.5rem;
}

/* 移动端：缩小分页与上方列表的间距 */
@media (max-width: 640px) {
    .site-type--newsTwo .newsTwo-list .pagination {
        margin-top: 0.5rem;
        padding-top: 0.25rem;
    }
}

/* ==========================================================================
   newsTwo 详情页（newsTwo-detail）
   头部 banner 与列表页共用 newsTwo-list 结构，复用全宽 banner 样式。
   正文居中，面包屑位于正文上方（横排），文字右对齐贴合正文右边。
   ========================================================================== */

/* 单栏容器：限正文可读宽度，整体居中 */
.site-type--newsTwo .newsTwo-detail-layout {
    display: block;
    max-width: 800px;
    margin: 0 auto;
}

/* 面包屑：正文上方横排，文字右对齐贴合正文右边 */
.site-type--newsTwo .newsTwo-detail .newsTwo-breadcrumb--aside {
    justify-content: flex-end;
    padding: 0 0 0.875rem;
    font-size: 0.8125rem;
}

/* 文章区：白色卡片背景（与列表页 .newsTwo-main 一致） */
.site-type--newsTwo .newsTwo-detail .newsTwo-detail-main {
    background: #fff;
    border-radius: 8px;
    padding: 1.5rem 2rem;
}

/* 文章标题 */
.site-type--newsTwo .newsTwo-detail-title {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.4;
    color: var(--color-text, #484A4F);
    margin: 0 0 0.75rem;
}

/* 标题下方 meta 行：时间 / 来源 / 阅读量 / 作者 / 点赞 */
.site-type--newsTwo .newsTwo-detail-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.875rem;
    padding-bottom: 0.875rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid #f1f3f4;
    font-size: 0.8125rem;
    color: #80868b;
}

.site-type--newsTwo .newsTwo-detail-meta time {
    color: #80868b;
}

/* 正文排版：行高、段落间距、图片、标题层级 */
.site-type--newsTwo .newsTwo-detail-body {
    font-size: 1rem;
    line-height: 1.85;
    color: #3c4043;
    word-break: break-word;
}

.site-type--newsTwo .newsTwo-detail-body p {
    margin-bottom: 1rem;
}

.site-type--newsTwo .newsTwo-detail-body h2,
.site-type--newsTwo .newsTwo-detail-body h3,
.site-type--newsTwo .newsTwo-detail-body h4 {
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    font-weight: 700;
    color: var(--color-text, #484A4F);
}

.site-type--newsTwo .newsTwo-detail-body h2 { font-size: 1.25rem; }
.site-type--newsTwo .newsTwo-detail-body h3 { font-size: 1.125rem; }

.site-type--newsTwo .newsTwo-detail-body img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    margin: 0.75rem 0;
}

.site-type--newsTwo .newsTwo-detail-body a {
    color: var(--color-primary, #0D55E7);
}

.site-type--newsTwo .newsTwo-detail-body ul,
.site-type--newsTwo .newsTwo-detail-body ol {
    margin: 0.5rem 0 1rem;
    padding-left: 1.5rem;
    list-style: disc;
}

.site-type--newsTwo .newsTwo-detail-body ol { list-style: decimal; }

.site-type--newsTwo .newsTwo-detail-body li {
    margin-bottom: 0.25rem;
}

/* 移动端：正文标题、卡片内边距收窄 */
@media (max-width: 640px) {
    .site-type--newsTwo .newsTwo-detail .newsTwo-detail-main {
        padding: 1rem 1rem;
    }

    .site-type--newsTwo .newsTwo-detail-title {
        font-size: 1.25rem;
    }

    .site-type--newsTwo .newsTwo-detail-body {
        font-size: 0.9375rem;
    }
}


/* ==========================================================================
   Small phone overrides (news only)
   ========================================================================== */

@media (max-width: 480px) {
    /* 小屏双排卡片（news 独有类）：保持 2 列，压缩图高与字号 */
    .card-row--double .card {
        padding: 0.5rem;
        gap: 0.375rem;
    }

    .card-row--double .card__image img {
        height: 110px;
    }

    .card-row--double .card__title {
        font-size: 0.9375rem;
    }

    .card-row--double .card__summary {
        -webkit-line-clamp: 1;
    }
}