*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{height:100vh;width:100vw}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.app-container{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}.app-container,.black-frame{background:#fff;position:relative}.black-frame{border:2px solid #000;height:80vh;overflow:hidden;width:90vw}.content-area{height:100%;padding-right:200px;position:relative;width:100%}.page-index{display:flex;flex-direction:column;gap:30px;position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:1000}.index-item{align-items:center;color:#999;cursor:pointer;display:flex;font-family:IBM Plex Sans;gap:15px;transition:all .3s ease}.index-item.active,.index-item:hover{color:#000}.index-number{font-size:14px;font-weight:300;min-width:25px}.index-name{font-size:16px;font-weight:400;white-space:nowrap}.section{color:#000;left:0;position:absolute;top:0}.section,.section-content{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.section-content{flex-direction:column;position:relative}.page-title{color:#000;font-family:IBM Plex Sans,sans-serif;font-size:96px;font-weight:400;left:15%;position:absolute;top:15%;z-index:10}.image-container{align-items:center;background:#f9f9f9;border:1px solid #ddd;display:flex;height:300px;justify-content:center;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px}.image-container img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.image-container:hover img{transform:scale(1.05)}.image-caption{color:#666;font-size:14px;font-style:italic;left:50%;text-align:center;top:50%;transform:translate(-50%,155px);white-space:nowrap}.image-caption,.section-text{font-family:IBM Plex Sans;position:absolute}.section-text{color:#333;font-size:18px;left:20%;line-height:1.6;right:20%;text-align:left;top:55%;transform:translateY(220px);z-index:5}.text-link{color:#333;text-decoration:underline;transition:color .3s ease}.text-link:hover{color:#000;text-decoration:underline}.text-link:visited{color:#333}.copyright{bottom:20px;color:#666;font-family:IBM Plex Sans;font-size:12px;left:50%;position:fixed;text-align:center;transform:translateX(-50%);z-index:1000}.section-info{display:none}@media (max-width:768px){.black-frame{height:85vh;width:95vw}.content-area{padding-right:120px}.page-index{gap:20px;right:15px}.index-name{font-size:14px}.page-title{font-size:48px;left:10%;top:10%}.image-container{height:225px;width:300px}.image-caption{font-size:12px;transform:translate(-50%,100px)}.section-text{font-size:16px;left:10%;right:10%;transform:translateY(180px)}.copyright{bottom:10px;font-size:10px}}
/*# sourceMappingURL=main.1f60242d.css.map*/