:root{--night: #17110b;--night-2: #221a10;--ivory: #f3ead9;--ivory-dim: rgba(243, 234, 217, .62);--red: #c8392b;--red-deep: #97281d;--gold: #c9a24b;--paper: #f4efe4;--ink: #2b2318;--serif: "Noto Serif SC", "STSong", "SimSun", serif;--calli: "Ma Shan Zheng", "STKaiti", "KaiTi", serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--serif);background:var(--night);color:var(--ivory);overflow-x:hidden}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:14px 44px;background:linear-gradient(to bottom,#0d0a06d9,#0d0a0600)}.nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none}.nav-mark{width:40px;height:40px;filter:drop-shadow(0 2px 8px rgba(200,57,43,.45));transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.nav-logo:hover .nav-mark{transform:rotate(-6deg) scale(1.06)}.nav-word{display:flex;flex-direction:column;line-height:1;gap:4px}.nav-word b{font-family:var(--calli);font-weight:400;font-size:25px;letter-spacing:.14em;color:var(--ivory);text-shadow:0 1px 6px rgba(0,0,0,.5)}.nav-word em{font-style:normal;font-size:9.5px;letter-spacing:.42em;color:var(--ivory-dim)}.nav-links{display:flex;gap:30px}.nav-links a{color:#f3ead9d1;text-decoration:none;font-size:15px;letter-spacing:.18em;padding-bottom:4px;position:relative;transition:color .3s}.nav-links a:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;background:var(--red);transition:all .3s ease;transform:translate(-50%)}.nav-links a:hover{color:#fff}.nav-links a:hover:after{width:100%}.hero{position:relative;height:100vh;min-height:640px;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-mosaic{position:absolute;inset:-30% -18%;display:grid;grid-template-columns:repeat(8,1fr);grid-auto-rows:158px;gap:4px;transform:rotate(-7deg);animation:mosaic-drift 26s linear infinite alternate}@keyframes mosaic-drift{0%{transform:rotate(-7deg) translateZ(0)}to{transform:rotate(-7deg) translate3d(-3.5%,-4%,0)}}.hero-mosaic .tile{overflow:hidden;background:#241b10}.hero-mosaic .tile.w2{grid-column:span 2}.hero-mosaic .tile.h2{grid-row:span 2}.hero-mosaic img{width:100%;height:100%;object-fit:cover;filter:saturate(1.12) brightness(.92)}.hero-shade{position:absolute;inset:0;background:radial-gradient(ellipse 62% 55% at 50% 44%,#0f0b079e,#0f0b076b 55%,#0f0b0729),linear-gradient(to bottom,#0f0b07b8,#0f0b0714 26%,#0f0b070d 62%,#0f0b07e6)}.hero-center{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;padding:0 6vw}.hero-title{font-family:var(--calli);font-size:clamp(66px,9vw,130px);letter-spacing:.22em;text-indent:.22em;color:var(--ivory);text-shadow:0 0 44px rgba(201,162,75,.4),0 4px 28px rgba(0,0,0,.75);animation:title-in 1.5s cubic-bezier(.22,1,.36,1) both}.hero-en{font-size:15px;letter-spacing:.72em;text-indent:.72em;color:var(--gold);animation:fade-up 1.2s .5s both}.hero-slogan{font-size:clamp(14px,1.4vw,18px);letter-spacing:.3em;color:#f3ead9eb;text-shadow:0 2px 12px rgba(0,0,0,.8);animation:fade-up 1.2s .7s both}.hero-cta{margin-top:10px;padding:14px 58px;background:var(--red);color:#fff;text-decoration:none;font-size:17px;letter-spacing:.5em;text-indent:.5em;border-radius:3px;box-shadow:0 8px 30px #c8392b73;transition:all .3s;animation:fade-up 1.2s .9s both}.hero-cta:hover{background:#dc4534;transform:translateY(-3px);box-shadow:0 14px 38px #c8392b99}@keyframes title-in{0%{opacity:0;filter:blur(16px);transform:translateY(24px)}to{opacity:1;filter:blur(0);transform:none}}@keyframes fade-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.hero-stats{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;justify-content:center;gap:clamp(40px,9vw,150px);padding:26px 6vw 30px;animation:fade-up 1.2s 1.15s both}.stat{display:flex;flex-direction:column;align-items:center;gap:5px}.stat b{font-size:clamp(26px,2.6vw,38px);font-weight:900;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.8)}.stat span{font-size:12.5px;letter-spacing:.22em;color:var(--ivory-dim)}.realms{position:relative;padding:100px 7vw 70px;overflow:hidden}.realms-bg{position:absolute;inset:0;background-image:linear-gradient(to bottom,#120d08e6,#18110ad1 50%,#120d08f0),url(/images/home2/25.jpg);background-size:cover,cover;background-position:center 38%;filter:blur(2px) saturate(1.1);transform:scale(1.05)}.realms-inner{position:relative;z-index:2;display:flex;align-items:center;gap:7vw;max-width:1280px;margin:0 auto}.realms-text{flex:1}.realms-kicker{display:inline-block;font-size:13px;letter-spacing:.45em;color:var(--gold);border:1px solid rgba(201,162,75,.45);padding:6px 16px 6px 20px;border-radius:2px;margin-bottom:26px}.realms-name{font-size:clamp(40px,4.4vw,62px);font-weight:900;letter-spacing:.14em;color:#fff;margin-bottom:12px}.realms-poem{font-family:var(--calli);font-size:26px;letter-spacing:.3em;color:var(--gold);margin-bottom:20px}.realms-desc{font-size:15px;line-height:2.1;letter-spacing:.12em;color:var(--ivory-dim);max-width:430px;margin-bottom:34px;min-height:63px}.realms-enter{display:inline-block;padding:12px 46px;background:var(--red);color:#fff;text-decoration:none;font-size:16px;letter-spacing:.4em;text-indent:.4em;border-radius:3px;transition:all .3s;box-shadow:0 6px 24px #c8392b66}.realms-enter:hover{background:#dc4534;transform:translateY(-2px)}.realms-arch{width:min(400px,34vw);aspect-ratio:4 / 5;border-radius:999px 999px 8px 8px;overflow:hidden;box-shadow:0 0 0 1px #c9a24b59,0 0 0 10px #c9a24b12,0 30px 70px #0009;flex-shrink:0}.realms-arch img{width:100%;height:100%;object-fit:cover;transition:opacity .45s ease}.realms-arch img.fading{opacity:0}.realms-nav{position:relative;z-index:2;display:flex;justify-content:center;gap:clamp(26px,5vw,74px);margin-top:70px;padding-top:34px;border-top:1px solid rgba(243,234,217,.14)}.rn-item{display:flex;flex-direction:column;align-items:center;gap:12px;background:none;border:none;cursor:pointer;font-family:var(--serif)}.rn-icon{width:62px;height:62px;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(243,234,217,.4);border-radius:50%;font-family:var(--calli);font-size:26px;color:#f3ead9b8;transition:all .3s}.rn-label{font-size:13.5px;letter-spacing:.2em;color:#f3ead99e;transition:color .3s}.rn-item:hover .rn-icon{border-color:var(--gold);color:var(--gold)}.rn-item.on .rn-icon{border-color:var(--red);color:#fff;background:var(--red);box-shadow:0 0 24px #c8392b8c}.rn-item.on .rn-label{color:#fff}.gallery{position:relative;background:radial-gradient(ellipse 90% 70% at 15% 0%,rgba(214,192,148,.28),transparent 55%),radial-gradient(ellipse 80% 60% at 90% 100%,rgba(200,57,43,.07),transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%238a7350' stroke-opacity='0.13' stroke-width='2'%3E%3Cpath d='M16 64 V24 h40 v28 H28 V36 h16'/%3E%3Cpath d='M80 32 v40 H40 v-8'/%3E%3C/g%3E%3C/svg%3E"),#f8f3e8;color:var(--ink);padding:130px 0 140px}.gallery:before,.gallery:after{content:"";position:absolute;left:0;right:0;height:110px;pointer-events:none;z-index:1}.gallery:before{top:0;background:linear-gradient(to bottom,rgba(23,17,11,.55),rgba(23,17,11,.18) 45%,transparent)}.gallery:after{bottom:0;background:linear-gradient(to top,rgba(27,20,12,.5),rgba(27,20,12,.16) 45%,transparent)}.gal-head{display:flex;align-items:flex-end;justify-content:space-between;max-width:1280px;margin:0 auto 44px;padding:0 7vw}.gal-head h2{font-size:clamp(30px,3.2vw,44px);font-weight:900;letter-spacing:.18em;color:var(--ink);margin-bottom:10px}.gal-head p{font-size:13.5px;letter-spacing:.28em;color:#2b231899}.gal-more{padding:10px 28px;background:var(--red);color:#fff;text-decoration:none;font-size:14px;letter-spacing:.24em;border-radius:3px;transition:all .3s;flex-shrink:0}.gal-more:hover{background:#dc4534;box-shadow:0 6px 20px #c8392b59}.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}.marquee-track{display:flex;gap:10px;width:max-content;animation:marquee 58s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.g-card{position:relative;width:356px;height:250px;overflow:hidden;border-radius:6px;box-shadow:0 8px 26px #32261638;flex-shrink:0;cursor:pointer}.g-card img{width:100%;height:100%;object-fit:cover;animation:kenburns 15s ease-in-out infinite alternate}@keyframes kenburns{0%{transform:scale(1)}to{transform:scale(1.13) translate(-2%,-1.6%)}}.g-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(20,14,8,.62),transparent 42%)}.g-card .g-name{position:absolute;left:14px;bottom:12px;z-index:2;font-size:17px;font-weight:600;letter-spacing:.18em;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6)}.g-card .g-era{position:absolute;right:12px;bottom:14px;z-index:2;font-size:12px;letter-spacing:.14em;color:#ffffffd9}.relic{position:relative;background:radial-gradient(ellipse 70% 90% at 82% 30%,rgba(201,162,75,.12),transparent 60%),radial-gradient(ellipse 60% 80% at 10% 90%,rgba(200,57,43,.1),transparent 55%),linear-gradient(160deg,#1b140c,#241a0f 55%,#171008);padding:110px 7vw}.relic-inner{display:flex;align-items:center;gap:6vw;max-width:1280px;margin:0 auto}.relic-text{flex:1}.relic-text h2{font-size:clamp(38px,4.2vw,58px);font-weight:900;letter-spacing:.16em;color:#fff;margin-bottom:10px}.relic-sub{font-size:14px;letter-spacing:.3em;color:var(--ivory-dim);margin-bottom:36px}.relic-list{list-style:none;margin-bottom:40px}.relic-list li{position:relative;padding:10px 0 10px 26px;font-size:15.5px;letter-spacing:.14em;color:#f3ead9d9;border-bottom:1px solid rgba(243,234,217,.09)}.relic-list li:before{content:"";position:absolute;left:4px;top:50%;width:7px;height:7px;border-radius:50%;background:var(--red);transform:translateY(-50%);box-shadow:0 0 10px #c8392bb3}.relic-enter{display:inline-block;padding:12px 46px;border:1.5px solid var(--gold);color:var(--gold);text-decoration:none;font-size:16px;letter-spacing:.4em;text-indent:.4em;border-radius:3px;transition:all .3s}.relic-enter:hover{background:var(--gold);color:#1b140c}.relic-stage{position:relative;flex:1.15;height:560px;min-width:0}#relic-canvas{width:100%;height:100%;display:block}.hero-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:14px;letter-spacing:.5em;color:var(--ivory-dim);pointer-events:none;transition:opacity .8s}.hero-loading.done{opacity:0}.dots:after{content:"…";animation:dots 1.6s steps(4) infinite}@keyframes dots{0%{content:""}25%{content:"·"}50%{content:"··"}75%{content:"···"}}.outro{padding:120px 8vw;text-align:center;background:radial-gradient(ellipse 75% 100% at 50% 100%,rgba(151,40,29,.4),transparent 62%),#140e08}.outro-quote{font-size:clamp(17px,1.9vw,23px);line-height:2.4;letter-spacing:.26em;color:var(--ivory);margin-bottom:50px}.outro-cta{display:inline-block;padding:16px 66px;background:var(--red);color:#fff;text-decoration:none;font-size:17px;letter-spacing:.5em;text-indent:.5em;border-radius:3px;transition:all .3s;box-shadow:0 10px 32px #c8392b73}.outro-cta:hover{background:#dc4534;transform:translateY(-3px)}.footer{padding:26px;text-align:center;font-size:12.5px;letter-spacing:.24em;color:#f3ead973;background:#100b06}.footer em{display:block;margin-top:8px;font-style:normal;font-size:11px;letter-spacing:.12em;color:#f3ead94d}.reveal{opacity:0;transform:translateY(44px);transition:opacity 1s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1)}.reveal.on{opacity:1;transform:none}@media(max-width:1024px){.nav-links{display:none}.realms-inner{flex-direction:column-reverse}.realms-arch{width:min(360px,76vw)}.relic-inner{flex-direction:column}.relic-stage{width:100%;height:400px}.hero-stats{flex-wrap:wrap;gap:30px}}@media(prefers-reduced-motion:reduce){.marquee-track,.g-card img,.hero-mosaic{animation:none}.reveal{opacity:1;transform:none;transition:none}}