/*
 * @Project      家具展示网站与小程序接口预留项目
 * @File         pages.css
 * @Description  页面级专属样式：首页专属（Featured 区块等）、分类页专属
 *               （侧栏筛选）、商品详情页专属（多图切换、规格选择），
 *               以及全局响应式适配（断点 1024px / 768px）。
 * @Author       易商企
 * @Date         2026
 */

/* ============================================================
 * 一、首页专属样式
 *    Featured 推荐区、品牌故事区等首页独有区块。
 * ============================================================ */

/* 特色推荐区（Featured Section）—— 首页专属 */
.fg-featured {
    background: var(--fg-bg-cream);
}

.fg-featured__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--fg-space-xl);
    max-width: var(--fg-max-width);
    margin: 0 auto;
    padding: var(--fg-content-padding);
}

.fg-featured-card {
    position: relative;
    border-radius: var(--fg-radius-md);
    overflow: hidden;
    aspect-ratio: 16 / 10;
    cursor: pointer;
}

.fg-featured-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.fg-featured-card:hover img {
    transform: scale(1.05);
}

.fg-featured-card__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: var(--fg-space-xl);
}

.fg-featured-card__title {
    font-size: var(--fg-font-size-xl);
    font-weight: 600;
    color: var(--fg-white);
    margin-bottom: var(--fg-space-xs);
}

.fg-featured-card__sub {
    font-size: var(--fg-font-size-sm);
    color: rgba(255, 255, 255, 0.8);
}

/* ============================================================
 * 二、分类页专属样式
 *    左侧筛选栏 + 右侧商品网格 + 顶部排序/分类信息。
 * ============================================================ */
.fg-category-layout {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: var(--fg-space-xl);
    max-width: var(--fg-max-width);
    margin: 0 auto;
    padding: var(--fg-space-xl) var(--fg-space-lg);
}

/* 左侧筛选项 */
.fg-sidebar {
    position: sticky;
    top: calc(var(--fg-header-height) + 24px);
    align-self: start;
}

.fg-sidebar__section {
    margin-bottom: var(--fg-space-xl);
}

.fg-sidebar__title {
    font-size: var(--fg-font-size-base);
    font-weight: 600;
    color: var(--fg-dark);
    margin-bottom: var(--fg-space-md);
    padding-bottom: var(--fg-space-sm);
    border-bottom: 1px solid var(--fg-border);
}

/* 分类筛选列表 */
.fg-sidebar__list {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.fg-sidebar__list a {
    display: block;
    padding: 8px 12px;
    font-size: var(--fg-font-size-sm);
    color: var(--fg-text);
    border-radius: var(--fg-radius-sm);
    transition: all 0.3s ease;
}

.fg-sidebar__list a:hover {
    background: var(--fg-primary-pale);
    color: var(--fg-primary);
}

.fg-sidebar__list a.fg-active {
    background: var(--fg-primary);
    color: var(--fg-white);
}

/* 价格区间滑块（占位样式） */
.fg-sidebar__price-range {
    display: flex;
    flex-direction: column;
    gap: var(--fg-space-sm);
}

.fg-sidebar__price-inputs {
    display: flex;
    align-items: center;
    gap: var(--fg-space-sm);
}

.fg-sidebar__price-inputs input {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid var(--fg-border);
    border-radius: var(--fg-radius-sm);
    font-size: var(--fg-font-size-sm);
    text-align: center;
}

.fg-sidebar__price-inputs input:focus {
    border-color: var(--fg-primary);
}

.fg-sidebar__price-inputs span {
    color: var(--fg-muted);
}

/* 右侧商品区域头部 */
.fg-category-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--fg-space-lg);
    padding-bottom: var(--fg-space-md);
    border-bottom: 1px solid var(--fg-border);
}

.fg-category-header__info {
    font-size: var(--fg-font-size-sm);
    color: var(--fg-muted);
}

.fg-category-header__sort {
    display: flex;
    align-items: center;
    gap: var(--fg-space-sm);
    font-size: var(--fg-font-size-sm);
    color: var(--fg-muted);
}

