/* ============================================================
   ZEDAZK 全站转化组件
   - 右侧悬浮联系栏（桌面）
   - 移动端底部快捷栏
   - Cookie 合规提示
   - 品牌色：#182876 / 强调青：#60d6e8
   ============================================================ */

/* 隐藏旧版 QQ 客服面板，统一为右侧悬浮栏 */
.kf { display: none !important; }

/* 列表页 H1 与既有标题样式对齐 */
h1.box-title { margin-top: 0; }

/* 首页 H1 标题带（SEO 与首屏层级） */
.zd-h1-band {
    background: linear-gradient(90deg, #0e1a50 0%, #182876 55%, #223a8f 100%);
    color: #fff;
    padding: 26px 0 24px;
}
.zd-h1-band h1 {
    margin: 0;
    font-size: 30px;
    line-height: 1.28;
    font-weight: 700;
    letter-spacing: .4px;
}
.zd-h1-band p {
    margin: 8px 0 0;
    font-size: 15px;
    letter-spacing: .5px;
    opacity: .82;
}
@media (max-width: 900px) {
    .zd-h1-band { padding: 16px 0 14px; }
    .zd-h1-band h1 { font-size: 19px; }
    .zd-h1-band p { font-size: 12px; margin-top: 5px; }
}

.zd-dock {
    position: fixed;
    right: 20px;
    bottom: 120px;
    z-index: 9995;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.zd-dock-item {
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: linear-gradient(145deg, #223a8f 0%, #182876 60%, #101d5a 100%);
    box-shadow: 0 10px 26px rgba(12, 24, 68, .28), inset 0 1px 0 rgba(255, 255, 255, .18);
    transition: transform .22s ease, box-shadow .22s ease;
}
.zd-dock-item svg {
    width: 22px;
    height: 22px;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.zd-dock-item span {
    position: absolute;
    right: 60px;
    top: 50%;
    transform: translate(8px, -50%);
    white-space: nowrap;
    padding: 7px 12px;
    border-radius: 9px;
    background: #182876;
    color: #fff;
    font-size: 13px;
    line-height: 1;
    letter-spacing: .3px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease, transform .2s ease;
    box-shadow: 0 8px 20px rgba(12, 24, 68, .25);
}
.zd-dock-item span:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    border: 6px solid transparent;
    border-left-color: #182876;
}
.zd-dock-item:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(12, 24, 68, .34); }
.zd-dock-item:hover span { opacity: 1; transform: translate(0, -50%); }
.zd-dock-wa { background: linear-gradient(145deg, #2ee06f 0%, #21b95b 55%, #10894a 100%); }
.zd-dock-wa span { background: #128c4b; }
.zd-dock-wa span:after { border-left-color: #128c4b; }
.zd-dock-rfq { background: linear-gradient(145deg, #2a8fae 0%, #1f6f8c 55%, #18566d 100%); }
.zd-dock-rfq span { background: #1f6f8c; }
.zd-dock-rfq span:after { border-left-color: #1f6f8c; }
.zd-dock-top svg { stroke-width: 2; }

/* 移动端底部快捷栏（覆盖旧版 footer-fix 图标） */
.footer-fix .zd-fix-ico {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 auto 4px;
    stroke: #182876;
    fill: none;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.footer-fix li a { color: #182876; font-weight: 600; }
.footer-fix li a.zd-fix-wa .zd-fix-ico { stroke: #128c4b; }

/* Cookie 提示 */
.zd-cookie {
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 9996;
    max-width: 420px;
    padding: 16px 18px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .97);
    color: #1b2440;
    box-shadow: 0 16px 40px rgba(12, 24, 68, .22);
    border: 1px solid rgba(24, 40, 118, .12);
    font-size: 13px;
    line-height: 1.7;
    display: none;
}
.zd-cookie.is-on { display: block; animation: zdCookieIn .35s ease both; }
.zd-cookie a { color: #182876; text-decoration: underline; }
.zd-cookie button {
    margin-top: 10px;
    border: 0;
    border-radius: 8px;
    padding: 8px 18px;
    background: #182876;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
}
.zd-cookie button:hover { background: #223a8f; }
@keyframes zdCookieIn { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }

@media (max-width: 900px) {
    .zd-dock { display: none; }
    .zd-cookie {
        left: 12px;
        right: 12px;
        bottom: 66px;
        max-width: none;
        padding: 12px 14px;
        font-size: 12px;
    }
}


/* 2026-10-28 主站手机端页脚：避开底部固定栏，联系方式左对齐 */
@media screen and (max-width: 900px) {
    body:not(.centre) .footer { padding-bottom: 76px !important; }
    body:not(.centre) .footer-logo { max-width: 220px !important; }
    body:not(.centre) .footer-contact { text-align: left !important; padding: 0 16px; }
    body:not(.centre) .footer-contact p { line-height: 1.8; }
}