/* ==========================================================
   page-detail.css - 详情页通用样式（商品详情 + 文化故事详情）
   ========================================================== */

/* ==========================================================
   文化故事详情页 — 文章标题区
   ========================================================== */
.story-detail-header {
    padding: var(--sp-24) 0;
}

.story-detail-container {
    margin: 0 auto;
    display: grid;
    grid-template-columns: 380px 1fr;
    gap: var(--sp-24);
    align-items: start;
}

.sd-sidebar {
    display: flex;
    flex-direction: column;
    gap: var(--sp-6);
    padding-top: var(--sp-2);
}

.sd-info-item {
    display: flex;
    flex-direction: column;
    gap: var(--sp-1);
}

.sd-info-label {
    font-size: var(--fs-base);
    font-weight: var(--fw-medium);
    color: var(--color-text-dark);
    letter-spacing: 1px;
}

.sd-info-author {
    font-size: var(--fs-2xl);
    font-weight: var(--fw-normal);
    color: var(--color-text-dark);
    letter-spacing: 1px;
    line-height: var(--lh-normal);
}

.sd-info-date, .sd-info-topic {
    font-size: var(--fs-base);
    font-weight: var(--fw-medium);
    color: var(--color-text-muted);
    letter-spacing: 1px;
    line-height: var(--lh-normal);
}


.sd-info-divider {
    width: 100%;
    height: 1px;
    background: var(--color-text-body);
    margin-top: var(--sp-12);
}

.sd-main {
    display: flex;
    flex-direction: column;
    /* grid 子项默认 min-width:auto，正文内宽表格的 min-content 会把列撑破容器；设为 0 允许收缩 */
    min-width: 0;
}

/* 故事详情标题居中 */
body[data-page="story-show"] .sd-title {
    text-align: center;
}

.sd-title {
    font-size: var(--fs-hero);
    font-weight: var(--fw-normal);
    color: var(--color-text-dark);
    letter-spacing: 4px;
    line-height: var(--lh-tight);
    margin-bottom: var(--sp-3);
}

.sd-subtitle {
    font-size: var(--fs-hero);
    font-weight: var(--fw-normal);
    color: var(--color-text-dark);
    letter-spacing: 3px;
    line-height: var(--lh-tight);
    margin-bottom: var(--sp-24);
}

.sd-lead {
    font-size: var(--fs-base);
    color: var(--color-text-dark);
    line-height: var(--lh-relaxed);
    letter-spacing: 1px;
}

/* 平板：左栏收窄、间距收小，标题阶梯缩小 */
@media (max-width: 1024px) {
    .story-detail-container {
        grid-template-columns: 280px 1fr;
        gap: var(--sp-12);
    }

    .sd-info-author{
      font-size: var(--fs-sm);
    }

    .sd-title {
        font-size: var(--fs-3xl);
        letter-spacing: 3px;
    }

    .sd-subtitle {
        font-size: var(--fs-2xl);
        letter-spacing: 2px;
        margin-bottom: var(--sp-12);
    }
}

@media (max-width: 768px) {
    .story-detail-header {
        padding: var(--sp-16) 0 var(--sp-12);
    }

    .story-detail-container {
        grid-template-columns: 1fr;
        gap: var(--sp-6);
    }

    .sd-sidebar {
        flex-direction: row;
        flex-wrap: wrap;
        gap: var(--sp-4) var(--sp-8);
        padding-top: 0;
    }

    .sd-info-divider {
        display: none;
    }

    .sd-title {
        font-size: var(--fs-2xl);
        letter-spacing: 2px;
    }

    .sd-subtitle {
        font-size: var(--fs-xl);
        letter-spacing: 2px;
    }

    .sd-lead {
        font-size: var(--fs-base);
    }
}

/* ==========================================================
   文化故事详情页 — 正文区微调
   ========================================================== */
body[data-page="story-show"]{
  background-color: transparent;
}

body[data-page="story-show"] .article-body {
    padding-top: var(--sp-1);
}

body[data-page="story-show"] .article-body-inner {
    line-height: var(--lh-relaxed);
}

/* 需求变更：故事详情页正文区解除 820px 阅读宽度限制，撑满父级（仅限本页，不影响全局约定） */
body[data-page="story-show"] .article-body-inner {
    max-width: none;
}

/* UEditor 正文表格：硬编码 width 会撑破容器，限制为不超出容器宽度，图片随之自适应 */
body[data-page="story-show"] .article-body-inner table {
    max-width: 100%;
    width: 100%;
    table-layout: fixed;
}

/* table-layout:fixed 下列宽由首行 td 的 width 属性决定，必须覆盖为 auto 才能随容器均分收缩 */
body[data-page="story-show"] .article-body-inner table td,
body[data-page="story-show"] .article-body-inner table th {
    width: auto !important;
}

body[data-page="story-show"] .article-body-inner table img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

body[data-page="story-show"] .article-body-inner td,
body[data-page="story-show"] .article-body-inner th {
    word-break: break-word;
}

body[data-page="story-show"] .article-body-inner h3,
body[data-page="story-show"] .article-body-inner h4 {

    font-size: var(--fs-lg);
    font-weight: var(--fw-medium);
    color: var(--color-text-dark);
    letter-spacing: 2px;
    line-height: var(--lh-normal);
    margin-top: var(--sp-10);
    margin-bottom: var(--sp-4);
}

@media (max-width: 768px) {
    body[data-page="story-show"] .article-body {
        padding-top: var(--sp-6);
    }

    body[data-page="story-show"] .article-body-inner h3,
    body[data-page="story-show"] .article-body-inner h4 {
        margin-top: var(--sp-8);
        font-size: var(--fs-base);
    }
}

.article-back-prev{
  text-align: right;
}

.article-back-btn{
  font-size: var(--fs-base);
  display: inline-block;
  text-decoration: underline;
}

/* ==========================================================
   手艺人/文章详情页 — 引言 + 正文 + 标签 + 推荐产品
   ========================================================== */

/* ========== 覆盖全局page-banner-label样式 ========== */
.artisan-banner-label{
  font-size: var(--fs-lg);
  margin-bottom: 0;
}

/* ========== 正文容器（居中窄版） ========== */
.detail-container {
    max-width: 780px;
    margin: 0 auto;
}

/* ========== 引言区 ========== */
.detail-quote-section {
    padding: var(--sp-24) 0;
    background: var(--color-bg-cream);
}

.artisan-quote-section {
    padding: var(--sp-24) 0;
    background: var(--color-bg-cream);
}

.artisan-quote {
    max-width: 860px;
    margin: 0 auto;
    text-align: center;
}

.artisan-quote-text {
    font-size: var(--fs-lg);
    color: var(--color-text-dark);
    line-height: var(--lh-loose);
    letter-spacing: 1px;
    margin-bottom: var(--sp-6);
}

.artisan-quote-label {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-2);
    color: var(--color-secondary);
    margin-bottom: var(--sp-16);
    font-size: var(--fs-base);
    font-weight: var(--fw-medium);
}

.artisan-quote-label .label-en {

    letter-spacing: 3px;
    text-transform: uppercase;
}

.artisan-quote-label .label-cn,
.artisan-quote-label .label-dot {
    letter-spacing: 1px;
}

.artisan-quote-seal {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--sp-3);
}

/* 引言区 logo 占位（替换原印章字符） */
.seal-logo {
    width: 44px;
    height: 72px;
    object-fit: contain;
    display: block;
}

/* ========== 英文装饰 + 封面大图 ========== */
.detail-hero {
    padding: var(--sp-24) 0;
}

.detail-hero-line {
    width: 100%;
    height: 1px;
    background: var(--color-border, --color-divider);
    margin-bottom: var(--sp-24);
}

.detail-hero-en {
    font-size: var(--fs-3xl);
    color: var(--color-text-dark);
    letter-spacing: 6px;
    margin-bottom: var(--sp-16);
    opacity: 0.8;
}

.detail-hero-image {
    aspect-ratio: 1540 / 648;
    overflow: hidden;
}

.detail-hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s;
}

.detail-hero-image:hover img {
    transform: scale(1.02);
}

/* ========== 作者信息栏 ========== */
.detail-author-section {
    padding: var(--sp-24) 0;
    background: var(--color-bg-cream);
}

.author-bar {
    max-width: 780px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px;
}

.author-info {
    display: flex;
    align-items: center;
    gap: 16px;
}

.author-avatar {
    width: 56px;
    height: 56px;
    border-radius: var(--radius-full);
    overflow: hidden;
    flex-shrink: 0;
}