.fg-category-header__sort select {
    padding: 8px 12px;
    border: 1px solid var(--fg-border);
    border-radius: var(--fg-radius-sm);
    font-size: var(--fg-font-size-sm);
    color: var(--fg-text);
    background: var(--fg-white);
    cursor: pointer;
}

/* ============================================================
 * 三、商品详情页专属样式
 *    多图切换、规格选择、商品信息 + 按钮区。
 * ============================================================ */
.fg-product-detail {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--fg-space-3xl);
    max-width: var(--fg-max-width);
    margin: 0 auto;
    padding: var(--fg-space-xl) var(--fg-space-lg) var(--fg-space-4xl);
}

/* 左侧：多图切换 */
.fg-gallery {
    position: sticky;
    top: calc(var(--fg-header-height) + 16px);
    align-self: start;
}

/* 主图显示区 */
.fg-gallery__main {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: var(--fg-radius-md);
    overflow: hidden;
    background: var(--fg-light);
    margin-bottom: var(--fg-space-md);
}

.fg-gallery__main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.3s ease;
}

/* 缩略图列表 */
.fg-gallery__thumbs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--fg-space-sm);
}

.fg-gallery__thumb {
    aspect-ratio: 1 / 1;
    border-radius: var(--fg-radius-sm);
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent;
    transition: border-color 0.3s ease;
    background: var(--fg-light);
}

.fg-gallery__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fg-gallery__thumb.fg-active {
    border-color: var(--fg-primary);
}

.fg-gallery__thumb:hover {
    border-color: var(--fg-primary-light);
}

/* 右侧：商品信息 */
.fg-product-info__brand {
    font-size: var(--fg-font-size-xs);
    color: var(--fg-muted);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: var(--fg-space-sm);
}

.fg-product-info__name {
    font-size: var(--fg-font-size-2xl);
    font-weight: 600;
    color: var(--fg-dark);
    line-height: var(--fg-line-height-tight);
    margin-bottom: var(--fg-space-md);
}

.fg-product-info__rating {
    display: flex;
    align-items: center;
    gap: var(--fg-space-sm);
    margin-bottom: var(--fg-space-md);
    font-size: var(--fg-font-size-sm);
    color: var(--fg-muted);
}

.fg-product-info__rating-stars {
    color: var(--fg-new);
    display: flex;
    gap: 2px;
}

.fg-product-info__rating-stars svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

/* 价格展示 */
.fg-product-info__prices {
    display: flex;
    align-items: baseline;
    gap: var(--fg-space-md);
    margin-bottom: var(--fg-space-lg);
    padding-bottom: var(--fg-space-lg);
    border-bottom: 1px solid var(--fg-border);
}

.fg-product-info__price-current {
    font-size: var(--fg-font-size-3xl);
    font-weight: 600;
    color: var(--fg-dark);
}

.fg-product-info__price-original {
    font-size: var(--fg-font-size-lg);
    color: var(--fg-muted);
    text-decoration: line-through;
}

.fg-product-info__price-discount {
    font-size: var(--fg-font-size-sm);
    color: var(--fg-sale);
    font-weight: 600;
    padding: 4px 12px;
    background: rgba(209, 39, 39, 0.1);
    border-radius: var(--fg-radius-pill);
}

/* 规格选择区域 */
.fg-product-info__specs {
    margin-bottom: var(--fg-space-xl);
}

.fg-product-info__spec-group {
    margin-bottom: var(--fg-space-lg);
}

.fg-product-info__spec-label {
    font-size: var(--fg-font-size-sm);
    font-weight: 600;
    color: var(--fg-dark);
    margin-bottom: var(--fg-space-sm);
}

.fg-product-info__spec-options {
    display: flex;
    flex-wrap: wrap;
    gap: var(--fg-space-sm);
}

