/**
 * 星火积分商城 - 前端样式（front.css）
 *
 * beta.908 补齐：本文件此前在仓库中缺失，但
 *   - xhzc_points_mall.php:120（钩子内全局输出）
 *   - controller/mobile/show.php:473（custom_css 传入）
 * 两处均引用它，导致每个页面都挂着一个 404 请求。
 * 现按代码中实际使用到的类名补齐基础定义，配色对齐微信绿主色与
 * _shared/css 的设计语言，不影响页面已有的内联补充样式。
 */

/* ===== 容器 ===== */
.xhzc-pm-front {
    width: 100%;
    padding-bottom: 0;
}

.xhzc-pm-container {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    padding: 0 0 60px;
    box-sizing: border-box;
}

/* ===== PC 端顶部导航（layout 模式下由外层内联样式 display:none 隐藏）===== */
.xhzc-pm-pc-nav {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #f0f0f0;
}

.xhzc-pm-pc-nav-inner {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 20px;
    height: 60px;
    display: flex;
    align-items: center;
    gap: 24px;
    box-sizing: border-box;
}

.xhzc-pm-pc-logo {
    font-size: 18px;
    font-weight: 600;
    color: #1a1a1a;
    text-decoration: none;
    white-space: nowrap;
}

.xhzc-pm-pc-menu {
    display: flex;
    align-items: center;
    gap: 20px;
    flex: 1;
}

.xhzc-pm-pc-menu-item {
    font-size: 14px;
    color: #666;
    text-decoration: none;
    padding: 6px 0;
    transition: color 0.2s;
}

.xhzc-pm-pc-menu-item:hover,
.xhzc-pm-pc-menu-item.active {
    color: #07C160;
}

.xhzc-pm-pc-user {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 13px;
    color: #666;
    white-space: nowrap;
}

.xhzc-pm-pc-btn {
    display: inline-block;
    padding: 7px 16px;
    border-radius: 18px;
    font-size: 13px;
    line-height: 1;
    text-decoration: none;
    border: 1px solid #ddd;
    color: #666;
    background: #fff;
    transition: all 0.2s;
}

.xhzc-pm-pc-btn:hover {
    border-color: #07C160;
    color: #07C160;
}

.xhzc-pm-pc-btn-primary {
    background: #07C160;
    border-color: #07C160;
    color: #fff;
}

.xhzc-pm-pc-btn-primary:hover {
    background: #06ad56;
    border-color: #06ad56;
    color: #fff;
}

.xhzc-pm-pc-link {
    color: #07C160;
    text-decoration: none;
}

.xhzc-pm-pc-link:hover {
    text-decoration: underline;
}

/* ===== 移动端适配 ===== */
@media (max-width: 768px) {
    .xhzc-pm-pc-nav {
        display: none;
    }

    .xhzc-pm-container {
        padding-bottom: 70px;
    }
}