.author-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.author-name {

    font-size: var(--fs-lg);
    font-weight: var(--fw-medium);
    color: var(--color-text-dark);
    letter-spacing: 2px;
    margin-bottom: 2px;
}

.author-studio {
    font-size: var(--fs-base);
    color: var(--color-text-muted);
    letter-spacing: 1px;
}

.author-date {
    font-size: var(--fs-base);
    color: var(--color-text-muted);
    letter-spacing: 1px;
}

/* ========== 正文 ========== */
.detail-content {
    padding: var(--sp-24) 0;
    background: var(--color-bg-cream);
}

.detail-paragraph {

    font-size: var(--fs-base);
    color: var(--color-text-body);
    line-height: var(--lh-loose);
    margin-bottom: var(--sp-6);
    text-align: justify;
    letter-spacing: 0.5px;
}

.detail-figure {
    margin: 36px 0;
    width: 100%;
}

.detail-figure img {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: transform 0.5s;
}

.detail-figure:hover img {
    transform: scale(1.01);
}

.detail-figure figcaption {
    margin-top: var(--sp-2);
    font-size: var(--fs-base);
    color: var(--color-text-muted);
    text-align: center;
    letter-spacing: 1px;

}

.detail-blockquote {
    margin: 32px 0;
    padding: 24px 28px;
    border-left: 3px solid var(--color-seal);
    background: var(--color-bg-cream-deep);
}

.detail-blockquote p {

    font-size: var(--fs-base);
    color: var(--color-text-dark);
    line-height: var(--lh-loose);
    font-style: italic;
    letter-spacing: 1px;
}

/* ========== IN YUNNAN 推荐产品 ========== */
.detail-product-section {
    padding: var(--sp-24) 0;
    background: var(--color-bg-cream-deep);
}

.product-detail-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
}

.product-detail-main {
    overflow: hidden;
}

.product-detail-main img {
    width: 100%;
    height: 520px;
    object-fit: cover;
    transition: transform 0.5s;
}

.product-detail-main:hover img {
    transform: scale(1.03);
}

.product-detail-info {
    display: flex;
    flex-direction: column;
}

.product-detail-title {

    font-size: var(--fs-2xl);
    font-weight: var(--fw-medium);
    color: var(--color-text-dark);
    letter-spacing: 2px;
    margin-bottom: var(--sp-2);
}

.product-detail-subtitle {

    font-size: var(--fs-base);
    color: var(--color-accent);
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: var(--sp-5);
}

.product-detail-desc {

    font-size: var(--fs-base);
    color: var(--color-text-body);
    line-height: var(--lh-loose);
    margin-bottom: var(--sp-6);
}

.product-detail-thumbs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--sp-2);
}

.product-detail-thumb {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.product-detail-thumb img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    transition: transform 0.4s;
}

.product-detail-thumb:hover img {
    transform: scale(1.05);
}

.product-detail-thumb span {
    font-size: var(--fs-base);
    color: var(--color-text-muted);
    letter-spacing: 1px;
}

