/* ==========================================================================
   火绒杀毒企业版 · 整站主题
   视觉规范对齐 huorong.cn「企业产品」页：
     主色 #FF8400 | 辅助底 #F5F5F5 / #F6F6F6 | 标题 #191919 / #232323
     正文 #5A5A5A / #666 | 描边 #E3E3E3 / #C8C8C8
   命名空间 .hr- ，加载顺序在 style.css 之后，用于覆盖模板原琥珀黄主题
   ========================================================================== */

:root {
    --hr-main: #FF8400;
    --hr-main-d: #E97600;
    --hr-main-l: #FFA924;
    --hr-bg: #F5F5F5;
    --hr-bg2: #F6F6F6;
    --hr-bg3: #FBF5EF;
    --hr-t1: #191919;
    --hr-t2: #232323;
    --hr-t3: #5A5A5A;
    --hr-t4: #666666;
    --hr-white: #FFFFFF;
    --hr-line: #E3E3E3;
    --hr-line2: #C8C8C8;
    --hr-dark: #191919;
    --hr-dark2: #262626;
    --hr-radius: 8px;
    --hr-shadow: 0 15px 20px rgba(113, 113, 113, .08);
    --hr-shadow-h: 0 18px 40px rgba(0, 0, 0, .10);
    --hr-fz-h2: 36px;
    --hr-fz-h4: 24px;
    --hr-fz-h5: 20px;
    --hr-fz-p: 16px;
    --hr-font: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* ---------------------------------------------------------------- 基础重置 */
body {
    font-family: var(--hr-font);
    color: var(--hr-t3);
    background: #fff;
}

.hr-sec {
    padding: 96px 0;
    position: relative;
}

.hr-sec--gray { background: var(--hr-bg); }

.hr-ct {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 24px;
    box-sizing: border-box;
}

/* 分区标题 */
.hr-h2 {
    margin: 0;
    font-size: var(--hr-fz-h2);
    line-height: 1.5;
    font-weight: 700;
    color: var(--hr-t2);
    text-align: center;
}

.hr-h2 span { color: var(--hr-main); }

.hr-lead {
    width: 57%;
    margin: 24px auto 0;
    text-align: center;
}

.hr-lead p {
    margin: 0;
    font-size: var(--hr-fz-p);
    line-height: 1.7;
    color: var(--hr-t2);
}

.hr-sub {
    margin: 16px 0 0;
    font-size: var(--hr-fz-p);
    line-height: 1.7;
    color: var(--hr-t3);
    text-align: center;
}

.hr-sub--lg {
    font-size: var(--hr-fz-h4);
    color: var(--hr-t2);
    font-weight: 700;
}

/* 通用按钮（对齐官网 .std_btn1 / .std_btn2） */
.hr-btn {
    display: inline-block;
    padding: 0 42px;
    line-height: 52px;
    border-radius: 2px;
    font-size: var(--hr-fz-p);
    text-align: center;
    border: 1px solid transparent;
    transition: all .36s;
    cursor: pointer;
    box-sizing: border-box;
}

.hr-btn-primary {
    background: var(--hr-main);
    border-color: var(--hr-main);
    color: #fff;
}

.hr-btn-primary:hover {
    background: var(--hr-main-d);
    border-color: var(--hr-main-d);
    color: #fff;
}

.hr-btn-white {
    background: #fff;
    border-color: #fff;
    color: var(--hr-t1);
}

.hr-btn-white:hover {
    background: #fff;
    border-color: #fff;
    color: var(--hr-main);
}

.hr-btn-ghost {
    background: transparent;
    border-color: rgba(255, 255, 255, .66);
    color: #fff;
}

.hr-btn-ghost:hover {
    background: rgba(255, 255, 255, .12);
    border-color: #fff;
    color: #fff;
}

.hr-btn-outline {
    background: transparent;
    border-color: var(--hr-main);
    color: var(--hr-main);
}

.hr-btn-outline:hover {
    background: var(--hr-main);
    border-color: var(--hr-main);
    color: #fff;
}

/* -------------------------------------------------------------- 顶部导航 */
/* 顶部信息条：白色，对齐官网 header 上排 */
.hr-topbar {
    background: #fff;
    border-bottom: 1px solid #EFEFEF;
    font-size: 13px;
    line-height: 34px;
    color: var(--hr-t3);
}

.hr-topbar .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.hr-topbar-left { color: #8C8C8C; }

.hr-topbar-right a {
    color: var(--hr-t3);
    margin-left: 24px;
    transition: color .3s;
}

.hr-topbar-right a:hover { color: var(--hr-main); }

.hr-topbar i { color: var(--hr-main); margin-right: 6px; }

/* 主导航：白色 + 橙色强调 */
/* 覆盖 style.css 的 .header-two{padding:15px 0}，收紧导航条整体高度 */
.header-two { padding: 0; }

.header-two .site-navigation {
    background: #fff;
    border-bottom: 1px solid #E9E9E9;
    box-shadow: none;
    position: relative;
    z-index: 50;
}

.header-two .site-navigation .navbar { min-height: 64px; }

.header-two .logo img {
    max-height: 34px;
    width: auto;
}

/* 页眉文字 logo「火绒安全」 */
/* 主导航已水平居中（menu.html 用 mx-auto），logo 侧无需再额外留白 */
.header-two .logo { margin-right: 0; }

.header-two .logo .hr-logo-txt {
    display: inline-flex;
    align-items: center;
    line-height: 1;
    color: var(--hr-t1);
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1px;
    text-decoration: none;
}

.header-two .logo .hr-logo-txt:hover { color: var(--hr-t1); }

/* 「企业版」做成橙色小徽标，和主字重心对齐，比例更协调 */
.header-two .logo .hr-logo-txt span {
    margin-left: 9px;
    padding: 4px 7px 3px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 1px;
    color: var(--hr-main);
    background: rgba(255, 132, 0, .10);
    border-radius: 4px;
}

/* 导航项：style.css 的 `ul.navbar-nav > li > a` 带
   `padding:15px 0 !important; font-weight:700 !important`，普通类选择器压不住，
   这里用高优先级 + !important 覆盖，否则导航行会被撑到 80px 以上。
   style.css 另有 `ul.navbar-nav > li{padding:0 13px}`，改由 a 的横向 padding 控制间距，
   保证每个导航项左右留白一致。 */
.header-two .site-navigation ul.navbar-nav > li { padding: 0; }

.header-two .site-navigation ul.navbar-nav > li > a.nav-link {
    position: relative;
    display: block;
    font-size: 16px;
    color: var(--hr-t1);
    padding: 0 20px !important;
    line-height: 64px;
    font-weight: 500 !important;
    text-transform: none;
    letter-spacing: .5px;
    transition: color .25s;
}

/* 激活 / 悬停：底部 2px 橙色短横线（scaleX 过渡），比单纯变色更完整 */
/* 限定 .mx-auto（主导航那一列），避免右侧搜索占位项 hover 时也冒出橙线 */
.header-two .site-navigation ul.navbar-nav.mx-auto > li > a.nav-link::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 2px;
    background: var(--hr-main);
    border-radius: 2px 2px 0 0;
    transform: translateX(-50%);
    transition: width .28s cubic-bezier(.4, 0, .2, 1);
}

/* style.css 的 `ul.navbar-nav > li:hover > a{color:#ffb600 !important}` 会盖掉主题橙，
   这里必须带 !important 才能统一成 --hr-main(#FF8400) */
.header-two .site-navigation ul.navbar-nav > li > a.nav-link:hover,
.header-two .site-navigation ul.navbar-nav > li > a.nav-link.active,
.header-two .site-navigation ul.navbar-nav > li.active > a.nav-link,
.header-two .site-navigation ul.navbar-nav > li:hover > a.nav-link {
    color: var(--hr-main) !important;
}

.header-two .site-navigation ul.navbar-nav.mx-auto > li > a.nav-link:hover::after,
.header-two .site-navigation ul.navbar-nav.mx-auto > li > a.nav-link.active::after,
.header-two .site-navigation ul.navbar-nav.mx-auto > li.active > a.nav-link::after,
.header-two .site-navigation ul.navbar-nav.mx-auto > li:hover > a.nav-link::after {
    width: calc(100% - 40px);
}

.header-two .site-navigation .nav-link .fa-angle-down {
    font-size: 11px;
    margin-left: 4px;
    transition: transform .25s;
}

.header-two .site-navigation li:hover > .nav-link .fa-angle-down { transform: rotate(180deg); }

.header-two .site-navigation .dropdown-menu {
    border: 0;
    border-radius: 10px;
    padding: 10px 0;
    margin-top: 0;
    box-shadow: 0 14px 36px rgba(0, 0, 0, .12);
    background: #fff;
    min-width: 190px;
}

.header-two .site-navigation .dropdown-menu a {
    display: block;
    padding: 11px 24px;
    font-size: 15px;
    color: var(--hr-t2);
    line-height: 1.5;
    transition: all .25s;
}

.header-two .site-navigation .dropdown-menu a:hover {
    background: #FFF7E6;
    color: var(--hr-main);
}

.header-two .nav-search #search,
.header-two .nav-search i { color: var(--hr-t2); font-size: 17px; }

.header-two .nav-search:hover i { color: var(--hr-main); }

/* 导航右侧「企业试用」按钮：胶囊质感 + 柔和橙色投影 */
.header-two .site-navigation .navbar-nav .nav-trial { margin-left: 18px; }

/* 必须用高优先级选择器 + !important：style.css 的 `ul.navbar-nav > li > a`
   带 padding:15px 0 !important / font-weight:700 !important，
   会把按钮撑成 72px 高 53px 宽的橙色竖块（用户反馈的「底纹太大不协调」） */
.header-two .site-navigation ul.navbar-nav > li > a.hr-nav-btn {
    display: inline-block;
    padding: 0 30px !important;
    line-height: 42px !important;
    margin: 0;
    background: linear-gradient(135deg, #FF9A2E 0%, #FF8400 100%);
    border: 0;
    border-radius: 6px;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    font-family: inherit;
    letter-spacing: .5px;
    text-transform: none;
    vertical-align: middle;
    box-shadow: 0 6px 16px rgba(255, 132, 0, .28);
    transition: all .25s;
}

.header-two .site-navigation ul.navbar-nav > li > a.hr-nav-btn:hover {
    background: linear-gradient(135deg, #F07A00 0%, #E06F00 100%);
    box-shadow: 0 9px 22px rgba(255, 132, 0, .36);
    transform: translateY(-1px);
    color: #fff !important;
}

/* 多语言切换 */
.header-two .site-navigation .navbar-nav .fa-language { color: var(--hr-main); }

/* ------------------------------------------------------------------ Hero */
/* 桌面端：背景图按原始比例撑开高度（1:1 还原官网不裁切），文案绝对居中覆盖 */
.hr-hero {
    position: relative;
    overflow: hidden;
    background: #141414;
    /* 覆盖 style.css 的 `section{padding:70px 0}`：
       否则 Hero 上下会各多出 70px 纯 #141414 色带（用户反馈的「黑边」） */
    padding: 0;
}

.hr-hero-bg {
    display: block;
    width: 100%;
    height: auto;
}

.hr-hero-bg-ph { display: none; }

.hr-hero-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    padding: 0;
    box-sizing: border-box;
}

.hr-hero-inner > .hr-ct { width: 100%; }

/* 面包屑：定位在 Hero 左上角（对齐官网位置），不再与产品名同排 */
.hr-crumb-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 6;
    padding-top: 40px;
}

.hr-crumb {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
}

.hr-crumb li {
    display: inline-block;
    position: relative;
    padding: 0 15px;
}

.hr-crumb li:first-child { padding-left: 0; }

.hr-crumb li:last-child { padding-right: 0; }

.hr-crumb li + li::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 5px;
    height: 5px;
    border-top: 1px solid rgba(255, 255, 255, .7);
    border-right: 1px solid rgba(255, 255, 255, .7);
    transform: translateY(-50%) rotate(45deg);
}

