html,body{height:100%;overflow:hidden}.site-header{background:linear-gradient(#090b09f4,#090b09a8,transparent)}.site-header nav a.active{color:#d8c796}.home-page{background:#080a08}.home-hero{height:100vh;display:grid;align-items:center;padding:100px clamp(35px,7vw,120px);background-image:linear-gradient(90deg,#050705f7 0%,#050705b5 35%,#05070522 70%),linear-gradient(0deg,#060806c9,transparent 45%),url("images/hero-protagonist-sword.png");background-size:cover;background-position:center}.home-hero .hero-copy{max-width:560px;position:relative;z-index:2}.home-hero h1{font-size:clamp(82px,11vw,160px);line-height:.82;margin:28px 0 38px}.home-hero h1 span{display:inline-block;margin-left:.7em;color:transparent;-webkit-text-stroke:1px #e6dfca}.page-tabs{position:fixed;z-index:30;right:22px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;padding:7px;background:#0a0c0ada;border:1px solid #8c7a46;backdrop-filter:blur(10px)}.page-tabs a{width:58px;padding:10px 4px;text-align:center;color:#a9a695;font:14px "Microsoft YaHei",sans-serif;border-bottom:1px solid #ffffff10}.page-tabs a:last-child{border:0}.page-tabs a:hover,.page-tabs a.active{background:#b9a369;color:#111}.inner-page{position:relative;background:#090b09}.inner-page:before{content:"";position:fixed;inset:0;z-index:-2;background-image:linear-gradient(90deg,#070907ed,#070907b9 45%,#07090767),url("images/hero-protagonist-sword.png");background-size:cover;background-position:center;filter:saturate(.65)}.inner-page:after{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 65% 48%,transparent,#050605b8 76%),repeating-linear-gradient(115deg,transparent 0 110px,#d8c79608 111px 112px)}.page-main{height:100vh;max-width:1500px;margin:auto;padding:105px 105px 42px 55px;display:flex;flex-direction:column}.page-title{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:end;border-bottom:1px solid #ffffff22;padding-bottom:14px;margin-bottom:20px}.page-title p{grid-column:1;margin:0;color:#b9a369;letter-spacing:.24em}.page-title h1{grid-column:1;margin:3px 0 0;font-size:clamp(36px,4vw,64px);line-height:1}.page-title span{grid-column:2;grid-row:1/3;color:#a6a394;font-family:"Microsoft YaHei",sans-serif}.download-page .page-main{max-width:1400px}.download-page:before{background-position:70% center;opacity:.55}.demo-warning{flex:none}.version-list{flex:1}.screen-grid{flex:1;min-height:0;display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:1fr 1fr;gap:14px}.screen-grid figure{margin:0;position:relative;overflow:hidden;border:1px solid #ffffff24;background:#121511;display:grid;place-items:center}.screen-grid figure:first-child{grid-row:1/3}.screen-grid img{width:100%;height:100%;object-fit:cover}.screen-grid figcaption{position:absolute;left:16px;bottom:12px;padding:6px 10px;background:#090b09c9}.video-page .page-main{max-width:1350px}.gameplay-video{flex:1;min-height:0;object-fit:contain;background:#030403}.characters-page:before{background-image:linear-gradient(90deg,#070907e8,#070907b2),url("images/portrait-erye.png");background-position:center 25%;filter:blur(8px) saturate(.55);transform:scale(1.04)}.portrait-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.portrait-grid article{position:relative;min-height:0;overflow:hidden;border:1px solid #a6915955;background:#111}.portrait-grid img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top;transition:.5s}.portrait-grid article:hover img{transform:scale(1.03)}.portrait-grid article div{position:absolute;inset:auto 0 0;padding:52px 18px 16px;background:linear-gradient(transparent,#060706ef)}.portrait-grid h2{margin:0;font-size:28px}.portrait-grid p{margin:2px 0;color:#b9a369}.placeholder{color:#aaa791}@media(max-width:800px){html,body{overflow:auto}.site-header nav{display:none}.page-tabs{top:auto;right:50%;bottom:10px;transform:translateX(50%);flex-direction:row}.page-tabs a{width:52px;border:0}.page-main{height:auto;min-height:100vh;padding:90px 24px 85px}.page-title span{display:none}.home-hero{background-position:65% center}.home-hero:before{content:"";position:absolute;inset:0;background:#05070566}.home-hero .hero-copy{align-self:end}.screen-grid,.portrait-grid{grid-template-columns:1fr;grid-template-rows:none}.screen-grid figure,.screen-grid figure:first-child{grid-row:auto;min-height:310px}.portrait-grid article{height:70vh}.gameplay-video{min-height:240px;flex:none}.version-card{flex-direction:column;align-items:flex-start}.download-button{width:100%;text-align:center}}