/* ========== 响应式：平板 ========== */
@media (max-width: 1024px) {
    .detail-hero-en {
        font-size: var(--fs-2xl);
    }

    .product-detail-layout {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .product-detail-main img {
        height: 400px;
    }
}

/* ========== 响应式：手机 ========== */
@media (max-width: 768px) {
    .detail-quote-section,
    .artisan-quote-section,
    .detail-hero,
    .detail-author-section,
    .detail-content,
    .detail-product-section {
        padding: var(--sp-16) 0 var(--sp-12);
    }

    .detail-hero-en {
        font-size: var(--fs-2xl);
    }

    .author-bar {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .detail-paragraph {
        font-size: var(--fs-sm);
        line-height: 2;
    }

    .detail-figure {
        margin: var(--sp-8) 0;
    }

    .detail-blockquote {
        margin: var(--sp-6) 0;
        padding: var(--sp-4) 20px;
    }

    .tags-share-bar {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .product-detail-main img {
        height: 300px;
    }

    .product-detail-thumbs {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ==========================================================
   手艺人详情页 — 页面级样式（artisan-show 专用）
   ========================================================== */

body[data-page="artisan-show"] {
    background-color: var(--color-bg-cream-deep);
}

/* ==========================================================
   手艺人详情页 — ABOUT 介绍内容区
   ========================================================== */

/* ========== 模块 1：英文装饰 + 全宽大图（沿用 .detail-hero，仅微调图片比例） ========== */
/* 图片比例改由上方 .detail-hero-image img 的 aspect-ratio: 16 / 9 控制，无需额外样式 */

/* ========== 模块 2：工作室名称区 ========== */
.artisan-studio-header {
    padding: var(--sp-24) 0;
}

/* 工作室区域统一缩进 */
.studio-inner,
.intro-inner {
    margin-left: 10%;
}

.studio-name {
    font-size: var(--fs-3xl);
    font-weight: var(--fw-medium);
    color: var(--color-text-dark);
    letter-spacing: 4px;
    margin-bottom: var(--sp-2);
}

.studio-subtitle {
    font-size: var(--fs-3xl);
    font-weight: var(--fw-medium);
    color: var(--color-text-dark);
    letter-spacing: 4px;
}

/* ========== 模块 2：工作室简介 ========== */
.artisan-intro-section {
    padding: var(--sp-24) 0;
}

.intro-layout {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--sp-12);
    align-items: start;
}

.intro-label {
    display: flex;
    align-items: center;
    gap: var(--sp-1);
    padding-top: var(--sp-1);
    flex-shrink: 0;
    font-size: var(--fs-base);
    font-weight: var(--fw-medium);
}

.intro-label-en {
    color: var(--color-secondary);
    letter-spacing: 3px;
    text-transform: uppercase;
}

.intro-label-sep,
.intro-label-cn {
    color: var(--color-secondary);
    letter-spacing: 1px;
}

.intro-media{
    width: 63px;
    height: 61px;
    object-fit: contain;
    display: block;
    margin-top: var(--sp-16);
}

.intro-body {
    margin-left: var(--sp-24);
    font-size: var(--fs-base);
    font-weight: var(--fw-medium);
    color: var(--color-text-dark);
    line-height: var(--lh-loose);
    letter-spacing: 0.5px;
    text-align: justify;
}

.intro-body > p {
    margin-bottom: var(--sp-6);
}

/* ========== 模块 3：创始人简介 ========== */
.artisan-founder-section {
    padding: var(--sp-24) 0;
}

.founder-layout {
    margin-left: 20%;
    display: grid;
    grid-template-columns: 432px 1fr;
    gap: var(--sp-20);
    align-items: start;
}

/* 多个手艺人之间的垂直间隔（相邻兄弟，不影响末尾与单个布局） */
.founder-layout + .founder-layout {
    margin-top: var(--sp-24);
}

/* 多个创始人：左右切换展示（显示/隐藏，一次只显示一个） */
.founder-carousel {
    position: relative;
    padding: 0 var(--sp-14);
}

.founder-slide {
    display: none;
}

.founder-slide-active {
    display: block;
}

.founder-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 50%;
    background: #fff;
    color: var(--color-text-dark);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    transition: opacity 0.3s;
}

.founder-nav:hover {
    opacity: 0.6;
}

.founder-nav:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.founder-nav-prev {
    left: 0;
}

.founder-nav-next {
    right: 0;
}

.founder-photo-wrap {
    aspect-ratio: 432 / 521;
    position: relative;
}

.founder-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.founder-name-vertical {
    position: absolute;
    left: -2.5em;
    bottom: var(--sp-4);
    writing-mode: vertical-rl;

    font-size: var(--fs-base);
    color: var(--color-text-dark);
    letter-spacing: 4px;
}

.founder-info {
    align-self: center;
}

.founder-label {
    display: flex;
    align-items: center;
    gap: var(--sp-1);
    margin-bottom: var(--sp-10);
}

.founder-label-en {
    font-size: var(--fs-base);
    color: var(--color-secondary);
    letter-spacing: 3px;
    text-transform: uppercase;
}

.founder-label-sep,
.founder-label-cn {
    font-size: var(--fs-base);
    font-weight: var(--fw-medium);
    color: var(--color-secondary);
    letter-spacing: 1px;
}

.founder-body {
    font-size: var(--fs-base);
    font-weight: var(--fw-medium);
    color: var(--color-text-dark);
    line-height: var(--lh-loose);
    letter-spacing: 0.5px;
    text-align: justify;
}

.founder-body > p {
    margin-bottom: var(--sp-6);
}

/* ========== 模块 4：产品理念 ========== */
.artisan-craft-section {
    padding: var(--sp-24) 0;
}

.craft-layout {
    margin-bottom: var(--sp-10);
}

.craft-tagline {
    font-size: var(--fs-base);
    font-weight: var(--fw-normal);
    color: var(--color-text-dark);
    letter-spacing: 2px;
}

.craft-showcase {
    display: grid;
    grid-template-columns: 420px 1fr;
    gap: var(--sp-24);
    align-items: center;
}

.craft-image-wrap {
    overflow: hidden;
}

.craft-image {
    width: 100%;
    height: auto;
    aspect-ratio: 418 / 259;
    object-fit: cover;
    transition: transform 0.5s;
}

.craft-image-wrap:hover .craft-image {
    transform: scale(1.03);
}

.craft-desc {
    font-size: var(--fs-base);
    font-weight: var(--fw-medium);
    color: var(--color-text-dark);
    line-height: var(--lh-loose);
    letter-spacing: 0.5px;
    text-align: justify;
}

/* ========== 模块 2/3/4 响应式：平板 ========== */
@media (max-width: 1024px) {
    .studio-inner,
    .intro-inner,
    .founder-layout {
        margin-left: 5%;
    }

    .founder-layout {
        grid-template-columns: 320px 1fr;
        gap: var(--sp-10);
    }

    .craft-showcase {
        grid-template-columns: 340px 1fr;
        gap: var(--sp-8);
    }
}

/* ========== 模块 2/3/4 响应式：手机 ========== */
@media (max-width: 768px) {
    .studio-inner,
    .intro-inner,
    .founder-layout {
        margin-left: 0;
    }

    .intro-layout {
        grid-template-columns: 1fr;
        gap: var(--sp-4);
    }

    .intro-media {
        margin-top: var(--sp-6);
    }

    .intro-body {
        margin-left: 0;
        padding-left: 0;
    }

    .founder-layout {
        grid-template-columns: 1fr;
        gap: var(--sp-8);
    }

    .founder-name-vertical {
        position: static;
        writing-mode: horizontal-tb;
        transform: none;
        margin-bottom: var(--sp-2);
        display: block;
    }

    .founder-photo {
        height: 400px;
    }

    .craft-showcase {
        grid-template-columns: 1fr;
        gap: var(--sp-6);
    }

    .studio-name {
        font-size: var(--fs-2xl);
    }

    .studio-subtitle {
        font-size: var(--fs-lg);
    }
}

/* ==========================================================
   模块 5：IN YUNNAN 工作室产品（artisan-show 专用）
   ========================================================== */
.artisan-product-section {
    padding: var(--sp-24) 0;
}

/* ---- 顶部标签栏（独立区域，右对齐）---- */
.product-label-bar {
    width: 60%;
    margin-left: auto;
    padding: var(--sp-6) 0 var(--sp-2);
}

.product-label {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-2);
    position: relative;
}

.product-label-en {

    font-size: var(--fs-base);
    color: var(--color-secondary);
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

.product-label-sep,
.product-label-cn {
    font-size: var(--fs-base);
    font-weight: var(--fw-medium);
    color: var(--color-secondary);
    letter-spacing: 0.5px;
}

/* ---- 定位线栏（独立区域，左对齐 + 全宽长底边框）---- */
.product-location-bar {
    width: 60%;
    padding-top: var(--sp-12);
    margin-left: auto;
    padding-bottom: var(--sp-2);
    /* 全宽长边框 */
    border-bottom: 1px solid var(--color-border);
}

.product-location-text {
    font-size: var(--fs-lg);
    color: var(--color-text-dark);
    letter-spacing: 0.8px;
}

/* 产地标签（品牌产品定位栏，展示 cms_mdiy_model_good_detail.ORIGIN） */
.product-location-tag {
    display: inline-block;
    padding: 2px 12px;
    margin-left: 4px;
    font-size: var(--fs-sm);
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: var(--color-secondary);
    border: 1px solid var(--color-secondary);
    border-radius: 999px;
    vertical-align: 2px;
}

/* ---- 产品展示舞台（满屏宽背景） ---- */
.product-stage {
    margin-top: var(--sp-12);
    padding-bottom: var(--sp-20);
}

.product-section-title {
    text-align: left;

    font-size: var(--fs-3xl);
    font-weight: var(--fw-bold);
    color: var(--color-text-dark);
    letter-spacing: 1px;
    position: relative;
    transform: translateY(var(--sp-20));
    z-index: 3;
}

/* ---- 轮播容器 ---- */
.product-carousel {
    position: relative;
    overflow: visible;
}

.product-slide {
    display: none;
    animation: productFadeIn 0.6s ease-out forwards;
}

.product-slide-active {
    display: block;
}

@keyframes productFadeIn {
    from { opacity: 0; transform: translateY(16px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ---- 产品展示：左图压右信息面板（重叠错落布局） ---- */
/* 图片/信息面板均用 aspect-ratio 自定高度，父级不再用 clamp 硬估 min-height，
   改由信息面板（relative）撑开父级，图片（absolute）以 top 偏移叠在其上。 */
.product-showcase {
    position: relative;
    min-height: 0;
}

.product-showcase-image {
    position: absolute;
    top: var(--sp-24);
    bottom: auto;
    left: 0;
    z-index: 3;
    width: 59%;
    /* height: clamp(500px, 42vw, 620px); */
    aspect-ratio: 1140 / 806;
    height: auto;
    overflow: hidden;
    background-color: var(--color-slot);
}

.product-showcase-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.product-showcase-info {
    position: relative;
    width: 57%;
    margin-left: auto;
    /* min-height: clamp(500px, 42vw, 620px); */
    aspect-ratio: 1100 / 800;
    height: auto;
    z-index: 1;
    background: #EFE8DF;
    padding: calc(var(--sp-16) + var(--sp-6)) var(--sp-12) var(--sp-16) 20%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
}

.product-showcase-name {

    font-size: var(--fs-2xl);
    font-weight: var(--fw-bold);
    color: var(--color-secondary);
    letter-spacing: 1px;
    margin-bottom: var(--sp-1);
}

.product-showcase-sub,
.product-showcase-author {

    font-size: var(--fs-base);
    color: var(--color-text-muted);
    letter-spacing: 0;
    line-height: var(--lh-normal);
}

.product-showcase-desc {
    font-size: var(--fs-base);
    color: var(--color-text-dark);
    line-height: var(--lh-loose);
    letter-spacing: 0;
    max-width: 480px;
    margin-top: var(--sp-24);
    margin-bottom: var(--sp-12);
    text-align: left;
}

.product-showcase-link {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-1);
    font-size: var(--fs-base);
    color: var(--color-text-body);
    letter-spacing: 0.4px;
    text-decoration: none;
    transition: color 0.3s;
}

/* 仅"了解更多"文字带下划线，箭头 span 不带 */
.product-showcase-link .u {
    font-style: normal;
    text-decoration: underline;
}

.product-showcase-link > span{
  font-size: var(--fs-lg);
  display: inline-block;
  margin-left: var(--sp-2);
}

.product-showcase-link:hover {
    color: var(--color-secondary);
}

.product-nav {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--sp-2);
    position: relative;
    transform: translateY(-32px);
    -webkit-transform: translateY(-32px);
    -moz-transform: translateY(-32px);
    -ms-transform: translateY(-32px);
    -o-transform: translateY(-32px);
}

.product-nav-btn {
    width: 32px;
    height: 32px;
    border: none;
    background: transparent;
    cursor: pointer;
    color: var(--color-text-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s;
}

.product-nav-btn:hover:not(:disabled) {
    opacity: 0.55;
}

.product-nav-btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

/* ---- 导航栏 ---- */
.product-thumb-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: var(--sp-12);
    /* showcase 高度现由 aspect-ratio 子元素撑开，补偿图片 top 偏移导致的底部空隙 */
    margin-top: var(--sp-16);
}

/* ==========================================================
   模块 6：FEATURED 好物推荐（artisan-show 专用）
   ========================================================== */
.artisan-featured-section {
    padding: var(--sp-24) 0;
}

/* ---- 顶部标签栏 ---- */
.featured-header {
    text-align: right;
    margin-bottom: var(--sp-3);
}

.featured-label {
    font-size: var(--fs-base);                /* 12px */
    font-weight: var(--fw-medium);
    color: var(--color-secondary);
    letter-spacing: 3px;
    text-transform: uppercase;
}

/* ---- 居中大标题 ---- */
.featured-title {
    font-size: var(--fs-3xl);               /* 32px，与设计稿大号一致 */
    font-weight: var(--fw-medium);
    color: var(--color-text-dark);
    letter-spacing: 2px;
    text-align: right;
    margin-bottom: var(--sp-12);            /* 标题到引文的间距加大 */
}

/* ---- 居中引言 ---- */
.featured-intro {
    margin: 0 auto var(--sp-16);            /* 到卡片区的大间距 */
    text-align: right;
}

.featured-intro p {
    font-size: var(--fs-base);
    color: var(--color-text-dark);
    line-height: var(--lh-normal);
    letter-spacing: 0;
    margin-bottom: var(--sp-2);
}

/* ---- 轮播外层（供箭头绝对定位参考，不裁剪） ---- */
.featured-carousel-wrap {
    position: relative;
}

/* ---- 裁剪层（overflow 隐藏溢出卡片） ---- */
.featured-clip {
    overflow: hidden;
}

/* ---- 卡片 flex 横排（交由 Swiper 接管位移与间距） ---- */
.featured-grid {
    display: flex;
}

/* ---- 单张卡片（图+文字竖排，固定宽度 flex 子项） ---- */
.featured-card {
    flex-shrink: 0;
    width: calc((100% - 2 * var(--sp-12)) / 3);
    display: flex;
    flex-direction: column;
    text-decoration: none;
    transition: transform 0.35s;
    overflow: hidden;
}

.featured-card:hover {
    transform: translateY(-4px);
}

/* ---- 卡片大图（宽幅比例 ~16:10） ---- */
.featured-card-img {
    overflow: hidden;
    margin-bottom: var(--sp-2);
}

.featured-card-img img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    transition: transform 0.5s;
}

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

/* ---- 卡片文字区（竖排：名称在上，链接在下） ---- */
.featured-card-body {
    display: flex;
    flex-direction: column;                 /* 关键：从横排改竖排 */
    align-items: flex-start;                /* 左对齐 */
    gap: var(--sp-1);
    padding: 0 var(--sp-2);                     /* 名称与链接的间距 */
}

.featured-card-name {

    font-size: var(--fs-base);              /* 16px */
    font-weight: var(--fw-normal);
    color: var(--color-text-dark);
    letter-spacing: 1px;
}

.featured-card-link {
    font-size: var(--fs-base);                /* 14px */
    color: var(--color-text-body);
    white-space: nowrap;
    letter-spacing: 1px;
    transition: color 0.3s;
}

.featured-card:hover .featured-card-link {
    color: var(--color-secondary);
}

/* ---- 左右箭头导航（图片区外侧，延伸至最外围） ---- */
.featured-nav {
    position: absolute;
    top: 38%;
    bottom: auto;
    left: -40px;
    right: -40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    pointer-events: none;
    z-index: 2;
}

.featured-nav-btn {
    width: 36px;
    height: 36px;
    border: none;
    background: transparent;
    cursor: pointer;
    pointer-events: auto;
    color: var(--color-text-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s;
}

.featured-nav-btn:hover {
    opacity: 0.45;
}

.featured-nav-btn svg {
    width: 18px;
    height: 18px;
}

/* ==========================================================
   模块 7：推荐阅读 — artisan-show 变体样式覆盖
   ========================================================== */
.recommend--artisan {
    padding: var(--sp-24) 0;
}

.recommend--artisan .recommend-header {
    margin-bottom: var(--sp-10);
    border-bottom: 1px solid #AAAAAA;
    padding-bottom: var(--sp-4);
}

.recommend--artisan .recommend-title {
    /* 覆盖 common.css section-title 默认的居中+装饰线 */
    text-align: left !important;
    padding: 0 !important;
    position: static !important;
    display: block !important;
}

.recommend--artisan .recommend-title::before,
.recommend--artisan .recommend-title::after {
    content: none !important;
}

/* 隐藏旧的 excerpt */
.recommend--artisan .recommend-card-excerpt {
    display: none;
}

/* ==========================================================
   相关内容推荐 — 分页切换（与 story-show「相关内容推荐」一致：左右箭头 + 整页翻页，artisan-show 变体）
   ========================================================== */
.recommend--artisan .recommend-carousel {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--sp-6);
}

.recommend--artisan .recommend-track {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: stretch;
    gap: var(--sp-8);
    flex: 1;
    box-sizing: border-box;
}

.recommend--artisan .recommend-track .recommend-card {
    min-width: 0;
    box-sizing: border-box;
}

/* 左右导航按钮 */
.recommend--artisan .recommend-nav-btn {
    width: 44px;
    height: 44px;
    border: none;
    background: transparent;
    color: var(--color-text-dark);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: color 0.24s;
}

.recommend--artisan .recommend-nav-btn:hover:not(:disabled) {
    color: var(--color-seal);
}

.recommend--artisan .recommend-nav-btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

/* ==========================================================
   模块 7b：推荐阅读 — story-show 变体样式覆盖
   ========================================================== */
.recommend--story {
    padding: var(--sp-24) 0;
}

.recommend--story .recommend-header {
    margin-bottom: var(--sp-10);
    border-bottom: 1px solid #AAAAAA;
    padding-bottom: var(--sp-4);
}

.recommend--story .recommend-title {
    /* 覆盖 common.css section-title 默认的居中+装饰线 */
    text-align: left !important;
    padding: 0 !important;
    position: static !important;
    display: block !important;
}

.recommend--story .recommend-title::before,
.recommend--story .recommend-title::after {
    content: none !important;
}

/* 隐藏旧的 excerpt */
.recommend--story .recommend-card-excerpt {
    display: none;
}

/* ==========================================================
   相关内容推荐 — 分页切换（与首页「合作品牌」一致：左右箭头 + 整页翻页，story-show 变体）
   ========================================================== */
.recommend--story .recommend-carousel {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--sp-6);
}

.recommend--story .recommend-track {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: stretch;
    gap: var(--sp-8);
    flex: 1;
    box-sizing: border-box;
}

.recommend--story .recommend-track .recommend-card {
    min-width: 0;
    box-sizing: border-box;
}

/* 左右导航按钮 */
.recommend--story .recommend-nav-btn {
    width: 44px;
    height: 44px;
    border: none;
    background: transparent;
    color: var(--color-text-dark);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: color 0.24s;
}

.recommend--story .recommend-nav-btn:hover:not(:disabled) {
    color: var(--color-seal);
}

.recommend--story .recommend-nav-btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

/* ==========================================================
   三模块响应式适配
   ========================================================== */

@media (max-width: 1024px) {
    .product-section-title{
      transform: translateY(0);
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
}

    .product-label-bar,
    .product-location-bar {
        width: 100%;
        margin-left: 0;
    }

    .product-showcase {
        position: static;
        padding-top: 0;
        min-height: 0;
    }

    .product-showcase-image {
        position: static;
        width: 100%;
        height: auto;
        z-index: auto;
    }

    .product-showcase-info {
        position: static;
        width: 100%;
        height: auto;
        min-height: 0;
        z-index: auto;
        margin-top: var(--sp-6);
        padding: var(--sp-8) var(--sp-6);
    }

    .product-label-bar {
        padding: var(--sp-8) 0 var(--sp-3);
    }

    .product-thumb-nav {
        margin-top: var(--sp-6);
        padding-right: var(--sp-6);
    }

    .product-nav{
      transform: translateY(0);
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
    }

    .featured-nav {
        left: -30px;
        right: -30px;
    }

    .recommend--artisan .recommend-grid,
    .recommend--story .recommend-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--sp-6);
    }
}

