*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#111}.page{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.frame{position:relative;width:min(100vw,calc(100vh * var(--ratio)));height:min(100vh,calc(100vw / var(--ratio)));}.frame img{display:block;width:100%;height:100%;object-fit:fill}.hot{position:absolute;display:block;z-index:10}.home{left:3%;top:1%;width:20%;height:9%}.novel{left:70%;top:0%;width:9.5%;height:12%}.about{left:79.5%;top:0%;width:7%;height:12%}.updates{left:86.5%;top:0%;width:11.5%;height:12%}.story{left:4%;top:73%;width:22%;height:12%}
.backtop{left:84%;top:84%;width:13%;height:12%}
/* Updates-page correction: the source artwork accidentally marks About active. */
.nav-fix{position:absolute;left:78.05%;top:9.45%;width:13.2%;height:1.55%;z-index:6;background:linear-gradient(90deg,#771010,#731010);pointer-events:none}
.nav-fix::before{content:"";position:absolute;left:0;right:0;top:54%;height:2px;background:#d6aaa4;opacity:.9}
.nav-fix span{position:absolute;left:85%;width:30%;top:28%;height:4px;background:#f5eee8}