/* Navigation and interaction refinements inspired by mature organization sites. */
.intro-copy{opacity:.9;visibility:visible;filter:none;transform:translateY(-42%);transition-delay:0s}
.hero:not(.awake) .solid-title-char{opacity:1;filter:none;transform:none;transition:none}
.hero.awake .intro-copy{opacity:1;transform:translateY(-47%)}
.hero-actions .button.ghost{background:rgba(6,28,20,.28);backdrop-filter:blur(10px)}
.chapter-rail{position:fixed;z-index:42;right:24px;top:50%;display:flex;flex-direction:column;gap:9px;transform:translateY(-50%)}
.chapter-rail a{display:flex;align-items:center;justify-content:flex-end;gap:10px;color:#fff;text-decoration:none;font-size:10px;letter-spacing:.08em;opacity:.46;transition:opacity .25s ease,transform .25s ease}
.chapter-rail a span{max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .3s ease}
.chapter-rail a:after{content:"";width:18px;height:1px;background:currentColor;transition:width .3s ease}
.chapter-rail a:hover,.chapter-rail a.active{opacity:1;transform:translateX(-3px)}
.chapter-rail a:hover span,.chapter-rail a.active span{max-width:72px}.chapter-rail a.active:after{width:34px}
.chapter-rail.on-light a{color:#173c30}
#vision .vision-item{cursor:pointer;border-radius:12px}
#vision .vision-item small:after{content:"查看内容  →";display:block;margin-top:16px;color:#a77c36;font-size:11px;letter-spacing:.08em;opacity:0;transform:translateY(5px);transition:.3s}
#vision .vision-item:hover small:after,#vision .vision-item:focus-visible small:after{opacity:1;transform:none}
@media(max-width:900px){.chapter-rail{display:none}.intro-copy{transform:translateY(-38%)}.hero.awake .intro-copy{transform:translateY(-42%)}}
@media(prefers-reduced-motion:reduce){.chapter-rail a,#vision .vision-item small:after{transition:none}}