.fg-product-info__spec-option {
    padding: 10px 20px;
    border: 1px solid var(--fg-border);
    border-radius: var(--fg-radius-sm);
    font-size: var(--fg-font-size-sm);
    color: var(--fg-text);
    cursor: pointer;
    transition: all 0.3s ease;
    background: var(--fg-white);
}

.fg-product-info__spec-option:hover {
    border-color: var(--fg-primary);
    color: var(--fg-primary);
}

.fg-product-info__spec-option.fg-active {
    border-color: var(--fg-primary);
    background: var(--fg-primary);
    color: var(--fg-white);
}

/* 颜色规格圆点（特殊样式） */
.fg-product-info__spec-option--color {
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 50%;
    border-width: 3px;
}

.fg-product-info__spec-option--color.fg-active {
    border-color: var(--fg-primary);
    outline: 2px solid var(--fg-primary);
    outline-offset: 2px;
}

/* 操作按钮区 */
.fg-product-info__actions {
    display: flex;
    gap: var(--fg-space-md);
    padding-top: var(--fg-space-lg);
    border-top: 1px solid var(--fg-border);
}

.fg-product-info__actions .fg-btn {
    flex: 1;
}

/* 商品描述/详情 Tab（详情页下方） */
.fg-product-description {
    max-width: var(--fg-max-width);
    margin: 0 auto;
    padding: 0 var(--fg-space-lg) var(--fg-space-4xl);
}

.fg-product-description__tabs {
    display: flex;
    gap: 0;
    border-bottom: 1px solid var(--fg-border);
    margin-bottom: var(--fg-space-xl);
}

.fg-product-description__tab {
    padding: 12px 28px;
    font-size: var(--fg-font-size-sm);
    font-weight: 500;
    color: var(--fg-muted);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease;
}

.fg-product-description__tab:hover {
    color: var(--fg-text);
}

.fg-product-description__tab.fg-active {
    color: var(--fg-primary);
    border-bottom-color: var(--fg-primary);
}

.fg-product-description__content {
    font-size: var(--fg-font-size-sm);
    color: var(--fg-text);
    line-height: var(--fg-line-height-loose);
    max-width: 720px;
}

.fg-product-description__content p {
    margin-bottom: var(--fg-space-md);
}

/* ============================================================
 * 四、全局响应式适配
 *    桌面 > 1024px（默认）/ 平板 768-1024px / 移动 < 768px
 * ============================================================ */

/* —— 平板端（768px - 1024px） —— */
@media (max-width: 1024px) {
    /* 商品网格：4 列 → 3 列 */
    .fg-products-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    /* 分类入口：8 列 → 4 列 */
    .fg-category-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .fg-hero {
        max-height: 420px;
    }
    .fg-hero__title {
        font-size: var(--fg-font-size-2xl);
    }

    /* 页脚：5 列 → 3 列 */
    .fg-footer__links-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    /* 信任条：4 列 → 2 列 */
    .fg-trust-band__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* 分类页：侧栏折叠到上方（简化） */
    .fg-category-layout {
        grid-template-columns: 1fr;
    }

    .fg-sidebar {
        position: static;
        display: flex;
        flex-wrap: wrap;
        gap: var(--fg-space-md);
    }

    .fg-sidebar__section {
        flex: 1;
        min-width: 200px;
        margin-bottom: 0;
    }

    /* 详情页：依然是两列，间距缩小 */
    .fg-product-detail {
        gap: var(--fg-space-xl);
    }

    /* Newsletter 堆叠 */
    .fg-footer__newsletter-inner {
        flex-direction: column;
        text-align: center;
    }
}

