/* ============================================================
   香栖手工床垫 · 内页统一视觉层 (theme-inner.css)
   亢金龙昭 2026-09-07 制作
   - 挂载于 lists_* / view_* 内页模板，在 style.css 之后加载
   - 规范色：主棕橙 #A84A12 / 深棕 #6E2C08 / 墨棕 #3B2114
            奶油 #FFFBEA / 亚麻 #E8D5B5 / 浅棕字 #6b5a4d
   ============================================================ */

/* ---------- 1. 内页页头横幅 page-title ---------- */
.page-title{position:relative;padding:150px 0 120px;overflow:hidden}
.page-title:before{content:'';position:absolute;inset:0;
    background:linear-gradient(180deg,rgba(36,20,9,0.55) 0%,rgba(59,33,20,0.30) 55%,rgba(59,33,20,0.55) 100%);
    z-index:1}
.page-title .auto-container{position:relative;z-index:2}
.page-title .content-box .title h1{
    color:#FFFBEA;font-size:46px;font-weight:800;letter-spacing:6px;margin:0 0 18px;
    text-shadow:0 2px 18px rgba(36,20,9,0.45)}
.page-title .content-box .bread-crumb li{
    color:rgba(255,251,234,0.88);font-size:15px;letter-spacing:1.5px;line-height:1.9;
    max-width:860px;margin:0 auto}
@media screen and (max-width:768px){
    .page-title{padding:110px 0 80px}
    .page-title .content-box .title h1{font-size:32px;letter-spacing:3px}
}