@media (max-width: 768px) {
    .artisan-studio-header,
    .artisan-intro-section,
    .artisan-founder-section,
    .artisan-craft-section,
    .artisan-featured-section,
    .artisan-product-section,
    .recommend--artisan,
    .recommend--story {
        padding: var(--sp-16) 0 var(--sp-12);
    }

    .product-location-bar {
        padding-top: var(--sp-8);
        padding-bottom: var(--sp-1);
    }

    .product-section-title {
        width: 100%;
        font-size: var(--fs-2xl);
        margin-bottom: var(--sp-6);
        letter-spacing: 0.5px;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
}

    .product-showcase-info {
        min-height: 0;
        padding: var(--sp-6) var(--sp-4);
    }

    .product-showcase-desc{
      margin-top: var(--sp-6);
      margin-bottom: var(--sp-4);
    }

    .product-stage {
        padding-bottom: var(--sp-10);
    }

    .product-nav {
        height: var(--sp-12);
    }

    .product-thumb-nav {
        margin-top: var(--sp-4);
        padding-right: var(--sp-4);
    }

    .product-nav{
      transform: translateY(0);
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
}

    .featured-grid {
        gap: 0;
    }

    .featured-card {
        width: 100%;
    }

    .featured-title {
        font-size: var(--fs-xl);
    }

    .featured-nav {
        position: static;
        justify-content: center;
        margin-top: var(--sp-6);
        gap: var(--sp-6);
    }

    .recommend--artisan .recommend-grid,
    .recommend--story .recommend-grid {
        grid-template-columns: 1fr;
        gap: var(--sp-6);
    }

    .recommend--artisan .recommend-track,
    .recommend--story .recommend-track {
        grid-template-columns: 1fr;
        gap: var(--sp-6);
    }
}

