body {
    background: #000A11;
    color: #fff;
}

.navbar-toggle {
    position: absolute;
    left: 87.135vw;
    top: 9.104vw;
    width: 2.5vw;
    height: 2.5vw;
    padding: 0;
    border: none;
    background: none;
    color: #fff;
    cursor: pointer;
    z-index: 60;
}

.toggle-svg {
    display: block;
    width: 2.395vw;
    height: 2.395vw;
    margin: 0.052vw;
}

.toggle-svg .bar {
    fill: currentColor;
    transform-box: fill-box;
    transform-origin: center;
    transition: transform .5s cubic-bezier(.7, 0, .3, 1);
}

.toggle-svg .bar1 {
    transform: rotate(180deg);
}

.toggle-svg .bar2 {
    transform: rotate(-180deg);
}

.menu-open .bar1 {
    transform: rotate(0);
}

.menu-open .bar2 {
    transform: rotate(0);
}

.C-btn {
    position: relative;
    width: 11.145vw;
    height: 2.916vw;
    color: #fff;
    font-family: 'Abhaya Libre', serif;
    line-height: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    transition: all ease .6s;
}

.C-btn.theme1 {
    background-image: url(../images/inner/btn-bg1.svg);
}

.C-btn.theme2 {
    background-image: url(../images/inner/btn-bg2.svg);
}

.C-btn:hover {
    color: #FFF3EA;
    transform: scale(1.05);
}

.C-bar {
    position: absolute;
    width: 0.26vw;
    height: 12.76vw;
    border-radius: 52.031vw;
    background: rgba(255, 255, 255, .1);
}

.C-bar .thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 6.25vw;
    border-radius: 52.031vw;
    background: rgba(255, 255, 255, .45);
    cursor: grab;
}

.is-dragging {
    user-select: none;
}

.is-dragging .C-bar .thumb {
    cursor: grabbing;
}

.navMenu {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    opacity: 0;
    visibility: hidden;
    transition: opacity .6s, visibility .6s;
}

.menu-open .navMenu {
    opacity: 1;
    visibility: visible;
}

.navMenu-mask {
    background: rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(0.833vw);
    -webkit-backdrop-filter: blur(0.833vw);
}

.navMenu-list {
    position: absolute;
    left: 28.125vw;
    top: 26%;
    width: 43.75vw;
}

.navMenu-item {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 2.812vw;
    color: #fff;
    font-family: san-seriffont;
    letter-spacing: 0.104vw;
    line-height: 1.2;
    opacity: 0;
    transform: translateY(1.562vw);
    transition: opacity .8s, transform .8s;
}

.navMenu-item:last-child {
    margin-bottom: 0;
}

.navMenu-item::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1.354vw;
    width: 100%;
    height: 0.052vw;
    background: #fff;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .6s cubic-bezier(.4, 0, .2, 1);
}

.navMenu-item.on::after,
.navMenu-item:hover::after {
    transform: scaleX(1);
}

.menu-open .navMenu-item {
    opacity: 1;
    transform: translateY(0);
}

.menu-open .navMenu-item:nth-child(1) {
    transition-delay: .15s;
}

.menu-open .navMenu-item:nth-child(2) {
    transition-delay: .25s;
}

.menu-open .navMenu-item:nth-child(3) {
    transition-delay: .35s;
}

.menu-open .navMenu-item:nth-child(4) {
    transition-delay: .45s;
}

.menu-open .navMenu-item:nth-child(5) {
    transition-delay: .55s;
}

.menu-open .navMenu-item:nth-child(n+5) {
    transition-delay: .55s;
}

.newbook {
    position: relative;
    width: 100%;
    min-height: max(100vh, 44vw);
    overflow-x: hidden;
    background: #000A11;
}

.inner-enter-overlay {
    position: fixed;
    inset: 0;
    z-index: 99;
    background: #000;
    pointer-events: none;
    opacity: 0;
}

.newbook.is-entering .inner-enter-overlay {
    opacity: 1;
}

.newbook.is-entered .inner-enter-overlay {
    opacity: 0;
    transition: opacity 1.1s ease;
}

.newbook.from-home.is-entered .inner-enter-overlay {
    transition-duration: 1.4s;
}

.newbook.is-switching.is-entering .inner-enter-overlay {
    opacity: 0.6;
}