/* ---------- 2. 系列总览（顶级栏目：4 大系列品牌卡） ---------- */
.series-overview{padding:90px 0 100px;background:#FFFBEA}
.series-overview .so-head{text-align:center;max-width:760px;margin:0 auto 54px}
.series-overview .so-head .so-kicker{
    display:inline-block;font-size:14px;font-weight:700;color:#A84A12;
    letter-spacing:4px;padding-bottom:10px;position:relative}
.series-overview .so-head .so-kicker:after{
    content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:0;
    width:36px;height:2px;background:#C89B6A}
.series-overview .so-head h2{font-size:34px;color:#3B2114;margin:16px 0 14px;letter-spacing:2px}
.series-overview .so-head p{font-size:15px;line-height:2;color:#6b5a4d;margin:0}
.so-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;max-width:1120px;margin:0 auto}
.sn-card{position:relative;display:flex;flex-direction:column;background:#fff;
    border-radius:16px;overflow:hidden;border:1px solid rgba(232,213,181,0.55);
    box-shadow:0 6px 26px rgba(59,33,20,0.07);text-decoration:none;
    transition:transform .45s ease,box-shadow .45s ease,border-color .45s ease}
.sn-card:hover{transform:translateY(-6px);border-color:rgba(168,74,18,0.4);
    box-shadow:0 20px 48px rgba(168,74,18,0.15);text-decoration:none}
.sn-card .sn-img{position:relative;aspect-ratio:16/9;overflow:hidden;background:#E8D5B5}
.sn-card .sn-img img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .7s ease}
.sn-card:hover .sn-img img{transform:scale(1.05)}
.sn-card .sn-img:after{content:'';position:absolute;inset:0;
    background:linear-gradient(180deg,transparent 62%,rgba(59,33,20,0.28) 100%);pointer-events:none}
.sn-card .sn-body{padding:26px 30px 30px;display:flex;flex-direction:column;flex:1}
.sn-card .sn-body h3{font-size:24px;font-weight:700;color:#6E2C08;margin:0 0 12px;letter-spacing:1px}
.sn-card .sn-body p{font-size:14.5px;line-height:1.9;color:#6b5a4d;margin:0 0 18px;
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sn-card .sn-more{margin-top:auto;font-size:13px;font-weight:700;color:#A84A12;letter-spacing:3px}
.sn-card:hover .sn-more{letter-spacing:5px}

/* ---------- 3. 叶子栏目：文档列表卡 ---------- */
.doc-section{padding:80px 0 90px;background:#FFFBEA}
.doc-list{display:flex;flex-direction:column;gap:30px;max-width:1080px;margin:0 auto}
.doc-card{display:flex;background:#fff;border-radius:16px;overflow:hidden;
    border:1px solid rgba(232,213,181,0.55);box-shadow:0 6px 26px rgba(59,33,20,0.07);
    text-decoration:none;transition:transform .45s ease,box-shadow .45s ease}
.doc-card:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(168,74,18,0.14);text-decoration:none}
.doc-card .dc-img{flex:0 0 42%;position:relative;overflow:hidden;background:#E8D5B5;min-height:230px}
.doc-card .dc-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.doc-card:hover .dc-img img{transform:scale(1.05)}
.doc-card .dc-body{flex:1;padding:30px 34px;display:flex;flex-direction:column;justify-content:center}
.doc-card .dc-body h3{font-size:22px;font-weight:700;color:#6E2C08;margin:0 0 12px}
.doc-card .dc-body p{font-size:14.5px;line-height:1.9;color:#6b5a4d;margin:0 0 16px;
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.doc-card .dc-more{font-size:13px;font-weight:700;color:#A84A12;letter-spacing:3px}

/* 系列切换 tab（品牌化，保留原 filters 结构） */
.doc-section .filters{margin-bottom:44px}
.doc-section .filter-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;list-style:none;margin:0;padding:0}
.doc-section .filter-tabs li a{display:inline-block;padding:10px 26px;font-size:15px;font-weight:600;
    color:#6E2C08;background:#fff;border:1px solid rgba(232,213,181,0.8);border-radius:999px;
    text-decoration:none;transition:all .35s ease}
.doc-section .filter-tabs li a:hover,
.doc-section .filter-tabs li a.hover{background:#A84A12;border-color:#A84A12;color:#FFFBEA}

/* 空态 */
.inner-empty{max-width:720px;margin:0 auto;background:#fff;border:1px dashed rgba(200,155,106,0.55);
    border-radius:14px;padding:70px 40px;text-align:center;color:#a08a6f;font-size:15px;line-height:2.1;letter-spacing:1px}
.inner-empty strong{display:block;font-size:19px;color:#6E2C08;margin-bottom:10px;letter-spacing:2px}

/* ---------- 4. 分页品牌化 ---------- */
.pglist{text-align:center;margin-top:46px}
.pglist ul{display:inline-flex;gap:8px;list-style:none;padding:0;margin:0}
.pglist ul li a,.pglist ul li span{display:inline-block;min-width:40px;height:40px;line-height:38px;
    padding:0 12px;border-radius:8px;font-size:14px;font-weight:600;
    color:#6E2C08;background:#fff;border:1px solid rgba(232,213,181,0.8);text-decoration:none}
.pglist ul li a:hover{background:#A84A12;border-color:#A84A12;color:#FFFBEA}
.pglist ul li span.current{background:#A84A12;border-color:#A84A12;color:#FFFBEA}

/* ---------- 5. 系列详情页（view_series） ---------- */
.series-detail{padding:80px 0 96px;background:#FFFBEA}
.series-detail .sd-layout{display:grid;grid-template-columns:1fr 330px;gap:40px;align-items:start;max-width:1200px;margin:0 auto}
.series-detail .sd-main{min-width:0}
/* 顶部画廊：图集大图叙事 */
.sd-gallery{display:flex;flex-direction:column;gap:0;margin-bottom:44px;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px rgba(59,33,20,0.10)}
.sd-gallery figure{margin:0;background:#E8D5B5}
.sd-gallery figure img{width:100%;display:block;object-fit:cover}
.sd-gallery figure:last-child img{border-radius:0 0 16px 16px}
.sd-gallery figure:first-child img{aspect-ratio:16/9}
/* 富文本正文品牌排版 */
.sd-article{background:#fff;border:1px solid rgba(232,213,181,0.5);border-radius:16px;
    padding:44px 48px;box-shadow:0 6px 26px rgba(59,33,20,0.06)}
.sd-article h1{font-size:30px;font-weight:800;color:#3B2114;margin:0 0 8px;letter-spacing:1px;line-height:1.5}
.sd-article .sd-sub{font-size:13px;font-weight:700;color:#A84A12;letter-spacing:3px;
    padding-bottom:22px;margin-bottom:28px;border-bottom:1px solid rgba(232,213,181,0.7)}
.sd-article .sd-content{font-size:15.5px;line-height:2.05;color:#4a3a2e;letter-spacing:0.3px}
.sd-article .sd-content h2,.sd-article .sd-content h3,.sd-article .sd-content h4{
    color:#6E2C08;font-weight:700;margin:34px 0 14px}
.sd-article .sd-content h2{font-size:22px}
.sd-article .sd-content h3{font-size:19px}
.sd-article .sd-content p{margin:0 0 16px}
.sd-article .sd-content img{max-width:100%;height:auto;border-radius:10px;margin:10px 0}
.sd-article .sd-content strong{color:#A84A12}
/* 侧栏 */
.sd-side{position:sticky;top:100px;display:flex;flex-direction:column;gap:26px}
.sd-side .sd-cats{background:#fff;border:1px solid rgba(232,213,181,0.55);border-radius:14px;overflow:hidden}
.sd-side .sd-cats .sd-cats-title{background:#3B2114;color:#FFFBEA;font-size:15px;font-weight:700;
    letter-spacing:2px;padding:15px 22px}
.sd-side .sd-cats ul{list-style:none;margin:0;padding:6px 0}
.sd-side .sd-cats ul li a{display:block;padding:12px 22px;font-size:14.5px;color:#4a3a2e;
    text-decoration:none;border-left:3px solid transparent;transition:all .3s ease}
.sd-side .sd-cats ul li a:hover,
.sd-side .sd-cats ul li a.hover{color:#A84A12;border-left-color:#A84A12;background:rgba(168,74,18,0.06);font-weight:700}
.sd-side .sd-contact{background:linear-gradient(160deg,#6E2C08,#A84A12);border-radius:14px;
    padding:32px 28px;color:#FFFBEA;text-align:center}
.sd-side .sd-contact .sd-contact-kicker{font-size:12px;letter-spacing:4px;opacity:0.85;margin-bottom:12px}
.sd-side .sd-contact .sd-contact-tel{font-size:26px;font-weight:800;letter-spacing:1px;
    color:#FFFBEA;text-decoration:none;display:block;margin-bottom:10px}
.sd-side .sd-contact p{font-size:13px;line-height:1.9;opacity:0.9;margin:0}
/* 上下篇 */
.sd-pn{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:34px}
.sd-pn a,.sd-pn span{display:block;background:#fff;border:1px solid rgba(232,213,181,0.55);
    border-radius:12px;padding:18px 22px;text-decoration:none;transition:all .3s ease}
.sd-pn a:hover{border-color:#A84A12;box-shadow:0 10px 26px rgba(168,74,18,0.12)}
.sd-pn .sd-pn-label{display:block;font-size:12px;font-weight:700;color:#C89B6A;letter-spacing:2px;margin-bottom:8px}
.sd-pn .sd-pn-title{font-size:15px;font-weight:600;color:#4a3a2e;line-height:1.7}
.sd-pn a:hover .sd-pn-title{color:#A84A12}

/* ---------- 6. 响应式 ---------- */
@media screen and (max-width:1024px){
    .so-grid{gap:24px}
    .series-detail .sd-layout{grid-template-columns:1fr}
    .sd-side{position:static}
}
@media screen and (max-width:768px){
    .series-overview{padding:60px 0 70px}
    .so-grid{grid-template-columns:1fr;gap:22px}
    .doc-section{padding:56px 0 66px}
    .doc-list{gap:20px}
    .doc-card{flex-direction:column}
    .doc-card .dc-img{flex:none;height:210px}
    .doc-card .dc-body{padding:22px 24px 26px}
    .series-detail{padding:56px 0 66px}
    .sd-article{padding:28px 22px 32px}
    .sd-article h1{font-size:24px}
    .sd-pn{grid-template-columns:1fr}
}

/* ===== 第六轮：头部交互 + 页脚信息卡修复（2026-09-07） ===== */
/* 1. sticky-header 层级修复：原 z-index:0 导致下拉到页底时正文内容（电话卡/白色区块）盖在头部上 */
.sticky-header{z-index:999}
/* 2. 导航 hover/current 对比度：橙底上原 hover 色同为橙色导致隐身，改奶油米白 */
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a{color:#FFFBEA}
/* 3. hover 指示器：原 shape-1.png 为绿色残留图，替换为奶油色细线 */
.main-header.style-one .main-menu .navigation > li > a:before{background-image:none;background:#FFFBEA;height:3px;border-radius:2px}
/* 4. footer 三张信息卡统一协调：半透明暖棕 + 亚麻图标，去掉中间卡独橙 */
.footer-top .footer-info .single-item .inner,
.footer-top .footer-info .single-item:nth-child(n) .inner{background:rgba(24,12,5,0.45)}
.footer-top .footer-info .single-item .inner .icon-box{color:#E8D5B5}
.footer-top .footer-info .single-item .inner:hover{background:rgba(24,12,5,0.62)}

/* ===== 第七轮：logo可见性 + 头部单行 + 系列卡比例（2026-09-07） ===== */
/* 1. 深色logo一键反白：主头/sticky/移动菜单/footer 统一白色，橙底深底都有对比 */
.main-header .logo-box .logo img,
.sticky-header .logo-box .logo img,
.mobile-menu .nav-logo img,
.main-footer .footer-logo img{filter:brightness(0) invert(1)}
/* 2. PC头部收紧为单行：导航项边距22px×2太肥导致搜索/客服按钮换行 */
.main-header.style-one .outer-box{padding:0 30px}
.main-menu .navigation > li{margin:0 10px}
.main-header .logo-box .logo img{max-height:56px;width:auto}
.main-header .sticky-header .main-menu .navigation > li{padding:22px 0 !important}
/* 3. 系列卡图 1:1→16:9：现在用的是1920×760横幅，1:1过度放大成平色块 */
.series-card .sc-img{aspect-ratio:16/9}
@media screen and (max-width:768px){
  .series-card .sc-img{aspect-ratio:16/10}
}
/* ===== 第十轮：footer三卡等高（2026-09-08） ===== */
/* 企业地址22字在卡内折2行高142px，邮箱/电话单行124px，背景块参差18px；统一min-height拉平 */
.footer-top .footer-info .single-item .inner{min-height:150px}
/* ===== 第十轮·微信客服弹窗（2026-09-08） ===== */
.wx-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;display:none;align-items:center;justify-content:center}
.wx-modal.open{display:flex}
.wx-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(24,12,5,0.6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.wx-box{position:relative;background:#fff;border-radius:16px;padding:20px 20px 22px;width:min(76vw,292px);box-shadow:0 20px 60px rgba(0,0,0,0.35);text-align:center}
.wx-box img{width:100%;height:auto;border-radius:10px;display:block}
.wx-title{margin-top:16px;font-size:17px;color:#3B2114;font-weight:700;letter-spacing:1px}
.wx-tip{margin-top:7px;font-size:12.5px;color:#8a7664;line-height:1.7}
.wx-close{position:absolute;right:-9px;top:-9px;width:30px;height:30px;border-radius:50%;background:#A84A12;color:#fff;border:2px solid #fff;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s}
.wx-close:hover{background:#6E2C08}
@media screen and (max-width:768px){.wx-box{width:78vw}}

/* 第十轮·补：微信号辅助说明（龙昭 2026-09-08） */
.wx-id{display:inline-block;margin-top:3px;font-size:14.5px;font-weight:700;color:#A84A12;letter-spacing:.5px}