/* ==========================================================
   商品详情页（goods-show）— 好物详情内容设计稿还原
   基础样式自 common.css 合并而来，统一收敛到本文件（仅 goods-show 生效）
   说明：下方为基础规则，其后紧跟的 goods-show 专属覆写（更高/同级后定义）继续保持优先，
   因此移除 common.css 中相同声明后，当前渲染效果完全不变。
   ========================================================== */
body[data-page="goods-show"]{
  background-color: var(--color-bg-cream-deep);
}

/* ===== 返回按钮（页头下方、商品主信息区上方） ===== */
.gd-back-prev{
  margin-top: var(--header-h);
}

.gd-back-btn {
    display: block;

    font-size: var(--fs-base);
    color: var(--color-text-dark);
    text-decoration: underline;
    border-bottom: 2px solid #C1C1C1;
    padding-bottom: var(--sp-4);
    padding-top: var(--sp-8);
    transition: color 0.25s ease, border-color 0.25s ease;
}

.gd-back-btn:hover {
    color: var(--color-secondary);
}


/* ===== goods-detail-hero 基础样式（原 common.css，已合并） ===== */
body[data-page="goods-show"] .gd-hero {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--sp-12);
    align-items: start;
}

body[data-page="goods-show"] .gd-hero-gallery {
    display: flex;
    flex-direction: column;
    gap: var(--sp-3);
}

body[data-page="goods-show"] .gd-hero-main-swiper {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: var(--color-bg-cream-deep);
}

body[data-page="goods-show"] .gd-hero-main-swiper .swiper-slide {
    width: 100%;
    height: 100%;
}

body[data-page="goods-show"] .gd-hero-main-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

body[data-page="goods-show"] .gd-hero-thumbs {
    display: flex;
    gap: var(--sp-2);
}

body[data-page="goods-show"] .gd-hero-thumb {
    width: 200px;
    height: 200px;
    overflow: hidden;
    background: transparent;
    border: 1px solid var(--color-border);
    cursor: pointer;
    padding: 0;
    transition: border-color 0.3s;
}

body[data-page="goods-show"] .gd-hero-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body[data-page="goods-show"] .gd-hero-thumb.active {
    display: none;
}

body[data-page="goods-show"] .gd-hero-actions {
    display: flex;
    align-items: center;
    gap: var(--sp-6);
    flex-wrap: wrap;
}

body[data-page="goods-show"] .gd-buy-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--sp-3) 48px;
    background: var(--color-seal);
    color: #fff;

    font-size: var(--fs-base);
    letter-spacing: 4px;
    transition: background 0.3s;
}

body[data-page="goods-show"] .gd-buy-btn:hover {
    background: var(--color-seal-deep, #8b2e20);
}

body[data-page="goods-show"] .gd-share {
    display: flex;
    align-items: center;
    gap: var(--sp-2);
}

body[data-page="goods-show"] .gd-share-label {
    font-size: var(--fs-base);
    color: var(--color-text-muted);
    letter-spacing: 1px;
}

body[data-page="goods-show"] .gd-share-icon {
    width: 28px;
    height: 28px;
    border-radius: var(--radius-full);
    overflow: hidden;
    transition: transform 0.3s;
}

body[data-page="goods-show"] .gd-share-icon:hover {
    transform: scale(1.15);
}

body[data-page="goods-show"] .gd-share-icon img {
    width: 100%;
    height: 100%;
}

body[data-page="goods-show"] .goods-detail-hero-section {
    padding: var(--sp-24) 0;
}

body[data-page="goods-show"] .gd-hero {
    grid-template-columns: 57fr 37fr;
    gap: 6%;
    align-items: start;
}

body[data-page="goods-show"] .gd-hero-gallery {
    gap: var(--sp-4);
}

body[data-page="goods-show"] .gd-hero-gallery--side {
    flex-direction: row;
    align-items: flex-start;
    min-width: 0;
}

body[data-page="goods-show"] .gd-hero-gallery--side .gd-hero-thumbs {
    display: flex;
    flex-direction: column;
    gap: var(--sp-2);
    order: -1;
    /* 宽度按“主图高度 = 4 个方形缩略图 + 3 个间距”推导，保证与主图完全齐平 */
    flex: 0 0 calc((100% - var(--sp-4) - 3 * var(--sp-3)) / 5);
    min-width: 0;
    align-self: start;
    position: relative; /* 缩略图上下箭头 overlay 定位基准 */
}

/* 缩略图 Swiper 容器：撑满缩略图列，高度由 JS 同步为主图高度 */
body[data-page="goods-show"] .gd-hero-thumbs-swiper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    min-width: 0;
}

body[data-page="goods-show"] .gd-hero-thumbs-swiper .swiper-slide {
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

body[data-page="goods-show"] .gd-hero-gallery--side .gd-hero-thumb {
    width: 100%;
    height: 100%;
    flex: 0 0 auto;
    border: 2px solid transparent;
    background: var(--color-bg-cream-deep);
    overflow: hidden;
    padding: 0;
    cursor: pointer;
    transition: border-color 0.3s, box-shadow 0.3s;
}

body[data-page="goods-show"] .gd-hero-gallery--side .gd-hero-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 当前选中的缩略图：描边高亮（覆盖 base 的 display:none） */
body[data-page="goods-show"] .gd-hero-gallery--side .gd-hero-thumb.active {
    display: block;
    border-color: var(--color-secondary);
    box-shadow: 0 0 0 2px rgba(162, 90, 71, 0.18);
}

/* 缩略图循环滚动箭头：覆盖在缩略图列上下，不占用布局空间 */
body[data-page="goods-show"] .gd-thumbs-nav {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-full);
    background: rgba(255, 255, 255, 0.92);
    color: var(--color-text-dark);
    cursor: pointer;
    transition: background 0.3s, color 0.3s;
}

body[data-page="goods-show"] .gd-thumbs-prev {
    top: calc(var(--sp-2) * -1);
}

body[data-page="goods-show"] .gd-thumbs-next {
    bottom: calc(var(--sp-2) * -1);
}

body[data-page="goods-show"] .gd-thumbs-nav:hover {
    background: var(--color-secondary);
    color: #fff;
}

/* 主图左右箭头：覆盖在主图上，半透明圆形 */
body[data-page="goods-show"] .gd-hero-main-swiper {
    position: relative;
}

body[data-page="goods-show"] .gd-hero-main-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-full);
    background: rgba(255, 255, 255, 0.85);
    color: var(--color-text-dark);
    cursor: pointer;
    transition: background 0.3s, color 0.3s, opacity 0.3s;
    opacity: 0;
}

body[data-page="goods-show"] .gd-hero-main-swiper:hover .gd-hero-main-nav {
    opacity: 1;
}

body[data-page="goods-show"] .gd-hero-main-prev {
    left: var(--sp-3);
}

body[data-page="goods-show"] .gd-hero-main-next {
    right: var(--sp-3);
}

body[data-page="goods-show"] .gd-hero-main-nav:hover {
    background: var(--color-secondary);
    color: #fff;
}

body[data-page="goods-show"] .gd-hero-main-swiper {
    /* 与缩略图列配套：主图宽 = 4 个缩略图宽 + 3 个间距，主图方形(1:1) → 高度恰好等于缩略图列高度 */
    flex: 0 0 calc((400% + 3 * var(--sp-3) - 4 * var(--sp-4)) / 5);
    aspect-ratio: 1 / 1;
    background: var(--color-bg-cream-deep);
    overflow: hidden;
    min-width: 0;
    align-self: start;
}

body[data-page="goods-show"] .gd-hero-gallery--side .gd-hero-main-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

body[data-page="goods-show"] .gd-hero-category {

    font-size: var(--fs-base);
    color: var(--color-text-muted);
    letter-spacing: 1px;
    margin-bottom: var(--sp-3);
}

body[data-page="goods-show"] .gd-hero-title {

    font-size: 28px;
    font-weight: var(--fw-bold);
    letter-spacing: 2px;
    margin-bottom: var(--sp-4);
}

body[data-page="goods-show"] .gd-hero-summary {
    font-size: var(--fs-base);
    line-height: var(--lh-loose);
    color: var(--color-text-main);
    font-weight: var(--fw-medium);
    margin-bottom: var(--sp-6);
}

