@charset "utf-8";
/* ==========================================================================
   大鹅数科 · 视觉打磨层 polish.css
   原则：只覆盖观感（字体/色彩/阴影/圆角/动效），不改布局结构与尺寸。
   回滚：删除 header.php 里对本文件的引用即可，其余文件不受影响。
   ========================================================================== */

:root {
    --dae-ink: #151B26;
    --dae-text: #4C5566;
    --dae-muted: #8A94A6;
    --dae-line: rgba(20, 40, 90, .10);
    --dae-blue: #1B54E8;
    --dae-cyan: #14CBFC;
    --dae-indigo: #485FFF;
    --dae-sh-s: 0 2px 10px rgba(18, 42, 96, .05);
    --dae-sh-m: 0 10px 30px rgba(18, 42, 96, .07);
    --dae-sh-l: 0 18px 48px rgba(18, 42, 96, .10);
}

/* ---------- 1. 字体：只设文本元素，绝不覆盖图标字体 ---------- */
body,
button,
input,
select,
textarea {
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS Sans SC",
        "Source Han Sans SC", "Noto Sans CJK SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 说明：图标字体（FontAwesome / Material / Flaticon）各自在元素上声明了
   font-family，body 的继承不会影响它们，故此处不做任何覆盖。 */

body {
    color: var(--dae-text);
}

/* 数字统一等宽，日期列不再跳动 */
.news-right-date,
.copyright {
    font-variant-numeric: tabular-nums;
}

/* ---------- 2. 首屏 ----------
   banner1.jpg 已从 1920x870 扩展为 1920x1200（上下补同色渐变），
   与 1440x900 / 1920x1080 容器比例吻合，标题与右侧图形可同时完整呈现。 */
.tp-bgimg {
    background-position: center center !important;
}

/* 移动端 banner 同理 */
.top-imgs img,
.top-img {
    object-position: left center !important;
}

/* ---------- 3. 导航 ---------- */
/* 内页 banner 是浅色实景图时白字导航看不清：头栏底色改透明，只留深色渐变；
   另加轻描边阴影，保证在任何底图上都可读。
   注意：不能改 .header-area 的 position，内页靠它覆盖在 banner 上。 */
.header-area,
#nav-bar {
    background-color: transparent !important;
}

.header-area {
    background-image: linear-gradient(180deg,
            rgba(6, 18, 64, .62) 0%,
            rgba(6, 18, 64, .22) 70%,
            rgba(6, 18, 64, 0) 100%) !important;
}

.navbar-item > a {
    text-shadow: 0 1px 4px rgba(0, 10, 40, .45);
}
    font-size: 15.5px !important;
    font-weight: 500 !important;
    letter-spacing: .02em;
    transition: opacity .2s ease, color .2s ease;
}

.navbar-item > a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    height: 2px;
    border-radius: 2px;
    background: currentColor;
    opacity: 0;
    transform: scaleX(.35);
    transition: opacity .22s ease, transform .22s ease;
}

.navbar-item:hover > a::after,
.navbar-item.active > a::after,
.navbar-item.current > a::after,
.navbar-item.current-menu-item > a::after {
    opacity: 1;
    transform: scaleX(1);
}

/* 下拉菜单：投影柔化，圆角统一 */
.ace-responsive-menu .sub-menu,
.ace-responsive-menu ul {
    border-radius: 10px;
    box-shadow: var(--dae-sh-m) !important;
    border: 1px solid var(--dae-line) !important;
    overflow: hidden;
}

/* ---------- 4. 场景解决方案 ---------- */
/* 整条白色容器：去掉 #ccc 硬投影，换品牌柔光 */
.cj-content {
    box-shadow: 0 12px 34px rgba(18, 42, 96, .09) !important;
    border-radius: 12px;
}

/* 未激活项保持透明，与容器同为一整块白，不再出现"卡片叠卡片"的脏边 */
.cjc-item:not(.cjc-item-active) {
    background: transparent !important;
    box-shadow: none !important;
}

.cjc-item {
    transition: transform .28s cubic-bezier(.2, .7, .3, 1),
        box-shadow .28s ease, background .28s ease;
}

.cjc-item:not(.cjc-item-active):hover {
    transform: translateY(-2px);
}

.cjc-item.cjc-item-active {
    box-shadow: 0 14px 30px rgba(35, 90, 220, .26) !important;
}