/* —— 移动端（< 768px） —— */
@media (max-width: 767px) {
    /* 商品网格：3 列 → 2 列 */
    .fg-products-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--fg-space-sm);
    }

    /* 分类入口：8 列 → 横向滚动 */
    .fg-category-grid {
        grid-template-columns: repeat(8, 1fr);
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        gap: var(--fg-space-xs);
        padding-bottom: var(--fg-space-sm);
    }

    .fg-category-card {
        scroll-snap-align: start;
        min-width: 100px;
    }

    .fg-hero {
        max-height: 380px;
        min-height: 240px;
    }
    .fg-hero__text {
        padding: 32px var(--fg-space-lg) 56px;
        max-width: 100%;
    }
    .fg-hero__title {
        font-size: var(--fg-font-size-xl);
    }
    .fg-hero__desc {
        font-size: var(--fg-font-size-sm);
    }
    .fg-hero__dots {
        right: 20px;
        bottom: 16px;
    }

    /* 隐藏 USP 条 */
    .fg-usp-bar {
        display: none;
    }

    /* 隐藏 Mega 菜单（移动端简化） */
    .fg-mega-menu {
        display: none;
    }

    /* 移动端搜索条全宽 */
    .fg-search-bar__inner {
        padding: 0 16px;
        height: 52px;
    }

    .fg-search-bar__input {
        font-size: var(--fg-font-size-sm);
    }

    /* 导航菜单：水平滚动 */
    .fg-nav__list {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        justify-content: flex-start;
        gap: 0;
    }

    .fg-nav__link {
        padding: 12px 16px;
        white-space: nowrap;
        font-size: var(--fg-font-size-xs);
    }

    /* 页脚：5 列 → 2 列 → 移动端 1 列 */
    .fg-footer__links-grid {
        grid-template-columns: 1fr 1fr;
    }

    .fg-footer__bottom-inner {
        flex-direction: column;
        gap: var(--fg-space-md);
        text-align: center;
    }

    /* 信任条：2 列 */
    .fg-trust-band__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--fg-space-lg);
    }

    .fg-trust-band__number {
        font-size: var(--fg-font-size-2xl);
    }

    /* 详情页：单列 */
    .fg-product-detail {
        grid-template-columns: 1fr;
    }

    .fg-gallery {
        position: static;
    }

    .fg-product-info__name {
        font-size: var(--fg-font-size-xl);
    }

    .fg-product-info__price-current {
        font-size: var(--fg-font-size-2xl);
    }

    .fg-product-info__actions {
        flex-direction: column;
    }

    /* Featured 区：单列 */
    .fg-featured__grid {
        grid-template-columns: 1fr;
    }

    /* 分类页头部排序：堆叠 */
    .fg-category-header {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--fg-space-sm);
    }

    /* 搜索框隐藏（移动端 Header 简化） */
    .fg-search {
        display: none;
    }

    /* 分类页侧栏：单列 */
    .fg-sidebar {
        flex-direction: column;
    }

    .fg-sidebar__section {
        min-width: 100%;
    }
}

/* ============================================================
 * 五、关于我们页面专属样式
 * ============================================================ */

/* About Hero */
.fg-about-hero {
    width: 100%;
    aspect-ratio: 16 / 4;
    height: auto;
    min-height: 200px;
    max-height: 320px;
    background: linear-gradient(135deg, var(--fg-primary-pale) 0%, var(--fg-bg-cream) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.fg-about-hero__text {
    max-width: 700px;
    padding: 0 var(--fg-space-lg);
}

.fg-about-hero__title {
    font-size: var(--fg-font-size-4xl);
    font-weight: 600;
    color: var(--fg-dark);
    margin-bottom: var(--fg-space-md);
    line-height: var(--fg-line-height-tight);
}

.fg-about-hero__desc {
    font-size: var(--fg-font-size-lg);
    color: var(--fg-muted);
    line-height: var(--fg-line-height-loose);
}

/* 品牌故事 */
.fg-about-story__content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--fg-space-3xl);
    max-width: var(--fg-max-width);
    margin: 0 auto;
    padding: var(--fg-content-padding);
    align-items: center;
}

.fg-about-story__image {
    border-radius: var(--fg-radius-md);
    overflow: hidden;
    aspect-ratio: 4 / 3;
}

.fg-about-story__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fg-about-story__text h2 {
    font-size: var(--fg-font-size-2xl);
    font-weight: 600;
    color: var(--fg-dark);
    margin-bottom: var(--fg-space-lg);
}

