/* 内页与首页共用湖畔建筑系列，仅装饰页头，不影响正文阅读。 */
/* 本样式仅由带背景的内页加载；移除旧阅读页在导航下方的额外留白。 */
.page-wrap { padding-top:0; }
.visual-page-hero {
    --hero-scene:none;
    box-sizing:border-box;
    position:relative;
    isolation:isolate;
    overflow:visible;
    width:100%;
    max-width:1440px;
    min-height:320px;
    padding:40px 40px 56px;
    margin-inline:auto;
    background:#e3edf1;
    color:#173332;
}
.visual-page-hero::before {
    content:"";
    position:absolute;
    inset:0;
    /* 背景越过阅读容器铺满视口；不改变标题和正文的宽度。 */
    left:50%;
    right:auto;
    width:100vw;
    transform:translateX(-50%);
    z-index:-1;
    background-image:linear-gradient(180deg,#f2f7faf0 0%,#f2f7fadb 36%,#f2f7fa88 55%,#f2f7fa00 78%),var(--hero-scene);
    background-size:cover;
    background-position:center,center 62%;
    background-repeat:no-repeat;
    pointer-events:none;
}
.visual-page-hero--features { --hero-scene:url("images/page-features-20260920.png"); }
.visual-page-hero--faq { --hero-scene:url("images/page-faq-20260920.png"); }
.visual-page-hero--tutorial { --hero-scene:url("images/page-tutorial-20260920.png"); }
.visual-page-hero--changelog { --hero-scene:url("images/page-changelog-20260920.png"); }
.visual-page-hero--contact { --hero-scene:url("images/page-contact-20260920.png"); }
.visual-page-hero--download { --hero-scene:url("images/page-download-20260920.png"); }
.visual-page-hero--privacy { --hero-scene:url("images/page-privacy-20260920.png"); }
.visual-page-hero--about { --hero-scene:url("images/page-about-20260920.png"); }
.visual-page-hero h1 { color:#173332; font-size:clamp(2rem,3.6vw,3.2rem); line-height:1.3; }
.visual-page-hero .lead { margin-top:16px; }
.visual-page-hero .hero-links { margin-top:18px; }
.visual-page-hero .lead,.visual-page-hero .page-desc { color:#3c5a5b; }
.visual-page-hero .brand-eyebrow,.visual-page-hero .site-eyebrow { color:#3c5a5b; }
.visual-page-hero .hero-links a {
    color:#165341;
    padding:8px 12px;
    border-radius:4px;
    background:#f2f7fadb;
}
.visual-page-hero .hero-links a:hover { background:#fff; text-decoration:underline; }
.page-hero.visual-page-hero { margin-bottom:36px; }
@media (max-width:900px) {
    .visual-page-hero { min-height:300px; padding:36px 28px 48px; }
}
@media (max-width:600px) {
    .visual-page-hero { min-height:0; padding:32px 20px 40px; }
    .visual-page-hero h1 { font-size:clamp(1.875rem,7vw,2.25rem); }
    .visual-page-hero::before {
        background-image:linear-gradient(180deg,#f2f7faf5 0%,#f2f7fae8 42%,#f2f7fa99 64%,#f2f7fa00 88%),var(--hero-scene);
        background-position:center,50% bottom;
    }
    .visual-page-hero--changelog::before { background-position:center,65% bottom; }
    .visual-page-hero--contact::before { background-position:center,32% bottom; }
    .visual-page-hero--download::before { background-position:center,43% bottom; }
    .visual-page-hero .hero-links { gap:8px; }
    .page-hero.visual-page-hero { margin-bottom:28px; }
}