.hr-crumb a {
    color: #fff;
    opacity: .72;
    font-size: 14px;
}

.hr-crumb a:hover { opacity: 1; color: #fff; }

/* Hero 文案 */
.hr-hero-title-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 10px;
}

.hr-hero-name {
    margin: 0;
    font-size: 30px;
    line-height: 1.4;
    color: #fff;
    font-weight: 400;
    letter-spacing: .5px;
}

.hr-hero-badge {
    margin-left: 18px;
    display: inline-block;
    padding: 0 16px;
    line-height: 26px;
    border-radius: 14px;
    background: var(--hr-main);
    color: #fff;
    font-size: 13px;
    white-space: nowrap;
}

.hr-hero-h1 {
    margin: 34px 0 0;
    font-size: 42px;
    line-height: 1.35;
    font-weight: 700;
    color: #fff;
    letter-spacing: 1px;
}

.hr-hero-h1 span { color: var(--hr-main); }

.hr-hero-desc {
    margin: 26px 0 0;
    font-size: var(--hr-fz-h5);
    line-height: 1.7;
    color: #fff;
    max-width: 660px;
}

.hr-hero-btns { margin-top: 62px; }

.hr-hero-btns .hr-btn { margin-right: 20px; }

/* ------------------------------------------------------------ 吸顶 Tab 导航 */
.hr-tabnav {
    position: relative;
    height: 60px;
    z-index: 90;
}

