/* 顶栏 + 页脚（浅色官方风格） */
.gp-header {
    position: sticky; top: 0; z-index: 50;
    background: #ffffff;
    border-bottom: 1px solid #eee;
}
.gp-header__inner {
    max-width: 1180px; margin: 0 auto; height: 60px;
    display: flex; align-items: center; justify-content: space-between;
    padding: 0 20px;
}
.gp-logo { display: inline-flex; align-items: center; gap: 8px; }
.gp-logo__img { height: 34px; width: auto; display: block; }
.gp-logo__mark {
    width: 30px; height: 30px;
    display: inline-flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, #ffb02a, #ff7a45);
    border-radius: 6px;
    color: #fff;
    font-size: 15px; font-weight: 800;
}
.gp-logo__text {
    font-weight: 700; font-size: 16px; color: #333; letter-spacing: 0;
    display: inline-flex; flex-direction: column; line-height: 1.15;
}
.gp-logo__text small {
    font-size: 9px; font-weight: 400; color: #999; letter-spacing: 1px;
}

.gp-nav { display: flex; align-items: center; gap: 34px; flex-wrap: wrap; }
.gp-nav a { font-size: 14px; font-weight: 500; color: #333; padding: 4px 0; }
.gp-nav a:hover { color: #ff7a45; }
.gp-nav__login { color: #333; }
.gp-nav__login:hover { color: #ff7a45; }
.gp-nav__user { font-size: 13px; color: #888; display: inline-flex; align-items: center; gap: 10px; }
.gp-nav__user a { color: #333; }

/* 右上角客服中心按钮（弹窗入口） */
.gp-nav__cs {
    color: #ff7a45 !important;
    font-weight: 600;
    cursor: pointer;
}

/* 不可跳转的导航项（黑色字体，可点击但无反应） */
.gp-nav__noop {
    cursor: default;
}
.gp-nav__noop:hover { color: #333; }

/* ---------- 页脚（浅色） ---------- */
.gp-footer {
    background: #f7f7f7; color: #999;
    margin-top: 0; padding: 36px 0 28px;
    font-size: 12px; line-height: 1.9;
    border-top: 1px solid #eee;
}
.gp-footer__inner {
    max-width: 1180px; margin: 0 auto; padding: 0 20px;
    display: flex; justify-content: space-between; gap: 40px;
}
@media (max-width: 880px) { .gp-footer__inner { flex-direction: column; } }
.gp-footer__left { flex: 1; }
.gp-footer__top { display: flex; gap: 0; margin-bottom: 12px; font-size: 13px; }
.gp-footer__top a { color: #666; padding: 0 12px; border-right: 1px solid #ddd; }
.gp-footer__top a:first-child { padding-left: 0; }
.gp-footer__top a:last-child { border-right: none; }
.gp-footer__top a:hover { color: #ff7a45; }
.gp-footer__main p { margin: 2px 0; color: #999; }
.gp-footer__main a { color: #999; }
.gp-footer__main a:hover { color: #ff7a45; }

/* 右侧二维码 */
.gp-footer__qrs { display: flex; gap: 28px; flex-shrink: 0; }
.gp-footer__qr { text-align: center; }
.gp-footer__qr-img {
    width: 86px; height: 86px;
    object-fit: contain;
    background: #fff;
    border-radius: 4px;
    margin: 0 auto 6px;
}
.gp-footer__qr-label { font-size: 12px; color: #999; }

/* 12+ 适龄提示徽章 */
.gp-footer__badges {
    max-width: 1180px; margin: 18px auto 0; padding: 14px 20px 0;
    border-top: 1px solid #eee;
    display: flex; align-items: center; gap: 14px;
}
.gp-footer__badge12-img { height: 30px; width: auto; display: block; }