.fg-about-story__text p {
    font-size: var(--fg-font-size-base);
    color: var(--fg-text);
    line-height: var(--fg-line-height-loose);
    margin-bottom: var(--fg-space-md);
}

/* 品牌理念 */
.fg-about-values__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--fg-space-xl);
    max-width: var(--fg-max-width);
    margin: 0 auto;
    padding: var(--fg-content-padding);
}

.fg-about-value-card {
    text-align: center;
    padding: var(--fg-space-xl);
}

.fg-about-value-card__icon {
    width: 48px;
    height: 48px;
    color: var(--fg-primary);
    margin: 0 auto var(--fg-space-md);
}

.fg-about-value-card__title {
    font-size: var(--fg-font-size-lg);
    font-weight: 600;
    color: var(--fg-dark);
    margin-bottom: var(--fg-space-sm);
}

.fg-about-value-card__desc {
    font-size: var(--fg-font-size-sm);
    color: var(--fg-muted);
    line-height: var(--fg-line-height-base);
}

/* 发展历程 */
.fg-about-timeline__list {
    max-width: 800px;
    margin: 0 auto;
    padding: var(--fg-content-padding);
}

.fg-about-timeline__item {
    display: flex;
    gap: var(--fg-space-xl);
    padding: var(--fg-space-lg) 0;
    border-bottom: 1px solid var(--fg-border);
}

.fg-about-timeline__item:last-child {
    border-bottom: none;
}

.fg-about-timeline__year {
    font-size: var(--fg-font-size-xl);
    font-weight: 600;
    color: var(--fg-primary);
    min-width: 80px;
    flex-shrink: 0;
}

.fg-about-timeline__desc {
    font-size: var(--fg-font-size-base);
    color: var(--fg-text);
    line-height: var(--fg-line-height-base);
}

/* ============================================================
 * 六、联系我们页面专属样式
 * ============================================================ */

/* Contact Hero */
.fg-contact-hero {
    width: 100%;
    aspect-ratio: 16 / 5;
    height: auto;
    min-height: 180px;
    max-height: 280px;
    background: linear-gradient(135deg, var(--fg-primary-pale) 0%, var(--fg-bg-cream) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.fg-contact-hero__text {
    max-width: 700px;
    padding: 0 var(--fg-space-lg);
}

.fg-contact-hero__title {
    font-size: var(--fg-font-size-4xl);
    font-weight: 600;
    color: var(--fg-dark);
    margin-bottom: var(--fg-space-md);
    line-height: var(--fg-line-height-tight);
}

.fg-contact-hero__desc {
    font-size: var(--fg-font-size-lg);
    color: var(--fg-muted);
    line-height: var(--fg-line-height-loose);
}

/* 联系方式 + 表单布局 */
.fg-contact-layout {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: var(--fg-space-3xl);
    max-width: var(--fg-max-width);
    margin: 0 auto;
    padding: var(--fg-content-padding);
}

/* 联系信息 */
.fg-contact-info__title {
    font-size: var(--fg-font-size-xl);
    font-weight: 600;
    color: var(--fg-dark);
    margin-bottom: var(--fg-space-xl);
}

.fg-contact-info__item {
    display: flex;
    gap: var(--fg-space-md);
    margin-bottom: var(--fg-space-xl);
}

.fg-contact-info__icon {
    width: 24px;
    height: 24px;
    color: var(--fg-primary);
    flex-shrink: 0;
    margin-top: 2px;
}

.fg-contact-info__label {
    font-size: var(--fg-font-size-base);
    font-weight: 600;
    color: var(--fg-dark);
    margin-bottom: var(--fg-space-xs);
}

.fg-contact-info__text {
    font-size: var(--fg-font-size-sm);
    color: var(--fg-muted);
    line-height: var(--fg-line-height-base);
}

.fg-contact-info__text a {
    color: var(--fg-primary);
    text-decoration: none;
}

.fg-contact-info__text a:hover {
    text-decoration: underline;
}

/* 留言表单 */
.fg-contact-form__title {
    font-size: var(--fg-font-size-xl);
    font-weight: 600;
    color: var(--fg-dark);
    margin-bottom: var(--fg-space-xl);
}

.fg-contact-form__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--fg-space-md);
    margin-bottom: var(--fg-space-md);
}