.hr-tabnav-inner {
    background: #fff;
    border-top: 1px solid var(--hr-line);
    border-bottom: 1px solid var(--hr-line);
    transition: box-shadow .3s;
}

.hr-tabnav.is-fixed .hr-tabnav-inner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 90;
    box-shadow: 0 7px 10px rgba(0, 0, 0, .10);
}

.hr-tabnav-scroll {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 24px;
    box-sizing: border-box;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.hr-tabnav-scroll::-webkit-scrollbar { display: none; }

.hr-tabnav ul {
    display: flex;
    justify-content: center;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

.hr-tabnav li {
    position: relative;
    padding: 0 48px;
    cursor: pointer;
    flex: 0 0 auto;
}

.hr-tabnav li::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 16px;
    background: var(--hr-line2);
    transform: translateY(-50%);
}

.hr-tabnav li:last-child::after { display: none; }

.hr-tabnav li p {
    position: relative;
    margin: 0;
    font-size: var(--hr-fz-p);
    line-height: 58px;
    color: var(--hr-t2);
    transition: color .36s;
}

.hr-tabnav li p::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 2px;
    background: var(--hr-main);
    transform: translateX(-50%);
    transition: width .36s;
}

.hr-tabnav li.act p { color: var(--hr-main); }

.hr-tabnav li.act p::after { width: calc(100% + 28px); }

.hr-tabnav li:hover p { color: var(--hr-main); }

/* -------------------------------------------------------------- 产品概述 */
.hr-overview {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 40px;
}

.hr-adv-col {
    width: 21.7%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.hr-adv-col li {
    text-align: center;
    margin-bottom: 70px;
}

.hr-adv-col li:last-child { margin-bottom: 0; }

.hr-adv-ico {
    width: 90px;
    height: 90px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hr-adv-ico img {
    width: 100%;
    height: auto;
    display: block;
}

.hr-adv-col h4 {
    margin: 18px 0 10px;
    font-size: var(--hr-fz-h4);
    line-height: 1.3;
    font-weight: 700;
    color: var(--hr-t2);
}

.hr-adv-col p {
    margin: 0;
    font-size: var(--hr-fz-p);
    line-height: 1.7;
    color: var(--hr-t3);
}

.hr-overview-mid { width: 56.6%; }

.hr-overview-mid img {
    width: 100%;
    height: auto;
    display: block;
}

/* -------------------------------------------------------------- 重点功能 */
.hr-func-list {
    margin: 56px 0 0;
    padding: 0;
    list-style: none;
}

.hr-func-item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 24px 0;
    margin-bottom: 16px;
    border-radius: var(--hr-radius);
    position: relative;
}

.hr-func-item:last-child { margin-bottom: 0; }

.hr-func-img {
    width: 50%;
    border-radius: var(--hr-radius);
    overflow: hidden;
    box-shadow: 0 15px 35px rgba(71, 71, 71, .10);
    background: #fff;
}

.hr-func-img img {
    width: 100%;
    height: auto;
    display: block;
}

.hr-func-text {
    width: 50%;
    padding-left: 145px;
    padding-right: 122px;
    box-sizing: border-box;
}

.hr-func-text h4 {
    position: relative;
    margin: 0;
    padding-bottom: 20px;
    font-size: var(--hr-fz-h4);
    line-height: 1.3;
    font-weight: 700;
    color: var(--hr-t2);
}

.hr-func-text h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 96px;
    height: 2px;
    background: var(--hr-main);
}

.hr-func-text p {
    margin: 20px 0 0;
    font-size: var(--hr-fz-h5);
    line-height: 1.7;
    color: var(--hr-t3);
}

.hr-func-item--on {
    flex-direction: row-reverse;
    background: var(--hr-bg2);
    padding-right: 40px;
}

.hr-func-item--on .hr-func-text {
    padding-left: 90px;
    padding-right: 94px;
}

/* -------------------------------------------- 重点功能 → 合作客户 交界处收紧 */
/* 原「重点功能」底部留白 96 + 「合作客户」顶部留白 96 + 条目自身留白，视觉上是一条过高的空白带 */
#sec-feature { padding-bottom: 48px; }
#sec-custom { padding-top: 48px; }

/* -------------------------------------------------------------- 合作客户 */
.hr-custom {
    background: #fff;
    position: relative;
    z-index: 2;
}

.hr-custom::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #F5F5F5 0%, rgba(245, 245, 245, 0) 100%);
    z-index: -1;
}

.hr-logo-wall {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin: 48px auto 0;
    padding: 0;
    list-style: none;
}

.hr-logo-wall li { margin: 0; }

.hr-logo-wall a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 112px;
    padding: 0 20px;
    background: #fff;
    border: 1px solid #EDEDED;
    border-radius: 4px;
    transition: all .36s;
    box-sizing: border-box;
}

.hr-logo-wall a:hover {
    border-color: var(--hr-main);
    box-shadow: var(--hr-shadow);
}

.hr-logo-wall img {
    max-width: 78%;
    max-height: 56px;
    width: auto;
    height: auto;
    filter: grayscale(1);
    opacity: .72;
    transition: all .36s;
}

.hr-logo-wall a:hover img {
    filter: none;
    opacity: 1;
}

/* -------------------------------------------------------------- 生态合作 */
.hr-coop-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-top: 56px;
}

.hr-coop-card {
    background: #fff;
    border: 1px solid #EFEFEF;
    border-radius: var(--hr-radius);
    padding: 44px 32px;
    text-align: center;
    transition: all .36s;
}

.hr-coop-card:hover {
    border-color: transparent;
    box-shadow: var(--hr-shadow-h);
    transform: translateY(-4px);
}

.hr-coop-ico {
    width: 72px;
    height: 72px;
    margin: 0 auto 24px;
    border-radius: 50%;
    background: #FFF4E5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: var(--hr-main);
}

.hr-coop-card h4 {
    margin: 0 0 12px;
    font-size: var(--hr-fz-h5);
    line-height: 1.4;
    font-weight: 700;
    color: var(--hr-t2);
}

