@charset "utf-8";
@font-face { font-family: 'Semibold'; src: url('../font/PingFangSC-Semibold.woff2') format('woff2'), /* Chrome, Opera, Firefox */ }
@font-face { font-family: 'Regular'; src: url('../font/PingFangSC-Regular.woff2') format('woff2'), /* Chrome, Opera, Firefox */ }
/* 全局样式重置 */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { padding-top: 72px; background: #f7f7f7; font-family: 'Regular', Inter, system-ui, -apple-system, sans-serif; }
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding-right: 0; padding-left: 0; }
/* ========== 响应式导航【适配画册色系】 ========== */
header.site-nav { width: 100%; height: 72px; position: fixed; top: 0; left: 0; z-index: 999; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; transition: transform 0.3s ease; /* 奶油米白导航底色 匹配面料柔和底色 */ background: #f5f2e9; border-bottom: 1px solid #E2D8C9; }
/* 滚动向下隐藏导航 */
header.site-nav.hide-nav { transform: translateY(-100%); }
.menu-hamburger { display: none; font-size: 24px; cursor: pointer; /* 复古墨绿文字 */ color: #2F463A; }
.nav-logo { position: absolute; left: 50%; transform: translateX(-50%); font-size: 22px; font-weight: 600; color: #2F463A; text-decoration: none; /* 图片垂直居中 */ display: flex; align-items: center; height: 72px; }
/* LOGO图片样式，限制高度防止撑破导航 */
.nav-logo img { height: 80px; width: auto; object-fit: contain; }
.nav-left { display: flex; gap: 32px; align-items: center; }
.nav-right-menu { display: flex; gap: 32px; align-items: center; }
/* 页头导航文字改为15px */
.nav-left a, .nav-right-menu a { color: #2F463A; text-decoration: none; font-size: 18px; transition: color 0.2s; font-family: 'Semibold', Inter, system-ui, -apple-system, sans-serif; }
.nav-left a:hover, .nav-right-menu a:hover { /* 暖黄hover点缀，匹配黄色沙发产品 */ color: #E8B858; }
/* 一级下拉菜单容器 */
.dropdown-wrap { position: relative; }
/* 二级下拉面板 */
.submenu { position: absolute; top: 100%; left: 0; width: 190px; background: #ffffff; border: 1px solid #E2D8C9; border-top: none; padding: 12px 0; display: none; z-index: 9999; }
.submenu a { display: block; padding: 12px 20px; font-size: 14px; color: #4A5F52; }
.submenu a:hover { background: #FFF3DD; color: #2F463A; }
.dropdown-wrap:hover .submenu { display: block; }
.mobile-menu { display: none; position: absolute; top: 72px; left: 0; width: 100%; background: #FFF9EF; border-bottom: 1px solid #E2D8C9; flex-direction: column; padding: 20px 24px; gap: 16px; transition: transform 0.3s ease; }
/* 移动端菜单同步15px */
.mobile-menu a { color: #2F463A; text-decoration: none; font-size: 15px; }
.mobile-menu a:hover { color: #E8B858; }
.mobile-sub { padding-left: 16px; display: flex; flex-direction: column; gap: 10px; margin-top: 8px; }
/* ========== 页面Banner（使用指定图片作为背景，文字悬浮覆盖） ========== */
.page-banner { width: 100%; height: 500px; /* 指定背景图片地址 */ display: flex; align-items: center; position: relative; color: #ffffff; }
.mt-3 { text-align: left; }
/* 半透明遮罩，提升文字可读性 */
.page-banner::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 1; }
.banner-content { text-align: center; position: relative; z-index: 2; padding: 0 5rem; }
.banner-content H1 { width: 1000px; font-size: 2.5rem; text-align: left; }
/*
.container-fluid {
	padding-left: 100px;
	padding-right: 100px;
}*/
.tab-nav { display: flex; gap: 12px; justify-content: center; margin: 50px 0; flex-wrap: wrap; }
.tab-btn { display: block; padding: 8px 22px; border-radius: 999px; border: 1px solid #222; background: transparent; font-size: 14px; cursor: pointer; transition: 0.2s; text-decoration: none; color: #222; -webkit-tap-highlight-color: transparent; }
.tab-btn.active { background: #91b122; color: #fff; border-color: #91b122; }
.tab-btn:hover { background: #91b122; color: #fff; opacity: 0.85; border-color: #91b122; }
.tab-btn:active { transform: scale(0.96) }
.pages { padding-left: 1%; padding-right: 1%; }
/* ===== 面包屑样式（可选，默认无样式） ===== */
.breadcrumb-nav { padding: 10px 0; background: #f9f9f9; border-bottom: 1px solid #eee; font-size: 14px; color: #666; }
.breadcrumb-nav a { color: #222; text-decoration: none; }
.breadcrumb-nav a:hover { text-decoration: underline; }
/*分页*/
.page-num:not(:disabled) { cursor: pointer; }
.page-num, .page-link { position: relative; text-decoration: none; line-height: 20px; display: block; padding: .5rem .75rem;
display: flex; align-items: center; margin-left: -1px; line-height: 1.25; color: #91b122; background-color: #fff; border: 1px solid #dee2e6; }
a.page-num:hover, .page-link:hover { text-decoration: none; }
.page-num-current { z-index: 1; color: #fff; background-color: #91b122; border-color: #91b122; text-decoration: none; }
.page-num-current:hover { color: #fff; }
/* ===================== 页脚Footer 字体尺寸统一优化 ===================== */
footer.site-footer { background-color: #f5f2e9; /* 和导航头部底色完全一致 */ color: #2F463A; /* 复古墨绿主文字 */ padding: 48px 230px 32px; /* 缩减上下内边距，匹配紧凑排版 */ border-top: 1px solid #E2D8C9; /* 和导航分割线统一 */ }
.footer-inner { max-width: 1920px; margin: 0 auto; }
.footer-row { display: flex; gap: 32px; margin-bottom: 40px; }
.footer-col { flex: 1; }
/* 页脚标题缩小，不和页面大标题冲突 */
.footer-col h3 { font-size: 24px; font-weight: 500; margin-bottom: 18px; letter-spacing: 0.5px; color: #2F463A; }
.footer-col ul { list-style: none; }
/* 页脚链接14px，略小于导航15px形成层级区分 */
.footer-col ul li { margin-bottom: 12px; }
.footer-col ul li a { color: #2F463A; text-decoration: none; font-size: 14px; transition: color 0.2s; }
.footer-col ul li a:hover { color: #E8B858; /* hover暖黄和导航统一 */ }
/* 社交图标适配缩小 */
.social-list { display: flex; gap: 12px; margin-top: 18px; }
.social-item { width: 40px; height: 40px; background: #fff; border: 1px solid #E2D8C9; border-radius: 4px; display: flex; align-items: center; justify-content: center; color: #2F463A; font-size: 18px; text-decoration: none; transition: 0.2s; }
.social-item:hover { background: #FFF3DD; color: #E8B858; }
/* 底部地址辅助文字，14px统一正文尺寸 */
.footer-address { border-top: 1px solid #E2D8C9; padding-top: 24px; font-size: 14px; line-height: 1.7; color: #4A5F52; }
 @media screen and (max-width: 1200px) {
.container-fluid { padding-left: 50px; padding-right: 50px; }
}
 @media screen and (max-width: 768px) {
.page-banner { height: 300px; /* 指定背景图片地址 */ }
.banner-content { padding: 0 1rem; }
.banner-content H1 { width: 100%; font-size: 1.2rem; }
.banner-content .mt-3 { font-size: 0.8rem; }
.nav-left, .nav-right-menu { display: none; }
.menu-hamburger { display: block; }
.full-banner { height: 60vh; }
.submenu { display: none !important; }
/* 移动端LOGO自适应缩小 */
.nav-logo img { height: 76px; }
.container-fluid { padding-left: 20px; padding-right: 20px; }
/* 页脚移动端字体同步缩小协调 */
footer.site-footer { padding: 32px 16px 24px; }
.footer-row { flex-direction: column; gap: 28px; margin-bottom: 32px; }
.footer-col h3 { font-size: 20px; margin-bottom: 14px; }
.footer-col ul li { margin-bottom: 0.5rem; }
.footer-col ul li a { font-size: 14px; }
.social-list { margin-top: 14px; }
.social-item { width: 36px; height: 36px; font-size: 16px; }
.footer-address { padding-top: 20px; font-size: 13px; }
}
.article-content span{  white-space: normal !important; }