body[data-page="goods-show"] .gd-hero-price {
    display: none;
    font-size: var(--fs-4xl);
    font-weight: var(--fw-semibold);
    color: var(--color-secondary);
    margin-bottom: var(--sp-6);
}

body[data-page="goods-show"] .gd-hero-specs {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--sp-2);
    padding-top: var(--sp-6);
    padding-bottom: var(--sp-6);
}

body[data-page="goods-show"] .gd-spec-item {
    display: flex;
    padding: 0;
    font-size: var(--fs-base);
}

body[data-page="goods-show"] .gd-spec-label {
    width: auto;
    color: var(--color-text-dark);
    letter-spacing: 1px;
    margin-right: var(--sp-12);
}

body[data-page="goods-show"] .gd-spec-value {
    color: var(--color-text-main);
    font-weight: var(--fw-medium);
}

body[data-page="goods-show"] .gd-hero-meta {
    font-size: var(--fs-base);
    color: var(--color-text-dark);
    margin-bottom: var(--sp-6);
    line-height: var(--lh-relaxed);
}

body[data-page="goods-show"] .gd-hero-delivery,
body[data-page="goods-show"] .gd-hero-freight {
    margin: 0;
}

body[data-page="goods-show"] .gd-hero-service {
    display: flex;
    align-items: center;
    gap: var(--sp-2);
    font-size: var(--fs-base);
    color: var(--color-secondary);
    margin-bottom: var(--sp-6);
}

body[data-page="goods-show"] .gd-service-sep {
    color: var(--color-border);
}

body[data-page="goods-show"] .gd-hero-channels {
    margin-top: var(--sp-6);
    display: flex;
    align-items: center;
    gap: var(--sp-5);
}

body[data-page="goods-show"] .gd-channel {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    transition: opacity 0.3s;
}

body[data-page="goods-show"] .gd-channel:hover {
    opacity: 0.85;
}

/* 平台图标（京东/淘宝/拼多多等内联 SVG 默认 200px）缩小为统一尺寸 */
body[data-page="goods-show"] .gd-channel svg {
    width: 48px;
    height: 48px;
    display: block;
}

body[data-page="goods-show"] .gd-channel-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

body[data-page="goods-show"] .gd-channel-icon {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

body[data-page="goods-show"] .gd-channel-mark {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--color-bg-cream-deep);
    border: 1px solid var(--color-border);
    font-size: var(--fs-base);
    color: var(--color-text-body);
}

/* 商品主信息区响应式 */
@media (max-width: 1024px) {

    body[data-page="goods-show"] .gd-hero-title {
        font-size: var(--fs-2xl);
    }

    body[data-page="goods-show"] .gd-hero-specs {
        grid-template-columns: 1fr;
        gap: var(--sp-2);
    }

    body[data-page="goods-show"] .gd-hero-price {
        font-size: var(--fs-3xl);
        margin-bottom: var(--sp-2);
    }

    body[data-page="goods-show"] .gd-channel{
      width: 48px;
      height: 48px;
    }
}

@media (max-width: 768px) {
    body[data-page="goods-show"] .goods-detail-hero-section {
        padding: var(--sp-16) 0 var(--sp-12);
    }

    body[data-page="goods-show"] .gd-hero {
        grid-template-columns: 1fr;
        gap: var(--sp-6);
    }

    body[data-page="goods-show"] .gd-hero-gallery--side {
        flex-direction: column;
    }

    /* 纵向布局下须重置桌面端 --side 的 flex/aspect-ratio，
       否则 flex-basis:0 在主轴(高度)上会把主图压成 0 高而不显示 */
    body[data-page="goods-show"] .gd-hero-gallery--side .gd-hero-main-swiper {
        flex: 0 0 auto;
        width: 100%;
        aspect-ratio: 1 / 1;
    }

    body[data-page="goods-show"] .gd-hero-gallery--side .gd-hero-thumbs {
        flex-direction: row;
        align-items: center;
        width: 100%;
        flex: 0 0 auto;
        order: 1;
        justify-content: center;
        gap: var(--sp-2);
    }

    /* 移动端缩略图 Swiper：占满主图下方宽度，缩略图按数量自适应均分 */
    body[data-page="goods-show"] .gd-hero-thumbs-swiper {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    body[data-page="goods-show"] .gd-hero-thumbs-swiper .swiper-slide {
        aspect-ratio: 1 / 1;
        overflow: hidden;
    }

    body[data-page="goods-show"] .gd-hero-gallery--side .gd-hero-thumb {
        flex: none;
        min-width: 0;
        aspect-ratio: 1 / 1;
        width: 100%;
        height: 100%;
    }

    /* 移动端缩略图箭头：横排时覆盖在左右两侧 */
    body[data-page="goods-show"] .gd-thumbs-nav {
        position: static;
        transform: none;
        flex: 0 0 auto;
    }

    body[data-page="goods-show"] .gd-thumbs-prev,
    body[data-page="goods-show"] .gd-thumbs-next {
        top: auto;
        bottom: auto;
    }

    body[data-page="goods-show"] .gd-hero-title {
        font-size: var(--fs-2xl);
    }

    body[data-page="goods-show"] .gd-hero-price {
        font-size: var(--fs-2xl);
    }

    body[data-page="goods-show"] .gd-hero-service {
        flex-wrap: wrap;
    }
}

/* ========== 商品详情页（goods-show）— 商品介绍区 ========== */
body[data-page="goods-show"] .goods-detail-intro {
    padding: var(--sp-24) 0;
}

body[data-page="goods-show"] .gdi-title {

    font-size: var(--fs-3xl);
    font-weight: var(--fw-medium);
    color: var(--color-text-dark);
    letter-spacing: 2px;
    margin-bottom: var(--sp-6);
}

/* 两栏布局：左 43% / 右 43%，中间由 space-between 留出间距 */
body[data-page="goods-show"] .gdi-layout {
    display: grid;
    grid-template-columns: 43% 43%;
    justify-content: space-between;
    align-items: stretch;
}

body[data-page="goods-show"] .gdi-col--left {
    /* 左侧区域：标题 + 文案 + 主图，作为整体内容 */
    display: flex;
    flex-direction: column;
}

body[data-page="goods-show"] .gdi-text {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: var(--sp-4);
}

body[data-page="goods-show"] .gdi-text p {

    font-size: var(--fs-base);
    font-weight: var(--fw-medium);
    color: var(--color-text-main);
    line-height: var(--lh-loose);
    margin: 0;
}

body[data-page="goods-show"] .gdi-image {
    overflow: hidden;
}

body[data-page="goods-show"] .gdi-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 主图归属左侧区域：图片本身 16:9、靠右并贴底（与上方正文一上一下） */
body[data-page="goods-show"] .gdi-image--main {
    margin-top: auto;
}

body[data-page="goods-show"] .gdi-image--main img {
    width: 80%;
    height: auto;
    aspect-ratio: 19 / 10;
    margin-left: auto;
    object-fit: cover;
}

body[data-page="goods-show"] .gdi-image--sub {
    aspect-ratio: 7 / 8;
}

@media (max-width: 1199px) {
    body[data-page="goods-show"] .gdi-layout {
        grid-template-columns: 1fr 1fr;
        gap: var(--sp-6);
    }

    /* 主图在中等屏幕下仍然保持靠右贴底 */
    body[data-page="goods-show"] .gdi-image--main img {
        width: 80%;
        margin-left: auto;
    }

    body[data-page="goods-show"] .gdi-title {
        font-size: var(--fs-xl);
        margin-bottom: var(--sp-2);
    }

    body[data-page="goods-show"] .gdi-text{
        gap: var(--sp-1);
    }

    body[data-page="goods-show"] .gdi-text p{
        font-size: var(--fs-sm);
        line-height: var(--lh-normal);
    }
}

@media (max-width: 768px) {
    body[data-page="goods-show"] .goods-detail-intro {
        padding: var(--sp-16) 0 var(--sp-12);
    }

    body[data-page="goods-show"] .gdi-title {
        font-size: var(--fs-2xl);
        margin-bottom: var(--sp-6);
    }

    body[data-page="goods-show"] .gdi-layout {
        grid-template-columns: 1fr;
        gap: var(--sp-6);
    }

    /* 移动端单列时主图恢复满宽 */
    body[data-page="goods-show"] .gdi-image--main img {
        width: 100%;
        margin-left: 0;
        margin-top: var(--sp-4);
    }
}

/* ========== 商品详情页（goods-show）— 全宽场景图 ========== */
body[data-page="goods-show"] .feature-banner--clean {
    padding: 0;
}

/* 场景图占满 container 版心宽度（不再铺满全屏），图片比例 2:1 */
body[data-page="goods-show"] .feature-banner--clean .feature-banner-inner {
    max-width: var(--container-w);
    aspect-ratio: 2 / 1;
}

@media (max-width: 768px) {
    body[data-page="goods-show"] .feature-banner--clean .feature-banner-inner {
        aspect-ratio: 2 / 1;
        min-height: 200px;
    }
}

/* ========== 商品详情页（goods-show）— 产品亮点区 ========== */
body[data-page="goods-show"] .goods-detail-highlight {
    padding: var(--sp-24) 0;
}

/* 产品亮点模块版心缩为 container 的 90%（随断点自适应，保持居中） */
body[data-page="goods-show"] .goods-detail-highlight > .container {
    max-width: calc(var(--container-w) * 0.9);
}

/* header 靠左，产品亮点颜色正常（非 muted） */
body[data-page="goods-show"] .gdh-header {
    text-align: left;
    margin-bottom: var(--sp-14);
    font-size: var(--fs-base);
    color: var(--color-secondary);
    letter-spacing: 3px;
}

body[data-page="goods-show"] .gdh-label-en {

    text-transform: uppercase;
    letter-spacing: 4px;
}

body[data-page="goods-show"] .gdh-sep {
    margin: 0 var(--sp-2);
}

body[data-page="goods-show"] .gdh-label-cn {

    letter-spacing: 2px;
}

body[data-page="goods-show"] .gdh-block {
    display: grid;
    grid-template-columns: 53fr 36fr;
    gap: 11%;
    align-items: center;
    margin-bottom: var(--sp-16);
}

/* 右块 DOM 顺序为 content→images，需反序列宽让图片（第二列）仍占 53%，内容占 36% */
body[data-page="goods-show"] .gdh-block--right {
    grid-template-columns: 36fr 53fr;
}

body[data-page="goods-show"] .gdh-block:last-child {
    margin-bottom: 0;
}

/* 单图容器，图片比例 4:3 */
body[data-page="goods-show"] .gdh-images {
    position: relative;
}

body[data-page="goods-show"] .gdh-image {
    overflow: hidden;
    background: var(--color-bg-cream-deep);
    aspect-ratio: 4 / 3;
    position: relative;
    container-type: inline-size;
}

body[data-page="goods-show"] .gdh-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ---- 产品亮点图片白色装饰遮罩：左块 Z 字形遮挡（上横65%宽贴顶 + 中竖5%宽通顶到底 + 下横30%宽贴底） ---- */
body[data-page="goods-show"] .gdh-block--left .gdh-image::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--color-bg-cream-deep);
    z-index: 2;
    /* 上横(0~65%, 0~20%) + 中竖(65~70%, 0~100%) + 下横(70~100%, 80~100%) */
    clip-path: polygon(
        -1% -1%, 70% -1%, 70% 80%,
        101% 80%, 101% 101%, 65% 101%,
        65% 20%, -1% 20%
    );
}