.hr-coop-card p {
    margin: 0;
    font-size: 15px;
    line-height: 1.75;
    color: var(--hr-t3);
}

/* -------------------------------------------------------------- 案例应用 */
.hr-case-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    margin-top: 56px;
}

.hr-card {
    background: #fff;
    border-radius: var(--hr-radius);
    overflow: hidden;
    box-shadow: var(--hr-shadow);
    display: flex;
    flex-direction: column;
    transition: all .36s;
    height: 100%;
}

.hr-card:hover {
    box-shadow: var(--hr-shadow-h);
    transform: translateY(-4px);
}

.hr-card-thumb {
    height: 200px;
    background: #F2F2F2 center / cover no-repeat;
    position: relative;
}

.hr-card-tag {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 14px;
    line-height: 28px;
    background: rgba(255, 132, 0, .92);
    color: #fff;
    font-size: 13px;
    border-radius: 0 0 4px 0;
}

.hr-card-body {
    padding: 26px 26px 30px;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

.hr-card-body h4 {
    margin: 0 0 12px;
    font-size: var(--hr-fz-h5);
    line-height: 1.5;
    font-weight: 700;
    color: var(--hr-t2);
}

.hr-card-body h4 a { color: var(--hr-t2); }

.hr-card-body h4 a:hover { color: var(--hr-main); }

.hr-card-body p {
    margin: 0;
    font-size: 15px;
    line-height: 1.75;
    color: var(--hr-t3);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.hr-more {
    margin-top: 48px;
    text-align: center;
}

/* -------------------------------------------------------------- 服务支持 */
.hr-service-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    margin: 56px 0 0;
    padding: 0;
    list-style: none;
}

.hr-service-item {
    display: flex;
    align-items: center;
    padding: 36px 32px;
    background: #fff;
    border-radius: var(--hr-radius);
    border: 1px solid #EFEFEF;
    transition: all .36s;
}

.hr-service-item:hover {
    border-color: transparent;
    box-shadow: var(--hr-shadow-h);
}

.hr-service-ico {
    flex: 0 0 auto;
    width: 64px;
    height: 64px;
    margin-right: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hr-service-ico img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.hr-service-text h4 {
    margin: 0 0 8px;
    font-size: var(--hr-fz-h5);
    line-height: 1.4;
    font-weight: 700;
    color: var(--hr-t2);
}

.hr-service-text p {
    margin: 0;
    font-size: 15px;
    line-height: 1.75;
    color: var(--hr-t3);
}

/* -------------------------------------------------------------- 产品资料 */
.hr-data-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin: 56px 0 0;
    padding: 0;
    list-style: none;
}

.hr-data-item {
    background: #fff;
    border-radius: var(--hr-radius);
    border: 1px solid #EFEFEF;
    transition: all .36s;
}

.hr-data-item a {
    display: block;
    padding: 40px 24px;
    text-align: center;
}

.hr-data-item:hover {
    border-color: transparent;
    box-shadow: var(--hr-shadow-h);
    transform: translateY(-4px);
}

.hr-data-ico {
    width: 56px;
    height: 56px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hr-data-ico img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.hr-data-item h4 {
    margin: 0;
    font-size: var(--hr-fz-p);
    line-height: 1.5;
    color: var(--hr-t2);
    transition: color .3s;
}

.hr-data-item:hover h4 { color: var(--hr-main); }

/* -------------------------------------------------------------- 新闻中心 */
/* 标题区：主标题 / 子栏目导航 / 副标题 三行自上而下居中对齐 */
.hr-news-head {
    text-align: center;
}

/* 子栏目导航行（新闻中心下方，竖线分隔） */
.hr-news-cats {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 18px 0 0;
    padding: 0;
    list-style: none;
    font-size: 0;
}

.hr-news-cats > li {
    display: flex;
    align-items: center;
}

.hr-news-cats > li + li::before {
    content: "";
    width: 1px;
    height: 14px;
    margin: 0 22px;
    background: var(--hr-line);
}

.hr-news-cat {
    font-size: 17px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--hr-t4);
    transition: color .25s;
}

.hr-news-cat:hover {
    color: var(--hr-main);
}

.hr-news-head .hr-sub {
    margin-top: 14px;
}

/* 卡片区：4 个子栏目 × 2 条，按列流动 → 同一小类的两条落在同一列 */
.hr-news-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, auto);
    grid-auto-flow: column;
    gap: 24px;
    margin-top: 48px;
}

.hr-news-thumb {
    height: 150px;
    background: #F2F2F2 center / cover no-repeat;
}

