/* =========================================================
   言中 · 品牌适配层 (Yanzhong Brand Overrides)
   Logo 主色 #00A651 (oklch(0.52 0.16 150)) 应用到 AnQiCMS default 模板
   仅做颜色与品牌视觉的最小化覆盖，不改布局结构。
   ========================================================= */
:root {
    --yz-green: #00A651;
    --yz-green-dark: #008A44;
    --yz-green-light: #E6F7EE;
    --yz-ink: #0D1410;
}

/* global link & form */
a:hover { color: var(--yz-green); }
th { background: var(--yz-green); }
input:focus, textarea:focus { outline-color: var(--yz-green); }
.formbtn { background: var(--yz-green); }
.formbtn:hover { background: var(--yz-ink); }

/* tool bar */
.tool-item-cap.active { background: var(--yz-green); }
.tool-tel { background: var(--yz-green); }
.tool-item-cap:hover { background: var(--yz-green); }

/* top bar */
.top { background: var(--yz-green); }

/* side / accordion */
.ind-pro-nav-ul li a:hover { background: var(--yz-green); color: #fff; }

/* ind-tag */
.ind-tag span { color: var(--yz-green); }

/* ind-pro */
.ind-pro-title h2::after { background: var(--yz-green); }
.ind-pro-title .more { color: var(--yz-green); }
.ind-pro-nav h2 { background: var(--yz-green); }

/* ind-about */
.ind-about-text h2 { color: var(--yz-green); }
.ind-about-text .more { background: var(--yz-green); }

/* ind-case */
.ind-case-title::after { background: var(--yz-green); }

/* ind-blog */
.ind-blog-time { background: var(--yz-green); }

/* footer */
.footer { background: #17211C; }
.foot p i { color: var(--yz-green); }

/* side */
.side h2 { background: var(--yz-green); }

/* pagination */
.pagnavi a { border-color: var(--yz-green); }
.pagnavi a:hover, .pagnavi .current { background: var(--yz-green); color: #fff; }

/* single pro */
.toppro-text .more { border-color: var(--yz-green); background: var(--yz-green); }
.toppro-text .more:hover { color: var(--yz-green); border-color: var(--yz-green); background: #fff; }
.single-arc a { color: var(--yz-green); }
.single-arc a:hover { color: var(--yz-ink); }

/* blog list / single */
.list-blog-ul li h3::before { background: var(--yz-green); }
.single-content-title { color: var(--yz-green); }

/* 404 */
.page404 h1 { color: var(--yz-green); }

/* nav (mobile / child) */
.nav-menu-child-child>li>a:hover,
.nav-menu-child>li>a:hover { background: var(--yz-green); color: #fff; }

/* header logo + 站点名 */
.logo img { max-height: 0.42rem; }
.yz-logo { display: inline-flex; align-items: center; gap: 0.1rem; }
.yz-logo-img { max-height: 0.42rem; width: auto; margin: 0; }
.yz-logo-text {
    font-size: 0.24rem;
    font-weight: 700;
    color: var(--yz-ink);
    letter-spacing: 0.02em;
    white-space: nowrap;
    line-height: 1.2;
}

/* =========================================================
   黄页站补充样式 (Yellow Pages Additions)
   老模板未覆盖的类：hero / 商家信息栏 / 免责提示 / 搜索表单
   ========================================================= */

/* 首页 hero 搜索区 */
.yp-hero {
    background: linear-gradient(135deg, var(--yz-green) 0%, #00773A 100%);
    color: #fff;
    padding: 0.8rem 0;
    text-align: center;
}
.yp-hero h1 {
    font-size: 0.4rem;
    font-weight: bold;
    margin-bottom: 0.2rem;
}
.yp-hero p {
    font-size: 0.18rem;
    opacity: .92;
    margin-bottom: 0.35rem;
}
.yp-hero-search {
    display: flex;
    justify-content: center;
    gap: 0;
    max-width: 7rem;
    margin: 0 auto;
}
.yp-hero-search input {
    flex: 1;
    height: 0.5rem;
    margin-bottom: 0;
    padding: 0 0.2rem;
    font-size: 0.18rem;
    border: none;
    border-radius: 0.06rem 0 0 0.06rem;
}
.yp-hero-search .formbtn {
    height: 0.5rem;
    border-radius: 0 0.06rem 0.06rem 0;
    font-size: 0.2rem;
    background: var(--yz-ink);
}
.yp-hero-search .formbtn:hover { background: #222; }

/* 搜索页表单 */
.yp-search-form {
    display: flex;
    gap: 0;
    margin-bottom: 0.3rem;
}
.yp-search-form input {
    flex: 1;
    height: 0.4rem;
    margin-bottom: 0;
    font-size: 0.16rem;
}
.yp-search-form .formbtn { height: 0.4rem; }

/* 医疗免责提示 */
.yp-medical-notice {
    background: var(--yz-green-light);
    color: var(--yz-green-dark);
    border: 0.01rem solid var(--yz-green);
    border-radius: 0.05rem;
    padding: 0.15rem;
    margin: 0.2rem 0;
    font-size: 0.15rem;
    line-height: 0.26rem;
}

/* 商家信息栏（详情页） */
.business-info {
    border: 0.01rem solid #f1f1f1;
    background: var(--yz-green-light);
    border-radius: 0.05rem;
    padding: 0.15rem;
    margin: 0.2rem 0;
}
.business-info-ul li {
    padding: 0.08rem 0;
    border-bottom: 0.01rem dashed #d8e9de;
    font-size: 0.16rem;
    line-height: 0.28rem;
    word-break: break-all;
}
.business-info-ul li:last-child { border-bottom: none; }
.business-info-ul .label {
    font-weight: bold;
    color: var(--yz-ink);
    margin-right: 0.05rem;
}

/* 列表页/详情页时间信息 */
.single-title .info {
    color: #999;
    font-size: 0.14rem;
    margin-top: 0.05rem;
}
.single-title .info a { color: var(--yz-green); }
.list-blog-ul li .info {
    color: #999;
    font-size: 0.14rem;
}
.list-blog-ul li .info a { color: var(--yz-green); }
.list-blog-ul li a.more {
    display: inline-block;
    margin-top: 0.1rem;
    color: var(--yz-green);
    font-weight: bold;
}
.list-blog-ul li a.more:hover { color: var(--yz-ink); }
.list-blog-ul li h3 a { color: #222; }
.list-blog-ul li h3 a:hover { color: var(--yz-green); }

/* 底部二维码图 */
.foot img { border-radius: 0.06rem; }

/* 首页手风琴列表项链接色 */
.ind-pro-nav-ul li a { color: #222; }

/* =========================================================
   文字卡片（客户名字替代图片）— Yellow Pages Text Cards
   三个站点统一的"无图化"客户排布样式
   ========================================================= */
.yp-text-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.07rem;
    box-sizing: border-box;
    height: 1.35rem;
    padding: 0.12rem 0.14rem;
    background: #ffffff;
    border: 0.01rem solid #eef2ef;
    border-radius: 0.06rem;
    text-align: center;
    transition: all .3s ease-in-out 0s;
    overflow: hidden;
}
.yp-text-card:hover {
    border-color: var(--yz-green);
    box-shadow: 0 0.06rem 0.18rem rgba(0, 166, 81, .16);
    transform: translateY(-0.03rem);
}
.yp-text-card-name {
    font-size: 0.17rem;
    font-weight: 700;
    color: #222;
    line-height: 1.3;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.yp-text-card:hover .yp-text-card-name { color: var(--yz-green); }
.yp-text-card-cat {
    font-size: 0.13rem;
    color: #999;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.yp-text-card-sub {
    font-size: 0.13rem;
    color: #777;
    line-height: 1.45;
    max-height: 0.38rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.yp-text-card-lg { height: 1.7rem; }
.yp-text-card-md { height: 1.2rem; }
.yp-text-card-sm { height: 1.0rem; }
.yp-text-card-sm .yp-text-card-cat { display: none; }

/* 文章页商家关联卡片（文字版） */
.biz-card {
    display: flex;
    align-items: stretch;
    gap: 0.15rem;
    border: 0.01rem solid #eef2ef;
    border-radius: 0.06rem;
    background: #fafcfb;
    padding: 0.15rem;
    margin: 0.2rem 0;
}
.biz-card .yp-text-card-md { flex: 0 0 1.8rem; height: auto; min-height: 1.1rem; }
.biz-card-info { flex: 1; display: flex; flex-direction: column; justify-content: center; gap: 0.06rem; }
.biz-card-info p { font-size: 0.14rem; color: #666; line-height: 1.5; }
.biz-card-info a.more { color: var(--yz-green); font-weight: bold; }
.biz-card-info a.more:hover { color: var(--yz-ink); }

/* 首页"关于我们"标语块（文字替代图片） */
.yp-about-slogan {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.1rem;
    height: 100%;
    min-height: 1.6rem;
    background: linear-gradient(135deg, var(--yz-green) 0%, #00773A 100%);
    border-radius: 0.06rem;
    color: #fff;
    text-align: center;
    padding: 0.2rem;
}
.yp-about-slogan:hover { color: #fff; box-shadow: 0 0.06rem 0.18rem rgba(0, 166, 81, .25); }
.yp-about-slogan-main {
    font-size: 0.24rem;
    font-weight: 700;
    letter-spacing: 0.03em;
}
.yp-about-slogan-sub {
    font-size: 0.14rem;
    opacity: .92;
}

/* 移动端文字卡片高度微调 */
@media screen and (max-width: 767px) {
    .yp-text-card { height: 1.15rem; }
    .yp-text-card-lg { height: 1.45rem; }
    .yp-about-slogan { min-height: 1.2rem; }
    .yp-about-slogan-main { font-size: 0.2rem; }
}