/* ---- 右块：1/3 处白色横条遮挡（高度为图片宽度的5%） ---- */
body[data-page="goods-show"] .gdh-block--right .gdh-image::after {
    content: "";
    position: absolute;
    top: 27%;
    left: 0;
    width: 100%;
    height: 5cqw;
    background: var(--color-bg-cream-deep);
    z-index: 2;
}

body[data-page="goods-show"] .gdh-title {

    font-size: var(--fs-2xl);
    font-weight: var(--fw-bold);
    color: var(--color-text-dark);
    letter-spacing: 2px;
    margin-bottom: var(--sp-12);
}

body[data-page="goods-show"] .gdh-body {
    display: flex;
    flex-direction: column;
    gap: var(--sp-3);
}

body[data-page="goods-show"] .gdh-body p {

    font-size: var(--fs-base);
    color: var(--color-text-dark);
    line-height: var(--lh-loose);
    margin: 0;
}

@media (max-width: 1024px) {
    body[data-page="goods-show"] .gdh-block {
        gap: var(--sp-8);
    }

    body[data-page="goods-show"] .gdh-title {
        font-size: var(--fs-xl);
    }
}

@media (max-width: 768px) {
    body[data-page="goods-show"] .goods-detail-highlight {
        padding: var(--sp-16) 0 var(--sp-12);
    }

    body[data-page="goods-show"] .gdh-header {
        margin-bottom: var(--sp-8);
    }

    body[data-page="goods-show"] .gdh-block {
        grid-template-columns: 1fr;
        gap: var(--sp-6);
        margin-bottom: var(--sp-12);
    }

    body[data-page="goods-show"] .gdh-block--right .gdh-content {
        order: -1;
    }

    body[data-page="goods-show"] .gdh-images {
        gap: var(--sp-3);
    }
}

/* ========== 商品详情页（goods-show）— 相关推荐中心画廊 ========== */
body[data-page="goods-show"] .goods-detail-recommend {
    --gdr-image-width: var(--goods-recommend-image-width-desktop);
    --gdr-slide-width: calc((100vw + var(--gdr-image-width)) / 2 - var(--goods-recommend-side-peek-desktop));

    padding: var(--sp-24) 0;
}

body[data-page="goods-show"] .gdr-header {
    text-align: center;
    margin-bottom: calc(var(--sp-24) + var(--sp-16));
    font-size: var(--fs-base);
    color: var(--color-secondary);
    letter-spacing: 3px;
}

body[data-page="goods-show"] .gdr-label-en {
    text-transform: uppercase;
    letter-spacing: 5px;
}

body[data-page="goods-show"] .gdr-sep {
    margin: 0 var(--sp-2);
}

body[data-page="goods-show"] .gdr-carousel {
    position: relative;
    width: 100vw;
    overflow: hidden;
}

body[data-page="goods-show"] .gdr-carousel .swiper-wrapper {
    align-items: stretch;
    box-sizing: border-box;
}

body[data-page="goods-show"] .gdr-slide {
    width: var(--gdr-slide-width);
    height: auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-shrink: 0;
    overflow: visible;
    box-sizing: border-box;
    position: relative;
}

body[data-page="goods-show"] .gdr-slide img {
    width: var(--gdr-image-width);
    flex: 0 0 var(--gdr-image-width);
    aspect-ratio: var(--goods-recommend-slide-ratio);
    object-fit: cover;
    display: block;
}

/* 相关推荐：悬停显示商品标题（渐变遮罩） */
body[data-page="goods-show"] .gdr-caption {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: var(--gdr-image-width);
    box-sizing: border-box;
    padding: var(--sp-5) var(--sp-4) var(--sp-3);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0));
    color: #fff;
    font-size: var(--fs-sm);
    line-height: 1.4;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    z-index: 1;
}

body[data-page="goods-show"] .gdr-slide:hover .gdr-caption {
    opacity: 1;
}

body[data-page="goods-show"] .gdr-controls {
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
}

body[data-page="goods-show"] .gdr-nav {
    position: absolute;
    top: 50%;
    width: var(--sp-12);
    height: var(--sp-12);
    transform: translateY(-50%);
    border: none;
    background: transparent;
    color: var(--color-text-main);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    pointer-events: auto;
    transition: opacity 0.3s, transform 0.2s;
}

body[data-page="goods-show"] .gdr-nav--prev {
    left: calc(50% - var(--goods-recommend-nav-offset-desktop) - var(--sp-6));
}

body[data-page="goods-show"] .gdr-nav--next {
    right: calc(50% - var(--goods-recommend-nav-offset-desktop) - var(--sp-6));
}

body[data-page="goods-show"] .gdr-nav-icon {
    width: var(--sp-3);
    height: var(--sp-4);
    fill: currentColor;
    display: block;
}

body[data-page="goods-show"] .gdr-nav:hover {
    color: var(--color-secondary);
}

body[data-page="goods-show"] .gdr-nav:focus-visible {
    outline: var(--sp-1) solid var(--color-secondary);
    outline-offset: var(--sp-1);
}

body[data-page="goods-show"] .gdr-nav:active {
    transform: translateY(-50%) scale(0.94);
}

body[data-page="goods-show"] .gdr-nav.swiper-button-disabled {
    opacity: 0.35;
    cursor: not-allowed;
    pointer-events: none;
}