.fg-contact-form__group {
    margin-bottom: var(--fg-space-md);
}

.fg-contact-form__label {
    display: block;
    font-size: var(--fg-font-size-sm);
    font-weight: 500;
    color: var(--fg-text);
    margin-bottom: var(--fg-space-xs);
}

.fg-contact-form__input,
.fg-contact-form__select,
.fg-contact-form__textarea {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid var(--fg-border);
    border-radius: var(--fg-radius-sm);
    font-size: var(--fg-font-size-base);
    color: var(--fg-text);
    background: var(--fg-white);
    transition: border-color 0.3s ease;
}

.fg-contact-form__input:focus,
.fg-contact-form__select:focus,
.fg-contact-form__textarea:focus {
    outline: none;
    border-color: var(--fg-primary);
}

.fg-contact-form__textarea {
    resize: vertical;
    font-family: inherit;
}

/* ============================================================
 * 七、平板端响应式（768px - 1024px）
 * ============================================================ */
@media (max-width: 1024px) {
    .fg-about-story__content {
        grid-template-columns: 1fr;
    }

    .fg-about-values__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .fg-contact-layout {
        grid-template-columns: 1fr;
    }
}

/* ============================================================
 * 八、移动端响应式（< 768px）
 * ============================================================ */
@media (max-width: 767px) {
    .fg-about-hero {
        max-height: 240px;
        min-height: 160px;
    }

    .fg-about-hero__title {
        font-size: var(--fg-font-size-2xl);
    }

    .fg-about-hero__desc {
        font-size: var(--fg-font-size-base);
    }

    .fg-about-values__grid {
        grid-template-columns: 1fr;
    }

    .fg-about-timeline__item {
        flex-direction: column;
        gap: var(--fg-space-sm);
    }

    .fg-about-timeline__year {
        min-width: auto;
    }

    .fg-contact-hero {
        max-height: 200px;
        min-height: 140px;
    }

    .fg-contact-hero__title {
        font-size: var(--fg-font-size-2xl);
    }

    .fg-contact-hero__desc {
        font-size: var(--fg-font-size-base);
    }

    .fg-contact-form__row {
        grid-template-columns: 1fr;
    }
}

/* ============================================================
 * 八点一、小屏手机响应式（< 480px）
 * ============================================================ */
