/* ============================================================================
 * 老房家宗亲网 · 站点样式包 lfj-bundle.css
 * ----------------------------------------------------------------------------
 * 由模板内联 <style> 抽取合并而成，全站共用一个文件：
 *   首次访问下载一次，之后所有页面命中浏览器缓存（Cache-Control: max-age=43200），
 *   不必再随每个 HTML 重复传输，也不必逐页重复解析。
 * 段落：1 公共与导航  2 首页  3 栏目列表页  4 内容页  5 单页  6 页脚比例
 * 注：本文件由 _archive/05_步骤脚本/build_assets.py 生成，请勿直接改，改模板后重跑。
 * ========================================================================== */

/* ---------- 1. 公共与导航（原 header.html） ---------- */
  /* 「房」字图形，PC 与移动端共用一份 */
  header{--fang:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjEwNS4yIDI1Mi40IDM4OS40IDMzOC40Ij48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMzMxLjYsNTkwLjhjMS45LTMuMiwzLjgtNi40LDYtMTAuMWMtNS44LDItMTkuMy0zLjktNy40LTUuMmMtNS4xLTExLjMtNDEuOCw5LjItMjAuMyw0LjZjMy0yLjIsMy44LDEuMSwyLjEsMy4yCgkJYy01LjEsNi45LTExLTEuNS0xNywxLjFjLTUuNCw2LjYtMTcuOS02LjMtOS4yLTQuOGMyLjYsMyw1LjUsMi4zLDguNiwxLjNjLTIuNS05LjMtMzMuOC05LjgtMjMuNy01LjFjMC44LDcuNC0xOC42LDAuOS03LjQsMTMuOAoJCWMtNS4zLTAuNC0xNS40LTExLjgtMjEuNi01LjZjLTIuNy0xLjMtMS44LTYuMi02LjUtNS40YzcuNiw3LjYtMTAuOCwxLjktOS44LTUuMWMtNy4yLDkuOS0zLTIxLjYtOC4yLTYuNgoJCWMtMTAuMy0zLjUtNi43LTE0LjctOS45LTIyYy01LjctMTEuNC0xLjYtNy41LDUuNS0xLjZjMTMuMi05LjktMTAuNC0xMC41LTE1LjYtMTdjLTguMS0wLjMtOC4zLTcuMy0xNC40LTguNwoJCWMtNC0yLjItMTIuOSwwLjgtNC4yLDEuOWMxMC4yLDAuMywzLjgsNC44LDcuNCw3LjZjNS4xLDMuMyw2LjMsOC45LDguNCwxNGMtMTcuOS0xOC40LTE3LjktMTYuNS00NC4zLTE5LjYKCQljLTIyLjIsNS42LTQ5LjMtNTcuNi0yNS41LTI0LjhjNS4xLDUsMTYuOSwxNS44LDIxLDYuOWMtMTcuOC05LjQtMzMuOC0xOS44LTM4LjgtNDEuOGMtMTUuMy02Ni43LTUuMy0zOS44LDE3LjQsMC45CgkJYzE3LjgsMjMuNCwyMC41LDAuNywzNi4xLDRjMC44LTAuNi0xLjUtNC4zLTEuNy0xLjFjLTIuOS0xLjYsMC03LjYtNS41LTcuMmMtMy4yLTE5LjEtNi42LDMuMS0xMC40LTEwLjUKCQljLTMuMy01LjEtNi41LDMuMS02LjYtMTAuN2MtMS42LTYuMi01LjctMC41LTcuNiwzLjRjLTEuMi00LjYtMy4xLTgtMS0xMi4yYy0xLjgtMjUuNywxOC4zLTAuNiwyMS40LTEzLjljOSwzLTQuNiwyNy40LDkuOCwyNi41CgkJYy0zLjEtMTAuMi0wLjItMTAuNSw5LjItMTNjLTQuMi0yLjgtOC41LTQuMy02LjktOS42YzguOCwwLjEtMTAuNy0xNy40LTkuMy02Yy0yLDAsMC00LTEuNS00LjljLTYuNS03LjYtMTkuNy00LjQtOS4zLTI4LjcKCQljLTAuMi05LjgsNi41LTIyLDctMzRjOS0wLjMsMTAuNC0yMC42LDIyLjMtMjYuNGMtMi4xLTE1LjYsMjMuOC0xMS40LDE3LjYtMTcuM2MtMC4yLTEzLjQsMjUuMS0zMiw0MS40LTI5LjMKCQljMTcuOC05LjIsMzUuNC0xOS42LDU4LjctMTkuNGMyNy0zLjksMTQuNCwxMS4yLDM2LjMsMy45YzMwLjgsOCw3My4yLDE1LjUsODkuMSw0NC44YzIuMiw3LTEwLDEuNy0xNC4yLDQuNWMzLjUsMS40LDYsNywxMC4xLDMuNAoJCWMtMS4zLDIuMS0xLjYsNi4yLDAuOSwzLjdjNS4xLTguMywyNS4zLDQuMiwyMC45LDE0LjhjLTAuOCwyMS44LDEzLjQsNC4yLDE2LjUsMTEuN2MxLjksOS44LTAuMSwyMS4xLTAuOCwyOS41CgkJYy01LjItMC42LTQsMi41LTIsNS41YzEzLjcsNS42LDQuOCwxMC40LDcuOSwxOS4xYzcuOSw2LjcsMy4zLDEyLjctNC41LDUuNWM0LjgsMTYuMi01LjQsMS43LTExLjIsMTQuNWMtMS44LTIuMS0xMy45LDE0LTIuMyw0LjMKCQljNi43LDktMTQuOCw3LjYsMi42LDEzLjdjNCwyLjctMS40LDUuOCwwLDguN2MzLDAuMSwzLjgsMS4zLDIuNyw0LjVjOC4yLTguNSwzLjMtMTcuOCwyLjYtMjYuMmM2LjktMTAuNiwyLjQsNy44LDE3LjctMi4yCgkJYzEyLjItNS4zLDEwLDM1LjgsNCwxOS40Yy0xLjktMi44LTMuNS0wLjgtNC41LDEuMmMxLDYuNi0yLjUsMTYuMy00LjUsNC44Yy0xLjQsNS44LTcuNCwxOC44LTcuMiw2Yy0zLjUsNC42LTguMywxMi4zLTEyLjIsMTguNQoJCWMzLjIsNS44LDcuNC03LjYsOS41LDAuMWMyNC40LDI0LjgsNDEuNy0zMy4zLDQ5LjMtNTFjMi45LDI4LjYtNS44LDY2LjktMzEuOCw4Mi4yYy0zMy4yLDEyLDcuNSwxNC4xLDE3LTEyLjMKCQljMC0yLjcsNC40LTUuNSwyLjUtMS4xYy0xMC43LDE2LjItOC40LDI2LjUtMjcuOSwzNi4zYy0yNS42LDUuOC0yOS4zLDAuMS00Mi45LDcuOGM1LjEsNS4zLTYuOSw4LjYtMTAuMywxMi42CgkJYzUuOS0xMy4zLDguNC0yMC4yLDE4LjYtMjEuMWMyLjItNy43LTEyLjctMC43LTEzLDQuNmMtNy4zLTcuNC0xMi42LDEyLTIzLjEsOS4zYy05LTEuOC01LjEsMTIuOCwxLjYsNy43YzEwLTExLjUsMS4xLDE1LjItMSwyMC42CgkJYy03LjgsMTEuNC02LjktNy44LTEwLjQsMTMuM2MtNy4zLTIuNS04LjQsMTEuOS0xNy4zLDUuM0MzNTIuNiw1ODUsMzQwLDU4MS4xLDMzMS42LDU5MC44eiBNMjc4LjYsMjY2LjYKCQljLTExLjQsNS43LDI0LjcsMi41LTE1LjMtNC43QzI0Ny40LDI2MC44LDI3MS45LDI2OC4xLDI3OC42LDI2Ni42eiBNNDMxLjIsNDAyLjljLTAuNyw1LjgsNi40LDEuMyw5LjUtMC41CgkJYy0yMy40LDAuNy0xMC43LTQ0LjUtMjktNTcuN2MtNS41LTMuMywxLjYtNy4zLTEuNi05LjRjLTExLjctMTIuNS0yOC40LTIxLjMtMzguMi0zNS44Yy0zNy44LTIxLjYtODEuNC0xNi44LTEyMS43LTExLjMKCQljLTM4LjIsMTguMi03Niw0OC45LTgzLjgsOTMuN2MtNy44LDE4LjQsOC44LDI5LjIsMTguOSw0MS42YzQuMS02LjIsMy40LDEsOC45LTEuOWM0LjgtMi4zLDUuMS0yLjIsNi41LDIuNgoJCWMxMC4xLTkuNywyNy41LDEyLjUsMTQuOSwxNy4xYy0zLjUsNC4yLTIwLjktMTAuMi0yMy4yLDIuOGM3LjMsMi4zLDYuNiw4LjksMTQuMyw2LjFjOC40LDMuMyw1LjMsMTYuNiwxLjIsMTUuMgoJCWMtNC4yLDIwLjQtOC4zLDMuMS0xNy44LDJjNy43LDMuOCw5LjUsMjUuOCwyLjUsMTMuN2MxLjItOC0xMS4zLTExLjQtNy4yLTE4LjhjLTEuMi0xMS41LDEwLjksMCwxNS4yLDMuNgoJCWMtMi4zLTE2LTE4LjItMTgtMjYuNi0xNi4zYy0xOS4zLDM0LjgsMjksNTguMSw0OC4zLDgwLjhjMjkuNC0yNC43LDkuMi05Ny4zLDkuNC0xMzcuNGMtMi43LTI1LjctMTQuMS01NS45LDIuOC03NS4zCgkJYzQuOC0xMyw2MC40LTIzLjYsNTEuMi00LjVjLTMzLjQtNy4yLTY1LDM3LjQtMjcuMSwyNy4zYzIwLjUtNi42LDE4NS41LTQuNyw4OCwxMi4xYy0yNi45LTQuNC05OS45LDUzLTM0LjMsMzguNAoJCWM3LjEtNy43LDE1LjUtMjUuOSwyNy41LTIxLjhjNS4xLDkuMy0xMi4yLDE3LjItMTIuOCwyNy40YzMuNCwxNi44LDQxLDE3LjksNTAuNiwzNS4yYzE4LjQtMjguMyw1LjUsMC45LDE3LjYtOS4xCgkJYzUuOC03LDEzLjEsNC41LDE3LjUtNC42QzQyNy4zLDQxNyw0MjIuMiwzOTQuNyw0MzEuMiw0MDIuOXogTTIyNC4yLDU0Ny44Yy0xNiwzLjMsMTEuNywyNS42LDIwLjksMjEuNAoJCWMtNy40LTQuOS0xNS40LTIwLjgtMy42LTIzLjVjLTUuMywxNS43LDI3LjMsMjksMTksMTZjLTE0LjctMTIuOSwyNC4zLDAuNCwyNS43LDMuNGMxMi45LDIzLjcsMjAuMi0yLjcsMzcuNC02CgkJYzEzLjQtNywyMS45LTIuNCw4LjksNS4zYzkuNSw4LjksMjEuNi01LDIxLjUtMTQuOWM4LjMtOS45LDYuNywxNi43LTMuMiwxOC42YzQuOSw2LjksMzcuNi0xNi4zLDE5LjYtMjIuMQoJCWMtNC4zLTI5LjIsMzQuMy0zMi4yLDQ0LjktNTUuMWMxMy4yLTE1LjQsMTguOC01Ni04LjgtMzguN2MtMTMuMSwyLjktMTQuMywyMC41LTguOSw5LjljNC45LDIuMSwxMS41LTE1LDEzLjMsMC4xCgkJYzIuOSw4LjItNywxMC4xLTcuNiwxNi4yYy0wLjYsMTEuMi05LjYtMS0yLjYtNWM0LjctMTQuMy0xMC42LDE2LjQtMTMuMS04LjljLTEwLTEuNi0zLjUtMTIsMi4yLTE0LjZjNi4zLDQuNSw3LjktMi4zLDkuNS02LjkKCQljMTEuNywxLjUtMy44LTcuNC04LjYtMy44Yy05LjYsNi44LTE0LjgtNC40LTI0LjktMy4zYy00LTAuNC04LjEtMi4yLTEyLjIsMC4yYy0xLjktMi4zLTYuOC01LjItMTAuNS00LjMKCQljLTMxLjctMTkuMSwxNi4yLDQzLjUsNi41LDYzLjdjLTAuOSwyOS41LTM5LjgsNDguMS01OC40LDIyLjVjLTguNC0xMC4yLTcuNC0zMi45LTIyLTEzLjdjNC43LDIuNy0xLDkuNS00LjksNy42CgkJYy0xMi40LTEwLjMsNi40LTM3LjYsMjEuNy0zMC4zYzE0LjgsNy42LDEyLjEsNDEuNywzNiwyNy44YzIxLjktNS40LDQuMi00Mi42LDUuNi00Ny44Yy0xMS40LTIuNi0xMS41LDIxLjEtMjkuMiwxOS40CgkJYzEuOS0yMS4zLDI0LjYtNDAuMSwxMC42LTY0LjljLTEyLjMtMC42LTI1LjEtMTYuNy0zNS41LTE1LjZjLTI4LjMsMjUuNi05LjcsMTM3LjMtNDYsMTMzQzIyMS41LDUzNC43LDIyOS4xLDUzOS4xLDIyNC4yLDU0Ny44egoJCSBNMjkxLjMsMzU3LjRjLTkuOC0xLTM0LjEsMC41LTM2LDE0LjZjLTAuMyw2LjQtNC44LDI5LDEuNSwyNkMyNjUsMzgwLjksMjc2LjMsMzY5LjMsMjkxLjMsMzU3LjR6IE00NDIuMiw1MDEKCQljMy43LTEzLjIsMjguNy0zLjcsMzIuOS0xOS45Yy05LjcsOC43LTIyLjMsNi4zLTMyLjIsMTMuN0M0MzQuMiw1MTYuNyw0NTIuNSw0OTUuMiw0NDIuMiw1MDF6IE0xMTMuNCw0NzAuOQoJCWMzLjYsMTgsMjMuMSwyMS40LDM4LjksMjUuNkMxNDMuOSw0ODUuNCwxMjAuMSw0ODkuMiwxMTMuNCw0NzAuOXogTTQzOC42LDQ4OS40Yy0yLjEsNS4zLTIuMyw1LjItNi4yLDIuNQoJCWMtOS41LTAuNi0zLjUsMTguMSwzLjksMi4yYy0wLjcsMTAsOC01LjgsMy40LTkuMUM0MzYuOSw0ODYuMyw0MzMsNDkzLjEsNDM4LjYsNDg5LjR6IE00NDYuNCw0ODAuOWMxLjMsMTAuNiwyNi44LDEuMSwyNy01LjkKCQlDNDY1LjcsNDgzLjYsNDU1LjYsNDc5LjksNDQ2LjQsNDgwLjl6IE0xNTcuMSw0OTAuOWM3LjItMTAuMy05LTIuMSwxLjUsNi43YzEuOC01LjcsNS4xLDIuOCw3LjYsNC43YzIuOC0zLjksMS45LTkuMi0xLjctMTIuMQoJCUMxNjIsNDk0LjMsMTYwLjMsNDk0LjksMTU3LjEsNDkwLjl6IE0xMjYuOSw0NzguNmM4LjksMTYuMiwzNy45LTEuNCwxMi4zLDMuNUMxMzUuMSw0ODQsMTMwLjksNDc5LjYsMTI2LjksNDc4LjZ6IE00NzUuMSw0NjUuNgoJCWM1LjEsMiwxMS40LTE1LjQsMTIuMy0yMS4zQzQ4Mi4zLDQ0OS4zLDQ3OS40LDQ1OSw0NzUuMSw0NjUuNnogTTExMy4yLDQ1MS42Yy01LjUsNCw2LjYsMTIuNyw4LjYsMTcuNgoJCUMxMjMuNSw0NjUuMSwxMTUsNDU3LDExMy4yLDQ1MS42eiBNMTI4LjMsNTA1LjFjMC40LDQuNiw4LjksMTAuOSwxMy43LDkuNUMxMzcuNSw1MTEuNSwxMzMuMSw1MDguNCwxMjguMyw1MDUuMXogTTE1My42LDQ2Ny45CgkJYy0zLDYuNy0zLDYuNyw1LjEsOC4yQzE1OSw0NzIuMSwxNTQuOSw0NzEuMSwxNTMuNiw0NjcuOXogTTQ0Mi41LDQ2Ny4zYy0yLjMsMy41LTQsNi02LDkuMUM0NDMuMSw0NzUsNDQ1LjQsNDc0LjYsNDQyLjUsNDY3LjN6CgkJIE00NTQuNCw1MTQuNGMyLjcsMiw2LjMsMC4yLDkuNC00LjRDNDU5LjYsNTA5LjUsNDU2LjcsNTExLjMsNDU0LjQsNTE0LjR6IE0xNjEuOSw1MTcuNGM0LjUtMC43LTAuOC00LjgsMy43LTYuNgoJCUMxNTkuMyw1MDYuNSwxNjAuMyw1MTMuMywxNjEuOSw1MTcuNHogTTE1NS42LDUwMy44YzEuNy0xLTIuMi05LjUtMi44LTIuOEMxNDguMyw1MDcuNSwxNTQuOCw1MDMuNiwxNTUuNiw1MDMuOHogTTQzMC45LDUxNi41CgkJYzYtMC41LDYuNi02LjksMS03LjVDNDMzLjMsNTExLjksNDM0LjQsNTEyLjQsNDMwLjksNTE2LjV6IE0xNjUuNiw0MDIuMWMtMy4xLDEtOS0wLjktOC4yLDIuNAoJCUMxNTkuOCw0MDIuOCwxNjMuMyw0MDcuNiwxNjUuNiw0MDIuMXogTTE1MS42LDUwOS45Yy0xLDEuMyw1LjQsNy44LDcuMSw2LjVDMTU4LjYsNTEyLjMsMTU0LjUsNTExLjcsMTUxLjYsNTA5Ljl6IE0zNTcuNyw1NzguNQoJCWMzLjYsMC44LDUuNC0wLjQsNi4xLTMuNkMzNjAuNCw1NzMuNywzNTkuMyw1NzYsMzU3LjcsNTc4LjV6IE0xNzEuMyw1MDMuNGMxLjMsNi45LDMuNS0xLjYtMC44LTMuMwoJCUMxNjkuNiw1MDIuMywxNjgsNTA0LjIsMTcxLjMsNTAzLjR6IE0xMDYuNiw0NDEuMmMzLjEtMS0xLjEtNS40LTEuNC03LjhDMTAyLjYsNDM0LjQsMTA2LjQsNDM4LjksMTA2LjYsNDQxLjJ6Ii8+PC9zdmc+")}
  /* 桌面端导航：放大字号、加粗、单个瓦当居中背景、上下留间距、悬停原地居中放大 */
.nav-wd{position:relative;isolation:isolate;display:block;font-size:1.4rem;font-weight:700;letter-spacing:.04em;line-height:1.4;padding-top:1.1rem;padding-bottom:1.1rem;color:#4A3A18}
.nav-wd.text-gold-deeper{color:#2F2510}
.nav-wd:hover{color:#FFF6E3}
.nav-wd::before{content:"";position:absolute;left:50%;top:50%;width:70px;height:60px;margin-left:-35px;margin-top:-30px;z-index:-1;background-image:var(--fang);background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.16;transform-origin:center;transition:opacity .3s ease,transform .35s ease}
.nav-wd:hover::before{opacity:.42;transform:scale(1.12)}
  /* 移动端导航：整块菜单中央一枚淡「房」字水印（印章感），文字统一暗金 */
nav[class~="lg:hidden"] span,nav[class~="lg:hidden"] a,nav[class~="lg:hidden"] button{color:#4A3A18}
#mobile-nav{position:relative}
#mobile-nav::before{content:"";position:absolute;left:50%;top:50%;width:230px;height:200px;
margin-left:-115px;margin-top:-100px;background-image:var(--fang);background-repeat:no-repeat;
background-position:center;background-size:contain;opacity:.10;pointer-events:none}
#mobile-nav li{position:relative;z-index:1}
nav[class~="lg:hidden"] span{color:#EFE5CE}

/* ---------- 2. 首页（原 index.html） ---------- */
    /* ========== 首页专用样式 ========== */

    /* 房氏图腾卡：标题顶 / 图顶部对齐（四周留白） / 说明贴底，5 行纵向按行轮播 */
.totem-box{display:flex;flex-direction:column}
.totem-fig{display:block;overflow:hidden;border-radius:4px;margin-top:0;margin-bottom:auto;
box-shadow:0 1px 3px rgba(0,0,0,.10)}
.totem-fig img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;transition:transform .45s ease}
.totem-fig:hover img{transform:scale(1.02)}
.totem-note{position:relative;margin-top:1rem;height:calc(var(--rows,5) * 1.8em);
font-size:.8125rem;line-height:1.8;color:#6a593c;
-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 11%,#000 89%,transparent 100%);
mask-image:linear-gradient(to bottom,transparent 0,#000 11%,#000 89%,transparent 100%)}
.totem-note .swiper-slide{height:1.8em;line-height:1.8em;overflow:hidden;white-space:nowrap}
    /* 无缝连续滚动：Swiper 默认是 ease-out（一停一顿），必须改线性才连贯 */
.totem-note .swiper-wrapper{transition-timing-function:linear}

    /* 族谱：一行小图横向滚动 */
.zupu-bar .xsec-title{margin-bottom:1rem}
.zupu-bar .xsec-title .more{margin-left:auto;font-size:.8125rem;font-weight:400;color:#8a6d3b}
.zupu-bar .xsec-title .more:hover{color:#c9a227}
.zupu-slide{position:relative;overflow:hidden}
.zupu-slide .swiper-slide{height:auto;padding:0 6px;box-sizing:border-box}
.zitem{display:block}
.zitem .zthumb{border-radius:4px;overflow:hidden;background:#efe9dc}
.zitem .zthumb img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;transition:transform .35s ease}
.zitem:hover .zthumb img{transform:scale(1.05)}
.zitem p{margin-top:.45rem;font-size:.8125rem;line-height:1.55;min-height:3.1em;color:#3a2f1e;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s}
.zitem:hover p{color:#8a6d3b}

    /* 赋文图（通栏，点击进内文）：满视口宽；超宽屏不无限放大，居中并两侧露木桌底色 */
.fubar{margin-top:2rem;margin-bottom:2rem;background:#40251a}
.fubar a{display:block;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.08);transition:box-shadow .2s}
.fubar a:hover{box-shadow:0 4px 16px rgba(138,109,59,.18)}
.fubar img{display:block;width:100%;height:auto;max-width:1920px;margin-left:auto;margin-right:auto}
    /* 手机端：整幅按比例缩会把正文缩到看不清，改用横向裁切，同时框住「阅读全文」玉牌与题名 */
@media (max-width:767px){.fubar img{aspect-ratio:2.3/1;object-fit:cover;object-position:88% 50%}}

/* ---------- 3. 栏目列表页（原 list.html） ---------- */
.gp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
gap:1.6rem 1.4rem;margin-top:1.5rem}
@media (max-width:1023px){.gp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gp-item{display:block;min-width:0}
.gp-thumb{position:relative;border-radius:4px;overflow:hidden;background:#efe9dc;
aspect-ratio:4 / 3;box-shadow:0 1px 3px rgba(0,0,0,.07)}
.gp-thumb img{display:block;width:100%;height:100%;object-fit:cover;
transition:transform .35s ease}
.gp-item:hover .gp-thumb img{transform:scale(1.05)}
.gp-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
font-family:"STKaiti","KaiTi",serif;font-size:3rem;color:#c8b088;opacity:.5;user-select:none}
.gp-item h4{margin-top:.65rem;font-size:.9375rem;line-height:1.55;font-weight:700;color:#2f2a20;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
transition:color .2s}
.gp-item:hover h4{color:#8a6d3b}

/* ---------- 4. 内容页（原 show.html） ---------- */
    /* 评论区样式（自包含，不依赖 Tailwind 编译） */
.cmt-head{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem}
.cmt-head .bar{width:4px;height:18px;border-radius:2px;background:#cca86d}
.cmt-head h3{font-size:1.125rem;font-weight:700;color:#333;margin:0}
.cmt-head .cnt{font-size:.875rem;font-weight:400;color:#666;margin-left:.25rem}
#cmt-list .cmt-item{padding:1.25rem 0;border-bottom:1px solid #f3ead6}
#cmt-list .cmt-item:first-child{padding-top:0}
#cmt-list .cmt-item:last-child{border-bottom:0}
.cmt-row{display:flex;align-items:center;gap:.5rem}
.cmt-avatar{width:24px;height:24px;border-radius:4px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:600}
.cmt-name{font-size:.875rem;font-weight:600;color:#333}
.cmt-time{font-size:.75rem;color:#666}
.cmt-body{margin-top:.4rem;font-size:.875rem;line-height:1.75;color:#444;white-space:pre-wrap;word-break:break-word}
.cmt-actions{margin-top:.4rem}
.cmt-reply-btn{font-size:.75rem;font-weight:500;color:#666;background:none;border:0;padding:0;cursor:pointer;transition:color .15s;font-family:inherit}
.cmt-reply-btn:hover{color:#7d6640}
.cmt-replies{margin-top:1rem;padding-left:1rem;border-left:2px solid #f3ead6;display:flex;flex-direction:column;gap:1rem}
.cmt-replies-hidden{display:none}
.cmt-reply-box{margin-top:.75rem}
.cmt-reply-box.hidden{display:none}
.cmt-reply-box .box{border:1px solid #f3ead6;border-radius:10px;background:#fcf9f2;padding:.75rem}
.cmt-input{width:100%;border:1px solid #f3ead6;border-radius:8px;padding:.5rem .75rem;font-size:.875rem;line-height:1.75;color:#333;resize:vertical;font-family:inherit;box-sizing:border-box}
.cmt-input:focus{outline:none;border-color:#cca86d}
.cmt-btn{border:0;border-radius:8px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:opacity .15s;font-family:inherit}
.cmt-btn-primary{background:#7d6640;color:#fff}
.cmt-btn-primary:hover{opacity:.9}
.cmt-btn-ghost{background:none;color:#666;padding:.5rem .25rem}
.cmt-btn-ghost:hover{color:#333}
.cmt-form{margin-top:1.5rem;border:1px solid #f3ead6;border-radius:14px;background:#fcf9f2;padding:1rem}
@media(min-width:768px){.cmt-form{padding:1.25rem}}
.cmt-form .top{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}
.cmt-form .me{width:28px;height:28px;border-radius:4px;background:#7d6640;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex:0 0 auto}
.cmt-form .author{flex:1;min-width:0}
.cmt-form .foot{margin-top:.75rem;display:flex;align-items:center}
.cmt-form .msg{margin-left:.75rem;font-size:.875rem;color:#7d6640}
.cmt-empty{font-size:.875rem;color:#666;padding:.25rem 0}

/* ---------- 5. 单页（原 page.html） ---------- */
.gb-wrap{max-width:600px;margin:0 auto;}
.gb-title{font-size:1.25rem;font-weight:700;color:#2a2018;text-align:center;margin-bottom:.3rem;}
.gb-sub{font-size:.875rem;color:#8a7a66;text-align:center;margin-bottom:1.4rem;line-height:1.6;}
.gb-field{margin-bottom:1rem;}
.gb-label{display:block;font-size:.875rem;font-weight:600;color:#5a4a38;margin-bottom:.45rem;}
.gb-req{color:#c0392b;margin-left:2px;}
.gb-input,.gb-textarea{width:100%;border:1px solid #e7ddca;border-radius:.5rem;padding:.7rem .9rem;font-size:.95rem;color:#3a2f24;background:#fffdf9;outline:none;transition:border-color .15s ease,box-shadow .15s ease;font-family:inherit;}
.gb-input::placeholder,.gb-textarea::placeholder{color:#b6a890;}
.gb-input:focus,.gb-textarea:focus{border-color:#cca86d;box-shadow:0 0 0 3px rgba(204,168,109,.22);}
.gb-textarea{resize:vertical;min-height:120px;line-height:1.7;}
.gb-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:#7d6640;color:#fff;font-weight:600;font-size:.95rem;border:none;border-radius:.5rem;padding:.7rem 1.8rem;cursor:pointer;transition:background .15s ease,transform .05s ease;}
.gb-btn:hover{background:#6a5536;}
.gb-btn:active{transform:translateY(1px);}
.gb-btn:disabled{opacity:.6;cursor:not-allowed;}
.gb-status{margin-top:.9rem;font-size:.875rem;color:#7d6640;min-height:1.2rem;}

/* ---------- 6. 页脚三栏比例（固定片段，非模板抽取） ---------- */
/* 原 md:grid-cols-3 三等分：中间长文被挤窄，左右二维码 / 简略导航留白过大。
   改为 1 : 2.4 : 1，「宗亲网解」占主位，两侧收窄；<768px 仍是单列，移动端不变。 */
@media(min-width:768px){
footer.bg-gold > .xwrap > .grid{grid-template-columns:minmax(0,1fr) minmax(0,2.4fr) minmax(0,1fr);column-gap:3rem;align-items:start}
}