@media (max-width: 1199px) {
    body[data-page="goods-show"] .goods-detail-recommend {
        --gdr-image-width: var(--goods-recommend-image-width-tablet);
        --gdr-slide-width: calc((100vw + var(--gdr-image-width)) / 2 - var(--goods-recommend-side-peek-tablet));
    }

    body[data-page="goods-show"] .gdr-header {
        margin-bottom: var(--sp-16);
    }

    body[data-page="goods-show"] .gdr-controls {
        position: relative;
        inset: auto;
        z-index: 0;
        height: var(--sp-12);
        display: flex;
        align-items: center;
        justify-content: center;
        column-gap: var(--sp-12);
        margin-block-start: var(--sp-8);
        pointer-events: auto;
    }

    body[data-page="goods-show"] .gdr-nav {
        position: static;
        transform: none;
    }

    body[data-page="goods-show"] .gdr-nav--prev,
    body[data-page="goods-show"] .gdr-nav--next {
        right: auto;
        left: auto;
    }

    body[data-page="goods-show"] .gdr-nav:active {
        transform: scale(0.94);
    }
}

@media (max-width: 768px) {
    body[data-page="goods-show"] .goods-detail-recommend {
        --gdr-image-width: var(--goods-recommend-image-width-mobile);
        --gdr-slide-width: calc((100vw + var(--gdr-image-width)) / 2 - var(--goods-recommend-side-peek-mobile));

        padding: var(--sp-16) 0 var(--sp-12);
    }

    body[data-page="goods-show"] .gdr-header {
        margin-bottom: var(--sp-8);
    }
}

/* ========== 商品详情页（goods-show）— 品牌相关区 ========== */
body[data-page="goods-show"] .goods-detail-artisan {
    padding: var(--sp-24) 0;
}

body[data-page="goods-show"] .gda-header {
    text-align: center;
    margin-bottom: var(--sp-24);
    font-size: var(--fs-base);
    color: var(--color-secondary);
    letter-spacing: 3px;
}

body[data-page="goods-show"] .gda-label-en {

    text-transform: uppercase;
    letter-spacing: 4px;
}

body[data-page="goods-show"] .gda-sep {
    margin: 0 var(--sp-2);
}

body[data-page="goods-show"] .gda-label-cn {

    letter-spacing: 2px;
}

body[data-page="goods-show"] .gda-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: var(--sp-24);
    align-items: start;
}

body[data-page="goods-show"] .gda-images {
    display: grid;
    grid-template-columns: minmax(0, 0.62fr) minmax(0, 0.88fr);
    gap: var(--sp-20);
    align-items: center;
}

body[data-page="goods-show"] .gda-image:first-child {
    width: 82%;
    justify-self: end;
    align-self: center;
}

body[data-page="goods-show"] .gda-image:last-child {
    align-self: stretch;
}


body[data-page="goods-show"] .gda-image {
    overflow: hidden;
    aspect-ratio: 3 / 4;
}

body[data-page="goods-show"] .gda-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s;
}

body[data-page="goods-show"] .gda-image:hover img {
    transform: scale(1.03);
}

body[data-page="goods-show"] .gda-content {
    padding-left: var(--sp-6);
    padding-top: var(--sp-6);
}

body[data-page="goods-show"] .gda-title {

    font-size: var(--fs-3xl);
    font-weight: var(--fw-medium);
    color: var(--color-text-dark);
    letter-spacing: 4px;
}

body[data-page="goods-show"] .gda-subtitle {

    font-size: var(--fs-3xl);
    font-weight: var(--fw-medium);
    color: var(--color-text-dark);
    letter-spacing: 4px;
}

body[data-page="goods-show"] .gda-body {

    display: flex;
    flex-direction: column;
    gap: var(--sp-5);
    margin-top: var(--sp-12);
    margin-bottom: var(--sp-12);
    max-width: 720px;
}

body[data-page="goods-show"] .gda-body p {
    font-size: var(--fs-base);
    font-weight: var(--fw-medium);
    color: var(--color-text-dark);
    line-height: var(--lh-relaxed);
    margin: 0;
}

body[data-page="goods-show"] .gda-more {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-2);

    font-size: var(--fs-base);
    color: var(--color-secondary);
    letter-spacing: 0.5px;
    transition: color 0.3s;
}

body[data-page="goods-show"] .gda-more .gda-more-text {
    text-decoration: underline;
}

@media (max-width: 1024px) {
    body[data-page="goods-show"] .gda-layout {
        grid-template-columns: 1fr 1fr;
        gap: var(--sp-10);
    }

    body[data-page="goods-show"] .gda-images {
        gap: var(--sp-6);
    }

    body[data-page="goods-show"] .gda-image:first-child {
        width: 88%;
        margin-top: 0;
    }

    body[data-page="goods-show"] .gda-title {
        font-size: var(--fs-3xl);
    }

    body[data-page="goods-show"] .gda-subtitle {
        font-size: var(--fs-2xl);
        margin-bottom: var(--sp-6);
    }

    body[data-page="goods-show"] .gda-body p {
        font-size: var(--fs-sm);
    }

    body[data-page="goods-show"] .gda-more {
        font-size: var(--fs-base);
    }
}

@media (max-width: 768px) {
    body[data-page="goods-show"] .goods-detail-artisan {
        padding: var(--sp-16) 0 var(--sp-12);
    }

    body[data-page="goods-show"] .gda-header {
        margin-bottom: var(--sp-8);
    }

    body[data-page="goods-show"] .gda-layout {
        grid-template-columns: 1fr;
        gap: var(--sp-6);
    }

    body[data-page="goods-show"] .gda-content {
        padding-left: 0;
        padding-top: 0;
    }

    body[data-page="goods-show"] .gda-images {
        grid-template-columns: 1fr 1fr;
        align-items: stretch;
        gap: var(--sp-4);
    }

    body[data-page="goods-show"] .gda-image:first-child {
        width: 100%;
        justify-self: stretch;
        margin-top: 0;
    }

    body[data-page="goods-show"] .gda-image {
        aspect-ratio: 1 / 1;
    }

    body[data-page="goods-show"] .gda-title {
        font-size: var(--fs-xl);
    }

    body[data-page="goods-show"] .gda-subtitle {
        font-size: var(--fs-xl);
        margin-bottom: var(--sp-4);
    }

    body[data-page="goods-show"] .gda-body {
        gap: var(--sp-3);
        margin-top: var(--sp-6);
        margin-bottom: var(--sp-6);
    }

    body[data-page="goods-show"] .gda-body p {
        font-size: var(--fs-sm);
        line-height: var(--lh-loose);
    }

    body[data-page="goods-show"] .gda-more {
        font-size: var(--fs-sm);
    }
}

/* ==========================================================
   商品详情页 — 页头特殊背景（仅 goods-show 页面生效）
   通过 body[data-page="goods-show"] 限定，不影响其他页面
   ========================================================== */
body[data-page="goods-show"] .site-header {
    background: #AF8378;
}

/* 滚动固定（激活）态同样使用 #AF8378，与默认态保持一致 */
body[data-page="goods-show"] .site-header.is-fixed {
    background: #AF8378;
}

/* #AF8378 为中明度底色，固定态原本的深色文字在其上对比不足，统一保持浅色 */
body[data-page="goods-show"] .site-header.is-fixed .logo-cn,
body[data-page="goods-show"] .site-header.is-fixed .logo-icon,
body[data-page="goods-show"] .site-header.is-fixed .search-icon-btn,
body[data-page="goods-show"] .site-header.is-fixed .lang-switch,
body[data-page="goods-show"] .site-header.is-fixed .login-btn {
    color: rgba(255, 255, 255, 0.92);
}

body[data-page="goods-show"] .site-header.is-fixed .nav-item:hover,
body[data-page="goods-show"] .site-header.is-fixed .nav-item.active,
body[data-page="goods-show"] .site-header.is-fixed .lang-item.active,
body[data-page="goods-show"] .site-header.is-fixed .lang-item:hover {
    color: #fff;
}

body[data-page="goods-show"] .site-header.is-fixed .login-btn {
    border-color: rgba(255, 255, 255, 0.6);
}

body[data-page="goods-show"] .site-header.is-fixed .mobile-menu-btn span {
    background: #fff;
}

/* 详情页页头 logo 固定为白色（logo-white），不随滚动切换深色图：
   永久显示 logo-icon-default（白色），隐藏 logo-icon-fixed（深色），
   覆盖 header.css 中 .is-fixed 态的 logo 图片切换逻辑 */
body[data-page="goods-show"] .logo-icon-default {
    display: block;
}

body[data-page="goods-show"] .logo-icon-fixed {
    display: none;
}

body[data-page="goods-show"] .site-header.is-fixed .logo-icon-default {
    display: block;
}

body[data-page="goods-show"] .site-header.is-fixed .logo-icon-fixed {
    display: none;
}