@media (max-width: 480px) {
    /* —— 商品网格：2列保持但间距缩小 —— */
    .fg-products-grid {
        gap: var(--fg-space-sm);
        padding: 0 var(--fg-space-sm);
    }

    /* —— 分类网格 —— */
    .fg-category-grid {
        padding: 0 var(--fg-space-sm);
    }

    /* —— Hero 进一步缩小 —— */
    .fg-hero {
        max-height: 320px;
        min-height: 200px;
    }
    .fg-hero__text {
        padding: 20px var(--fg-space-md) 48px;
    }
    .fg-hero__title {
        font-size: var(--fg-font-size-base);
    }

    /* —— 分类页侧栏 —— */
    .fg-category-layout {
        padding: var(--fg-space-md) var(--fg-space-sm);
        gap: var(--fg-space-md);
    }
    .fg-sidebar__section {
        min-width: 100%;
    }

    /* —— 商品详情页 —— */
    .fg-product-detail {
        padding: var(--fg-space-md) var(--fg-space-sm) var(--fg-space-2xl);
        gap: var(--fg-space-lg);
    }
    .fg-gallery__thumbs {
        grid-template-columns: repeat(3, 1fr);
    }
    .fg-product-info__name {
        font-size: var(--fg-font-size-lg);
    }
    .fg-product-info__price-current {
        font-size: var(--fg-font-size-xl);
    }
    .fg-product-description {
        padding: 0 var(--fg-space-sm) var(--fg-space-xl);
    }
    .fg-product-description__tabs {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* —— Featured 区 —— */
    .fg-featured-card__overlay {
        padding: var(--fg-space-md);
    }
    .fg-featured-card__title {
        font-size: var(--fg-font-size-base);
    }

    /* —— 分类页头部 —— */
    .fg-category-header {
        padding-bottom: var(--fg-space-sm);
        margin-bottom: var(--fg-space-md);
    }

    /* —— 信任条：2列保持 —— */
    .fg-trust-band__number {
        font-size: var(--fg-font-size-xl);
    }
    .fg-trust-band__label {
        font-size: var(--fg-font-size-xs);
    }

    /* —— 页脚链接：单列 —— */
    .fg-footer__links-grid {
        grid-template-columns: 1fr;
    }
    .fg-footer__links {
        padding: var(--fg-space-xl) 0;
    }

    /* —— About 页面 —— */
    .fg-about-hero {
        max-height: 200px;
        min-height: 140px;
        aspect-ratio: 16 / 3;
    }
    .fg-about-hero__title {
        font-size: var(--fg-font-size-xl);
    }
    .fg-about-hero__desc {
        font-size: var(--fg-font-size-sm);
    }
    .fg-about-story__text h2 {
        font-size: var(--fg-font-size-lg);
    }
    .fg-about-value-card {
        padding: var(--fg-space-md);
    }
    .fg-about-value-card__title {
        font-size: var(--fg-font-size-base);
    }
    .fg-about-timeline__year {
        font-size: var(--fg-font-size-base);
    }
    .fg-about-timeline__desc {
        font-size: var(--fg-font-size-sm);
    }

    /* —— Contact 页面 —— */
    .fg-contact-hero {
        max-height: 180px;
        min-height: 130px;
        aspect-ratio: 16 / 4;
    }
    .fg-contact-hero__title {
        font-size: var(--fg-font-size-xl);
    }
    .fg-contact-hero__desc {
        font-size: var(--fg-font-size-sm);
    }
    .fg-contact-layout {
        padding: 0 var(--fg-space-sm);
        gap: var(--fg-space-xl);
    }
    .fg-contact-info__title,
    .fg-contact-form__title {
        font-size: var(--fg-font-size-lg);
    }
    .fg-contact-form__input,
    .fg-contact-form__select,
    .fg-contact-form__textarea {
        padding: 10px 12px;
        font-size: var(--fg-font-size-sm);
    }
}

/* ============================================================
 * 九、商品详情页 — 分期信息
 * ============================================================ */
.fg-installment-info {
    margin-top: var(--fg-space-md);
    font-size: var(--fg-font-size-sm);
    color: var(--fg-muted);
}

/* ============================================================
 * 十、商品描述 Tab 面板
 * ============================================================ */
.fg-product-description__panel {
    display: none;
}

.fg-product-description__panel.fg-active {
    display: block;
}

/* ============================================================
 * 十一、规格参数列表
 * ============================================================ */
.fg-specs-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.fg-specs-list li {
    padding: 8px 0;
    border-bottom: 1px solid var(--fg-border);
}

/* ============================================================
 * 十二、特性列表
 * ============================================================ */
.fg-feature-list {
    list-style: disc;
    padding-left: 20px;
    margin-bottom: var(--fg-space-md);
}

/* ============================================================
 * 十三、高亮链接
 * ============================================================ */
.fg-link-highlight {
    color: var(--fg-primary);
}

/* ============================================================
 * 十四、品牌理念区块背景色
 * ============================================================ */
.fg-about-values--cream {
    background: var(--fg-bg-cream);
}

/* ============================================================
 * 十五、联系表单包装器
 * ============================================================ */
.fg-contact-form-wrapper {
    flex: 1;
}

/* ============================================================
 * 十六、联系区块
 * ============================================================ */
.fg-contact-section {
    padding: var(--fg-space-4xl) 0;
}