/* ============================================================
   ZEDAZK 全站页脚（主站 + 会员中心共用）
   - 网格布局，避免 float 错位
   - 透明白字 Logo，无白底
   - 桌面三列 / 手机单列
   ============================================================ */
.zdf {
    margin: 0;
    padding: 56px 0 0;
    color: #c6d0dc;
    background: linear-gradient(180deg, #151c26 0%, #080c12 100%);
    border-top: 1px solid rgba(255, 255, 255, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
    box-sizing: border-box;
}
.zdf * { box-sizing: border-box; }
.zdf-main {
    width: 1200px;
    max-width: calc(100% - 32px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.15fr 1.1fr 1.15fr;
    gap: 48px;
    align-items: start;
}
.zdf-brand a { display: inline-block; }
.zdf-brand img {
    display: block;
    width: auto;
    max-width: 200px;
    height: auto;
}
.zdf-brand p {
    max-width: 330px;
    margin: 18px 0 0;
    font-size: 13px;
    line-height: 1.9;
    color: #8fa0ba;
}
.zdf-col h4 {
    margin: 0 0 16px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #7dd3fc;
}
.zdf-cats { display: grid; grid-template-columns: 1fr 1fr; gap: 0 24px; }
.zdf-cats ul { margin: 0; padding: 0; list-style: none; }
.zdf-cats li a {
    display: block;
    padding: 4px 0;
    font-size: 13px;
    line-height: 1.5;
    color: #b9c6da;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .2s;
}
.zdf-cats li a:hover { color: #fff; }
.zdf-contact p {
    display: grid;
    grid-template-columns: 52px 1fr;
    gap: 10px;
    margin: 0 0 8px;
    font-size: 12.5px;
    line-height: 1.7;
    color: #b9c6da;
}
.zdf-contact p span { color: #7f8da6; }
.zdf-contact a { color: #b9c6da; text-decoration: none; }
.zdf-contact a:hover { color: #fff; }
.zdf-bottom {
    margin-top: 42px;
    padding: 16px 0;
    border-top: 1px solid rgba(255, 255, 255, .08);
}
.zdf-bottom-in {
    width: 1200px;
    max-width: calc(100% - 32px);
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 12px;
    font-size: 11.5px;
    color: #75839c;
}
.zdf-bottom a { color: #93a4c0; }

@media screen and (max-width: 900px) {
    .zdf { padding-top: 32px; }
    .zdf-main { grid-template-columns: 1fr; gap: 26px; }
    .zdf-brand { text-align: center; }
    .zdf-brand img { max-width: 190px; margin: 0 auto; }
    .zdf-brand p { max-width: none; margin-top: 14px; text-align: left; }
    .zdf-cats { grid-template-columns: 1fr 1fr; gap: 0 18px; }
    .zdf-cats li a { font-size: 12px; line-height: 1.6; white-space: normal; }
    .zdf-contact p { grid-template-columns: 46px 1fr; font-size: 12px; }
    .zdf-bottom { margin-top: 26px; }
    .zdf-bottom-in { flex-direction: column; gap: 6px; font-size: 11px; }
    body:not(.centre) .zdf { padding-bottom: 76px; }
}


/* 首页底部友情链接带：并入深色页脚风格 */
.yunu-link {
    background: #0f1622;
    padding: 26px 0 12px;
    border-top: 1px solid rgba(255, 255, 255, .05);
}
.yunu-link h4 {
    color: #fff;
    border-bottom-color: rgba(255, 255, 255, .12);
}
.yunu-link h4 small { color: #7dd3fc; }
.yunu-link li a { color: #9fb0c8; }
.yunu-link li a:hover { color: #fff; }
@media screen and (max-width: 900px) {
    .yunu-link { padding: 18px 16px 8px; }
}


/* 首页友情链接全宽深色带 */
.section.zd-partner-band {
    background: #0f1622 !important;
    padding: 26px 0 12px !important;
}
.zd-partner-band .yunu-link {
    background: transparent !important;
    padding: 0 !important;
    border: 0 !important;
}
.zd-partner-band .yunu-link h4 {
    color: #fff !important;
    border-bottom-color: rgba(255, 255, 255, .12) !important;
}
.zd-partner-band .yunu-link h4 small { color: #7dd3fc !important; }
.zd-partner-band .yunu-link li a { color: #9fb0c8 !important; }
.zd-partner-band .yunu-link li a:hover { color: #fff !important; }
@media screen and (max-width: 900px) {
    .section.zd-partner-band { padding: 18px 16px 8px !important; }
}


/* 手机端页脚紧凑版：收起产品分类列，避免顶部 Logo 被固定头部遮挡 */
@media screen and (max-width: 900px) {
    .zdf { padding-top: 24px; }
    .zdf-main { gap: 18px; }
    .zdf-col:not(.zdf-contact) { display: none !important; }
    .zdf-brand img { max-width: 170px; }
    .zdf-brand p { margin-top: 10px; font-size: 12px; line-height: 1.7; }
    .zdf-contact p { margin-bottom: 6px; line-height: 1.55; }
    .zdf-bottom { margin-top: 18px; padding: 12px 0; }
}