/* 区块背景：原来的淡紫粉渐变与蓝色品牌不搭，换成极浅冷灰蓝 */
.changjing-jiejue {
    background-image: linear-gradient(180deg, #F7F9FE 0%, #EFF4FD 100%) !important;
}

/* 区块标题分隔线：2px 纯黑改发丝线 */
.cj-top {
    border-bottom: 1px solid rgba(20, 40, 90, .12);
    padding-bottom: 14px;
}

/* 内容大卡：去掉灰黑重影，改为品牌蓝柔光 */
.cj-show-box,
.cj-show {
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(18, 42, 96, .07) !important;
    background: #fff;
}

/* ---------- 5. 新闻中心 ---------- */
.home-news .news-list {
    box-shadow: 0 10px 30px rgba(18, 42, 96, .07) !important;
    border-radius: 16px;
}

/* 日期块：字号收敛、去掉装饰箭头，干掉错位感 */
.home-news .news-right-date {
    border-color: rgba(20, 40, 90, .08) !important;
    padding: 18px 12px 24px !important;
    color: var(--dae-muted) !important;
    font-size: 12px !important;
    letter-spacing: .04em;
}

.home-news .news-right-date-day {
    font-size: 34px !important;
    line-height: 1.1 !important;
    font-weight: 600 !important;
    color: var(--dae-ink) !important;
    margin-top: 10px !important;
}

/* 右列装饰箭头与红色"新"角标：信息量低且压住日期，去掉更干净 */
.home-news .news-arrow-img-right {
    display: none !important;
}

.home-news .news-item-tag {
    display: none !important;
}

/* 分隔线统一为发丝线 */
.home-news .news-right-text,
.home-news .news-left-c {
    border-color: rgba(20, 40, 90, .08) !important;
}

.home-news .news-right-text {
    padding: 18px 0 24px !important;
}

/* 标题：浅蓝改墨色，hover 变品牌蓝 */
.home-news .news-right-text-title {
    font-size: 17.5px !important;
    color: var(--dae-ink) !important;
    font-weight: 600 !important;
    transition: color .2s ease;
}

.home-news .news-right-text-text {
    color: var(--dae-muted) !important;
    font-size: 13.5px !important;
    line-height: 1.75 !important;
}

.home-news .news-right-item:hover .news-right-text-title,
.home-news .news-list-left:hover .news-left-text-title {
    color: var(--dae-blue) !important;
}

.news-more a,
.news-more-mb a {
    color: var(--dae-blue) !important;
    transition: opacity .2s ease;
}

.news-more a:hover,
.news-more-mb a:hover {
    opacity: .72;
}

/* ---------- 6. 产品 / 服务 ---------- */
.products-item {
    border-radius: 16px !important;
    box-shadow: var(--dae-sh-m) !important;
    border: 1px solid var(--dae-line);
}

.products-item-title,
.fuwu-title,
.products-title {
    letter-spacing: -.01em;
}

.fuwu-button {
    border-radius: 999px !important;
    transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}

.fuwu-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, .16);
}

/* ---------- 7. 页脚 ---------- */
.copyright {
    color: rgba(255, 255, 255, .42) !important;
    font-size: 12px !important;
    letter-spacing: .02em;
}

.copyright a {
    color: rgba(255, 255, 255, .58) !important;
    transition: color .2s ease;
}

.copyright a:hover {
    color: #fff !important;
}

/* ---------- 8.5 文章详情页 ---------- */
.news-info-title {
    font-size: 27px !important;
    font-weight: 600 !important;
    line-height: 1.55 !important;
    color: var(--dae-ink) !important;
    letter-spacing: -.01em;
}

.news-info-author {
    display: flex !important;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
    color: var(--dae-muted) !important;
    font-size: 13px !important;
}

/* 只保留发布日期，隐藏"作者：admin" */
.news-info-author > span:not(.news-info-author-time) {
    display: none !important;
}

.news-info-author-time {
    position: static !important;
    color: var(--dae-muted) !important;
    font-size: 13px !important;
    letter-spacing: .02em;
}

.news-info-author span {
    color: var(--dae-muted) !important;
}

/* 正文来自微信编辑器，内联样式较多，这里做统一与柔化 */
.tx-text {
    font-size: 16px !important;
    line-height: 1.95 !important;
    color: #3D4756 !important;
    text-align: left !important;
}

/* 微信排版常把整段设为居中，正文读数段落强制左对齐 */
.tx-text section,
.tx-text p {
    text-align: left !important;
}

/* 图片保持居中 */
.tx-text img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.tx-text p {
    margin-bottom: 1.1em !important;
}

.tx-text section {
    font-family: inherit !important;
}

.tx-text img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 8px;
}

/* ---------- 8.6 列表页 ---------- */
.list-news .news-item-left {
    border-radius: 10px;
    transition: transform .3s ease;
}

.list-news .news-item:hover .news-item-left {
    transform: scale(1.015);
}

.list-news .news-item-right-title {
    color: var(--dae-ink) !important;
    font-weight: 600 !important;
    letter-spacing: -.005em;
    transition: color .2s ease;
}

.list-news .news-item:hover .news-item-right-title {
    color: var(--dae-blue) !important;
}

/* 摘要原来放 7 行，太长；收到 3 行并弱化颜色，列表更好扫 */
.list-news .news-item-right-text {
    -webkit-line-clamp: 3 !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
    color: var(--dae-muted) !important;
}

.list-news .news-item-time,
.list-news .news-item-right .news-item-time {
    font-size: 13px !important;
    color: var(--dae-muted) !important;
    letter-spacing: .02em;
}

/* iPhone 上列表项间距收紧 */
@media (max-width: 767px) {
    .list-news .news-item {
        margin-bottom: 26px !important;
    }

    /* 产品部署 / 服务升级两张卡在手机上挤成两列，改为上下单列 */
    .products-items-mp {
        flex-direction: column !important;
    }

    .products-item-mp {
        width: 100% !important;
        margin: 0 0 16px !important;
    }
}

/* ---------- 9. 细节与无障碍 ---------- */
a,
button {
    -webkit-tap-highlight-color: transparent;
}

:focus-visible {
    outline: 2px solid var(--dae-cyan);
    outline-offset: 2px;
}

::selection {
    background: rgba(27, 84, 232, .16);
}

/* 长文正文：段落呼吸感 */
.article-body p,
.entry-content p {
    line-height: 1.9;
}

/* ---------- 9. 移动端 ---------- */
@media (max-width: 767px) {
    body {
        -webkit-text-size-adjust: 100%;
    }

    .cjm-item-text {
        display: block !important;
        overflow: visible !important;
        -webkit-line-clamp: unset !important;
        max-height: none !important;
    }
}