/* ==========================================================================
   多彩贵州 2.0 — 内页（列表页 / 详情页）多彩延伸设计系统
   延续官网首页「多彩黔岭」主题：彩虹主线 / 明亮暖白 / 动感沉浸
   依赖：guizhou-home-v2.css 的设计令牌（--gz-rainbow / --gz2-*）
   版本: 1.0  2026-08-18
   ========================================================================== */

/* ---------- 内页基础 ---------- */
.gz-inner {
    font-family: var(--gz-font-sans);
    color: var(--gz2-ink);
    background:
        radial-gradient(1000px 460px at 92% -140px, rgba(242,185,59,.13), transparent 60%),
        radial-gradient(860px 420px at -140px 22%, rgba(124,92,191,.09), transparent 62%),
        radial-gradient(900px 480px at 104% 66%, rgba(23,176,198,.09), transparent 60%),
        var(--gz2-paper);
    background-attachment: fixed;
}
.gz-inner h1, .gz-inner h2, .gz-inner h3, .gz-inner h4, .gz-inner h5 {
    font-family: var(--gz-font-serif);
    color: var(--gz-indigo);
}
.gz-inner a { transition: var(--gz-transition); }

/* ---------- 内页 Hero 彩带（渐变头图） ---------- */
.gz-page-hero {
    position: relative;
    overflow: hidden;
    padding: 150px 0 74px;
    text-align: center;
    color: #fff;
    background:
        radial-gradient(720px 340px at 10% -20%, rgba(242,185,59,.3), transparent 58%),
        radial-gradient(760px 360px at 92% 120%, rgba(23,176,198,.28), transparent 58%),
        linear-gradient(135deg, #2A4B8D 0%, #4A3F9E 52%, #7C5CBF 100%);
}
.gz-page-hero::after {
    content: "";
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 5px;
    background: var(--gz-rainbow);
    background-size: 200% 100%;
    animation: gzGradientFlow 8s linear infinite;
}
.gz-page-hero .gz-crumb {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 18px;
    border-radius: 999px;
    background: rgba(255,255,255,.14);
    backdrop-filter: blur(6px);
    font-size: 12.5px;
    letter-spacing: .18em;
    color: #FFEFD2;
    margin-bottom: 18px;
}
.gz-page-hero .gz-crumb a { color: #FFEFD2; text-decoration: none; }
.gz-page-hero .gz-crumb a:hover { color: #fff; }
.gz-page-hero .gz-crumb .gz-crumb-sep { opacity: .55; margin: 0 2px; }
.gz-page-hero .gz-crumb .gz-crumb-cur { color: #fff; font-weight: 600; }
.gz-page-hero h1 {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: .12em;
    margin: 0 0 10px;
    text-shadow: 0 4px 22px rgba(21,43,71,.4);
}
.gz-page-hero .gz-page-lead {
    color: rgba(255,255,255,.82);
    font-size: 15px;
    letter-spacing: .06em;
    margin: 0;
}
.gz-page-hero .gz-hero-bar { margin: 22px auto 0; }

/* 旧 image-wrapper 头图（works 等页）多彩化 */
.gz-inner .image-wrapper.bg-image { position: relative; }
.gz-inner .image-wrapper.bg-image::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(42,75,141,.72), rgba(124,92,191,.62) 55%, rgba(217,69,47,.5));
    z-index: 0;
}
.gz-inner .image-wrapper.bg-image .container { position: relative; z-index: 1; }
.gz-inner .image-wrapper.bg-image::after {
    content: "";
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 5px;
    background: var(--gz-rainbow);
    background-size: 200% 100%;
    animation: gzGradientFlow 8s linear infinite;
    z-index: 1;
}
.gz-inner .image-wrapper .heading {
    color: #fff;
    letter-spacing: .12em;
    text-shadow: 0 4px 22px rgba(21,43,71,.45);
}

/* ---------- 板块小标题（与首页一致的彩虹副标） ---------- */
.gz-inner .gz-sec-sub {
    display: inline-block;
    font-size: 12.5px;
    letter-spacing: .32em;
    text-transform: uppercase;
    font-weight: 600;
    background: var(--gz-rainbow);
    background-size: 220% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gzGradientFlow 7s linear infinite;
}

/* ---------- 新闻列表卡 ---------- */
.gz2-news-item {
    display: flex;
    gap: 24px;
    background: #fff;
    border-radius: var(--gz-radius);
    box-shadow: var(--gz-shadow);
    overflow: hidden;
    margin-bottom: 26px;
    position: relative;
    transition: var(--gz-transition);
}
.gz2-news-item::before {
    content: "";
    position: absolute;
    top: 0; left: 0; bottom: 0;
    width: 4px;
    background: var(--gz-rainbow);
    background-size: 100% 220%;
    opacity: 0;
    transition: opacity .35s;
}
.gz2-news-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 48px rgba(42,75,141,.16);
}
.gz2-news-item:hover::before { opacity: 1; }
.gz2-news-thumb {
    width: 240px;
    min-height: 170px;
    flex-shrink: 0;
    overflow: hidden;
    display: block;
    position: relative;
}
.gz2-news-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s cubic-bezier(.25,.8,.25,1);
}
.gz2-news-item:hover .gz2-news-thumb img { transform: scale(1.07); }
.gz2-news-info { flex: 1; padding: 22px 26px 20px 4px; display: flex; flex-direction: column; }
.gz2-news-title {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 10px;
}
.gz2-news-title a { color: var(--gz2-ink); text-decoration: none; }
.gz2-news-title a:hover { color: var(--gz2-red); }
.gz2-news-meta {
    display: flex;
    gap: 14px;
    font-size: 12.5px;
    color: rgba(35,43,69,.55);
    margin-bottom: 10px;
    letter-spacing: .04em;
}
.gz2-news-meta b { color: var(--gz2-red); font-weight: 600; }
.gz2-news-excerpt {
    color: var(--gz-text-light);
    font-size: 14px;
    line-height: 1.75;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.gz2-news-more {
    margin-top: 12px;
    align-self: flex-start;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .08em;
    color: var(--gz2-red);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.gz2-news-more::after { content: "→"; transition: transform .3s; }
.gz2-news-more:hover::after { transform: translateX(5px); }
.gz2-news-more:hover { color: var(--gz2-purple); }

/* ---------- 分页（彩虹胶囊） ---------- */
.gz-inner .pagination-wrapper,
.gz-inner .pagination.bg ul,
.gz-inner ul.pagination {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    margin: 36px 0 0;
    padding: 0;
}
.gz-inner .pagination-wrapper > li,
.gz-inner .pagination-wrapper .page-item,
.gz-inner .pagination li {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
}
.gz-inner .pagination-wrapper > li a,
.gz-inner .pagination-wrapper > li span,
.gz-inner .pagination-wrapper .page-link,
.gz-inner .pagination li a,
.gz-inner .pagination li span {
    display: inline-block;
    min-width: 38px;
    height: 38px;
    line-height: 36px;
    text-align: center;
    padding: 0 13px;
    border: 1px solid rgba(42,75,141,.16);
    border-radius: 999px;
    color: var(--gz2-ink);
    text-decoration: none;
    font-size: 14px;
    background: #fff;
    box-shadow: 0 3px 10px rgba(42,75,141,.08);
    transition: var(--gz-transition);
}
.gz-inner .pagination-wrapper > li a:hover,
.gz-inner .pagination li a:hover {
    transform: translateY(-2px);
    border-color: transparent;
    background: linear-gradient(135deg, var(--gz2-teal), var(--gz2-blue));
    color: #fff;
    box-shadow: 0 8px 20px rgba(42,75,141,.3);
}
.gz-inner .pagination-wrapper > li.active span,
.gz-inner .pagination-wrapper .page-item.active .page-link,
.gz-inner .pagination li.active a,
.gz-inner .pagination li.active span {
    background: var(--gz-rainbow);
    background-size: 220% 100%;
    animation: gzGradientFlow 6s linear infinite;
    color: #fff;
    border-color: transparent;
    box-shadow: 0 8px 20px rgba(217,69,47,.3);
}
.gz-inner .pagination-wrapper > li.disabled span,
.gz-inner .pagination li.disabled span {
    color: rgba(35,43,69,.35);
    background: rgba(255,255,255,.6);
    cursor: not-allowed;
}

/* ---------- 详情文章卡 ---------- */
.gz2-article {
    background: #fff;
    border-radius: var(--gz-radius-lg);
    box-shadow: var(--gz-shadow-lg);
    padding: 46px 52px 40px;
    position: relative;
    overflow: hidden;
}
.gz2-article::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 5px;
    background: var(--gz-rainbow);
    background-size: 200% 100%;
    animation: gzGradientFlow 8s linear infinite;
}
.gz2-article-title {
    font-size: 30px;
    line-height: 1.5;
    font-weight: 700;
    text-align: center;
    margin: 6px 0 16px;
    background: linear-gradient(90deg, var(--gz2-blue), var(--gz2-purple) 55%, var(--gz2-red));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gz2-article-title a {
    background: linear-gradient(90deg, var(--gz2-blue), var(--gz2-purple) 55%, var(--gz2-red));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-decoration: none;
}
.gz2-article-meta {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 22px;
}
.gz2-article-meta span {
    padding: 4px 16px;
    border-radius: 999px;
    font-size: 12.5px;
    letter-spacing: .06em;
    background: rgba(42,75,141,.07);
    color: rgba(35,43,69,.68);
    border: 1px solid rgba(42,75,141,.12);
}
.gz2-article-meta span b { color: var(--gz2-red); font-weight: 600; }
.gz2-divider {
    height: 3px;
    width: 130px;
    margin: 0 auto 28px;
    border-radius: 99px;
    background: var(--gz-rainbow);
    background-size: 220% 100%;
    animation: gzGradientFlow 7s linear infinite;
}
/* 正文排版 */
.gz2-content { font-size: 15.5px; line-height: 2; color: #3A405A; text-align: justify; }
.gz2-content p { margin-bottom: 1.2em; }
.gz2-content img {
    max-width: 100%;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(42,75,141,.16);
    margin: 10px auto;
    display: block;
    height: auto !important;
}
.gz2-content blockquote {
    border-left: 4px solid transparent;
    border-image: var(--gz-rainbow) 1;
    background: rgba(242,185,59,.08);
    padding: 14px 20px;
    border-radius: 0 10px 10px 0;
    color: var(--gz2-ink);
}
.gz2-content a { color: var(--gz2-blue); }
.gz2-content a:hover { color: var(--gz2-red); }

/* ---------- 作品列表（works） ---------- */
/* 分类筛选 chips */
.gz-inner #cube-grid2-filter { margin: 8px 0 6px; }
.gz-inner .cbp-filter-item {
    display: inline-block;
    margin: 0 6px 10px;
    padding: 8px 24px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid rgba(42,75,141,.16);
    box-shadow: 0 3px 10px rgba(42,75,141,.08);
    font-size: 14px;
    letter-spacing: .06em;
    color: var(--gz2-ink);
    cursor: pointer;
    transition: var(--gz-transition);
}
.gz-inner .cbp-filter-item a { color: inherit; text-decoration: none; display: block; }
.gz-inner .cbp-filter-item:hover {
    transform: translateY(-2px);
    border-color: transparent;
    background: linear-gradient(135deg, var(--gz2-teal), var(--gz2-blue));
    color: #fff;
    box-shadow: 0 8px 20px rgba(42,75,141,.28);
}
.gz-inner .cbp-filter-item-active,
.gz-inner .cbp-filter-item-active:hover {
    background: var(--gz-rainbow);
    background-size: 220% 100%;
    animation: gzGradientFlow 6s linear infinite;
    color: #fff;
    border-color: transparent;
    box-shadow: 0 8px 22px rgba(217,69,47,.32);
}
/* 作品卡 */
.gz-inner #cube-grid2 .cbp-item,
.gz-inner #cube-grid .cbp-item {
    background: #fff;
    border-radius: var(--gz-radius);
    box-shadow: var(--gz-shadow);
    padding: 12px 12px 16px;
    margin-bottom: 24px;
    transition: var(--gz-transition);
}
.gz-inner #cube-grid2 .cbp-item:hover,
.gz-inner #cube-grid .cbp-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 46px rgba(124,92,191,.24);
}
.gz-inner #cube-grid2 figure.overlay,
.gz-inner #cube-grid figure.overlay {
    border-radius: calc(var(--gz-radius) - 4px);
    overflow: hidden;
}
.gz-inner #cube-grid2 figure.overlay img,
.gz-inner #cube-grid figure.overlay img {
    border-radius: calc(var(--gz-radius) - 4px);
    object-fit: cover;
}
.gz-inner #cube-grid2 h4.mb-0 {
    font-size: 16px;
    margin-top: 12px;
    color: var(--gz2-ink);
}
.gz-inner #cube-grid2 .meta { color: rgba(35,43,69,.55); font-size: 12.5px; letter-spacing: .05em; }
.gz-inner #cube-grid2 .meta .count { color: var(--gz2-red); }

