/* SILK v8.1 — единая анимированная тема без иероглифов. */
:root{--v81-ink:#193b39;--v81-gold:#d1ad78;--v81-jade:#80b3a0}
body{background:radial-gradient(ellipse at 85% 0%,#e4ede7 0,transparent 40%),linear-gradient(155deg,#faf6ed 10%,#e9eee7 60%,#faf6ee)}
.site-footer{justify-content:center;text-align:center;min-height:74px;font-size:11px;font-weight:700;letter-spacing:.08em;line-height:1.6;color:#49665d;background:linear-gradient(90deg,#f1ebdf,#f9f4e9,#f1ebdf);border-top:1px solid #d7c8ae;position:relative;isolation:isolate}
.site-footer:before{content:'';position:absolute;top:0;left:50%;width:min(260px,50%);height:2px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#b89461,transparent)}
.sidebar-quote .quote-hanzi{font:600 18px Georgia,serif;letter-spacing:4px;color:#dec396}
.quote-hanzi:before,.quote-hanzi:after{content:'✦';font-size:9px;color:#b99967;vertical-align:middle;padding:0 7px}
.sidebar-quote p{max-width:172px}
.topbar .topbar-date{font:700 10px var(--sans);letter-spacing:1px;color:#927d5c}
/* Entrance, structural details, and paper lighting. */
.page-column main{animation:v81PageArrival .68s ease-out both}
.inner-hero{overflow:hidden;isolation:isolate;border-bottom:1px solid #c5bba0}
.inner-hero::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.6;background:radial-gradient(ellipse at 95% 10%,#ecd19d42,transparent 48%),repeating-linear-gradient(108deg,transparent 0px,transparent 57px,#bfaf8b0b 59px,transparent 61px);animation:v81SilkGleam 16s ease-in-out infinite alternate}
.inner-hero>*{position:relative;z-index:1}
.inner-hero h1{animation:v81SlideIn .85s cubic-bezier(.16,.72,.19,1) both}
.inner-hero p{animation:v81SlideIn .95s .1s both}
.inner-hero-seal{font-size:26px!important;line-height:1.1!important;border-radius:3px;box-shadow:inset 0 0 0 5px #f5f2eb,0 7px 26px #855c4935;animation:v81SealBreath 6s ease-in-out infinite alternate!important}
.inner-hero-seal::after{content:'';display:block;width:10px;height:1px;background:currentColor;margin:6px auto 0}
.home-hero .hero-orbit{font-size:34px;letter-spacing:0;display:grid;place-items:center;animation:v81Orbit 23s linear infinite}
.directory-card .directory-art .art-stamp{font-size:36px;line-height:1.2;letter-spacing:1px}
.directory-card .circle-orbit.big-orbit span{font-size:45px}
.directory-card,.hub-card,.start-first-options a{will-change:transform}
.nav-link:focus-visible,.v8-tool:focus-visible,.v8-share:focus-visible{outline:2px solid #e6c58a;outline-offset:3px}
.btn-gold,.search-trigger,.v8-tool{transition:transform .24s ease,box-shadow .24s ease,background-color .24s ease,border-color .24s ease}
.btn-gold:hover,.btn-gold:focus-visible{transform:translateY(-3px);box-shadow:0 12px 28px #102f2b30}
.search-trigger:hover,.search-trigger:focus-visible{box-shadow:0 3px 14px #284f4520}
/* Page-specific animations are revealed only when in view. */
.v81-float-in{opacity:0;transform:translate3d(0,24px,0) scale(.988);transition:opacity .8s ease,transform .8s cubic-bezier(.18,.7,.22,1)}
.v81-float-in.v81-show{opacity:1;transform:none}
.v81-float-in.v81-show .sect-v4-paper,.v81-float-in.v81-show .faction-v4-document{box-shadow:0 13px 45px #3a47301b}
.sect-v4-paper,.faction-v4-document,.meridian-detail,.book-section{transition:box-shadow .55s ease,filter .55s ease}
.sect-v4-paper:hover,.faction-v4-document:hover,.meridian-detail:hover{box-shadow:0 14px 42px #32443b1c}
.sect-v4-chinese{font:700 10px var(--sans);letter-spacing:4px;color:#8c795e;text-transform:uppercase}
.sect-v4-stamp,.faction-v4-crest{transition:transform .55s cubic-bezier(.2,.75,.2,1),filter .55s ease}
.sect-v4-stamp:hover{transform:rotate(0) scale(1.035);filter:drop-shadow(0 8px 13px #543e2c22)}
.faction-v4-crest:hover{transform:rotate(-1deg) scale(1.025);filter:drop-shadow(0 10px 16px #0002)}
.faction-v4-crest-inner span{font-size:115px;letter-spacing:0}
.faction-v4-watermark{font-size:58px}
.school-illustration-hanzi{font:600 clamp(25px,3vw,45px) Georgia,serif;letter-spacing:4px;text-shadow:0 3px 24px #0007}
.meridian-detail-hanzi{font-size:80px}
.neigong-banner-art{letter-spacing:-4px}
.guide-motif{font-size:160px}
/* On-hover motion that still works on the first screen. */
.home-hero .hero-visual:before{animation:v81SilkGleam 8s ease-in-out infinite alternate}
.directory-card .directory-art>img{transition:transform .7s cubic-bezier(.2,.7,.15,1),filter .7s}
.directory-card:hover .directory-art>img{transform:scale(1.075) rotate(2deg);filter:drop-shadow(0 12px 20px #0003)}
/* Micro-feature: share current page. */
.v8-tool[data-v8-share]{color:#497569}
.v8-tool[data-v8-share] svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@keyframes v81PageArrival{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes v81SlideIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes v81SilkGleam{from{background-position:0 0;opacity:.43}to{background-position:70px 0;opacity:.75}}
@keyframes v81SealBreath{from{transform:rotate(-7deg) scale(.98)}to{transform:rotate(-4deg) scale(1.02)}}
@keyframes v81Orbit{to{transform:rotate(360deg)}}
@media(max-width:850px){.site-footer{padding:18px 20px;font-size:10px;letter-spacing:.04em}}
@media(max-width:640px){.v81-float-in{transform:translateY(13px)}.inner-hero::before{opacity:.35}.faction-v4-crest-inner span{font-size:46px}.site-footer{min-height:66px}}
@media(prefers-reduced-motion:reduce){.page-column main,.inner-hero h1,.inner-hero p,.inner-hero::before,.inner-hero-seal,.home-hero .hero-orbit{animation:none!important}.v81-float-in,.v81-float-in.v81-show{opacity:1!important;transform:none!important;transition:none!important}}
.v8-motion-off .page-column main,.v8-motion-off .inner-hero::before,.v8-motion-off .inner-hero h1,.v8-motion-off .inner-hero p,.v8-motion-off .inner-hero-seal,.v8-motion-off .home-hero .hero-orbit{animation:none!important}
.v8-motion-off .v81-float-in,.v8-motion-off .v81-float-in.v81-show{opacity:1!important;transform:none!important}