/* ==========================================================================
   国潮专题分页：二级导航 / 面包屑 / 页头 / 上下篇 / 首页主题卡
   ========================================================================== */

/* ---------- 二级导航（吸附在主导航下方） ---------- */
.gc-subnav {
    position: sticky;
    top: 66px;
    z-index: 40;
    background: rgba(248, 243, 233, .96);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(38, 61, 56, .10);
}
.gc-subnav__inner {
    display: flex;
    align-items: center;
    gap: .35rem;
    overflow-x: auto;
    scrollbar-width: none;
    padding: .55rem 0;
}
.gc-subnav__inner::-webkit-scrollbar { display: none; }
.gc-subnav a {
    flex: none;
    padding: .42rem .95rem;
    border-radius: 9999px;
    font-size: .83rem;
    letter-spacing: .04em;
    color: #4b5b53;
    text-decoration: none;
    white-space: nowrap;
    transition: background .2s ease, color .2s ease;
}
.gc-subnav a:hover { background: rgba(25, 59, 56, .07); color: #1f3a33; }
.gc-subnav a[aria-current="page"] {
    background: #1f3d36;
    color: #f3e6c8;
}

/* ---------- 面包屑 ---------- */
.gc-crumb {
    background: #F8F3E9;
    border-bottom: 1px solid rgba(38, 61, 56, .06);
}
.gc-crumb__inner {
    display: flex;
    align-items: center;
    gap: .45rem;
    min-height: 44px;
    font-size: .78rem;
    color: #7a887f;
}
.gc-crumb a { color: #2f5348; text-decoration: none; }
.gc-crumb a:hover { color: #a95f45; }
.gc-crumb i { font-style: normal; color: #b9ae95; }
.gc-crumb span { color: #8a7659; }

/* ---------- 页头（紧凑，替代整屏主视觉） ---------- */
.gc-phead {
    background: #F8F3E9;
    padding: clamp(1.9rem, 3.4vw, 2.8rem) 0 0;
}
.gc-phead__no {
    display: block;
    font-size: .68rem;
    letter-spacing: .26em;
    color: #a95f45;
    margin-bottom: .5rem;
}
.gc-phead h1 {
    margin: 0 0 .55rem;
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", STSong, SimSun, serif;
    font-size: clamp(1.7rem, 3vw, 2.35rem);
    letter-spacing: .06em;
    color: #22302b;
}
.gc-phead p {
    margin: 0;
    max-width: 46rem;
    font-size: .89rem;
    line-height: 1.9;
    color: #5c6b62;
}

/* ---------- 上下篇 ---------- */
.gc-pager {
    background: #F8F3E9;
    padding: 2.4rem 0 3rem;
}
.gc-pager__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    border-top: 1px solid rgba(38, 61, 56, .12);
    padding-top: 1.6rem;
}
.gc-pager a {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    text-decoration: none;
    font-size: .84rem;
    color: #2f5348;
    border: 1px solid rgba(38, 61, 56, .18);
    border-radius: 9999px;
    padding: .5rem 1.1rem;
    background: #FFFDF8;
    transition: border-color .2s ease, color .2s ease, transform .2s ease;
}
.gc-pager a:hover { border-color: #d8b474; color: #a95f45; transform: translateY(-1px); }
.gc-pager a.is-home { background: #1f3d36; border-color: #1f3d36; color: #f3e6c8; }
.gc-pager a.is-home:hover { background: #2a5147; color: #fff; }
.gc-pager span.gc-pager__hint { font-size: .78rem; color: #8a9a90; }
.gc-pager svg { width: 13px; height: 13px; }

/* ---------- 国潮首页：主题入口 ---------- */
.gc-hub {
    background: #F8F3E9;
    padding: clamp(2.2rem, 4vw, 3.4rem) 0 clamp(2.4rem, 4vw, 3.6rem);
}
.gc-hub__head { margin-bottom: 1.5rem; }
.gc-hub__head span { display: block; font-size: .68rem; letter-spacing: .26em; color: #a95f45; margin-bottom: .45rem; }
.gc-hub__head h2 {
    margin: 0 0 .45rem;
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", STSong, SimSun, serif;
    font-size: clamp(1.4rem, 2.4vw, 1.85rem);
    color: #22302b;
    letter-spacing: .05em;
}
.gc-hub__head p { margin: 0; font-size: .87rem; color: #5c6b62; line-height: 1.85; max-width: 44rem; }
.gc-hub__grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 1rem;
}
.gc-hubcard {
    grid-column: span 2;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: .85rem;
    background: #FFFDF8;
    border: 1px solid rgba(38, 61, 56, .10);
    text-decoration: none;
    box-shadow: 0 8px 22px rgba(30, 24, 16, .07);
    transition: transform .25s ease, box-shadow .25s ease;
}
.gc-hubcard:hover { transform: translateY(-4px); box-shadow: 0 16px 34px rgba(30, 24, 16, .13); }
.gc-hubcard:nth-child(4), .gc-hubcard:nth-child(5) { grid-column: span 3; }
.gc-hubcard__media { position: relative; aspect-ratio: 16 / 10; overflow: hidden; }
.gc-hubcard:nth-child(4) .gc-hubcard__media,
.gc-hubcard:nth-child(5) .gc-hubcard__media { aspect-ratio: 16 / 7; }
.gc-hubcard__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .7s ease; }
.gc-hubcard:hover .gc-hubcard__media img { transform: scale(1.05); }
.gc-hubcard__no {
    position: absolute; top: .65rem; left: .7rem;
    font-size: .66rem; letter-spacing: .12em; color: #f3e6c8;
    background: rgba(20, 34, 29, .62); padding: .16rem .55rem; border-radius: 9999px;
}
.gc-hubcard__body { padding: .9rem 1rem 1.05rem; display: flex; flex-direction: column; gap: .3rem; flex: 1 1 auto; }
.gc-hubcard__body b {
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", STSong, SimSun, serif;
    font-size: 1.05rem; color: #22302b; letter-spacing: .06em;
}
.gc-hubcard__body p { margin: 0; font-size: .78rem; line-height: 1.75; color: #6d7c73; }
.gc-hubcard__go { margin-top: .4rem; font-size: .76rem; color: #a95f45; display: inline-flex; align-items: center; gap: .3rem; }
.gc-hubcard__go svg { width: 11px; height: 11px; }

/* 首页精选 */
.gc-feat { background: #FBF8F1; padding: clamp(2rem, 3.6vw, 3rem) 0; border-top: 1px solid rgba(38, 61, 56, .06); }
.gc-feat__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.gc-feat__card {
    position: relative; overflow: hidden; border-radius: .8rem; aspect-ratio: 4 / 3;
    text-decoration: none; background: #22302b;
}
.gc-feat__card img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .7s ease; }
.gc-feat__card:hover img { transform: scale(1.05); }
.gc-feat__card::after {
    content: ""; position: absolute; inset: 0;
    background: linear-gradient(0deg, rgba(12, 18, 15, .88) 0%, rgba(12, 18, 15, .3) 55%, rgba(12, 18, 15, .05) 100%);
}
.gc-feat__t { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: .9rem 1rem 1rem; color: #fff; }
.gc-feat__t small { display: block; font-size: .66rem; letter-spacing: .18em; color: #e8cf9c; margin-bottom: .25rem; }
.gc-feat__t b { font-family: "Noto Serif SC", serif; font-size: 1.02rem; letter-spacing: .05em; }

@media (max-width: 900px) {
    .gc-hub__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .gc-hubcard, .gc-hubcard:nth-child(4), .gc-hubcard:nth-child(5) { grid-column: span 1; }
    .gc-hubcard:nth-child(4) .gc-hubcard__media,
    .gc-hubcard:nth-child(5) .gc-hubcard__media { aspect-ratio: 16 / 10; }
    .gc-hubcard:last-child { grid-column: span 2; }
    .gc-feat__grid { grid-template-columns: 1fr; }
    .gc-subnav { top: 58px; }
}
@media (max-width: 600px) {
    .gc-hub__grid { grid-template-columns: 1fr; }
    .gc-hubcard:last-child { grid-column: span 1; }
}

/* 固定导航占位：内容从导航下方开始，二级导航与面包屑不再被遮住 */
body.gc-page { padding-top: 66px; }
@media (max-width: 900px) { body.gc-page { padding-top: 58px; } }

/* 子页：去掉与页头重复的章节标题 */
body.gc-sub .gc-sec > .container > .gc-head { display: none; }
body.gc-sub .gc-sec { padding-top: clamp(1.6rem, 2.6vw, 2.4rem); }
body.gc-sub .gc-sec:first-of-type { padding-top: clamp(1.2rem, 2vw, 1.8rem); }

/* 非遗页：桌面 3 列、卡片底部对齐 */
body.gc-sub .gc-craft__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; }
body.gc-sub .gc-craft { display: flex; flex-direction: column; }
body.gc-sub .gc-craft__body { flex: 1 1 auto; }
@media (max-width: 1000px) { body.gc-sub .gc-craft__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { body.gc-sub .gc-craft__grid { grid-template-columns: 1fr; } }

/* 国潮各页：浅色内容区回到暖米白实底，装饰只留页面边缘 */
body.gc-page .gc-sec--paper { background: #F8F3E9; }
body.gc-page .gc-sec--white { background: #FBF8F1; }
body.gc-page .gc-sec--deep { background: #172f2b; }
body.gc-page .gc-hub, body.gc-page .gc-feat { background: #F8F3E9; }
body.gc-page .gc-phead { background: #F8F3E9; }

/* 深色路线区 → 浅色故事区的柔和过渡 */
body.gc-page .gc-sec--deep { position: relative; }
body.gc-page .gc-sec--deep + .gc-sec--paper { position: relative; }
body.gc-page .gc-sec--deep + .gc-sec--paper::before {
    content: ""; position: absolute; left: 0; right: 0; top: 0; height: 130px;
    background: linear-gradient(180deg, #172f2b 0%, rgba(23, 47, 43, .52) 46%, rgba(23, 47, 43, 0) 100%);
    pointer-events: none; z-index: 0;
}
body.gc-page .gc-sec--deep + .gc-sec--paper .container { position: relative; z-index: 1; }