.hr-news-body {
    padding: 24px 24px 28px;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

.hr-news-meta {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #9A9A9A;
    margin-bottom: 10px;
}

/* meta 左侧：所属小类（橙色，突出分类） */
.hr-news-meta .hr-news-cat {
    font-size: 13px;
    line-height: 1.4;
    font-weight: 700;
    color: var(--hr-main);
}

/* meta 右侧：发布日期 */
.hr-news-meta .hr-news-date {
    margin-left: auto;
    font-weight: 400;
    color: #9A9A9A;
}

.hr-news-body h4 {
    margin: 0 0 12px;
    font-size: 16px;
    line-height: 1.55;
    font-weight: 700;
    color: var(--hr-t2);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.hr-news-body h4 a { color: var(--hr-t2); }

.hr-news-body h4 a:hover { color: var(--hr-main); }

.hr-news-body p {
    margin: 0;
    font-size: 15px;
    line-height: 1.75;
    color: var(--hr-t3);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ------------------------------------------------------------- CTA 横幅 */
.hr-cta {
    position: relative;
    overflow: hidden;
    padding: 96px 0;
    background: var(--hr-dark) url(../images/hr/cta-bg.jpg) center / cover no-repeat;
}

.hr-cta h2 {
    margin: 0;
    font-size: 42px;
    line-height: 1.3;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

.hr-cta p {
    margin: 14px 0 0;
    font-size: 18px;
    line-height: 1.75;
    color: #fff;
    text-align: center;
}

.hr-cta-btns {
    display: flex;
    justify-content: center;
    margin-top: 28px;
    flex-wrap: wrap;
}

.hr-cta-btns .hr-btn {
    margin: 0 10px;
    background: rgba(255, 255, 255, .86);
    border-color: rgba(255, 255, 255, .86);
    color: var(--hr-main);
}

.hr-cta-btns .hr-btn:hover {
    background: #fff;
    border-color: #fff;
    color: var(--hr-main);
}

/* ------------------------------------------------------- 右侧悬浮工具条 */
.hr-sidebar {
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 80;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 6px 24px rgba(0, 0, 0, .12);
    overflow: hidden;
}

.hr-sidebar a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 76px;
    padding: 14px 0;
    font-size: 12px;
    line-height: 1.4;
    color: var(--hr-t3);
    border-bottom: 1px solid #F2F2F2;
    transition: all .3s;
}

.hr-sidebar a:last-child { border-bottom: 0; }

.hr-sidebar a:hover { color: var(--hr-main); background: #FFFAF3; }

.hr-sidebar i {
    font-size: 22px;
    color: var(--hr-main);
    margin-bottom: 6px;
}

/* ------------------------------------------------------------------ 底部 */
.footer.bg-overlay { background: var(--hr-dark); }

.footer.bg-overlay::before { background: transparent; }

.footer .footer-main { padding: 62px 0 48px; }

.footer .footer-logo {
    max-height: 46px;
    width: auto;
    margin-bottom: 22px;
}

/* 页脚文字 logo「火绒安全」 */
.footer .footer-logo-txt {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 1;
    margin-bottom: 20px;
}

.footer .footer-logo-txt i {
    display: inline-block;
    width: 5px;
    height: 26px;
    background: var(--hr-main);
    border-radius: 1px;
    margin-right: 12px;
}

.footer .footer-about p {
    color: rgba(255, 255, 255, .62);
    font-size: 14px;
    line-height: 1.9;
}

.footer .widget-title {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 22px;
}

.footer .list-arrow li a {
    color: rgba(255, 255, 255, .7);
    font-size: 15px;
    line-height: 2.2;
    transition: color .3s;
}

.footer .list-arrow li a:hover { color: var(--hr-main); }

.footer .footer-social ul li a {
    background: rgba(255, 255, 255, .10);
    color: rgba(255, 255, 255, .8);
    transition: all .3s;
}

.footer .footer-social ul li a:hover {
    background: var(--hr-main);
    color: #fff;
}

.footer .copyright {
    background: var(--hr-dark2);
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, .06);
}

.footer .copyright-info,
.footer .copyright-info span,
.footer .footer-menu li {
    color: rgba(255, 255, 255, .5);
    font-size: 14px;
    line-height: 1.9;
}

.footer .copyright-info a,
.footer .footer-menu a {
    color: rgba(255, 255, 255, .5);
    transition: color .3s;
}

.footer .copyright-info a:hover,
.footer .footer-menu a:hover { color: var(--hr-main); }

/* 返回顶部按钮改为橙色 */
#back-to-top .btn-primary {
    background: var(--hr-main);
    border-color: var(--hr-main);
    border-radius: 2px;
}

#back-to-top .btn-primary:hover {
    background: var(--hr-main-d);
    border-color: var(--hr-main-d);
}

/* ------------------------------------------------------------------ 响应式 */
@media (max-width: 1399px) {
    .hr-tabnav li { padding: 0 34px; }
    .hr-func-text { padding-left: 90px; padding-right: 80px; }
    .hr-func-item--on .hr-func-text { padding-left: 70px; padding-right: 70px; }
}

@media (max-width: 1199px) {
    /* Hero 改为背景覆盖 + 常规流式文案（<1200 时图片比例过扁，绝对定位会挤压文案） */
    .hr-hero { background: #141414 url(../images/hr/hero-pc.jpg) center / cover no-repeat; }
    .hr-hero-bg { display: none; }
    .hr-hero-inner { position: relative; display: block; padding: 112px 0 84px; }
    .hr-crumb-box { padding-top: 28px; }
    .hr-hero-h1 { font-size: 34px; margin-top: 26px; }
    .hr-hero-name { font-size: 26px; }
    .hr-hero-desc { font-size: 17px; margin-top: 20px; }
    .hr-hero-btns { margin-top: 44px; }
    .hr-lead { width: 80%; }
    .hr-tabnav li { padding: 0 24px; }
    .hr-func-text { padding-left: 56px; padding-right: 48px; }
    .hr-func-item--on .hr-func-text { padding-left: 48px; padding-right: 48px; }
    .hr-func-text h4 { font-size: 22px; }
    .hr-func-text p { font-size: 17px; }
    .hr-func-item { padding: 40px 0; margin-bottom: 40px; }
    .hr-coop-grid { grid-template-columns: repeat(2, 1fr); }
    .hr-case-grid { grid-template-columns: repeat(2, 1fr); }
    .hr-news-grid { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(4, auto); }
    .hr-service-list { grid-template-columns: 1fr; gap: 20px; }
    .hr-data-list { grid-template-columns: repeat(2, 1fr); }
    .hr-logo-wall { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 991px) {
    .hr-sec { padding: 64px 0; }
    .hr-h2 { font-size: 28px; }
    .hr-cta h2 { font-size: 32px; }
    .hr-hero { background-image: url(../images/hr/hero-mobile.jpg); background-position: center top; }
    .hr-hero-inner { padding: 96px 0 72px; }
    .hr-hero-h1 { font-size: 30px; }
    .hr-hero-name { font-size: 22px; }
    .hr-hero-badge { margin-left: 12px; padding: 0 12px; line-height: 24px; font-size: 12px; }
    .hr-hero-desc { font-size: 16px; max-width: 100%; }
    .hr-hero-btns { margin-top: 32px; }
    .hr-hero-btns .hr-btn { padding: 0 28px; line-height: 46px; margin-right: 12px; }
    .hr-crumb-box { padding-top: 22px; }

    /* 移动端下拉菜单：恢复导航项可点区域（桌面端为了压缩行高去掉了 padding） */
    .header-two .site-navigation ul.navbar-nav > li > a.nav-link {
        padding: 8px 0 !important;
        line-height: 36px;
    }
    .header-two .site-navigation ul.navbar-nav > li > a.hr-nav-btn {
        display: inline-block;
        margin: 10px 0;
    }
    .header-two { padding: 0; }

    /* 产品概述：竖向排列 */
    .hr-overview { flex-direction: column; margin-top: 24px; }
    .hr-adv-col { width: 100%; }
    .hr-overview-mid { width: 100%; order: -1; margin-bottom: 40px; }
    .hr-adv-col li { margin-bottom: 44px; }
    .hr-adv-col h4 { font-size: 20px; }

    /* 重点功能：图文上下 */
    .hr-func-item,
    .hr-func-item--on {
        flex-direction: column-reverse;
        padding: 24px 0;
        margin-bottom: 28px;
        background: transparent;
        padding-right: 0;
    }

    .hr-func-item--on { background: var(--hr-bg2); padding: 24px 20px; }
    .hr-func-img,
    .hr-func-text { width: 100%; }
    .hr-func-text,
    .hr-func-item--on .hr-func-text { padding: 0 0 28px; }
    .hr-func-text h4 { font-size: 20px; padding-bottom: 14px; }
    .hr-func-text p { font-size: 16px; margin-top: 14px; }

    .hr-logo-wall { grid-template-columns: repeat(2, 1fr); gap: 14px; }
    .hr-logo-wall a { height: 92px; }
    .hr-coop-grid { grid-template-columns: 1fr; }
    .hr-case-grid { grid-template-columns: 1fr; }
    .hr-news-grid {
        grid-template-columns: 1fr;
        grid-template-rows: none;
        grid-auto-flow: row;
        gap: 20px;
    }
    .hr-news-thumb { height: 180px; }
    .hr-news-cats > li + li::before { margin: 0 14px; }
    .hr-news-cat { font-size: 16px; }
    .hr-data-list { grid-template-columns: repeat(2, 1fr); }
    .hr-sidebar { display: none; }
}

@media (max-width: 575px) {
    .hr-ct { padding: 0 16px; }
    .hr-topbar { display: none; }
    .hr-h2 { font-size: 24px; }
    .hr-lead { width: 100%; }
    .hr-hero-inner { padding: 84px 0 60px; }
    .hr-hero-h1 { font-size: 25px; }
    .hr-hero-desc { font-size: 15px; }
    .hr-hero-btns .hr-btn { padding: 0 20px; line-height: 44px; font-size: 15px; margin-right: 10px; }
    .hr-tabnav li { padding: 0 18px; }
    .hr-tabnav li p { font-size: 15px; }
    .hr-data-list { grid-template-columns: 1fr; }
    .hr-cta { padding: 64px 0; }
    .hr-cta h2 { font-size: 26px; }
    .hr-btn { padding: 0 26px; line-height: 46px; }
}

/* ===================== 行业解决方案详情（model 7） ===================== */
.hr-ind-h2{font-size:30px;color:#191919;font-weight:700;margin:8px 0 14px;text-align:center}
.hr-ind-lead{font-size:16px;color:#5A5A5A;line-height:1.9;margin:0 auto 30px;max-width:880px;text-align:center}
.hr-ind-sec{font-size:22px;color:#FF8400;font-weight:700;margin:34px 0 16px;padding-left:14px;border-left:4px solid #FF8400}
.hr-ind-list{list-style:none;padding:0;margin:0 0 8px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.hr-ind-list li{background:#F6F6F6;border:1px solid #ECECEC;border-radius:8px;padding:18px 20px;display:flex;gap:14px;align-items:flex-start}
.hr-ind-list li:hover{border-color:#FF8400}
.hr-ind-ico{width:40px;height:40px;flex:0 0 40px;object-fit:contain;margin-top:2px}
.hr-ind-body{flex:1;min-width:0}
.hr-ind-body b{display:block;color:#232323;font-size:16px;margin-bottom:6px;line-height:1.5}
.hr-ind-body p{margin:0;color:#666;font-size:14px;line-height:1.7}
.hr-ind-body a{color:#FF8400;text-decoration:none}
.hr-ind-body a:hover{text-decoration:underline}
.hr-ind-src{margin-top:34px;font-size:13px;color:#999;border-top:1px dashed #ddd;padding-top:16px;line-height:1.8}
.hr-ind-src a{color:#FF8400}
@media(max-width:991px){.hr-ind-list{grid-template-columns:1fr}.hr-ind-h2{font-size:24px}}

/* ===================== 联系我们页（page_contact.html） ===================== */
.hr-contact-about{padding:96px 0 80px}
.hr-ab-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:start;margin-top:52px}
.hr-ab-text p{margin:0 0 18px;font-size:17px;line-height:2;color:#5A5A5A}
.hr-ab-text p:last-child{margin-bottom:0}
.hr-ab-text strong{color:#232323;font-weight:600}
.hr-ab-em{color:#FF8400;font-style:normal;font-weight:600}
.hr-ab-badges{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.hr-ab-badge{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #E3E3E3;border-radius:8px;padding:22px 20px;box-shadow:0 15px 20px rgba(113,113,113,.08);transition:all .3s}
.hr-ab-badge:hover{border-color:#FF8400;transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,.10)}
.hr-ab-badge i{flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:#FBF5EF;color:#FF8400;display:flex;align-items:center;justify-content:center;font-size:18px}
.hr-ab-badge b{display:block;font-size:16px;color:#191919;font-weight:600;line-height:1.4}
.hr-ab-badge span{font-size:13px;color:#666}

/* 专业服务能力 */
.hr-cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:52px}
.hr-cap-card{background:#fff;border:1px solid #E3E3E3;border-radius:8px;padding:36px 30px;transition:all .3s}
.hr-cap-card:hover{transform:translateY(-6px);border-color:#FF8400;box-shadow:0 18px 40px rgba(0,0,0,.10)}
.hr-cap-ico{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#FF8400,#FFA924);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:20px}
.hr-cap-card h4{margin:0 0 12px;font-size:20px;color:#191919;font-weight:600}
.hr-cap-card p{margin:0;font-size:15px;line-height:1.9;color:#5A5A5A}

/* 联系方式 */
.hr-contact-way{padding:96px 0}
.hr-wy-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;margin-top:52px}
.hr-wy-main{background:linear-gradient(135deg,#1F1F1F,#2E2E2E);border-radius:14px;padding:48px 44px;display:flex;align-items:center;gap:32px}
.hr-wy-avatar{flex:0 0 96px;width:96px;height:96px;border-radius:50%;background:rgba(255,132,0,.16);border:2px solid #FF8400;color:#FF8400;display:flex;align-items:center;justify-content:center;font-size:38px}
.hr-wy-tag{display:inline-block;font-size:13px;color:#FF8400;border:1px solid rgba(255,132,0,.5);border-radius:20px;padding:4px 14px;margin-bottom:10px}
.hr-wy-info h3{margin:0 0 18px;font-size:30px;color:#fff;font-weight:600}
.hr-wy-info ul{list-style:none;margin:0;padding:0}
.hr-wy-info li{margin-bottom:12px;font-size:17px;color:#fff}
.hr-wy-info li:last-child{margin-bottom:0}
.hr-wy-info li i{color:#FF8400;margin-right:12px;width:18px;text-align:center}
.hr-wy-info a{color:#fff;text-decoration:none}
.hr-wy-info a:hover{color:#FF8400}
.hr-wy-side{display:flex;flex-direction:column;gap:20px}
.hr-wy-item{background:#F6F6F6;border:1px solid #E3E3E3;border-radius:8px;padding:26px 24px;display:flex;gap:16px;align-items:flex-start}
.hr-wy-item i{color:#FF8400;font-size:22px;margin-top:3px;flex:0 0 24px}
.hr-wy-item b{display:block;font-size:16px;color:#191919;margin-bottom:6px}
.hr-wy-item span{font-size:14px;color:#666;line-height:1.8}

/* 联系方式-微信/公众号二维码 */
.hr-qr-head{margin:56px 0 26px;text-align:center;font-size:16px;color:#999;letter-spacing:2px}
.hr-qr-head::before,.hr-qr-head::after{content:"";display:inline-block;width:56px;height:1px;background:#E3E3E3;vertical-align:middle;margin:0 16px}
.hr-qr-grid{display:grid;grid-template-columns:repeat(2,300px);gap:28px;justify-content:center}
.hr-qr-card{background:#fff;border:1px solid #E3E3E3;border-radius:14px;padding:32px 26px;text-align:center;transition:all .3s}
.hr-qr-card:hover{border-color:#FF8400;transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,.10)}
.hr-qr-img{width:186px;height:186px;margin:0 auto 22px;padding:10px;border:1px solid #EFEFEF;border-radius:10px;background:#fff}
.hr-qr-img img{display:block;width:100%;height:100%;object-fit:contain}
.hr-qr-card h4{margin:0 0 12px;font-size:18px;color:#191919;font-weight:600}
.hr-qr-card h4 i{color:#FF8400;margin-right:8px}
.hr-qr-card p{margin:0;font-size:14px;line-height:1.9;color:#666}

/* 在线留言 */
.hr-msg-wrap{max-width:960px;margin:48px auto 0;background:#fff;border:1px solid #E3E3E3;border-radius:8px;padding:40px}
.hr-msg-wrap .form-group label{font-size:14px;color:#232323;font-weight:600;margin-bottom:8px}
.hr-msg-wrap .form-control{border:1px solid #E3E3E3;border-radius:6px;padding:10px 14px;height:auto}
.hr-msg-wrap .form-control:focus{border-color:#FF8400;box-shadow:none}
.hr-msg-submit{margin:26px 0 0;text-align:center}

@media(max-width:1199px){.hr-cap-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:991px){
    /* 折叠菜单里的导航项：行高收回，去掉下划线 */
    .header-two .site-navigation .navbar{min-height:56px}
    .header-two .site-navigation ul.navbar-nav > li > a.nav-link{padding:0 15px !important;line-height:46px}
    .header-two .site-navigation ul.navbar-nav.mx-auto > li > a.nav-link::after{display:none}
    .header-two .site-navigation .navbar-nav .nav-trial{margin-left:0}
    .header-two .site-navigation ul.navbar-nav > li > a.hr-nav-btn{padding:0 20px !important}
    .header-two .logo{margin-right:0}
    .header-two .logo .hr-logo-txt{font-size:20px}
    .header-two .logo .hr-logo-txt span{font-size:11px;padding:3px 6px 2px;margin-left:7px}
    .hr-ab-grid{grid-template-columns:1fr;gap:36px}
    .hr-cap-grid{grid-template-columns:1fr}
    .hr-wy-grid{grid-template-columns:1fr}
    .hr-wy-main{flex-direction:column;text-align:center;padding:36px 24px;gap:20px}
    .hr-wy-info li{font-size:16px}
    .hr-qr-grid{grid-template-columns:1fr;max-width:320px;margin:0 auto}
    .hr-qr-head::before,.hr-qr-head::after{width:32px;margin:0 10px}
    .hr-msg-wrap{padding:26px 20px}
}
@media(max-width:575px){.hr-ab-badges{grid-template-columns:1fr}}

/* ==================================================================
   内页统一：横幅 / 侧边栏 / 正文 全部对齐首页视觉语言
   —— 模板自带的演示背景图（download.hkcms.cn .../banner5.jpg）由
      CSS 的 !important 直接覆盖，无需改 17 个模板文件
   ================================================================== */

/* 1) 内页横幅：深色底 + 右侧橙色光晕，风格与首页 Hero 一致 */
.banner-area {
    min-height: 260px !important;
    background-color: #14181C !important;
    background-image: linear-gradient(115deg, #14181C 0%, #1D2126 48%, #2A1D10 100%) !important;
    overflow: hidden;
}

.banner-area::before {
    content: "";
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    background: radial-gradient(circle at 78% 32%, rgba(255, 132, 0, .28), rgba(255, 132, 0, 0) 62%);
    pointer-events: none;
}

.banner-area::after {
    content: "";
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 1px;
    background: rgba(255, 255, 255, .08);
}

.banner-text { z-index: 2; }

/* 面包屑在上、标题在下（与首页 Hero 排版一致） */
.banner-heading {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    text-align: center;
}

.banner-title {
    margin: 0 !important;
    color: #fff !important;
    font-size: 38px !important;
    line-height: 1.3;
    font-weight: 600 !important;
    letter-spacing: 1px;
    text-transform: none !important;
}

.banner-title::after {
    content: "";
    display: block;
    width: 56px;
    height: 2px;
    margin: 18px auto 0;
    border-radius: 2px;
    background: var(--hr-main);
}

/* 覆盖 bootstrap 的 .mt-4{margin-top:1.5rem !important} */
.banner-heading nav {
    margin: 0 0 18px !important;
    font-size: 14px;
    color: rgba(255, 255, 255, .72) !important;
}

.banner-heading nav a {
    color: rgba(255, 255, 255, .72) !important;
    transition: color .25s;
}

.banner-heading nav a:hover { color: #fff !important; }

.banner-heading nav .active,
.banner-heading nav span { color: var(--hr-main) !important; }

/* 2) 侧边栏：橙条小标题（沿用首页板块标题风格） */
.sidebar .widget-title {
    position: relative;
    padding-left: 14px !important;
    font-size: 18px !important;
    font-weight: 600;
    color: var(--hr-t1) !important;
}

.sidebar .widget-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 18px;
    border-radius: 2px;
    background: var(--hr-main);
}

.sidebar .service-menu > li > a {
    color: var(--hr-t3) !important;
    transition: color .25s;
}

.sidebar .service-menu > li > a:hover,
.sidebar .service-menu > li.active > a { color: var(--hr-main) !important; }

/* 3) 正文 / 列表：标题深色、正文灰、悬停橙、图片圆角 */
.main-container .entry-title,
.main-container .entry-title a,
.blog-item h4 a { color: var(--hr-t1); }

.main-container .entry-title a:hover,
.blog-item h4 a:hover { color: var(--hr-main); }

.post-content.post-single .post-body {
    color: var(--hr-t3);
    font-size: 16px;
    line-height: 1.9;
}

.post-content.post-single .entry-header .entry-title {
    font-size: 28px;
    font-weight: 600;
    color: var(--hr-t1);
}

.post-content .post-meta { color: #999; }

.blog-item .bi-pic img,
.post-content .post-body img { border-radius: 8px; }

.read-more { color: var(--hr-main) !important; }
.read-more:hover { color: var(--hr-main-d) !important; }

/* 4) 按钮 / 分页统一成品牌橙（style.css 默认是 #ffb600） */
.btn-primary {
    background-color: var(--hr-main) !important;
    border-color: var(--hr-main) !important;
}

.pagination > li > a { color: var(--hr-t2) !important; }

.pagination > .active > a,
.pagination > li > a:hover {
    background-color: var(--hr-main) !important;
    border-color: var(--hr-main) !important;
    color: #fff !important;
}

@media (max-width: 767px) {
    .banner-area { min-height: 190px !important; }
    .banner-title { font-size: 26px !important; }
    .banner-heading nav { font-size: 13px; }
}

/* ==================================================================
   内页统一：横幅 / 侧边栏 / 正文 全部对齐首页视觉语言
   —— 模板自带的演示背景图（download.hkcms.cn .../banner5.jpg）由
      CSS 的 !important 直接覆盖，无需改 17 个模板文件
   ================================================================== */

/* 1) 内页横幅：深色底 + 右侧橙色光晕，风格与首页 Hero 一致 */
.banner-area {
    min-height: 260px !important;
    background-color: #14181C !important;
    background-image: linear-gradient(115deg, #14181C 0%, #1D2126 48%, #2A1D10 100%) !important;
    overflow: hidden;
}

.banner-area::before {
    content: "";
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    background: radial-gradient(circle at 78% 32%, rgba(255, 132, 0, .28), rgba(255, 132, 0, 0) 62%);
    pointer-events: none;
}

.banner-area::after {
    content: "";
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 1px;
    background: rgba(255, 255, 255, .08);
}

.banner-text { z-index: 2; }

/* 面包屑在上、标题在下（与首页 Hero 排版一致） */
.banner-heading {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    text-align: center;
}

.banner-title {
    margin: 0 !important;
    color: #fff !important;
    font-size: 38px !important;
    line-height: 1.3;
    font-weight: 600 !important;
    letter-spacing: 1px;
    text-transform: none !important;
}

.banner-title::after {
    content: "";
    display: block;
    width: 56px;
    height: 2px;
    margin: 18px auto 0;
    border-radius: 2px;
    background: var(--hr-main);
}

/* 覆盖 bootstrap 的 .mt-4{margin-top:1.5rem !important} */
.banner-heading nav {
    margin: 0 0 18px !important;
    font-size: 14px;
    color: rgba(255, 255, 255, .72) !important;
}

.banner-heading nav a {
    color: rgba(255, 255, 255, .72) !important;
    transition: color .25s;
}

.banner-heading nav a:hover { color: #fff !important; }

.banner-heading nav .active,
.banner-heading nav span { color: var(--hr-main) !important; }

/* 2) 侧边栏：橙条小标题（沿用首页板块标题风格） */
.sidebar .widget-title {
    position: relative;
    padding-left: 14px !important;
    font-size: 18px !important;
    font-weight: 600;
    color: var(--hr-t1) !important;
}

.sidebar .widget-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 18px;
    border-radius: 2px;
    background: var(--hr-main);
}

.sidebar .service-menu > li > a {
    color: var(--hr-t3) !important;
    transition: color .25s;
}

.sidebar .service-menu > li > a:hover,
.sidebar .service-menu > li.active > a { color: var(--hr-main) !important; }

/* 3) 正文 / 列表：标题深色、正文灰、悬停橙、图片圆角 */
.main-container .entry-title,
.main-container .entry-title a,
.blog-item h4 a { color: var(--hr-t1); }

.main-container .entry-title a:hover,
.blog-item h4 a:hover { color: var(--hr-main); }

.post-content.post-single .post-body {
    color: var(--hr-t3);
    font-size: 16px;
    line-height: 1.9;
}

.post-content.post-single .entry-header .entry-title {
    font-size: 28px;
    font-weight: 600;
    color: var(--hr-t1);
}

.post-content .post-meta { color: #999; }

.blog-item .bi-pic img,
.post-content .post-body img { border-radius: 8px; }

.read-more { color: var(--hr-main) !important; }
.read-more:hover { color: var(--hr-main-d) !important; }

/* 4) 按钮 / 分页统一成品牌橙（style.css 默认是 #ffb600） */
.btn-primary {
    background-color: var(--hr-main) !important;
    border-color: var(--hr-main) !important;
}

.pagination > li > a { color: var(--hr-t2) !important; }

.pagination > .active > a,
.pagination > li > a:hover {
    background-color: var(--hr-main) !important;
    border-color: var(--hr-main) !important;
    color: #fff !important;
}

@media (max-width: 767px) {
    .banner-area { min-height: 190px !important; }
    .banner-title { font-size: 26px !important; }
    .banner-heading nav { font-size: 13px; }
}

/* 公安备案号行：徽章图标与文字垂直居中 */
.hr-ga-row .copyright-info a {
    display: inline-flex;
    align-items: center;
}

.hr-ga-ico {
    width: 17px;
    height: 17px;
    margin-right: 6px;
    flex: none;
}

/* 公安备案号行：徽章图标与文字垂直居中 */
.hr-ga-row .copyright-info a {
    display: inline-flex;
    align-items: center;
}

.hr-ga-ico {
    width: 17px;
    height: 17px;
    margin-right: 6px;
    flex: none;
}

/* akdata-style table */
.entry-content table, .main-content table { width:100%; border-collapse:collapse; margin:18px 0; font-size:15px; }
.entry-content table th, .entry-content table td { border:1px solid #E3E3E3; padding:10px 12px; text-align:left; line-height:1.7; vertical-align:top; }
.entry-content table th { background:#FFF4E5; color:#191919; font-weight:600; white-space:nowrap; }
.entry-content table tbody tr:nth-child(even) td { background:#FAFAFA; }