/* ---------- 作品详情（work_detail） ---------- */
.gz-inner .section-title {
    letter-spacing: .08em;
    background: linear-gradient(90deg, var(--gz2-blue), var(--gz2-purple) 60%, var(--gz2-red));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* 主轮播：彩虹包边 + 圆角 */
.gz-inner .basic-slider .swiper-container {
    border-radius: var(--gz-radius-lg);
    overflow: hidden;
    box-shadow: var(--gz-shadow-lg);
}
.gz-inner .basic-slider figure.overlay span img {
    border-radius: var(--gz-radius-lg);
}
/* 作者卡 */
.gz-inner #comments .message {
    background: #fff;
    border-radius: var(--gz-radius);
    box-shadow: var(--gz-shadow);
    padding: 22px 26px;
    position: relative;
    overflow: hidden;
}
.gz-inner #comments .message::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 4px;
    background: var(--gz-rainbow);
    background-size: 200% 100%;
    animation: gzGradientFlow 8s linear infinite;
}
.gz-inner #comments .user.icon-round img { border-radius: 50%; }
.gz-inner #comments .info h6 a { color: var(--gz2-blue); }
.gz-inner #comments .info h6 a:hover { color: var(--gz2-red); }
/* 上下篇导航 */
.gz-inner .post-nav-wrapper {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.gz-inner .post-nav {
    flex: 1 1 320px;
    background: #fff;
    border-radius: var(--gz-radius);
    box-shadow: var(--gz-shadow);
    padding: 20px 24px;
    transition: var(--gz-transition);
    overflow: hidden;
}
.gz-inner .post-nav:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 40px rgba(42,75,141,.18);
}
.gz-inner .post-nav .meta { color: var(--gz2-red); font-size: 12.5px; letter-spacing: .12em; }
.gz-inner .post-nav h4 a { color: var(--gz2-ink); }
.gz-inner .post-nav h4 a:hover { color: var(--gz2-purple); }
.gz-inner .post-nav figure img { border-radius: 10px; object-fit: cover; }
/* 返回列表按钮 → 彩虹描边 */
.gz-inner a.btn-full-rounded,
.gz-inner .btn.btn-full-rounded {
    border: 2px solid transparent;
    background:
        linear-gradient(#fff, #fff) padding-box,
        var(--gz-rainbow) border-box;
    background-size: auto, 220% 100%;
    animation: gzGradientFlow 6s linear infinite;
    color: var(--gz2-blue) !important;
    border-radius: 999px;
    padding: 11px 42px;
    font-weight: 600;
    letter-spacing: .12em;
    box-shadow: 0 8px 22px rgba(42,75,141,.16);
    transition: var(--gz-transition);
}
.gz-inner a.btn-full-rounded:hover {
    background:
        var(--gz-rainbow-soft) padding-box,
        var(--gz-rainbow) border-box;
    background-size: auto, 220% 100%;
    color: #fff !important;
    transform: translateY(-3px);
    box-shadow: 0 14px 32px rgba(124,92,191,.35);
}

/* ---------- 侧栏卡片化 ---------- */
.gz-inner .sidebar .widget,
.gz-inner aside .widget {
    background: #fff;
    border-radius: var(--gz-radius);
    box-shadow: var(--gz-shadow);
    padding: 22px 24px;
    margin-bottom: 24px;
}

/* ---------- 空态 ---------- */
.gz2-empty {
    text-align: center;
    padding: 70px 0;
    color: rgba(35,43,69,.5);
    font-size: 15px;
    letter-spacing: .1em;
}

/* ---------- 响应式 ---------- */
@media (max-width: 991px) {
    .gz-page-hero { padding: 120px 0 56px; }
    .gz-page-hero h1 { font-size: 30px; }
    .gz2-article { padding: 32px 26px 28px; }
    .gz2-article-title { font-size: 24px; }
}
@media (max-width: 767px) {
    .gz2-news-item { flex-direction: column; gap: 0; }
    .gz2-news-thumb { width: 100%; height: 190px; }
    .gz2-news-info { padding: 18px 20px 20px; }
    .gz-page-hero h1 { font-size: 25px; letter-spacing: .08em; }
    .gz2-article { padding: 26px 18px 22px; }
}

/* ---------- 动效降级 ---------- */
@media (prefers-reduced-motion: reduce) {
    .gz-page-hero::after,
    .gz-inner .image-wrapper.bg-image::after,
    .gz2-article::before,
    .gz2-divider,
    .gz-inner .cbp-filter-item-active,
    .gz-inner .pagination-wrapper > li.active span,
    .gz-inner #comments .message::before,
    .gz-inner a.btn-full-rounded { animation: none !important; }
}