.newbook.is-switching.is-entered .inner-enter-overlay {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.newbook.is-switching.is-entering .newbook-bg img,
.newbook.is-switching.is-entering .navbar-toggle {
    opacity: 1;
    transform: none;
}

.newbook.is-switching.is-entered .newbook-bg img {
    transition: none;
}

.newbook.is-switching.is-entered .navbar-toggle {
    animation: none;
}

.newbook.is-switching.is-entering[data-page="newbook"] .newbook1-tabs,
.newbook.is-switching.is-entering[data-page="otherbook"] .newbook1-tabs,
.newbook.is-switching.is-entering[data-page="outerbook"] .newbook1-tabs {
    opacity: 1;
    transform: none;
}

.newbook.is-switching.is-entered[data-page="newbook"] .newbook1-tabs,
.newbook.is-switching.is-entered[data-page="otherbook"] .newbook1-tabs,
.newbook.is-switching.is-entered[data-page="outerbook"] .newbook1-tabs {
    animation: none;
}

.newbook.is-switching.is-entered[data-page="newbook"] .newbook1-cover {
    animation: innerEnterCover 0.65s cubic-bezier(0.22, 1, 0.36, 1) 0.05s both;
}

.newbook.is-switching.is-entered[data-page="newbook"] .newbook1-title {
    animation: innerEnterUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.12s both;
}

.newbook.is-switching.is-entered[data-page="newbook"] .newbook1-info {
    animation: innerEnterUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.2s both;
}

.newbook.is-switching.is-entered[data-page="newbook"] .newbook1-btns {
    animation: innerEnterUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.28s both;
}

.newbook.is-switching.is-entered[data-page="otherbook"] .otherbook1-panel.on .otherbook1-cover {
    animation: innerEnterCover 0.65s cubic-bezier(0.22, 1, 0.36, 1) 0.05s both;
}

.newbook.is-switching.is-entered[data-page="otherbook"] .otherbook1-panel.on .otherbook1-title {
    animation: innerEnterUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.12s both;
}

.newbook.is-switching.is-entered[data-page="otherbook"] .otherbook1-panel.on .otherbook1-info {
    animation: innerEnterUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.2s both;
}

.newbook.is-switching.is-entered[data-page="otherbook"] .otherbook1-panel.on .otherbook1-btns {
    animation: innerEnterUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.28s both;
}

.newbook.is-switching.is-entered[data-page="outerbook"] .outerbook1-title {
    animation: innerEnterUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.05s both;
}

.newbook.is-switching.is-entered[data-page="outerbook"] .outerbook1-stage {
    animation: innerEnterUp 0.65s cubic-bezier(0.22, 1, 0.36, 1) 0.12s both;
}

.newbook.is-switching.is-entered .outerbook1-flower {
    animation: innerEnterFlower 0.55s ease 0.15s both;
}

.newbook.is-switching.is-entered[data-page="about"] .about1-pic {
    animation: innerEnterLeft 0.65s cubic-bezier(0.22, 1, 0.36, 1) 0.05s both;
}

.newbook.is-switching.is-entered[data-page="about"] .about1-title {
    animation: innerEnterUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.12s both;
}

.newbook.is-switching.is-entered[data-page="about"] .about1-txt {
    animation: innerEnterUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.2s both;
}

.newbook.is-switching.is-entered[data-page="about"] .about1-btn {
    animation: innerEnterUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.28s both;
}

.newbook.is-switching.is-entered[data-page="about"] .about1-bar {
    animation: innerEnterUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.2s both;
}

.newbook.is-switching.is-entered[data-page="ai"] .ai1-glass {
    animation: innerEnterScale 0.65s cubic-bezier(0.22, 1, 0.36, 1) 0.05s both;
}

.newbook.is-switching.is-entered[data-page="ai"] .ai1-hero {
    animation: innerEnterUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.12s both;
}

.newbook.is-switching.is-entered[data-page="ai"] .ai1-input {
    animation: innerEnterUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.22s both;
}

.newbook.is-entering .newbook-bg img {
    opacity: 0;
    transform: scale(1.08);
}

.newbook.is-entered .newbook-bg img {
    opacity: 1;
    transform: scale(1);
    transition: opacity 1.2s ease 0.15s, transform 1.6s ease 0.15s;
}

.newbook.is-entering .navbar-toggle {
    opacity: 0;
    transform: translate3d(0, -1vw, 0);
}

.newbook.is-entered .navbar-toggle {
    animation: innerEnterDown 0.75s cubic-bezier(0.22, 1, 0.36, 1) 0.95s both;
}

.newbook.is-entering[data-page="newbook"] .newbook1-cover,
.newbook.is-entering[data-page="newbook"] .newbook1-title,
.newbook.is-entering[data-page="newbook"] .newbook1-info,
.newbook.is-entering[data-page="newbook"] .newbook1-btns,
.newbook.is-entering[data-page="newbook"] .newbook1-tabs,
.newbook.is-entering[data-page="otherbook"] .otherbook1-panel.on .otherbook1-cover,
.newbook.is-entering[data-page="otherbook"] .otherbook1-panel.on .otherbook1-title,
.newbook.is-entering[data-page="otherbook"] .otherbook1-panel.on .otherbook1-info,
.newbook.is-entering[data-page="otherbook"] .otherbook1-panel.on .otherbook1-btns,
.newbook.is-entering[data-page="otherbook"] .newbook1-tabs {
    opacity: 0;
}

.newbook.is-entering[data-page="newbook"] .newbook1-cover,
.newbook.is-entering[data-page="otherbook"] .otherbook1-panel.on .otherbook1-cover {
    transform: translate3d(0, 3vw, 0);
}

.newbook.is-entering[data-page="newbook"] .newbook1-title,
.newbook.is-entering[data-page="newbook"] .newbook1-info,
.newbook.is-entering[data-page="newbook"] .newbook1-btns,
.newbook.is-entering[data-page="newbook"] .newbook1-tabs,
.newbook.is-entering[data-page="otherbook"] .otherbook1-panel.on .otherbook1-title,
.newbook.is-entering[data-page="otherbook"] .otherbook1-panel.on .otherbook1-info,
.newbook.is-entering[data-page="otherbook"] .otherbook1-panel.on .otherbook1-btns,
.newbook.is-entering[data-page="otherbook"] .newbook1-tabs {
    transform: translate3d(0, 2vw, 0);
}

.newbook.is-entering[data-page="outerbook"] .outerbook1-title,
.newbook.is-entering[data-page="outerbook"] .outerbook1-stage,
.newbook.is-entering[data-page="outerbook"] .newbook1-tabs {
    opacity: 0;
    transform: translate3d(0, 2vw, 0);
}

.newbook.is-entering .outerbook1-flower {
    opacity: 0;
}

.newbook.is-entering[data-page="about"] .about1-pic,
.newbook.is-entering[data-page="about"] .about1-title,
.newbook.is-entering[data-page="about"] .about1-txt,
.newbook.is-entering[data-page="about"] .about1-btn,
.newbook.is-entering[data-page="about"] .about1-bar {
    opacity: 0;
}

.newbook.is-entering[data-page="about"] .about1-pic {
    transform: translate3d(-2.5vw, 0, 0);
}

.newbook.is-entering[data-page="about"] .about1-title,
.newbook.is-entering[data-page="about"] .about1-txt,
.newbook.is-entering[data-page="about"] .about1-btn,
.newbook.is-entering[data-page="about"] .about1-bar {
    transform: translate3d(0, 2vw, 0);
}

.newbook.is-entering[data-page="ai"] .ai1-glass,
.newbook.is-entering[data-page="ai"] .ai1-hero,
.newbook.is-entering[data-page="ai"] .ai1-input {
    opacity: 0;
}

.newbook.is-entering[data-page="ai"] .ai1-glass {
    transform: scale(0.96);
}

.newbook.is-entering[data-page="ai"] .ai1-hero,
.newbook.is-entering[data-page="ai"] .ai1-input {
    transform: translate3d(0, 2vw, 0);
}

@keyframes innerEnterUp {
    from {
        opacity: 0;
        transform: translate3d(0, 2.5vw, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes innerEnterCover {
    from {
        opacity: 0;
        transform: translate3d(0, 3vw, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes innerEnterDown {
    from {
        opacity: 0;
        transform: translate3d(0, -1vw, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes innerEnterLeft {
    from {
        opacity: 0;
        transform: translate3d(-2.5vw, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes innerEnterScale {
    from {
        opacity: 0;
        transform: scale(0.96);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes innerEnterFlower {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes outerbookFlowerFloat {

    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(0, -0.8vw, 0);
    }
}

.newbook.is-entered[data-page="newbook"] .newbook1-cover {
    animation: innerEnterCover 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.35s both;
}

.newbook.is-entered[data-page="newbook"] .newbook1-title {
    animation: innerEnterUp 0.85s cubic-bezier(0.22, 1, 0.36, 1) 0.5s both;
}

.newbook.is-entered[data-page="newbook"] .newbook1-info {
    animation: innerEnterUp 0.85s cubic-bezier(0.22, 1, 0.36, 1) 0.62s both;
}

.newbook.is-entered[data-page="newbook"] .newbook1-btns {
    animation: innerEnterUp 0.85s cubic-bezier(0.22, 1, 0.36, 1) 0.74s both;
}

.newbook.is-entered[data-page="newbook"] .newbook1-tabs {
    animation: innerEnterUp 0.85s cubic-bezier(0.22, 1, 0.36, 1) 0.86s both;
}

.newbook.is-entered[data-page="otherbook"] .otherbook1-panel.on .otherbook1-cover {
    animation: innerEnterCover 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.35s both;
}

.newbook.is-entered[data-page="otherbook"] .otherbook1-panel.on .otherbook1-title {
    animation: innerEnterUp 0.85s cubic-bezier(0.22, 1, 0.36, 1) 0.5s both;
}

.newbook.is-entered[data-page="otherbook"] .otherbook1-panel.on .otherbook1-info {
    animation: innerEnterUp 0.85s cubic-bezier(0.22, 1, 0.36, 1) 0.62s both;
}

.newbook.is-entered[data-page="otherbook"] .otherbook1-panel.on .otherbook1-btns {
    animation: innerEnterUp 0.85s cubic-bezier(0.22, 1, 0.36, 1) 0.74s both;
}

.newbook.is-entered[data-page="otherbook"] .newbook1-tabs {
    animation: innerEnterUp 0.85s cubic-bezier(0.22, 1, 0.36, 1) 0.86s both;
}

.newbook.is-entered[data-page="outerbook"] .outerbook1-title {
    animation: innerEnterUp 0.85s cubic-bezier(0.22, 1, 0.36, 1) 0.35s both;
}

.newbook.is-entered[data-page="outerbook"] .outerbook1-stage {
    animation: innerEnterUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.5s both;
}

.newbook.is-entered[data-page="outerbook"] .newbook1-tabs {
    animation: innerEnterUp 0.85s cubic-bezier(0.22, 1, 0.36, 1) 0.74s both;
}

.newbook.is-entered .outerbook1-flower {
    animation: innerEnterFlower 0.7s ease 0.5s both;
}

.newbook.is-entered[data-page="about"] .about1-pic {
    animation: innerEnterLeft 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.35s both;
}

.newbook.is-entered[data-page="about"] .about1-title {
    animation: innerEnterUp 0.85s cubic-bezier(0.22, 1, 0.36, 1) 0.48s both;
}

.newbook.is-entered[data-page="about"] .about1-txt {
    animation: innerEnterUp 0.85s cubic-bezier(0.22, 1, 0.36, 1) 0.6s both;
}

.newbook.is-entered[data-page="about"] .about1-btn {
    animation: innerEnterUp 0.85s cubic-bezier(0.22, 1, 0.36, 1) 0.72s both;
}

.newbook.is-entered[data-page="about"] .about1-bar {
    animation: innerEnterUp 0.85s cubic-bezier(0.22, 1, 0.36, 1) 0.62s both;
}

.newbook.is-entered[data-page="ai"] .ai1-glass {
    animation: innerEnterScale 0.95s cubic-bezier(0.22, 1, 0.36, 1) 0.35s both;
}

.newbook.is-entered[data-page="ai"] .ai1-hero {
    animation: innerEnterUp 0.85s cubic-bezier(0.22, 1, 0.36, 1) 0.52s both;
}

.newbook.is-entered[data-page="ai"] .ai1-input {
    animation: innerEnterUp 0.85s cubic-bezier(0.22, 1, 0.36, 1) 0.68s both;
}

@media (prefers-reduced-motion: reduce) {

    .newbook.is-entering .inner-enter-overlay,
    .newbook.is-entered .inner-enter-overlay {
        opacity: 0;
        transition: none;
    }

    .newbook.is-entering .newbook-bg img,
    .newbook.is-entering .navbar-toggle,
    .newbook.is-entering[data-page="newbook"] .newbook1-cover,
    .newbook.is-entering[data-page="newbook"] .newbook1-title,
    .newbook.is-entering[data-page="newbook"] .newbook1-info,
    .newbook.is-entering[data-page="newbook"] .newbook1-btns,
    .newbook.is-entering[data-page="newbook"] .newbook1-tabs,
    .newbook.is-entering[data-page="otherbook"] .otherbook1-panel.on .otherbook1-cover,
    .newbook.is-entering[data-page="otherbook"] .otherbook1-panel.on .otherbook1-title,
    .newbook.is-entering[data-page="otherbook"] .otherbook1-panel.on .otherbook1-info,
    .newbook.is-entering[data-page="otherbook"] .otherbook1-panel.on .otherbook1-btns,
    .newbook.is-entering[data-page="otherbook"] .newbook1-tabs,
    .newbook.is-entering[data-page="outerbook"] .outerbook1-title,
    .newbook.is-entering[data-page="outerbook"] .outerbook1-stage,
    .newbook.is-entering[data-page="outerbook"] .newbook1-tabs,
    .newbook.is-entering .outerbook1-flower,
    .newbook.is-entering[data-page="about"] .about1-pic,
    .newbook.is-entering[data-page="about"] .about1-title,
    .newbook.is-entering[data-page="about"] .about1-txt,
    .newbook.is-entering[data-page="about"] .about1-btn,
    .newbook.is-entering[data-page="about"] .about1-bar,
    .newbook.is-entering[data-page="ai"] .ai1-glass,
    .newbook.is-entering[data-page="ai"] .ai1-hero,
    .newbook.is-entering[data-page="ai"] .ai1-input {
        opacity: 1;
        transform: none;
    }

    .newbook.is-entered .navbar-toggle,
    .newbook.is-entered[data-page="newbook"] .newbook1-cover,
    .newbook.is-entered[data-page="newbook"] .newbook1-title,
    .newbook.is-entered[data-page="newbook"] .newbook1-info,
    .newbook.is-entered[data-page="newbook"] .newbook1-btns,
    .newbook.is-entered[data-page="newbook"] .newbook1-tabs,
    .newbook.is-entered[data-page="otherbook"] .otherbook1-panel.on .otherbook1-cover,
    .newbook.is-entered[data-page="otherbook"] .otherbook1-panel.on .otherbook1-title,
    .newbook.is-entered[data-page="otherbook"] .otherbook1-panel.on .otherbook1-info,
    .newbook.is-entered[data-page="otherbook"] .otherbook1-panel.on .otherbook1-btns,
    .newbook.is-entered[data-page="otherbook"] .newbook1-tabs,
    .newbook.is-entered[data-page="outerbook"] .outerbook1-title,
    .newbook.is-entered[data-page="outerbook"] .outerbook1-stage,
    .newbook.is-entered[data-page="outerbook"] .newbook1-tabs,
    .newbook.is-entered .outerbook1-flower,
    .newbook.is-entered[data-page="about"] .about1-pic,
    .newbook.is-entered[data-page="about"] .about1-title,
    .newbook.is-entered[data-page="about"] .about1-txt,
    .newbook.is-entered[data-page="about"] .about1-btn,
    .newbook.is-entered[data-page="about"] .about1-bar,
    .newbook.is-entered[data-page="ai"] .ai1-glass,
    .newbook.is-entered[data-page="ai"] .ai1-hero,
    .newbook.is-entered[data-page="ai"] .ai1-input {
        animation: none;
    }

    .newbook:not(.is-entering):not(.is-entered) .outerbook1-flower {
        animation: none;
    }
}

.newbook1,
.otherbook1,
.about1,
.outerbook1 {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .6s, visibility .6s;
}

.newbook[data-page="newbook"]:not(.chat-open) .newbook1,
.newbook[data-page="otherbook"]:not(.chat-open) .otherbook1,
.newbook[data-page="outerbook"] .outerbook1,
.newbook[data-page="about"] .about1,
.newbook[data-page="ai"] .ai1 {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.menu-open .newbook1,
.menu-open .otherbook1,
.menu-open .about1,
.menu-open .outerbook1,
.menu-open .newbook[data-page="ai"] .ai1 {
    opacity: 0;
    visibility: hidden;
}

.newbook1 {
    position: absolute;
    left: 14.479vw;
    top: 50%;
    z-index: 5;
    width: 73.853vw;
    transform: translateY(-50%);
    transition: opacity .6s, visibility .6s;
}

.newbook .ai1 {
    z-index: 6;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.newbook.chat-open .ai1,
.newbook[data-page="ai"] .ai1,
.newbook[data-page="otherbook"].chat-open .ai1,
.newbook[data-page="newbook"].chat-open .ai1 {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.newbook.chat-open .newbook1,
.newbook.chat-open .otherbook1 {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.newbook[data-page="ai"] .ai1-close {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.newbook1-main {
    gap: 1.875vw;
    align-items: flex-start;
}

.newbook1-cover {
    width: 29.218vw;
}

.newbook1-right {
    width: 42.76vw;
    margin-top: 6.25vw;
}

.newbook1-title {
    width: 24.166vw;
}

.newbook1-info {
    position: relative;
    height: 15.26vw;
    margin-top: 3.072vw;
}

.newbook1-txt {
    height: 100%;
    overflow-y: auto;
    scrollbar-width: none;
    font-family: 'Noto Sans SC', 'Inter', sans-serif;
    color: #fff;
}

.newbook1-txt::-webkit-scrollbar {
    display: none;
}

.newbook1-txt p {
    line-height: 2;
}

.newbook1-bar {
    right: -1.666vw;
    top: 2.083vw;
}

.newbook1-btns {
    margin-top: 2.812vw;
    gap: 1.822vw;
}

.otherbook1 {
    position: absolute;
    left: 14.479vw;
    top: 50%;
    z-index: 5;
    width: 73.853vw;
    transform: translateY(-50%);
    transition: opacity .6s, visibility .6s;
}

.otherbook1-panel {
    display: none;
    width: 100%;
}

.otherbook1-panel.on {
    display: flex;
}

.otherbook1-main {
    gap: 1.875vw;
    align-items: flex-start;
}

.otherbook1-cover {
    width: 29.218vw;
}

.otherbook1-right {
    width: 42.76vw;
    margin-top: 6.25vw;
}

.otherbook1-title {
    color: #fff;
    font-family: 'Abhaya Libre', serif;
    letter-spacing: 0.104vw;
    line-height: 1.2;
}

.otherbook1-info {
    position: relative;
    height: 15.26vw;
    margin-top: 3.072vw;
}

.otherbook1-txt {
    height: 100%;
    overflow-y: auto;
    scrollbar-width: none;
    font-family: 'Noto Sans SC', 'Inter', sans-serif;
    color: #fff;
}

.otherbook1-txt::-webkit-scrollbar {
    display: none;
}

.otherbook1-txt p {
    line-height: 2;
}

.otherbook1-bar {
    right: -1.666vw;
    top: 2.083vw;
}

.otherbook1-btns {
    margin-top: 2.812vw;
    gap: 1.822vw;
}

.newbook1-tabs {
    position: absolute;
    left: 17.135vw;
    width: 65.729vw;
    z-index: 5;
    padding-top: 2em;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .6s, visibility .6s, top .6s;
}

.newbook[data-page="newbook"] .newbook1-tabs,
.newbook[data-page="otherbook"] .newbook1-tabs,
.newbook[data-page="outerbook"] .newbook1-tabs {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.newbook[data-page="newbook"] .newbook1-tabs,
.newbook[data-page="otherbook"] .newbook1-tabs {
    top: calc(50% + 20.5vw);
}

.newbook[data-page="outerbook"] .newbook1-tabs {
    top: calc(50% + 20.5vw);
}

.menu-open .newbook1-tabs {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.newbook.chat-open .newbook1-tabs {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.newbook1-list {
    width: 100%;
    height: 2.395vw;
    border-right: 0.104vw solid #FFF3EA;
}

.newbook1-tab {
    width: 13.125vw;
    height: 2.395vw;
    flex-shrink: 0;
}

.newbook1-tabs::before,
.newbook1-tabs::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.104vw;
    background: #FFF3EA;
    opacity: .3;
}

.newbook1-tabs::before {
    bottom: 0.38vw;
}

.newbook1-tabs::after {
    bottom: 0;
}

.newbook1-tab {
    position: relative;
    border-left: 0.104vw solid #FFF3EA;
}

.newbook1-tab a {
    width: 100%;
    height: 100%;
    padding: 0 0.208vw 0.677vw 0.312vw;
}

.newbook1-tab .name {
    color: rgba(255, 255, 255, .51);
    font-family: 'Abhaya Libre', serif;
    line-height: 1.2;
    transition: color .5s;
}

.newbook1-tab:hover .name {
    color: rgba(255, 255, 255, .8);
}

.newbook1-tab.on .name {
    color: #fff;
}

.newbook1-tab.on::after {
    content: '';
    position: absolute;
    left: -0.104vw;
    top: 1.927vw;
    width: 13.125vw;
    height: 0.364vw;
    background: #FFF3EA;
    opacity: .54;
}

.about {
    position: relative;
    width: 100%;
    min-height: max(100vh, 38vw);
    overflow-x: hidden;
    background: #000A11;
}

.about1 {
    position: absolute;
    left: 18.489vw;
    top: 50%;
    z-index: 5;
    gap: 1.563vw;
    align-items: flex-start;
    transform: translateY(-50%);
}

.about1-card {
    width: 63.02vw;
    height: 35vw;
    padding: 2.083vw;
    gap: 4.166vw;
    flex-wrap: nowrap;
    border-radius: 1.25vw;
    background: rgba(255, 255, 255, .1);
    backdrop-filter: blur(2.395vw);
    -webkit-backdrop-filter: blur(2.395vw);
}

.about1-pic {
    width: 21.822vw;
}

.about1-pic img {
    border-radius: 1.041vw;
}

.about1-right {
    width: 32.864vw;
}

.about1-title {
    margin-top: 1.25vw;
    color: #fff;
    font-family: 'Abhaya Libre', serif;
    letter-spacing: 0.104vw;
    line-height: 1.2;
}

.about1-txt {
    height: 16.354vw;
    margin-top: 1.458vw;
    overflow-y: auto;
    scrollbar-width: none;
    font-family: 'Noto Sans SC', 'Inter', sans-serif;
    color: #fff;
}

.about1-txt::-webkit-scrollbar {
    display: none;
}

.about1-txt p {
    line-height: 2;
}

.about1-txt .lead {
    margin-bottom: 1.25vw;
}

.about1-btn {
    margin-top: 4.166vw;
}

.about1-bar {
    position: relative;
    left: auto;
    top: auto;
    margin-top: 12.24vw;
    flex-shrink: 0;
}

.outerbook {
    position: relative;
    width: 100%;
    min-height: max(100vh, 44vw);
    overflow-x: hidden;
    background: #000A11;
}

.outerbook1 {
    position: absolute;
    left: 15.885vw;
    top: 50%;
    z-index: 5;
    width: 81.25vw;
    transform: translateY(-50%);
}

.outerbook1-title {
    margin-left: 1.25vw;
    color: #fff;
    font-family: 'Abhaya Libre', serif;
    letter-spacing: 0.104vw;
    line-height: 1.2;
}

.outerbook1-stage {
    position: relative;
    width: 100%;
    height: 21.614vw;
    margin-top: 5.729vw;
}

.outerbook1-list {
    width: 100%;
    height: 100%;
    gap: 2.083vw;
    user-select: none;
    z-index: 1;
}

.outerbook1-item {
    width: 18.75vw;
    height: 21.614vw;
    cursor: pointer;
    transition: all .6s;
}

.outerbook1-item:hover {
    transform: scale(1.1);
}

.outerbook1-mask {
    position: absolute;
    left: 21.042vw;
    top: -2.188vw;
    width: 63.072vw;
    height: 26.197vw;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(270deg, #000 5%, rgba(0, 0, 0, 0) 97%);
    filter: blur(0.156vw);
}

.outerbook1-flower {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 31.197vw;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}

.newbook[data-page="outerbook"] .outerbook1-flower {
    opacity: 1;
    visibility: visible;
}

body.is-leaving .about,
body.is-leaving .ai-page,
body.is-leaving .newbook,
body.is-leaving .outerbook {
    opacity: 0;
    transition: opacity 0.55s ease;
}

body.is-leaving {
    cursor: wait;
}

.ai-page {
    position: relative;
    width: 100%;
    min-height: max(100vh, 44vw);
    overflow-x: hidden;
    background: #000A11;
}

.ai1 {
    position: absolute;
    left: 15.104vw;
    top: 50%;
    width: 69.791vw;
    height: 40.625vw;
    transform: translateY(-50%);
    transition: opacity .6s, visibility .6s;
}

.ai1-glass {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 1.25vw;
    box-shadow: inset 0 0.052vw 0 rgba(255, 255, 255, .08);
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(2.382vw);
}

.menu-open .ai1 {
    opacity: 0;
    visibility: hidden;
}

.ai1-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    padding: 3.125vw 6.25vw 10.365vw;
    transition: padding .5s;
}

.ai1.chatting .ai1-inner {
    padding: 3.125vw 6.25vw;
}


.ai1-close {
    position: absolute;
    right: 1.562vw;
    top: 1.562vw;
    z-index: 10;
    width: 2.083vw;
    height: 2.083vw;
    padding: 0;
    border: none;
    background: none;
    color: rgba(255, 255, 255, .65);
    cursor: pointer;
    transition: color .3s, transform .3s;
}

.newbook .ai1-close {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.newbook.chat-open .ai1-close {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.ai1-close:hover {
    color: #fff;
    transform: rotate(90deg);
}

.ai1-close svg {
    display: block;
    width: 100%;
    height: 100%;
}

.ai1-hero {
    margin-top: 9.375vw;
    text-align: center;
    flex-shrink: 0;
    transition: opacity .5s, transform .5s, visibility .5s, max-height .5s, margin .5s;
}

.ai1.chatting .ai1-hero {
    max-height: 0;
    margin-top: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transform: translateY(-1.041vw);
}

.ai1-title {
    color: #fff;
    font-family: 'Abhaya Libre', serif;
    line-height: 1.2;
}

.ai1-sub {
    margin-top: 0.833vw;
    color: #fff;
    font-family: 'Abhaya Libre', serif;
    line-height: 1.6;
}

.ai1-chat {
    flex: 0 0 0;
    min-height: 0;
    overflow: hidden;
    scrollbar-width: none;
    visibility: hidden;
}

.ai1-chat::-webkit-scrollbar {
    display: none;
}

.ai1.chatting .ai1-chat {
    flex: 1;
    overflow-y: auto;
    visibility: visible;
}

.ai1-input {
    position: relative;
    flex-shrink: 0;
    width: 100%;
    height: 8.333vw;
    margin-top: auto;
    border-radius: 1.041vw;
    padding: 0.052vw;
    box-shadow: 0.52vw 0.677vw 0.895vw rgba(0, 0, 0, .15);
    transition: margin-top .6s cubic-bezier(.7, 0, .3, 1);
    overflow: hidden;
}

.ai1-input::before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 110%;
    aspect-ratio: 1;
    transform: translate3d(-50%, -50%, 0);
    z-index: 1;
    background: linear-gradient(91.72deg, rgb(26, 133, 255) 1.48%, rgb(255, 195, 142) 59.88%, rgb(220, 167, 255) 98.61%);
    animation: rotate-light 10s linear infinite;
    will-change: transform;
    transform-origin: center;
    isolation: isolate;
}

@keyframes rotate-light {
    0% {
        transform: translate3d(-50%, -50%, 0) rotate(0deg);
    }

    100% {
        transform: translate3d(-50%, -50%, 0) rotate(360deg);
    }
}

.ai1-input .box {
    position: relative;
    z-index: 5;
    width: 100%;
    height: 100%;
    border-radius: 1.041vw;
    background: #313131;
}

.ai1.chatting .ai1-input {
    margin-top: 1.563vw;
}

#ai-file {
    display: none;
}

.ai1-field {
    position: absolute;
    left: 1.25vw;
    right: 1.25vw;
    top: 1.1458vw;
    width: 97%;
    height: 3.02vw;
    padding: 0 0.416vw 0 0;
    border: none;
    background: none;
    resize: none;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(87, 87, 87, 0.55) rgba(255, 255, 255, .06);
    color: #fff;
    font-family: 'Noto Sans SC', 'Inter', sans-serif;
    line-height: 1.6;
}

.ai1-field::-webkit-scrollbar {
    width: 0.208vw;
}

.ai1-field::-webkit-scrollbar-track {
    margin: 0.208vw 0;
    border-radius: 52.031vw;
    background: rgba(255, 255, 255, .06);
}

.ai1-field::-webkit-scrollbar-thumb {
    border-radius: 52.031vw;
    background: rgba(87, 87, 87, 0.55);
    transition: background .3s;
}

.ai1-field::-webkit-scrollbar-thumb:hover {
    background: rgba(87, 87, 87, 0.55);
}

.ai1-field::placeholder {
    color: rgba(255, 255, 255, .85);
}

.ai1-field:focus {
    outline: none;
}

.ai1-bar {
    position: absolute;
    left: 1.25vw;
    right: 1.041vw;
    bottom: 1.145vw;
    height: 2.5vw;
}

.ai1-attach {
    width: 1.25vw;
    height: 1.25vw;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
}

.ai1-attach img {
    display: block;
    width: 1.25vw;
    height: 1.25vw;
    transition: filter .3s;
}

.ai1-send {
    width: 2.5vw;
    height: 2.5vw;
    padding: 0;
    border: none;
    border-radius: 52.031vw;
    background: #262626;
    cursor: pointer;
    transition: background .3s, transform .3s;
}

.ai1-send img {
    display: block;
    width: 0.781vw;
    height: 0.833vw;
}

.ai1-send:hover {
    background: rgba(255, 255, 255, .22);
    transform: translateY(-0.104vw);
}

.ai-msg {
    margin-bottom: 1.666vw;
}

.ai-msg.me {
    display: flex;
    justify-content: flex-end;
}

.ai-msg.me .bubble {
    max-width: 37.5vw;
    padding: 0.625vw 1.666vw 0.625vw 2.395vw;
    border-radius: 0.625vw;
    background: rgba(255, 255, 255, .09);
    color: #fff;
    font-family: 'Noto Sans SC', 'Inter', sans-serif;
    line-height: 2;
}

.ai-think {
    margin-bottom: 0.937vw;
}

.ai-think-head {
    display: inline-flex;
    align-items: center;
    gap: 0.52vw;
    color: rgba(255, 255, 255, .45);
    font-family: 'Noto Sans SC', 'Inter', sans-serif;
    line-height: 1.2;
    cursor: pointer;
    user-select: none;
}

.ai-msg.thinking .ai-think-head {
    cursor: default;
}

.ai-msg.thinking .ai-think-label {
    background: linear-gradient(90deg, rgba(255, 255, 255, .25) 20%, #fff 50%, rgba(255, 255, 255, .25) 80%);
    background-size: 200% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: aiShine 1.6s linear infinite;
}

@keyframes aiShine {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

.ai-think-arrow {
    width: 0.416vw;
    height: 0.416vw;
    border-right: 0.078vw solid currentColor;
    border-bottom: 0.078vw solid currentColor;
    transform: rotate(45deg);
    transition: transform .3s;
}

.ai-msg.thinking .ai-think-arrow {
    display: none;
}

.ai-msg.open .ai-think-arrow {
    transform: rotate(-135deg);
}

.ai-think-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s ease;
}

.ai-msg.open .ai-think-body {
    max-height: 31.25vw;
}

.ai-think-inner {
    padding-top: 0.729vw;
    padding-left: 0.833vw;
    border-left: 0.104vw solid rgba(255, 255, 255, .12);
    color: rgba(255, 255, 255, .4);
    font-family: 'Noto Sans SC', 'Inter', sans-serif;
    line-height: 2;
}

.ai-answer {
    color: #fff;
    font-family: 'Noto Sans SC', 'Inter', sans-serif;
    line-height: 2;
    opacity: 0;
    transition: opacity .5s;
}

.ai-msg.done .ai-answer {
    opacity: 1;
}

.ai-answer p+p {
    margin-top: 0.208vw;
}