/* ===========================
       全局变量与基础样式
       =========================== */
 :root {
     --color-dark: #1a1a1a;
     --color-light: #f8f9fa;
     --color-gold: #c5a059;
     --color-gold-lt: #d4b67a;
     --color-mid: #2e2e2e;
     --font-serif: 'Playfair Display', serif;
     --font-sans: 'Jost', sans-serif;
 }

 *,
 *::before,
 *::after {
     box-sizing: border-box;
 }

 html {
     scroll-behavior: smooth;
 }

 body {
     font-family: var(--font-sans);
     background: var(--color-light);
     color: var(--color-dark);
     overflow-x: hidden;
 }

 h1,
 h2,
 h3,
 h4 {
     font-family: var(--font-serif);
 }

 /* 香槟金强调线 */
 .gold-line {
     display: inline-block;
     width: 60px;
     height: 2px;
     background: var(--color-gold);
     vertical-align: middle;
     margin: 0 12px;
 }

 .section-label {
     font-family: var(--font-sans);
     font-size: .7rem;
     letter-spacing: .35em;
     text-transform: uppercase;
     color: var(--color-gold);
 }

 .section-title {
     font-family: var(--font-serif);
     font-size: clamp(1.8rem, 3vw, 2.8rem);
     font-weight: 800;
     color: var(--color-dark);
     line-height: 1.2;
 }

 /* ===========================
       导航栏 – 初始透明，滚动变深色
       =========================== */
 #mainNav {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 9999;
     padding: 18px 0;
     transition: background .45s ease, padding .45s ease, box-shadow .45s ease;
 }

 #mainNav.scrolled {
     background: rgba(20, 18, 14, .92) !important;
     backdrop-filter: blur(10px);
     padding: 10px 0;
     box-shadow: 0 4px 24px rgba(0, 0, 0, .35);
 }

 /* Logo */
 .navbar-brand .logo-text {
     font-family: var(--font-serif);
     font-size: 1.5rem;
     color: #fff;
     letter-spacing: .06em;
 }

 .navbar-brand .logo-sub {
     font-family: var(--font-sans);
     font-size: .6rem;
     letter-spacing: .3em;
     color: var(--color-gold);
     text-transform: uppercase;
     display: block;
     margin-top: -2px;
 }

 /* 导航链接 */
 .navbar-nav .nav-link {
     font-family: var(--font-sans);
     font-size: .9rem;
     font-weight: 500;
     letter-spacing: .15em;
     text-transform: uppercase;
     color: rgba(255, 255, 255, .85) !important;
     padding: 6px 14px !important;
     transition: color .3s;
 }

 .navbar-nav .nav-link:hover,
 .navbar-nav .nav-link.active {
     color: var(--color-gold) !important;
 }

 /* 汉堡菜单颜色 */
 .navbar-toggler {
     border-color: rgba(255, 255, 255, .4);
 }

 .navbar-toggler-icon {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255%2C255%2C255%2C0.9%29' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }

 /* ===========================
       Hero Section – 全屏沉浸式
       =========================== */
 #hero {
     position: relative;
     width: 100%;
     height: 100vh;
     min-height: 600px;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
     background: var(--color-dark);
 }

 /* 背景图 */
 #hero .hero-bg {
     position: absolute;
     inset: 0;
     background: url('hero.png') center/cover no-repeat;
 }

 /* 渐变遮罩 */
 #hero .hero-overlay {
     position: absolute;
     inset: 0;
     background: linear-gradient(160deg, rgba(10, 8, 4, .65) 0%, rgba(10, 8, 4, .4) 60%, rgba(10, 8, 4, .7) 100%);
 }

 #hero .hero-content {
     position: relative;
     z-index: 2;
     text-align: center;
     padding: 0 20px;
 }

 .hero-eyebrow {
     font-family: var(--font-sans);
     font-size: .7rem;
     letter-spacing: .5em;
     text-transform: uppercase;
     color: var(--color-gold);
     margin-bottom: 20px;
 }

 .hero-title {
     font-family: var(--font-serif);
     font-size: clamp(1.8rem, 4vw, 3.8rem);
     font-weight: 900;
     color: #fff;
     line-height: 1.05;
     margin-bottom: 16px;
 }

 .hero-subtitle {
     font-family: var(--font-sans);
     font-size: clamp(.85rem, 1.5vw, 1.05rem);
     font-weight: 300;
     color: rgba(255, 255, 255, .78);
     letter-spacing: .12em;
     margin-bottom: 40px;
 }

 .btn-gold {
     display: inline-block;
     padding: 14px 44px;
     font-family: var(--font-sans);
     font-size: .75rem;
     font-weight: 600;
     letter-spacing: .25em;
     text-transform: uppercase;
     color: var(--color-gold);
     border: 1.5px solid var(--color-gold);
     background: transparent;
     text-decoration: none;
     transition: background .35s, color .35s;
 }

 .btn-gold:hover {
     background: var(--color-gold);
     color: #fff;
 }

 /* 向下滚动箭头 */
 .scroll-down {
     position: absolute;
     bottom: 36px;
     left: 50%;
     transform: translateX(-50%);
     z-index: 2;
     color: rgba(255, 255, 255, .6);
     font-size: .6rem;
     letter-spacing: .3em;
     text-transform: uppercase;
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 8px;
     animation: bounce 2s infinite;
 }

 @keyframes bounce {

     0%,
     100% {
         transform: translateX(-50%) translateY(0);
     }

     50% {
         transform: translateX(-50%) translateY(8px);
     }
 }

 /* ===========================
       数据栏 – 核心数字
       =========================== */
 #stats {
     background: var(--color-dark);
     padding: 40px 0;
 }

 .stat-item {
     text-align: center;
     padding: 16px 0;
     border-right: 1px solid rgba(255, 255, 255, .08);
 }

 .stat-item:last-child {
     border-right: none;
 }

 .stat-num {
     font-family: var(--font-serif);
     font-size: clamp(2rem, 4vw, 3.2rem);
     font-weight: 700;
     color: var(--color-gold);
     line-height: 1;
 }

 .stat-label {
     font-size: .7rem;
     letter-spacing: .2em;
     text-transform: uppercase;
     color: rgba(255, 255, 255, .55);
     margin-top: 6px;
 }

 /* ===========================
       品牌故事 Brand Story
       =========================== */
 #brand-story {
     padding: 120px 0;
     background: #fff;
 }

 .brand-img-wrap {
     position: relative;
     overflow: hidden;
     border-radius: 2px;
 }

 .brand-img-wrap img {
     width: 100%;
     height: 560px;
     object-fit: cover;
     transition: transform .7s ease;
 }

 .brand-img-wrap:hover img {
     transform: scale(1.04);
 }

 /* 金色竖条装饰 */
 .brand-img-wrap::before {
     content: '';
     position: absolute;
     top: 24px;
     left: -16px;
     width: 4px;
     height: 80px;
     background: var(--color-gold);
     z-index: 1;
 }

 .brand-text {
     padding-left: 60px;
 }

 .brand-text .desc {
     font-size: .92rem;
     line-height: 1.95;
     color: #555;
     margin-bottom: 28px;
 }

 .brand-feature {
     display: flex;
     align-items: flex-start;
     gap: 16px;
     margin-bottom: 20px;
 }

 .brand-feature .icon {
     flex-shrink: 0;
     width: 44px;
     height: 44px;
     border: 1px solid var(--color-gold);
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--color-gold);
     font-size: 1rem;
 }

 .brand-feature .ft-text h6 {
     font-family: var(--font-serif);
     font-size: 1rem;
     margin-bottom: 4px;
 }

 .brand-feature .ft-text p {
     font-size: .8rem;
     color: #777;
     margin: 0;
     line-height: 1.6;
 }

 /* ===========================
       核心产品 Product Preview
       =========================== */
 #products {
     padding: 120px 0;
     background: #f4f2ef;
 }

 .product-card {
     position: relative;
     overflow: hidden;
     cursor: pointer;
     border-radius: 2px;
 }

 .product-card img {
     width: 100%;
     height: 460px;
     object-fit: cover;
     transition: transform .7s cubic-bezier(.25, .46, .45, .94);
 }

 .product-card:hover img {
     transform: scale(1.08);
 }

 .product-card .card-overlay {
     position: absolute;
     inset: 0;
     background: linear-gradient(to top, rgba(10, 8, 4, .8) 0%, transparent 55%);
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     padding: 36px 28px;
 }

 .product-card .card-tag {
     font-size: .6rem;
     letter-spacing: .35em;
     text-transform: uppercase;
     color: var(--color-gold);
     margin-bottom: 6px;
 }

 .product-card h4 {
     font-family: var(--font-serif);
     font-size: 1.5rem;
     color: #fff;
     margin-bottom: 10px;
 }

 .product-card .card-desc {
     font-size: .78rem;
     color: rgba(255, 255, 255, .72);
     line-height: 1.7;
     margin-bottom: 16px;
 }

 .product-card .card-link {
     font-size: .68rem;
     letter-spacing: .2em;
     text-transform: uppercase;
     color: var(--color-gold);
     text-decoration: none;
     border-bottom: 1px solid var(--color-gold);
     padding-bottom: 2px;
     display: inline-block;
 }

 /* ===========================
       应用实景 Application Case
       =========================== */
 #application {
     padding: 120px 0;
     background: #8B6B3D;
 }

 #application .section-title {
     color: #fff;
 }

 .app-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     grid-template-rows: auto auto;
     gap: 12px;
 }

 .app-item {
     position: relative;
     overflow: hidden;
     cursor: pointer;
 }

 .app-item img {
     width: 100%;
     height: 260px;
     object-fit: cover;
     transition: transform .6s ease;
     display: block;
 }

 .app-item.large img {
     height: 532px;
 }

 .app-item:hover img {
     transform: scale(1.06);
 }

 .app-item .app-caption {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     background: linear-gradient(to top, rgba(0, 0, 0, .7), transparent);
     padding: 24px 18px 18px;
     color: #fff;
     font-size: .78rem;
     letter-spacing: .1em;
     transform: translateY(100%);
     transition: transform .4s ease;
 }

 .app-item:hover .app-caption {
     transform: translateY(0);
 }

 /* app-item 布局：第一项跨两行 */
 .app-item:first-child {
     grid-row: 1 / 3;
 }

 /* ===========================
       合作品牌 Cooperative
       =========================== */
 #cooperative {
     padding: 90px 0;
     background: #fff;
 }

 .partner-logo {
     display: flex;
     align-items: center;
     justify-content: center;
     height: 80px;
     filter: grayscale(100%);
     opacity: .55;
     transition: filter .4s, opacity .4s;
     padding: 10px;
 }

 .partner-logo:hover {
     filter: grayscale(0%);
     opacity: 1;
 }

 .partner-logo img {
     max-height: 50px;
     object-fit: contain;
 }

 /* 品牌 Logo Swiper */
 .brand-swiper {
     width: 100%;
     padding: 10px 0;
     /* 左右渐隐遮罩，营造无缝感 */
     -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%);
     mask-image: linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%);
 }

 .brand-slide {
     display: flex;
     align-items: center;
     justify-content: center;
     height: 80px;
     width: auto !important;
     padding: 0 20px;
 }

 .brand-slide img {
     max-height: 60px;
     width: auto;
     object-fit: contain;
 }

 /* 装饰标题线 */
 .deco-line {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 16px;
     margin-bottom: 50px;
 }

 .deco-line .deco-diamond {
     width: 8px;
     height: 8px;
     background: var(--color-gold);
     transform: rotate(45deg);
 }

 .deco-line h2 {
     font-family: var(--font-serif);
     font-size: clamp(1.4rem, 3vw, 2.2rem);
     letter-spacing: .12em;
     text-transform: uppercase;
     margin: 0;
 }

 /* ===========================
       展厅 Exhibition
       =========================== */
 #exhibition {
     padding: 90px 0;
     background: #8B6B3D;
 }

 #exhibition .section-title {
     color: #fff;
 }

 .exhibition-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 10px;
 }

 .exhibition-item {
     overflow: hidden;
     position: relative;
 }

 .exhibition-item img {
     width: 100%;
     height: 220px;
     object-fit: cover;
     transition: transform .55s ease;
     display: block;
 }

 .exhibition-item:hover img {
     transform: scale(1.08);
 }

 /* ===========================
       全屏引导条幅 CTA Banner
       =========================== */
 #cta-banner {
     position: relative;
     padding: 140px 0;
     background: url('../images/foot-hero.png') center/cover no-repeat;
 }

 #cta-banner::before {
     content: '';
     position: absolute;
     inset: 0;
     background: rgba(10, 8, 4, .65);
 }

 #cta-banner .cta-content {
     position: relative;
     z-index: 1;
     text-align: center;
 }

 #cta-banner h2 {
     font-family: var(--font-serif);
     font-size: clamp(2rem, 4vw, 3.5rem);
     color: #fff;
     margin-bottom: 16px;
 }

 #cta-banner p {
     font-size: .95rem;
     color: rgba(255, 255, 255, .72);
     letter-spacing: .08em;
     margin-bottom: 40px;
 }

 /* ===========================
       页脚 Footer
       =========================== */
 #footer {
     background: #0e0e0e;
     padding: 80px 0 30px;
     color: rgba(255, 255, 255, .6);
 }

 .footer-brand-name {
     font-family: var(--font-serif);
     font-size: 1.6rem;
     color: #fff;
     margin-bottom: 6px;
 }

 .footer-brand-sub {
     font-size: .6rem;
     letter-spacing: .35em;
     text-transform: uppercase;
     color: var(--color-gold);
 }

 .footer-desc {
     font-size: .8rem;
     line-height: 1.85;
     margin: 20px 0 24px;
     color: rgba(255, 255, 255, .45);
 }

 .footer-social a {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 36px;
     height: 36px;
     border: 1px solid rgba(255, 255, 255, .2);
     color: rgba(255, 255, 255, .6);
     font-size: .85rem;
     margin-right: 8px;
     text-decoration: none;
     transition: border-color .3s, color .3s;
 }

 .footer-social a:hover {
     border-color: var(--color-gold);
     color: var(--color-gold);
 }

 .footer-col-title {
     font-family: var(--font-sans);
     font-size: .65rem;
     letter-spacing: .3em;
     text-transform: uppercase;
     color: #fff;
     margin-bottom: 20px;
 }

 .footer-links {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .footer-links li {
     margin-bottom: 10px;
 }

 .footer-links a {
     font-size: .8rem;
     color: rgba(255, 255, 255, .45);
     text-decoration: none;
     transition: color .3s;
 }

 .footer-links a:hover {
     color: var(--color-gold);
 }

 .footer-contact-item {
     display: flex;
     gap: 12px;
     align-items: flex-start;
     margin-bottom: 14px;
     font-size: .8rem;
     color: rgba(255, 255, 255, .45);
 }

 .footer-contact-item i {
     color: var(--color-gold);
     margin-top: 3px;
 }

 .footer-divider {
     border-color: rgba(255, 255, 255, .08);
     margin: 50px 0 24px;
 }

 .footer-copy {
     font-size: .72rem;
     color: rgba(255, 255, 255, .3);
     letter-spacing: .08em;
 }

 /* ===========================
       响应式适配
       =========================== */
 @media (max-width: 991.98px) {
     .brand-text {
         padding-left: 0;
         margin-top: 48px;
     }

     .brand-img-wrap::before {
         display: none;
     }

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

     .app-item:first-child {
         grid-row: auto;
     }

     .app-item.large img {
         height: 280px;
     }
 }

 @media (max-width: 767.98px) {
     #hero .hero-title {
         font-size: 2.4rem;
     }

     .app-grid,
     .exhibition-grid {
         grid-template-columns: 1fr 1fr;
     }

     .product-card img {
         height: 340px;
     }

     #brand-story,
     #products,
     #application,
     #cooperative,
     #exhibition {
         padding: 70px 0;
     }
 }

 @media (max-width: 575.98px) {

     .app-grid,
     .exhibition-grid {
         grid-template-columns: 1fr;
     }

     .stat-item {
         border-right: none;
         border-bottom: 1px solid rgba(255, 255, 255, .08);
     }

     .stat-item:last-child {
         border-bottom: none;
     }
 }

 /* 4K 超宽适配 */
 @media (min-width: 2560px) {
     .container {
         max-width: 1800px;
     }

     body {
         font-size: 1.1rem;
     }

     .hero-title {
         font-size: 7rem;
     }

     .section-title {
         font-size: 3.5rem;
     }

     .product-card img {
         height: 620px;
     }
 }

 /* ===========================
       产品 Swiper 自定义样式
       =========================== */
 .product-swiper-wrap {
     position: relative;
     padding: 0 50px 60px;
     /* 两侧留箭头空间，下方留分页器空间 */
 }

 .product-swiper {
     overflow: hidden;
 }

 /* 箭头 — 金色主题 */
 .product-swiper-prev,
 .product-swiper-next {
     width: 44px;
     height: 44px;
     background: transparent;
     border: 1.5px solid var(--color-gold);
     border-radius: 0;
     color: var(--color-gold);
     transition: background .3s, color .3s;
 }

 .product-swiper-prev::after,
 .product-swiper-next::after {
     font-size: .85rem;
     font-weight: 700;
     color: var(--color-gold);
 }

 .product-swiper-prev:hover,
 .product-swiper-next:hover {
     background: var(--color-gold);
 }

 .product-swiper-prev:hover::after,
 .product-swiper-next:hover::after {
     color: #fff;
 }

 /* 分页器圆点 — 金色主题 */
 .product-swiper-pagination {
     bottom: 0;
 }

 .product-swiper-pagination .swiper-pagination-bullet {
     background: #bbb;
     opacity: 1;
     width: 8px;
     height: 8px;
     border-radius: 0;
     transition: background .3s, transform .3s;
 }

 .product-swiper-pagination .swiper-pagination-bullet-active {
     background: var(--color-gold);
     transform: scaleX(2.5);
 }

 /* 移动端箭头收紧边距 */
 @media (max-width: 575.98px) {
     .product-swiper-wrap {
         padding: 0 0 52px;
     }

     .product-swiper-prev,
     .product-swiper-next {
         display: none;
     }
 }

 /* ===========================
   About 页面专属样式
   =========================== */
 /* ===========================
       About Us 页面专属样式
       =========================== */

 /* ---- Hero Banner（缩小版，非全屏）---- */
 #about-hero {
     position: relative;
     height: 55vh;
     min-height: 380px;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
     background: var(--color-dark);
 }

 #about-hero .hero-bg {
     position: absolute;
     inset: 0;
     background: url('about.jpg') center/cover no-repeat;
 }

 #about-hero .hero-overlay {
     position: absolute;
     inset: 0;
     background: linear-gradient(160deg, rgba(10, 8, 4, .72) 0%, rgba(10, 8, 4, .5) 60%, rgba(10, 8, 4, .75) 100%);
 }

 #about-hero .hero-content {
     position: relative;
     z-index: 2;
     text-align: center;
     padding: 0 20px;
 }

 /* 面包屑 */
 .breadcrumb-bar {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 3;
     background: rgba(197, 160, 89, .92);
     padding: 10px 0;
 }

 .breadcrumb-bar .container {
     display: flex;
     align-items: center;
     gap: 8px;
     font-size: .68rem;
     letter-spacing: .25em;
     text-transform: uppercase;
     color: rgba(255, 255, 255, .85);
 }

 .breadcrumb-bar a {
     color: rgba(255, 255, 255, .85);
     text-decoration: none;
     transition: color .3s;
 }

 .breadcrumb-bar a:hover {
     color: #fff;
 }

 .breadcrumb-bar .sep {
     opacity: .5;
 }

 /* ---- 品牌叙述区 Brand Story Deep ---- */
 #about-brand {
     padding: 110px 0 80px;
     background: #fff;
 }

 .about-img-stack {
     position: relative;
 }

 .about-img-main {
     width: 100%;
     height: 520px;
     object-fit: cover;
     display: block;
 }

 /* 金色竖条装饰 */
 .about-img-stack::before {
     content: '';
     position: absolute;
     top: 28px;
     left: -18px;
     width: 4px;
     height: 90px;
     background: var(--color-gold);
     z-index: 1;
 }

 /* 角标卡片 */
 .about-badge {
     position: absolute;
     right: -24px;
     bottom: 40px;
     background: var(--color-dark);
     padding: 28px 32px;
     text-align: center;
     z-index: 2;
     min-width: 160px;
 }

 .about-badge .badge-num {
     font-family: var(--font-serif);
     font-size: 3rem;
     font-weight: 800;
     color: var(--color-gold);
     line-height: 1;
 }

 .about-badge .badge-label {
     font-size: .6rem;
     letter-spacing: .25em;
     text-transform: uppercase;
     color: rgba(255, 255, 255, .65);
     margin-top: 6px;
 }

 .about-text {
     padding-left: 56px;
 }

 .about-text .desc {
     font-size: .92rem;
     line-height: 1.95;
     color: #555;
     margin-bottom: 22px;
 }

 /* ---- 关键数据条 ---- */
 #about-stats {
     background: var(--color-dark);
     padding: 60px 0;
 }

 .fact-item {
     text-align: center;
     padding: 20px 0;
     border-right: 1px solid rgba(255, 255, 255, .08);
 }

 .fact-item:last-child {
     border-right: none;
 }

 .fact-icon {
     color: var(--color-gold);
     font-size: 1.5rem;
     margin-bottom: 14px;
 }

 .fact-value {
     font-family: var(--font-serif);
     font-size: clamp(1.3rem, 2vw, 1.7rem);
     font-weight: 700;
     color: #fff;
     line-height: 1.2;
     margin-bottom: 6px;
 }

 .fact-label {
     font-size: .62rem;
     letter-spacing: .22em;
     text-transform: uppercase;
     color: rgba(255, 255, 255, .45);
 }

 /* ---- 视频展示区 ---- */
 #about-video {
     padding: 110px 0;
     background: #0e0c08;
     position: relative;
     overflow: hidden;
 }

 /* 背景纹理 */
 #about-video::before {
     content: '';
     position: absolute;
     inset: 0;
     background: url('images/hero.png') center/cover no-repeat;
     opacity: .15;
 }

 .video-section-inner {
     position: relative;
     z-index: 2;
 }

 /* 视频占位缩略图 */
 .video-thumb-wrap {
     position: relative;
     cursor: pointer;
     overflow: hidden;
     border-radius: 2px;
 }

 .video-thumb-wrap img {
     width: 100%;
     height: 480px;
     object-fit: cover;
     transition: transform .7s ease;
     filter: brightness(.75);
 }

 .video-thumb-wrap:hover img {
     transform: scale(1.04);
     filter: brightness(.65);
 }

 /* 播放按钮 */
 .play-btn-wrap {
     position: absolute;
     inset: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     z-index: 2;
 }

 .play-btn {
     width: 90px;
     height: 90px;
     border-radius: 50%;
     background: rgba(197, 160, 89, .15);
     border: 2px solid var(--color-gold);
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     font-size: 2rem;
     transition: background .35s, transform .35s;
     backdrop-filter: blur(6px);
 }

 .video-thumb-wrap:hover .play-btn {
     background: rgba(197, 160, 89, .55);
     transform: scale(1.1);
 }

 .play-btn i {
     margin-left: 6px;
     /* 视觉对齐 */
 }

 .video-label {
     position: absolute;
     bottom: 30px;
     left: 36px;
     z-index: 3;
     font-size: .62rem;
     letter-spacing: .35em;
     text-transform: uppercase;
     color: rgba(255, 255, 255, .65);
 }

 /* 全屏视频弹窗 */
 #videoModal .modal-dialog {
     max-width: 95vw;
     margin: 2.5vh auto;
 }

 #videoModal .modal-content {
     background: #000;
     border: none;
     border-radius: 0;
 }

 #videoModal .modal-header {
     border: none;
     padding: 14px 18px 0;
 }

 #videoModal .btn-close {
     filter: invert(1);
     opacity: .85;
 }

 #videoModal .modal-body {
     padding: 12px 0 0;
 }

 .video-player-container {
     position: relative;
     padding-top: 56.25%;
     /* 16:9 */
     background: #000;
 }

 .video-player-container video,
 .video-player-container iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border: none;
 }

 /* ---- 厂房环境图片区 ---- */
 #about-factory {
     padding: 110px 0;
     background: #f4f2ef;
 }

 /* 相片墙布局 */
 .factory-grid {
     display: grid;
     grid-template-columns: repeat(12, 1fr);
     grid-auto-rows: 200px;
     gap: 12px;
 }

 .factory-item {
     overflow: hidden;
     position: relative;
     cursor: pointer;
 }

 .factory-item img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform .65s ease;
     display: block;
 }

 .factory-item:hover img {
     transform: scale(1.07);
 }

 /* 悬停遮罩标签 */
 .factory-caption {
     position: absolute;
     inset: 0;
     background: rgba(10, 8, 4, .45);
     display: flex;
     align-items: flex-end;
     padding: 16px 18px;
     opacity: 0;
     transition: opacity .4s ease;
 }

 .factory-item:hover .factory-caption {
     opacity: 1;
 }

 .factory-caption span {
     font-size: .65rem;
     letter-spacing: .2em;
     text-transform: uppercase;
     color: var(--color-gold);
     border-bottom: 1px solid var(--color-gold);
     padding-bottom: 2px;
 }

 /* 布局：大图跨列/行 */
 .factory-item.f-wide {
     grid-column: span 7;
     grid-row: span 2;
 }

 .factory-item.f-tall {
     grid-column: span 5;
     grid-row: span 2;
 }

 .factory-item.f-regular {
     grid-column: span 4;
 }

 .factory-item.f-medium {
     grid-column: span 5;
 }

 .factory-item.f-small {
     grid-column: span 3;
 }

 /* 占位提示框（无图时显示） */
 .factory-placeholder {
     background: #e8e4de;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     gap: 8px;
     color: #aaa;
     font-size: .72rem;
     letter-spacing: .15em;
     text-transform: uppercase;
     border: 1.5px dashed #ccc;
 }

 .factory-placeholder i {
     font-size: 1.8rem;
     color: var(--color-gold);
     opacity: .5;
 }

 /* ---- 核心优势 Core Advantages ---- */
 #about-advantages {
     padding: 110px 0;
     background: #fff;
 }

 .adv-card {
     padding: 44px 36px;
     border: 1px solid rgba(0, 0, 0, .07);
     transition: border-color .4s, box-shadow .4s, transform .4s;
     height: 100%;
 }

 .adv-card:hover {
     border-color: var(--color-gold);
     box-shadow: 0 12px 40px rgba(197, 160, 89, .12);
     transform: translateY(-4px);
 }

 .adv-icon {
     width: 54px;
     height: 54px;
     border: 1.5px solid var(--color-gold);
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--color-gold);
     font-size: 1.2rem;
     margin-bottom: 24px;
 }

 .adv-card h5 {
     font-family: var(--font-serif);
     font-size: 1.15rem;
     margin-bottom: 12px;
 }

 .adv-card p {
     font-size: .84rem;
     line-height: 1.85;
     color: #666;
     margin: 0;
 }

 /* ---- 响应式 ---- */
 @media (max-width: 991.98px) {
     .about-text {
         padding-left: 0;
         margin-top: 60px;
     }

     .about-img-stack::before {
         display: none;
     }

     .about-badge {
         right: 0;
         bottom: -24px;
     }

     .factory-grid {
         grid-template-columns: repeat(2, 1fr);
         grid-auto-rows: 220px;
     }

     .factory-item.f-wide,
     .factory-item.f-tall,
     .factory-item.f-regular,
     .factory-item.f-medium,
     .factory-item.f-small {
         grid-column: span 1;
         grid-row: span 1;
     }
 }

 @media (max-width: 575.98px) {
     .factory-grid {
         grid-template-columns: 1fr;
         grid-auto-rows: 200px;
     }

     .video-thumb-wrap img {
         height: 280px;
     }

     #about-video,
     #about-factory,
     #about-brand,
     #about-advantages {
         padding: 70px 0;
     }

     .fact-item {
         border-right: none;
         border-bottom: 1px solid rgba(255, 255, 255, .08);
     }
 }

 /* ===========================
   Contact 页面专属样式
   =========================== */
 /* ---- Hero ---- */
 #contact-hero {
     position: relative;
     height: 52vh;
     min-height: 360px;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
     background: var(--color-dark);
 }

 #contact-hero .hero-bg {
     position: absolute;
     inset: 0;
     background: url('contact.jpg') center/cover no-repeat;
 }

 #contact-hero .hero-overlay {
     position: absolute;
     inset: 0;
     background: linear-gradient(160deg, rgba(10, 8, 4, .85) 0%, rgba(10, 8, 4, .58) 55%, rgba(10, 8, 4, .85) 100%);
 }

 #contact-hero .hero-content {
     position: relative;
     z-index: 2;
     text-align: center;
     padding: 0 20px;
 }

 /* 面包屑 */
 .breadcrumb-bar {
     background: rgba(197, 160, 89, .92);
     padding: 10px 0;
 }

 .breadcrumb-bar .container {
     display: flex;
     align-items: center;
     gap: 8px;
     font-size: .68rem;
     letter-spacing: .25em;
     text-transform: uppercase;
     color: rgba(255, 255, 255, .85);
 }

 .breadcrumb-bar a {
     color: rgba(255, 255, 255, .85);
     text-decoration: none;
     transition: color .3s;
 }

 .breadcrumb-bar a:hover {
     color: #fff;
 }

 .breadcrumb-bar .sep {
     opacity: .5;
 }

 /* ---- 主体 ---- */
 #contact-main {
     padding: 100px 0 110px;
     background: #f4f2ef;
 }

 /* ---- 联系信息卡 ---- */
 .contact-card {
     background: #fff;
     padding: 44px 40px;
     height: 100%;
     border: 1px solid rgba(0, 0, 0, .06);
     transition: border-color .4s, box-shadow .4s;
 }

 .contact-card:hover {
     border-color: rgba(197, 160, 89, .3);
     box-shadow: 0 14px 44px rgba(0, 0, 0, .07);
 }

 .contact-card-icon {
     width: 52px;
     height: 52px;
     background: var(--color-dark);
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--color-gold);
     font-size: 1.15rem;
     margin-bottom: 22px;
 }

 .contact-card-label {
     font-size: .6rem;
     letter-spacing: .32em;
     text-transform: uppercase;
     color: var(--color-gold);
     margin-bottom: 10px;
 }

 .contact-card-title {
     font-family: var(--font-serif);
     font-size: 1.1rem;
     font-weight: 700;
     color: var(--color-dark);
     margin-bottom: 12px;
 }

 .contact-card-value {
     font-size: .88rem;
     line-height: 1.75;
     color: #666;
 }

 .contact-card-value a {
     color: #666;
     text-decoration: none;
     transition: color .3s;
 }

 .contact-card-value a:hover {
     color: var(--color-gold);
 }

 /* ---- 大联系信息面板（左侧深色）---- */
 .contact-panel-dark {
     background: var(--color-dark);
     padding: 56px 52px;
     height: 100%;
 }

 .contact-panel-dark .panel-eyebrow {
     font-size: .6rem;
     letter-spacing: .35em;
     text-transform: uppercase;
     color: var(--color-gold);
     margin-bottom: 16px;
 }

 .contact-panel-dark h2 {
     font-family: var(--font-serif);
     font-size: 2rem;
     font-weight: 800;
     color: #fff;
     margin-bottom: 12px;
     line-height: 1.2;
 }

 .contact-panel-dark .panel-sub {
     font-size: .82rem;
     color: rgba(255, 255, 255, .45);
     margin-bottom: 44px;
     line-height: 1.7;
 }

 .contact-row {
     display: flex;
     align-items: flex-start;
     gap: 18px;
     margin-bottom: 28px;
 }

 .contact-row-icon {
     width: 38px;
     height: 38px;
     background: rgba(197, 160, 89, .12);
     border: 1px solid rgba(197, 160, 89, .2);
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--color-gold);
     font-size: .85rem;
     flex-shrink: 0;
     margin-top: 2px;
 }

 .contact-row-body .row-label {
     font-size: .58rem;
     letter-spacing: .25em;
     text-transform: uppercase;
     color: rgba(255, 255, 255, .3);
     margin-bottom: 4px;
 }

 .contact-row-body .row-value {
     font-size: .88rem;
     color: #fff;
     line-height: 1.65;
 }

 .contact-row-body .row-value a {
     color: #fff;
     text-decoration: none;
     transition: color .3s;
 }

 .contact-row-body .row-value a:hover {
     color: var(--color-gold);
 }

 .panel-divider {
     border: none;
     border-top: 1px solid rgba(255, 255, 255, .08);
     margin: 36px 0;
 }

 /* 社交图标 */
 .panel-social {
     display: flex;
     gap: 12px;
     flex-wrap: wrap;
 }

 .panel-social a {
     width: 38px;
     height: 38px;
     border: 1px solid rgba(255, 255, 255, .15);
     display: flex;
     align-items: center;
     justify-content: center;
     color: rgba(255, 255, 255, .5);
     font-size: .85rem;
     text-decoration: none;
     transition: border-color .3s, color .3s, background .3s;
 }

 .panel-social a:hover {
     border-color: var(--color-gold);
     color: var(--color-gold);
     background: rgba(197, 160, 89, .08);
 }

 /* ---- 工作时间 ---- */
 .hours-table {
     width: 100%;
 }

 .hours-table tr {
     border-bottom: 1px solid rgba(255, 255, 255, .06);
 }

 .hours-table tr:last-child {
     border-bottom: none;
 }

 .hours-table td {
     padding: 10px 0;
     font-size: .8rem;
 }

 .hours-table td:first-child {
     color: rgba(255, 255, 255, .4);
 }

 .hours-table td:last-child {
     color: #fff;
     text-align: right;
 }

 .hours-table .today td {
     color: var(--color-gold);
 }

 /* ---- 地图占位 ---- */
 .map-wrap {
     width: 100%;
     height: 380px;
     background: #e8e4de;
     position: relative;
     overflow: hidden;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .map-wrap iframe {
     width: 100%;
     height: 100%;
     border: none;
     display: block;
 }

 /* ---- 四格快速联系方式 ---- */
 .quick-contact-bar {
     background: var(--color-dark);
     padding: 0;
 }

 .quick-bar-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
 }

 .quick-bar-item {
     padding: 36px 32px;
     border-right: 1px solid rgba(255, 255, 255, .07);
     display: flex;
     align-items: center;
     gap: 18px;
     text-decoration: none;
     color: inherit;
     transition: background .35s;
 }

 .quick-bar-item:last-child {
     border-right: none;
 }

 .quick-bar-item:hover {
     background: rgba(197, 160, 89, .08);
 }

 .quick-bar-item i {
     font-size: 1.4rem;
     color: var(--color-gold);
     flex-shrink: 0;
 }

 .quick-bar-label {
     font-size: .58rem;
     letter-spacing: .25em;
     text-transform: uppercase;
     color: rgba(255, 255, 255, .3);
     margin-bottom: 5px;
 }

 .quick-bar-value {
     font-size: .85rem;
     color: #fff;
     line-height: 1.4;
 }

 /* ---- 响应式 ---- */
 @media (max-width: 991.98px) {
     .quick-bar-grid {
         grid-template-columns: repeat(2, 1fr);
     }

     .quick-bar-item {
         border-bottom: 1px solid rgba(255, 255, 255, .07);
     }
 }

 @media (max-width: 767.98px) {
     .contact-panel-dark {
         padding: 40px 28px;
     }

     #contact-main {
         padding: 60px 0 80px;
     }

     .quick-bar-grid {
         grid-template-columns: 1fr;
     }
 }

 @media (max-width: 575.98px) {
     .contact-panel-dark h2 {
         font-size: 1.55rem;
     }
 }

 /* ===========================
   Products 页面专属样式
   =========================== */
 /* ===========================
       产品列表页专属样式
       =========================== */

 /* ---- Hero Banner ---- */
 #products-hero {
     position: relative;
     height: 52vh;
     min-height: 360px;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
     background: var(--color-dark);
 }

 #products-hero .hero-bg {
     position: absolute;
     inset: 0;
     background: url('products.jpg') center/cover no-repeat;
 }

 #products-hero .hero-overlay {
     position: absolute;
     inset: 0;
     background: linear-gradient(160deg, rgba(10, 8, 4, .78) 0%, rgba(10, 8, 4, .52) 55%, rgba(10, 8, 4, .78) 100%);
 }

 #products-hero .hero-content {
     position: relative;
     z-index: 2;
     text-align: center;
     padding: 0 20px;
 }

 /* 面包屑 */
 .breadcrumb-bar {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 3;
     background: rgba(197, 160, 89, .92);
     padding: 10px 0;
 }

 .breadcrumb-bar .container {
     display: flex;
     align-items: center;
     gap: 8px;
     font-size: .68rem;
     letter-spacing: .25em;
     text-transform: uppercase;
     color: rgba(255, 255, 255, .85);
 }

 .breadcrumb-bar a {
     color: rgba(255, 255, 255, .85);
     text-decoration: none;
     transition: color .3s;
 }

 .breadcrumb-bar a:hover {
     color: #fff;
 }

 .breadcrumb-bar .sep {
     opacity: .5;
 }

 /* ---- 主体布局 ---- */
 #products-main {
     padding: 80px 0 100px;
     background: #f4f2ef;
 }

 /* ---- 分类侧边栏 ---- */
 .cat-sidebar {
     position: sticky;
     top: 90px;
 }

 .cat-sidebar-title {
     font-family: var(--font-sans);
     font-size: .62rem;
     letter-spacing: .35em;
     text-transform: uppercase;
     color: var(--color-gold);
     margin-bottom: 20px;
     padding-bottom: 12px;
     border-bottom: 1.5px solid rgba(197, 160, 89, .25);
 }

 .cat-list {
     list-style: none;
     padding: 0;
     margin: 0 0 36px;
 }

 .cat-list li {
     margin-bottom: 4px;
 }

 .cat-item {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 11px 16px;
     font-size: .82rem;
     font-family: var(--font-sans);
     font-weight: 500;
     letter-spacing: .06em;
     color: #555;
     cursor: pointer;
     border: 1px solid transparent;
     background: transparent;
     transition: all .3s;
     width: 100%;
     text-align: left;
 }

 .cat-item:hover {
     color: var(--color-gold);
     border-color: rgba(197, 160, 89, .3);
     background: rgba(197, 160, 89, .05);
 }

 .cat-item.active {
     color: #fff;
     background: var(--color-dark);
     border-color: var(--color-dark);
 }

 .cat-item.active .cat-count {
     color: var(--color-gold);
 }

 .cat-count {
     font-size: .68rem;
     color: #aaa;
     letter-spacing: .05em;
     transition: color .3s;
 }

 /* ---- 顶部筛选工具栏 ---- */
 .filter-bar {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 14px 20px;
     background: #fff;
     margin-bottom: 28px;
     border-left: 3px solid var(--color-gold);
     flex-wrap: wrap;
     gap: 12px;
 }

 .filter-bar-label {
     font-size: .72rem;
     letter-spacing: .2em;
     text-transform: uppercase;
     color: #888;
 }

 .filter-bar-label span {
     color: var(--color-dark);
     font-weight: 600;
     margin-left: 6px;
 }

 .sort-select {
     appearance: none;
     border: 1px solid rgba(0, 0, 0, .12);
     background: #fff;
     padding: 8px 36px 8px 14px;
     font-family: var(--font-sans);
     font-size: .78rem;
     color: #444;
     cursor: pointer;
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23c5a059' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
     background-repeat: no-repeat;
     background-position: right 10px center;
     background-size: 14px 14px;
     transition: border-color .3s;
     border-radius: 0;
 }

 .sort-select:focus {
     outline: none;
     border-color: var(--color-gold);
 }

 /* ---- 产品卡片 ---- */
 .product-list-card {
     background: #fff;
     overflow: hidden;
     border: 1px solid rgba(0, 0, 0, .06);
     transition: border-color .4s, box-shadow .4s, transform .4s;
     height: 100%;
     display: flex;
     flex-direction: column;
     cursor: pointer;
 }

 .product-list-card:hover {
     border-color: var(--color-gold);
     box-shadow: 0 16px 48px rgba(0, 0, 0, .1);
     transform: translateY(-5px);
 }

 /* 图片区域 */
 .plc-img-wrap {
     position: relative;
     overflow: hidden;
 }

 .plc-img-wrap img {
     width: 100%;
     height: 260px;
     object-fit: cover;
     display: block;
     transition: transform .7s cubic-bezier(.25, .46, .45, .94);
 }

 .product-list-card:hover .plc-img-wrap img {
     transform: scale(1.08);
 }

 /* 分类标签 */
 .plc-badge {
     position: absolute;
     top: 14px;
     left: 14px;
     background: rgba(10, 8, 4, .72);
     backdrop-filter: blur(4px);
     color: var(--color-gold);
     font-size: .58rem;
     letter-spacing: .25em;
     text-transform: uppercase;
     padding: 4px 10px;
     z-index: 2;
 }

 /* 快速查看 overlay */
 .plc-overlay {
     position: absolute;
     inset: 0;
     background: rgba(10, 8, 4, .45);
     display: flex;
     align-items: center;
     justify-content: center;
     opacity: 0;
     transition: opacity .4s;
     z-index: 3;
 }

 .product-list-card:hover .plc-overlay {
     opacity: 1;
 }

 .plc-overlay span {
     font-size: .65rem;
     letter-spacing: .3em;
     text-transform: uppercase;
     color: #fff;
     border: 1px solid rgba(255, 255, 255, .6);
     padding: 9px 22px;
     transition: border-color .3s, color .3s;
 }

 .plc-overlay span:hover {
     border-color: var(--color-gold);
     color: var(--color-gold);
 }

 /* 卡片底部信息区 */
 .plc-body {
     padding: 22px 22px 24px;
     flex: 1;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
 }

 .plc-name {
     font-family: var(--font-serif);
     font-size: 1.05rem;
     font-weight: 700;
     color: var(--color-dark);
     margin-bottom: 6px;
     line-height: 1.3;
     transition: color .3s;
 }

 .product-list-card:hover .plc-name {
     color: var(--color-gold);
 }

 .plc-subtitle {
     font-size: .72rem;
     color: #999;
     letter-spacing: .08em;
     margin-bottom: 16px;
 }

 .plc-footer {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding-top: 14px;
     border-top: 1px solid rgba(0, 0, 0, .07);
 }

 .plc-price {
     font-family: var(--font-serif);
     font-size: 1.1rem;
     font-weight: 700;
     color: var(--color-gold);
 }

 .plc-price-note {
     font-size: .6rem;
     letter-spacing: .12em;
     text-transform: uppercase;
     color: #bbb;
     margin-top: 2px;
 }

 .plc-inquire {
     font-size: .62rem;
     letter-spacing: .2em;
     text-transform: uppercase;
     color: var(--color-dark);
     border-bottom: 1px solid var(--color-dark);
     padding-bottom: 1px;
     text-decoration: none;
     transition: color .3s, border-color .3s;
 }

 .plc-inquire:hover {
     color: var(--color-gold);
     border-color: var(--color-gold);
 }

 /* ---- 翻页分页器（Bootstrap 覆写）---- */
 .product-pagination {
     margin-top: 60px;
     display: flex;
     justify-content: center;
 }

 .product-pagination .pagination {
     gap: 6px;
     margin: 0;
 }

 .product-pagination .page-item .page-link {
     width: 42px;
     height: 42px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 0;
     font-family: var(--font-sans);
     font-size: .78rem;
     font-weight: 500;
     letter-spacing: .05em;
     color: #777;
     background: #fff;
     border: 1px solid rgba(0, 0, 0, .1);
     transition: all .3s;
     padding: 0;
     box-shadow: none;
 }

 .product-pagination .page-item .page-link:hover {
     color: var(--color-gold);
     border-color: var(--color-gold);
     background: rgba(197, 160, 89, .05);
 }

 .product-pagination .page-item.active .page-link {
     background: var(--color-dark);
     border-color: var(--color-dark);
     color: var(--color-gold);
 }

 .product-pagination .page-item.disabled .page-link {
     color: #ccc;
     background: #fafafa;
     border-color: rgba(0, 0, 0, .06);
     cursor: not-allowed;
 }

 /* 首/末页按钮加款式 */
 .product-pagination .page-item.prev-next .page-link,
 .product-pagination .page-item.first-last .page-link {
     width: auto;
     padding: 0 16px;
     font-size: .68rem;
     letter-spacing: .15em;
     text-transform: uppercase;
 }

 /* 分页信息文字 */
 .pagination-info {
     text-align: center;
     font-size: .72rem;
     color: #aaa;
     letter-spacing: .12em;
     margin-top: 16px;
 }

 /* ---- 响应式 ---- */
 @media (max-width: 991.98px) {
     .cat-sidebar {
         position: static;
     }
 }

 @media (max-width: 575.98px) {
     .plc-img-wrap img {
         height: 220px;
     }

     #products-main {
         padding: 50px 0 70px;
     }

     .filter-bar {
         flex-direction: column;
         align-items: flex-start;
     }
 }

 /* ===========================
   Projects 页面专属样式
   =========================== */
 /* ================================================
       Projects 文章列表专属样式
       ================================================ */

 /* ---- Hero Banner ---- */
 #projects-hero {
     position: relative;
     height: 52vh;
     min-height: 360px;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
     background: var(--color-dark);
 }

 #projects-hero .hero-bg {
     position: absolute;
     inset: 0;
     background: url('images/case01.png') center/cover no-repeat;
 }

 #projects-hero .hero-overlay {
     position: absolute;
     inset: 0;
     background: linear-gradient(160deg, rgba(10, 8, 4, .78) 0%, rgba(10, 8, 4, .52) 55%, rgba(10, 8, 4, .78) 100%);
 }

 #projects-hero .hero-content {
     position: relative;
     z-index: 2;
     text-align: center;
     padding: 0 20px;
 }

 /* 面包屑 */
 .breadcrumb-bar {
     background: rgba(197, 160, 89, .92);
     padding: 10px 0;
 }

 .breadcrumb-bar .container {
     display: flex;
     align-items: center;
     gap: 8px;
     font-size: .68rem;
     letter-spacing: .25em;
     text-transform: uppercase;
     color: rgba(255, 255, 255, .85);
 }

 .breadcrumb-bar a {
     color: rgba(255, 255, 255, .85);
     text-decoration: none;
     transition: color .3s;
 }

 .breadcrumb-bar a:hover {
     color: #fff;
 }

 .breadcrumb-bar .sep {
     opacity: .5;
 }

 /* ---- 主体 ---- */
 #projects-main {
     padding: 90px 0 110px;
     background: #f4f2ef;
 }

 /* ---- 筛选工具栏 ---- */
 .filter-bar {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 14px 20px;
     background: #fff;
     margin-bottom: 36px;
     border-left: 3px solid var(--color-gold);
     flex-wrap: wrap;
     gap: 12px;
 }

 .filter-bar-label {
     font-size: .72rem;
     letter-spacing: .2em;
     text-transform: uppercase;
     color: #888;
 }

 .filter-bar-label span {
     color: var(--color-dark);
     font-weight: 600;
     margin-left: 6px;
 }

 .sort-select {
     appearance: none;
     border: 1px solid rgba(0, 0, 0, .12);
     background: #fff;
     padding: 8px 36px 8px 14px;
     font-family: var(--font-sans);
     font-size: .78rem;
     color: #444;
     cursor: pointer;
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23c5a059' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
     background-repeat: no-repeat;
     background-position: right 10px center;
     background-size: 14px 14px;
     border-radius: 0;
     transition: border-color .3s;
 }

 .sort-select:focus {
     outline: none;
     border-color: var(--color-gold);
 }

 /* ---- 案例卡片 ---- */
 .case-card {
     background: #fff;
     overflow: hidden;
     border: 1px solid rgba(0, 0, 0, .06);
     transition: border-color .4s, box-shadow .4s, transform .4s;
     display: flex;
     flex-direction: column;
     height: 100%;
     text-decoration: none;
     color: inherit;
 }

 .case-card:hover {
     border-color: var(--color-gold);
     box-shadow: 0 16px 48px rgba(0, 0, 0, .1);
     transform: translateY(-5px);
     color: inherit;
 }

 /* 图片区 */
 .case-img-wrap {
     position: relative;
     overflow: hidden;
 }

 .case-img-wrap img {
     width: 100%;
     height: 260px;
     object-fit: cover;
     display: block;
     transition: transform .7s cubic-bezier(.25, .46, .45, .94);
 }

 .case-card:hover .case-img-wrap img {
     transform: scale(1.08);
 }

 /* 日期浮标 */
 .case-date-badge {
     position: absolute;
     top: 14px;
     right: 14px;
     background: var(--color-dark);
     color: var(--color-gold);
     text-align: center;
     padding: 8px 12px;
     z-index: 2;
     line-height: 1.2;
     min-width: 52px;
 }

 .case-date-badge .day {
     font-family: var(--font-serif);
     font-size: 1.3rem;
     font-weight: 800;
     display: block;
 }

 .case-date-badge .mon {
     font-size: .55rem;
     letter-spacing: .2em;
     text-transform: uppercase;
     display: block;
     color: rgba(255, 255, 255, .7);
 }

 /* 查看遮罩 */
 .case-overlay {
     position: absolute;
     inset: 0;
     background: rgba(10, 8, 4, .45);
     display: flex;
     align-items: center;
     justify-content: center;
     opacity: 0;
     transition: opacity .4s;
     z-index: 3;
 }

 .case-card:hover .case-overlay {
     opacity: 1;
 }

 .case-overlay span {
     font-size: .65rem;
     letter-spacing: .3em;
     text-transform: uppercase;
     color: #fff;
     border: 1px solid rgba(255, 255, 255, .6);
     padding: 9px 22px;
 }

 /* 卡片底部 */
 .case-body {
     padding: 22px 22px 26px;
     flex: 1;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
 }

 .case-meta-top {
     display: flex;
     align-items: center;
     gap: 14px;
     margin-bottom: 10px;
 }

 .case-tag {
     font-size: .58rem;
     letter-spacing: .22em;
     text-transform: uppercase;
     color: var(--color-gold);
     border: 1px solid rgba(197, 160, 89, .3);
     padding: 3px 9px;
 }

 .case-date-text {
     font-size: .68rem;
     color: #bbb;
     letter-spacing: .08em;
 }

 .case-date-text i {
     margin-right: 4px;
 }

 .case-title {
     font-family: var(--font-serif);
     font-size: 1.1rem;
     font-weight: 700;
     color: var(--color-dark);
     line-height: 1.4;
     margin-bottom: 10px;
     transition: color .3s;
 }

 .case-card:hover .case-title {
     color: var(--color-gold);
 }

 .case-excerpt {
     font-size: .78rem;
     color: #888;
     line-height: 1.75;
     margin-bottom: 16px;
     /* 截断 3 行 */
     display: -webkit-box;
     -webkit-line-clamp: 3;
     line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
 }

 .case-read-more {
     font-size: .62rem;
     letter-spacing: .2em;
     text-transform: uppercase;
     color: var(--color-dark);
     border-bottom: 1px solid var(--color-dark);
     padding-bottom: 1px;
     display: inline-block;
     transition: color .3s, border-color .3s;
 }

 .case-card:hover .case-read-more {
     color: var(--color-gold);
     border-color: var(--color-gold);
 }

 /* ---- 精选大图卡片（第1条不同样式） ---- */
 .case-card-featured {
     flex-direction: row;
 }

 .case-card-featured .case-img-wrap {
     flex: 0 0 55%;
     max-width: 55%;
 }

 .case-card-featured .case-img-wrap img {
     height: 100%;
     min-height: 320px;
 }

 .case-card-featured .case-body {
     padding: 36px 36px 36px 40px;
 }

 .case-card-featured .case-title {
     font-size: 1.45rem;
 }

 .case-card-featured .case-excerpt {
     -webkit-line-clamp: 5;
     line-clamp: 5;
 }

 /* ---- 翻页（与 products 完全一致）---- */
 .product-pagination {
     margin-top: 60px;
     display: flex;
     justify-content: center;
 }

 .product-pagination .pagination {
     gap: 6px;
     margin: 0;
 }

 .product-pagination .page-item .page-link {
     width: 42px;
     height: 42px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 0;
     font-family: var(--font-sans);
     font-size: .78rem;
     font-weight: 500;
     letter-spacing: .05em;
     color: #777;
     background: #fff;
     border: 1px solid rgba(0, 0, 0, .1);
     transition: all .3s;
     padding: 0;
     box-shadow: none;
 }

 .product-pagination .page-item .page-link:hover {
     color: var(--color-gold);
     border-color: var(--color-gold);
     background: rgba(197, 160, 89, .05);
 }

 .product-pagination .page-item.active .page-link {
     background: var(--color-dark);
     border-color: var(--color-dark);
     color: var(--color-gold);
 }

 .product-pagination .page-item.disabled .page-link {
     color: #ccc;
     background: #fafafa;
     border-color: rgba(0, 0, 0, .06);
     cursor: not-allowed;
 }

 .product-pagination .page-item.prev-next .page-link {
     width: auto;
     padding: 0 16px;
     font-size: .68rem;
     letter-spacing: .15em;
     text-transform: uppercase;
 }

 .pagination-info {
     text-align: center;
     font-size: .72rem;
     color: #aaa;
     letter-spacing: .12em;
     margin-top: 16px;
 }

 /* ---- 响应式 ---- */
 @media (max-width: 767.98px) {
     .case-card-featured {
         flex-direction: column;
     }

     .case-card-featured .case-img-wrap {
         flex: unset;
         max-width: 100%;
     }

     .case-card-featured .case-img-wrap img {
         min-height: 220px;
         height: 260px;
     }

     .case-card-featured .case-body {
         padding: 22px 22px 26px;
     }

     .case-card-featured .case-title {
         font-size: 1.15rem;
     }

     #projects-main {
         padding: 60px 0 80px;
     }
 }

 @media (max-width: 575.98px) {
     .case-img-wrap img {
         height: 220px;
     }

     .filter-bar {
         flex-direction: column;
         align-items: flex-start;
     }
 }

 /* ===========================
   Solutions 页面专属样式
   =========================== */
 /* ================================================
       Solutions / FAQ 页面专属样式
       ================================================ */

 /* ---- Hero ---- */
 #faq-hero {
     position: relative;
     height: 52vh;
     min-height: 360px;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
     background: var(--color-dark);
 }

 #faq-hero .hero-bg {
     position: absolute;
     inset: 0;
     background: url('faq.jpg') center/cover no-repeat;
 }

 #faq-hero .hero-overlay {
     position: absolute;
     inset: 0;
     background: linear-gradient(160deg, rgba(10, 8, 4, .82) 0%, rgba(10, 8, 4, .58) 55%, rgba(10, 8, 4, .82) 100%);
 }

 #faq-hero .hero-content {
     position: relative;
     z-index: 2;
     text-align: center;
     padding: 0 20px;
 }

 /* 面包屑 */
 .breadcrumb-bar {
     background: rgba(197, 160, 89, .92);
     padding: 10px 0;
 }

 .breadcrumb-bar .container {
     display: flex;
     align-items: center;
     gap: 8px;
     font-size: .68rem;
     letter-spacing: .25em;
     text-transform: uppercase;
     color: rgba(255, 255, 255, .85);
 }

 .breadcrumb-bar a {
     color: rgba(255, 255, 255, .85);
     text-decoration: none;
     transition: color .3s;
 }

 .breadcrumb-bar a:hover {
     color: #fff;
 }

 .breadcrumb-bar .sep {
     opacity: .5;
 }

 /* ---- 主体 ---- */
 #faq-main {
     padding: 90px 0 110px;
     background: #f4f2ef;
 }

 /* ---- 分类 Tab 导航 ---- */
 /* ---- Tab 导航（已隐藏，所有FAQ平铺展示）---- */
 /* .faq-tabs { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:50px; justify-content:center; }
    .faq-tab-btn { display:flex; align-items:center; gap:8px; padding:10px 22px; font-family:var(--font-sans); font-size:.72rem; font-weight:500; letter-spacing:.15em; text-transform:uppercase; color:#777; background:#fff; border:1px solid rgba(0,0,0,.1); cursor:pointer; transition:all .3s; border-radius:0; }
    .faq-tab-btn i { color:#ccc; } .faq-tab-btn:hover, .faq-tab-btn.active { color:var(--color-gold); border-color:var(--color-dark); background:var(--color-dark); } */

 /* ---- FAQ 分组标题 ---- */
 .faq-group {
     display: block;
     margin-bottom: 32px;
 }

 .faq-group-header {
     display: flex;
     align-items: center;
     gap: 16px;
     margin-bottom: 24px;
 }

 .faq-group-icon {
     width: 50px;
     height: 50px;
     background: var(--color-dark);
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--color-gold);
     font-size: 1.1rem;
     flex-shrink: 0;
 }

 .faq-group-header h2 {
     font-family: var(--font-serif);
     font-size: 1.5rem;
     font-weight: 800;
     margin: 0 0 3px;
     color: var(--color-dark);
 }

 .faq-group-header p {
     font-size: .78rem;
     color: #999;
     letter-spacing: .06em;
     margin: 0;
 }

 /* ---- Bootstrap Accordion 覆写 ---- */
 .faq-accordion .accordion-item {
     border: 1px solid rgba(0, 0, 0, .07);
     border-radius: 0 !important;
     margin-bottom: 8px;
     background: #fff;
     overflow: hidden;
 }

 .faq-accordion .accordion-button {
     font-family: var(--font-sans);
     font-size: .88rem;
     font-weight: 600;
     color: var(--color-dark);
     background: #fff;
     padding: 20px 24px;
     letter-spacing: .03em;
     border-radius: 0 !important;
     box-shadow: none !important;
     gap: 14px;
     /* 以下属性补全 Bootstrap 基础样式，确保跨项目兼容 */
     display: flex;
     align-items: center;
     width: 100%;
     text-align: left;
     border: 0;
     overflow-anchor: none;
     cursor: pointer;
     position: relative;
 }

 .faq-accordion .accordion-button::before {
     content: '';
     display: block;
     width: 3px;
     height: 18px;
     background: rgba(197, 160, 89, .25);
     flex-shrink: 0;
     transition: background .3s;
 }

 .faq-accordion .accordion-button:not(.collapsed) {
     color: var(--color-gold);
     background: #fff;
 }

 .faq-accordion .accordion-button:not(.collapsed)::before {
     background: var(--color-gold);
 }

 /* 自定义展开图标 */
 .faq-accordion .accordion-button::after {
     width: 20px;
     height: 20px;
     border: 1.5px solid rgba(0, 0, 0, .15);
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23c5a059' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
     background-size: 12px;
     background-position: center;
     background-repeat: no-repeat;
     flex-shrink: 0;
 }

 .faq-accordion .accordion-button:not(.collapsed)::after {
     background-color: rgba(197, 160, 89, .1);
     border-color: var(--color-gold);
     transform: rotate(-180deg);
 }

 .faq-accordion .accordion-body {
     font-size: .86rem;
     line-height: 1.9;
     color: #666;
     padding: 4px 24px 24px 45px;
 }

 .faq-accordion .accordion-body ul {
     padding-left: 20px;
     margin: 12px 0 0;
 }

 .faq-accordion .accordion-body ul li {
     margin-bottom: 6px;
 }

 .faq-accordion .accordion-body .highlight {
     display: inline-block;
     background: rgba(197, 160, 89, .1);
     color: var(--color-dark);
     font-weight: 600;
     padding: 1px 8px;
     font-size: .82rem;
 }

 /* ---- 快捷联系条 ---- */
 .faq-contact-strip {
     background: var(--color-dark);
     padding: 44px 48px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     flex-wrap: wrap;
     gap: 24px;
     margin-top: 60px;
 }

 .faq-contact-strip h3 {
     font-family: var(--font-serif);
     font-size: 1.35rem;
     color: #fff;
     margin: 0 0 6px;
 }

 .faq-contact-strip p {
     font-size: .82rem;
     color: rgba(255, 255, 255, .5);
     margin: 0;
     letter-spacing: .05em;
 }

 /* ---- 搜索框（装饰性） ---- */
 .faq-search-wrap {
     max-width: 540px;
     margin: 0 auto 52px;
     position: relative;
 }

 .faq-search-input {
     width: 100%;
     padding: 15px 52px 15px 22px;
     font-family: var(--font-sans);
     font-size: .85rem;
     border: 1.5px solid rgba(0, 0, 0, .1);
     background: #fff;
     outline: none;
     letter-spacing: .04em;
     transition: border-color .3s;
     border-radius: 0;
 }

 .faq-search-input:focus {
     border-color: var(--color-gold);
 }

 .faq-search-icon {
     position: absolute;
     right: 18px;
     top: 50%;
     transform: translateY(-50%);
     color: var(--color-gold);
     font-size: .95rem;
 }

 /* ---- 响应式 ---- */
 @media (max-width: 767.98px) {
     #faq-main {
         padding: 60px 0 80px;
     }

     .faq-accordion .accordion-body {
         padding-left: 24px;
     }

     .faq-contact-strip {
         padding: 32px 28px;
         flex-direction: column;
         align-items: flex-start;
     }
 }

 /* ===========================
   Product Detail 页面专属样式
   =========================== */
 /* ================================================
       产品详情页专属样式
       ================================================ */

 /* ---- Hero 场景轮播区 ---- */
 #detail-hero {
     position: relative;
     height: 100vh;
     min-height: 600px;
     overflow: hidden;
     background: var(--color-dark);
 }

 /* Swiper 撑满 Hero */
 #detail-hero .swiper,
 #detail-hero .swiper-wrapper,
 #detail-hero .swiper-slide {
     width: 100%;
     height: 100%;
 }

 .hero-slide-img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
 }

 /* 渐变遮罩 — 底部更重，确保文字可读 */
 .hero-slide-overlay {
     position: absolute;
     inset: 0;
     background: linear-gradient(to bottom,
             rgba(10, 8, 4, .35) 0%,
             rgba(10, 8, 4, .15) 40%,
             rgba(10, 8, 4, .65) 85%,
             rgba(10, 8, 4, .85) 100%);
     z-index: 1;
 }

 /* Hero 内部文字 */
 .hero-text-layer {
     position: absolute;
     inset: 0;
     z-index: 2;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     padding: 0 0 80px;
 }

 .hero-text-layer .container {
     position: relative;
 }

 .hero-eyebrow-tag {
     display: inline-block;
     font-size: .62rem;
     letter-spacing: .35em;
     text-transform: uppercase;
     color: var(--color-gold);
     border: 1px solid rgba(197, 160, 89, .4);
     padding: 5px 14px;
     margin-bottom: 18px;
 }

 .hero-product-title {
     font-family: var(--font-serif);
     font-size: clamp(2rem, 4.5vw, 4rem);
     font-weight: 900;
     color: #fff;
     line-height: 1.1;
     margin-bottom: 14px;
 }

 .hero-product-meta {
     font-size: .8rem;
     color: rgba(255, 255, 255, .65);
     letter-spacing: .12em;
 }

 .hero-product-meta span {
     margin-right: 20px;
 }

 .hero-product-meta i {
     color: var(--color-gold);
     margin-right: 5px;
 }

 /* Hero Swiper 分页 / 导航 */
 #detail-hero .swiper-pagination {
     bottom: 28px;
     z-index: 3;
 }

 #detail-hero .swiper-pagination-bullet {
     width: 28px;
     height: 3px;
     border-radius: 0;
     background: rgba(255, 255, 255, .35);
     opacity: 1;
     transition: background .35s, width .35s;
 }

 #detail-hero .swiper-pagination-bullet-active {
     background: var(--color-gold);
     width: 48px;
 }

 #detail-hero .swiper-button-prev,
 #detail-hero .swiper-button-next {
     width: 48px;
     height: 48px;
     background: rgba(255, 255, 255, .08);
     backdrop-filter: blur(6px);
     border: 1px solid rgba(255, 255, 255, .15);
     color: #fff;
     transition: background .3s, border-color .3s;
     z-index: 3;
 }

 #detail-hero .swiper-button-prev:hover,
 #detail-hero .swiper-button-next:hover {
     background: rgba(197, 160, 89, .35);
     border-color: var(--color-gold);
 }

 #detail-hero .swiper-button-prev::after,
 #detail-hero .swiper-button-next::after {
     font-size: .85rem;
     font-weight: 700;
 }

 /* 面包屑 */
 .breadcrumb-bar {
     background: rgba(197, 160, 89, .92);
     padding: 10px 0;
 }

 .breadcrumb-bar .container {
     display: flex;
     align-items: center;
     gap: 8px;
     font-size: .68rem;
     letter-spacing: .25em;
     text-transform: uppercase;
     color: rgba(255, 255, 255, .85);
 }

 .breadcrumb-bar a {
     color: rgba(255, 255, 255, .85);
     text-decoration: none;
     transition: color .3s;
 }

 .breadcrumb-bar a:hover {
     color: #fff;
 }

 .breadcrumb-bar .sep {
     opacity: .5;
 }

 /* ---- 产品主信息区 ---- */
 #product-detail {
     padding: 90px 0 100px;
     background: #fff;
 }

 /* 花纹单板图片 */
 .slab-img-wrap {
     position: relative;
     overflow: hidden;
 }

 .slab-img-wrap img {
     width: 100%;
     height: 580px;
     object-fit: cover;
     display: block;
     transition: transform .8s ease;
 }

 .slab-img-wrap:hover img {
     transform: scale(1.03);
 }

 /* 左侧竖向金条装饰 */
 .slab-img-wrap::before {
     content: '';
     position: absolute;
     top: 32px;
     left: -18px;
     width: 4px;
     height: 90px;
     background: var(--color-gold);
     z-index: 1;
 }

 /* 图片底部标签 */
 .slab-badge {
     position: absolute;
     bottom: 20px;
     left: 20px;
     background: rgba(10, 8, 4, .72);
     backdrop-filter: blur(4px);
     color: var(--color-gold);
     font-size: .6rem;
     letter-spacing: .28em;
     text-transform: uppercase;
     padding: 6px 14px;
     z-index: 2;
 }

 /* 产品信息右侧 */
 .product-info {
     padding-left: 56px;
 }

 .product-cat-tag {
     display: inline-block;
     font-size: .62rem;
     letter-spacing: .3em;
     text-transform: uppercase;
     color: var(--color-gold);
     border: 1px solid rgba(197, 160, 89, .35);
     padding: 4px 12px;
     margin-bottom: 18px;
 }

 .product-name {
     font-family: var(--font-serif);
     font-size: clamp(1.8rem, 3vw, 2.6rem);
     font-weight: 800;
     color: var(--color-dark);
     line-height: 1.15;
     margin-bottom: 10px;
 }

 .product-origin {
     font-size: .78rem;
     color: #999;
     letter-spacing: .1em;
     margin-bottom: 24px;
 }

 .product-origin i {
     color: var(--color-gold);
     margin-right: 5px;
 }

 /* 价格区域 */
 .price-block {
     padding: 22px 0;
     border-top: 1px solid rgba(0, 0, 0, .07);
     border-bottom: 1px solid rgba(0, 0, 0, .07);
     margin-bottom: 28px;
     display: flex;
     align-items: baseline;
     gap: 16px;
     flex-wrap: wrap;
 }

 .price-main {
     font-family: var(--font-serif);
     font-size: 1.9rem;
     font-weight: 800;
     color: var(--color-gold);
     line-height: 1;
 }

 .price-note {
     font-size: .72rem;
     color: #aaa;
     letter-spacing: .12em;
     text-transform: uppercase;
 }

 /* 产品描述 */
 .product-desc {
     font-size: .9rem;
     line-height: 1.95;
     color: #666;
     margin-bottom: 32px;
 }

 /* 规格表格 */
 .spec-table {
     width: 100%;
     border-collapse: collapse;
     margin-bottom: 32px;
 }

 .spec-table tr {
     border-bottom: 1px solid rgba(0, 0, 0, .06);
 }

 .spec-table tr:first-child {
     border-top: 1px solid rgba(0, 0, 0, .06);
 }

 .spec-table td {
     padding: 12px 0;
     font-size: .82rem;
     vertical-align: top;
 }

 .spec-table td:first-child {
     color: #999;
     letter-spacing: .1em;
     text-transform: uppercase;
     font-size: .7rem;
     width: 38%;
     padding-right: 12px;
 }

 .spec-table td:last-child {
     color: var(--color-dark);
     font-weight: 500;
 }

 /* 行动按钮组 */
 .action-btns {
     display: flex;
     gap: 14px;
     flex-wrap: wrap;
     margin-top: 8px;
 }

 .btn-inquire {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     padding: 15px 40px;
     background: var(--color-dark);
     color: var(--color-gold);
     font-family: var(--font-sans);
     font-size: .72rem;
     font-weight: 600;
     letter-spacing: .25em;
     text-transform: uppercase;
     text-decoration: none;
     border: 1.5px solid var(--color-dark);
     transition: background .35s, color .35s, border-color .35s;
 }

 .btn-inquire:hover {
     background: var(--color-gold);
     border-color: var(--color-gold);
     color: #fff;
 }

 .btn-sample {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     padding: 15px 32px;
     background: transparent;
     color: var(--color-dark);
     font-family: var(--font-sans);
     font-size: .72rem;
     font-weight: 600;
     letter-spacing: .25em;
     text-transform: uppercase;
     text-decoration: none;
     border: 1.5px solid rgba(0, 0, 0, .18);
     transition: border-color .35s, color .35s;
 }

 .btn-sample:hover {
     border-color: var(--color-gold);
     color: var(--color-gold);
 }

 /* 服务标签 */
 .service-tags {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
     margin-top: 28px;
     padding-top: 28px;
     border-top: 1px solid rgba(0, 0, 0, .06);
 }

 .stag {
     display: flex;
     align-items: center;
     gap: 7px;
     font-size: .68rem;
     letter-spacing: .1em;
     color: #777;
 }

 .stag i {
     color: var(--color-gold);
     font-size: .75rem;
 }

 /* ---- 热门推荐区 ---- */
 #related-products {
     padding: 100px 0;
     background: #f4f2ef;
 }

 /* 推荐卡片（复用 products.html 风格） */
 .rec-card {
     background: #fff;
     overflow: hidden;
     border: 1px solid rgba(0, 0, 0, .06);
     transition: border-color .4s, box-shadow .4s, transform .4s;
     cursor: pointer;
     height: 100%;
     display: flex;
     flex-direction: column;
 }

 .rec-card:hover {
     border-color: var(--color-gold);
     box-shadow: 0 16px 48px rgba(0, 0, 0, .1);
     transform: translateY(-5px);
 }

 .rec-img-wrap {
     position: relative;
     overflow: hidden;
 }

 .rec-img-wrap img {
     width: 100%;
     height: 240px;
     object-fit: cover;
     display: block;
     transition: transform .7s ease;
 }

 .rec-card:hover .rec-img-wrap img {
     transform: scale(1.08);
 }

 .rec-badge {
     position: absolute;
     top: 12px;
     left: 12px;
     background: rgba(10, 8, 4, .72);
     backdrop-filter: blur(4px);
     color: var(--color-gold);
     font-size: .56rem;
     letter-spacing: .22em;
     text-transform: uppercase;
     padding: 3px 9px;
     z-index: 2;
 }

 .rec-body {
     padding: 20px 20px 22px;
     flex: 1;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
 }

 .rec-name {
     font-family: var(--font-serif);
     font-size: 1rem;
     font-weight: 700;
     color: var(--color-dark);
     margin-bottom: 5px;
     transition: color .3s;
 }

 .rec-card:hover .rec-name {
     color: var(--color-gold);
 }

 .rec-sub {
     font-size: .7rem;
     color: #aaa;
     letter-spacing: .06em;
     margin-bottom: 14px;
 }

 .rec-footer {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding-top: 12px;
     border-top: 1px solid rgba(0, 0, 0, .06);
 }

 .rec-price {
     font-family: var(--font-serif);
     font-size: 1rem;
     font-weight: 700;
     color: var(--color-gold);
 }

 .rec-link {
     font-size: .6rem;
     letter-spacing: .18em;
     text-transform: uppercase;
     color: #999;
     border-bottom: 1px solid #ddd;
     padding-bottom: 1px;
     text-decoration: none;
     transition: color .3s, border-color .3s;
 }

 .rec-link:hover {
     color: var(--color-gold);
     border-color: var(--color-gold);
 }

 /* ---- 响应式 ---- */
 @media (max-width: 991.98px) {
     .product-info {
         padding-left: 0;
         margin-top: 56px;
     }

     .slab-img-wrap::before {
         display: none;
     }

     .slab-img-wrap img {
         height: 420px;
     }
 }

 @media (max-width: 767.98px) {
     #detail-hero {
         height: 75vh;
     }

     .hero-product-title {
         font-size: 2rem;
     }

     #product-detail {
         padding: 60px 0 70px;
     }

     #related-products {
         padding: 70px 0;
     }
 }

 @media (max-width: 575.98px) {
     .slab-img-wrap img {
         height: 300px;
     }

     .action-btns {
         flex-direction: column;
     }

     .btn-inquire,
     .btn-sample {
         justify-content: center;
     }
 }

 /* ===========================
   Project Detail 页面专属样式
   =========================== */
 /* ================================================
       Project 详情页专属样式
       ================================================ */

 /* ---- Hero（全宽封面图）---- */
 #article-hero {
     position: relative;
     height: 72vh;
     min-height: 460px;
     overflow: hidden;
     background: var(--color-dark);
 }

 #article-hero .hero-bg {
     position: absolute;
     inset: 0;
     background: url('images/case01.png') center/cover no-repeat;
     transform-origin: center;
     transition: transform 8s ease;
 }

 #article-hero:hover .hero-bg {
     transform: scale(1.04);
 }

 #article-hero .hero-overlay {
     position: absolute;
     inset: 0;
     background: linear-gradient(to bottom,
             rgba(10, 8, 4, .22) 0%,
             rgba(10, 8, 4, .12) 35%,
             rgba(10, 8, 4, .72) 80%,
             rgba(10, 8, 4, .9) 100%);
 }

 .article-hero-content {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 2;
     padding-bottom: 52px;
 }

 .article-category-tag {
     display: inline-block;
     font-size: .6rem;
     letter-spacing: .32em;
     text-transform: uppercase;
     color: #fff;
     background: var(--color-gold);
     padding: 5px 14px;
     margin-bottom: 18px;
 }

 .article-hero-title {
     font-family: var(--font-serif);
     font-size: clamp(1.8rem, 4vw, 3.2rem);
     font-weight: 900;
     color: #fff;
     line-height: 1.15;
     margin-bottom: 18px;
 }

 .article-hero-meta {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     gap: 20px;
     font-size: .72rem;
     color: rgba(255, 255, 255, .65);
     letter-spacing: .08em;
 }

 .article-hero-meta i {
     color: var(--color-gold);
     margin-right: 5px;
 }

 /* 面包屑 */
 .breadcrumb-bar {
     background: rgba(197, 160, 89, .92);
     padding: 10px 0;
 }

 .breadcrumb-bar .container {
     display: flex;
     align-items: center;
     gap: 8px;
     font-size: .68rem;
     letter-spacing: .25em;
     text-transform: uppercase;
     color: rgba(255, 255, 255, .85);
 }

 .breadcrumb-bar a {
     color: rgba(255, 255, 255, .85);
     text-decoration: none;
     transition: color .3s;
 }

 .breadcrumb-bar a:hover {
     color: #fff;
 }

 .breadcrumb-bar .sep {
     opacity: .5;
 }

 /* ---- 主体布局 ---- */
 #article-body {
     padding: 80px 0 100px;
     background: #fff;
 }

 /* ---- 文章内容区 ---- */
 .article-content {
     max-width: 780px;
 }

 /* Lead（导言段落） */
 .article-lead {
     font-size: 1.08rem;
     line-height: 1.9;
     color: #444;
     font-weight: 400;
     margin-bottom: 36px;
     padding-left: 20px;
     border-left: 3px solid var(--color-gold);
 }

 /* 正文段落 */
 .article-content p {
     font-size: .92rem;
     line-height: 2;
     color: #555;
     margin-bottom: 24px;
 }

 /* 文章内图片 */
 .article-img {
     width: 100%;
     height: 420px;
     object-fit: cover;
     display: block;
     margin: 36px 0;
 }

 .article-img-caption {
     font-size: .7rem;
     color: #aaa;
     letter-spacing: .1em;
     text-align: center;
     margin-top: -28px;
     margin-bottom: 36px;
 }

 /* 文章内小标题 */
 .article-content h2 {
     font-family: var(--font-serif);
     font-size: 1.55rem;
     font-weight: 800;
     color: var(--color-dark);
     margin: 48px 0 18px;
     padding-bottom: 12px;
     border-bottom: 1px solid rgba(0, 0, 0, .08);
 }

 .article-content h3 {
     font-family: var(--font-serif);
     font-size: 1.15rem;
     font-weight: 700;
     color: var(--color-dark);
     margin: 36px 0 14px;
 }

 /* 引用块 */
 .article-quote {
     margin: 40px 0;
     padding: 28px 36px;
     background: #f4f2ef;
     border-left: 4px solid var(--color-gold);
     position: relative;
 }

 .article-quote::before {
     content: '\201C';
     font-family: var(--font-serif);
     font-size: 5rem;
     color: var(--color-gold);
     opacity: .25;
     position: absolute;
     top: -10px;
     left: 20px;
     line-height: 1;
 }

 .article-quote p {
     font-family: var(--font-serif);
     font-size: 1.05rem;
     font-style: italic;
     color: var(--color-dark);
     line-height: 1.75;
     margin: 0 0 10px;
     position: relative;
     z-index: 1;
 }

 .article-quote cite {
     font-size: .72rem;
     letter-spacing: .15em;
     text-transform: uppercase;
     color: var(--color-gold);
 }

 /* 项目规格信息卡 */
 .project-spec-card {
     background: var(--color-dark);
     padding: 36px 40px;
     margin: 40px 0;
 }

 .project-spec-card .spec-title {
     font-family: var(--font-sans);
     font-size: .62rem;
     letter-spacing: .35em;
     text-transform: uppercase;
     color: var(--color-gold);
     margin-bottom: 22px;
     padding-bottom: 12px;
     border-bottom: 1px solid rgba(255, 255, 255, .1);
 }

 .spec-row {
     display: flex;
     justify-content: space-between;
     align-items: baseline;
     padding: 10px 0;
     border-bottom: 1px solid rgba(255, 255, 255, .06);
     font-size: .82rem;
 }

 .spec-row:last-child {
     border-bottom: none;
 }

 .spec-key {
     color: rgba(255, 255, 255, .45);
     letter-spacing: .08em;
     text-transform: uppercase;
     font-size: .68rem;
     flex: 0 0 40%;
 }

 .spec-val {
     color: #fff;
     text-align: right;
     flex: 0 0 58%;
 }

 /* 内联图片网格 */
 .article-img-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 10px;
     margin: 36px 0;
 }

 .article-img-grid img {
     width: 100%;
     height: 220px;
     object-fit: cover;
     display: block;
 }

 /* 文章底部标签 */
 .article-tags {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
     margin-top: 48px;
     padding-top: 28px;
     border-top: 1px solid rgba(0, 0, 0, .08);
 }

 .article-tag {
     font-size: .62rem;
     letter-spacing: .18em;
     text-transform: uppercase;
     color: var(--color-dark);
     border: 1px solid rgba(0, 0, 0, .15);
     padding: 5px 14px;
     text-decoration: none;
     transition: border-color .3s, color .3s;
 }

 .article-tag:hover {
     color: var(--color-gold);
     border-color: var(--color-gold);
 }

 /* ---- 侧边栏 ---- */
 .article-sidebar {
     position: sticky;
     top: 100px;
 }

 /* 作者/发布信息卡 */
 .sidebar-meta-card {
     padding: 28px;
     background: #f4f2ef;
     margin-bottom: 28px;
 }

 .sidebar-meta-card .meta-label {
     font-size: .6rem;
     letter-spacing: .3em;
     text-transform: uppercase;
     color: var(--color-gold);
     margin-bottom: 14px;
 }

 .meta-row {
     display: flex;
     justify-content: space-between;
     font-size: .78rem;
     color: #777;
     margin-bottom: 10px;
 }

 .meta-row span:last-child {
     color: var(--color-dark);
     font-weight: 500;
 }

 /* 分享按钮区 */
 .sidebar-share-card {
     padding: 28px;
     border: 1px solid rgba(0, 0, 0, .08);
     margin-bottom: 28px;
 }

 .sidebar-share-card .share-label {
     font-size: .6rem;
     letter-spacing: .3em;
     text-transform: uppercase;
     color: #999;
     margin-bottom: 18px;
 }

 .share-btns {
     display: flex;
     flex-direction: column;
     gap: 10px;
 }

 .share-btn {
     display: flex;
     align-items: center;
     gap: 12px;
     padding: 11px 16px;
     font-size: .75rem;
     font-family: var(--font-sans);
     font-weight: 500;
     letter-spacing: .08em;
     text-decoration: none;
     border: 1px solid rgba(0, 0, 0, .1);
     color: #555;
     transition: all .35s;
 }

 .share-btn i {
     width: 16px;
     text-align: center;
     font-size: .9rem;
 }

 .share-btn:hover {
     color: #fff;
     border-color: transparent;
 }

 .share-btn.linkedin:hover {
     background: #0077b5;
 }

 .share-btn.facebook:hover {
     background: #1877f2;
 }

 .share-btn.twitter:hover {
     background: #000;
 }

 .share-btn.pinterest:hover {
     background: #e60023;
 }

 .share-btn.whatsapp:hover {
     background: #25d366;
 }

 .share-btn.email:hover {
     background: var(--color-dark);
     border-color: var(--color-dark);
     color: var(--color-gold);
 }

 /* 复制链接 */
 .copy-link-wrap {
     margin-top: 14px;
     display: flex;
     gap: 0;
 }

 .copy-link-input {
     flex: 1;
     border: 1px solid rgba(0, 0, 0, .1);
     border-right: none;
     padding: 9px 12px;
     font-size: .68rem;
     color: #aaa;
     background: #fafafa;
     outline: none;
     font-family: var(--font-sans);
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }

 .copy-link-btn {
     border: 1px solid rgba(0, 0, 0, .1);
     background: var(--color-dark);
     color: var(--color-gold);
     font-size: .62rem;
     letter-spacing: .15em;
     text-transform: uppercase;
     padding: 9px 14px;
     cursor: pointer;
     transition: background .3s;
     white-space: nowrap;
 }

 .copy-link-btn:hover {
     background: var(--color-gold);
     color: #fff;
 }

 .copy-link-btn.copied {
     background: #4caf50;
     color: #fff;
     border-color: #4caf50;
 }

 /* 相关推荐侧边栏卡 */
 .sidebar-related-card {
     padding: 28px;
     border: 1px solid rgba(0, 0, 0, .08);
 }

 .sidebar-related-card .related-label {
     font-size: .6rem;
     letter-spacing: .3em;
     text-transform: uppercase;
     color: #999;
     margin-bottom: 18px;
     padding-bottom: 10px;
     border-bottom: 1px solid rgba(0, 0, 0, .07);
 }

 .related-item {
     display: flex;
     gap: 14px;
     margin-bottom: 16px;
     text-decoration: none;
     color: inherit;
     transition: color .3s;
 }

 .related-item:hover .related-title {
     color: var(--color-gold);
 }

 .related-item img {
     width: 70px;
     height: 70px;
     object-fit: cover;
     flex-shrink: 0;
 }

 .related-title {
     font-family: var(--font-serif);
     font-size: .88rem;
     font-weight: 700;
     color: var(--color-dark);
     line-height: 1.35;
     margin-bottom: 5px;
     transition: color .3s;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
 }

 .related-date {
     font-size: .65rem;
     color: #bbb;
     letter-spacing: .08em;
 }

 /* ---- 底部上下文导航 ---- */
 #article-nav {
     background: #f4f2ef;
     padding: 0;
     border-top: 1px solid rgba(0, 0, 0, .07);
 }

 .article-nav-inner {
     display: grid;
     grid-template-columns: 1fr 1fr;
 }

 .article-nav-item {
     display: flex;
     flex-direction: column;
     padding: 36px 44px;
     text-decoration: none;
     color: inherit;
     transition: background .35s;
     gap: 8px;
 }

 .article-nav-item:hover {
     background: rgba(197, 160, 89, .08);
 }

 .article-nav-item.prev {
     border-right: 1px solid rgba(0, 0, 0, .08);
 }

 .nav-dir {
     font-size: .6rem;
     letter-spacing: .3em;
     text-transform: uppercase;
     color: var(--color-gold);
     display: flex;
     align-items: center;
     gap: 8px;
 }

 .nav-title {
     font-family: var(--font-serif);
     font-size: 1rem;
     font-weight: 700;
     color: var(--color-dark);
     line-height: 1.3;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
 }

 /* ---- 更多案例 ---- */
 #more-projects {
     padding: 100px 0;
     background: #fff;
 }

 .more-card {
     overflow: hidden;
     display: block;
     text-decoration: none;
     color: inherit;
     border: 1px solid rgba(0, 0, 0, .06);
     transition: border-color .4s, box-shadow .4s, transform .4s;
 }

 .more-card:hover {
     border-color: var(--color-gold);
     box-shadow: 0 14px 44px rgba(0, 0, 0, .1);
     transform: translateY(-4px);
 }

 .more-card-img {
     position: relative;
     overflow: hidden;
 }

 .more-card-img img {
     width: 100%;
     height: 220px;
     object-fit: cover;
     display: block;
     transition: transform .65s ease;
 }

 .more-card:hover .more-card-img img {
     transform: scale(1.07);
 }

 .more-card-body {
     padding: 20px 20px 22px;
     background: #fff;
 }

 .more-card-tag {
     font-size: .58rem;
     letter-spacing: .22em;
     text-transform: uppercase;
     color: var(--color-gold);
     margin-bottom: 8px;
 }

 .more-card-title {
     font-family: var(--font-serif);
     font-size: 1rem;
     font-weight: 700;
     color: var(--color-dark);
     line-height: 1.35;
     transition: color .3s;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
 }

 .more-card:hover .more-card-title {
     color: var(--color-gold);
 }

 .more-card-date {
     font-size: .68rem;
     color: #bbb;
     margin-top: 8px;
 }

 /* ---- 响应式 ---- */
 @media (max-width: 991.98px) {
     .article-sidebar {
         position: static;
         margin-top: 60px;
     }
 }

 @media (max-width: 767.98px) {
     #article-hero {
         height: 55vh;
     }

     .article-hero-title {
         font-size: 1.6rem;
     }

     .article-img {
         height: 260px;
     }

     .article-img-grid {
         grid-template-columns: 1fr;
     }

     .article-nav-inner {
         grid-template-columns: 1fr;
     }

     .article-nav-item.prev {
         border-right: none;
         border-bottom: 1px solid rgba(0, 0, 0, .08);
     }

     .article-nav-item {
         padding: 28px 24px;
     }

     #article-body {
         padding: 50px 0 70px;
     }

     #more-projects {
         padding: 60px 0;
     }
 }

 @media (max-width: 575.98px) {
     .article-lead {
         padding-left: 14px;
         font-size: .95rem;
     }

     .project-spec-card {
         padding: 24px 22px;
     }

     .share-btns {
         flex-direction: row;
         flex-wrap: wrap;
     }

     .share-btn {
         flex: 1 1 auto;
         justify-content: center;
     }
 }

 /* ===========================
   Partners 页面专属样式
   =========================== */
 /* ================================================
       Partners 页面专属样式
       ================================================ */

 /* ---- Hero ---- */
 #partners-hero {
     position: relative;
     height: 52vh;
     min-height: 360px;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
     background: var(--color-dark);
 }

 #partners-hero .hero-bg {
     position: absolute;
     inset: 0;
     background: url('partners.jpg') center/cover no-repeat;
 }

 #partners-hero .hero-overlay {
     position: absolute;
     inset: 0;
     background: linear-gradient(160deg, rgba(10, 8, 4, .82) 0%, rgba(10, 8, 4, .55) 55%, rgba(10, 8, 4, .82) 100%);
 }

 #partners-hero .hero-content {
     position: relative;
     z-index: 2;
     text-align: center;
     padding: 0 20px;
 }

 /* 面包屑 */
 .breadcrumb-bar {
     background: rgba(197, 160, 89, .92);
     padding: 10px 0;
 }

 .breadcrumb-bar .container {
     display: flex;
     align-items: center;
     gap: 8px;
     font-size: .68rem;
     letter-spacing: .25em;
     text-transform: uppercase;
     color: rgba(255, 255, 255, .85);
 }

 .breadcrumb-bar a {
     color: rgba(255, 255, 255, .85);
     text-decoration: none;
     transition: color .3s;
 }

 .breadcrumb-bar a:hover {
     color: #fff;
 }

 .breadcrumb-bar .sep {
     opacity: .5;
 }

 /* ---- 统计数字条 ---- */
 #partner-stats {
     background: var(--color-dark);
     padding: 48px 0;
 }

 .stat-item {
     text-align: center;
     padding: 0 20px;
 }

 .stat-number {
     font-family: var(--font-serif);
     font-size: 2.6rem;
     font-weight: 900;
     color: var(--color-gold);
     line-height: 1;
     margin-bottom: 8px;
 }

 .stat-label {
     font-size: .65rem;
     letter-spacing: .3em;
     text-transform: uppercase;
     color: rgba(255, 255, 255, .45);
 }

 .stat-divider {
     width: 1px;
     background: rgba(255, 255, 255, .1);
     align-self: stretch;
     margin: 0;
 }

 /* ---- 品牌列表主体 ---- */
 #partners-main {
     padding: 100px 0 110px;
     background: #f4f2ef;
 }

 /* ---- 品牌 Logo 卡片 ---- */
 .brand-card {
     background: #fff;
     border: 1px solid rgba(0, 0, 0, .07);
     padding: 40px 32px;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     text-align: center;
     transition: border-color .4s, box-shadow .4s, transform .4s;
     height: 100%;
     position: relative;
     overflow: hidden;
 }

 /* 悬停时底部金色线条 */
 .brand-card::after {
     content: '';
     position: absolute;
     bottom: 0;
     left: 50%;
     transform: translateX(-50%) scaleX(0);
     width: 60%;
     height: 2px;
     background: var(--color-gold);
     transition: transform .4s ease;
 }

 .brand-card:hover {
     border-color: rgba(197, 160, 89, .3);
     box-shadow: 0 14px 44px rgba(0, 0, 0, .08);
     transform: translateY(-4px);
 }

 .brand-card:hover::after {
     transform: translateX(-50%) scaleX(1);
 }

 .brand-logo-wrap {
     width: 100%;
     height: 90px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 22px;
 }

 .brand-logo-wrap img {
     max-width: 160px;
     max-height: 80px;
     width: auto;
     height: auto;
     object-fit: contain;
     filter: grayscale(100%);
     opacity: .65;
     transition: filter .4s, opacity .4s;
 }

 .brand-card:hover .brand-logo-wrap img {
     filter: grayscale(0%);
     opacity: 1;
 }

 .brand-name {
     font-family: var(--font-serif);
     font-size: 1rem;
     font-weight: 700;
     color: var(--color-dark);
     margin-bottom: 6px;
 }

 .brand-cat {
     font-size: .62rem;
     letter-spacing: .22em;
     text-transform: uppercase;
     color: var(--color-gold);
     margin-bottom: 12px;
 }

 .brand-desc {
     font-size: .75rem;
     color: #999;
     line-height: 1.65;
 }

 /* ---- 分类过滤 Tab ---- */
 .filter-tabs {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
     justify-content: center;
     margin-bottom: 52px;
 }

 .filter-tab {
     border: 1px solid rgba(0, 0, 0, .1);
     background: #fff;
     color: #777;
     font-family: var(--font-sans);
     font-size: .68rem;
     font-weight: 500;
     letter-spacing: .18em;
     text-transform: uppercase;
     padding: 9px 20px;
     cursor: pointer;
     transition: all .3s;
 }

 .filter-tab:hover {
     color: var(--color-gold);
     border-color: var(--color-gold);
 }

 .filter-tab.active {
     background: var(--color-dark);
     color: var(--color-gold);
     border-color: var(--color-dark);
 }

 /* ---- 合作数字引言条 ---- */
 .trust-strip {
     background: #fff;
     border: 1px solid rgba(197, 160, 89, .2);
     border-left: 4px solid var(--color-gold);
     padding: 28px 36px;
     margin-bottom: 56px;
     display: flex;
     align-items: center;
     gap: 20px;
     flex-wrap: wrap;
 }

 .trust-strip i {
     font-size: 1.6rem;
     color: var(--color-gold);
     flex-shrink: 0;
 }

 .trust-strip p {
     font-size: .88rem;
     line-height: 1.75;
     color: #666;
     margin: 0;
 }

 .trust-strip strong {
     color: var(--color-dark);
 }

 /* ---- 响应式 ---- */
 @media (max-width: 767.98px) {
     #partners-main {
         padding: 60px 0 80px;
     }

     .stat-divider {
         display: none;
     }

     .brand-card {
         padding: 30px 22px;
     }
 }


 .glightbox-clean .gclose:hover,
 .glightbox-clean .gnext:hover,
 .glightbox-clean .gprev:hover {
     background-color: var(--color-gold) !important;
 }

 .navLink {
    color: var(--color-dark) !important;
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-family: var(--font-sans);
 }