@font-face{font-family:RedDead;src:url(/assets/chinese-rocks-DaeVkq96.otf)format("truetype");font-weight:400;font-style:normal}.book-scene{background-color:#0000;background-image:linear-gradient(#00000040,#00000073),url(/assets/table-Bj6oGiaM.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;overflow:hidden}.my-book{box-shadow:0 35px 90px #000c,0 0 45px #b4b4b414}.page{background:linear-gradient(135deg,#f1efe8 0%,#d8d3c8 55%,#bfb7aa 100%);border:1px solid #8b8780;width:100%;height:100%;overflow:hidden;box-shadow:inset 0 0 35px #1e1e1e2e,inset 14px 0 22px #4646462e,inset -10px 0 18px #ffffff38}.page-content{box-sizing:border-box;color:#202020;background:linear-gradient(90deg,#00000012 0%,#0000 13% 88%,#0000000d 100%),repeating-linear-gradient(0deg,#3c3c3c06 0 1px,#0000 1px 6px);flex-direction:column;justify-content:center;width:100%;height:100%;padding:42px 38px;display:flex;font-family:RedDead,Georgia,serif!important}.page h2{color:#181818;letter-spacing:-.4px;margin-bottom:20px;font-size:28px}.cover{color:#d7d7d7;background:linear-gradient(135deg,#3d3d3d 0%,#1d1d1d 48%,#080808 100%);border:2px solid #8a8a8a;box-shadow:inset 0 0 0 7px #dcdcdc14,inset 0 0 42px #000000bf}.cover .page-content,.back-cover .page-content{text-align:center;align-items:center}.cover h1{letter-spacing:1.8px;color:#eee;text-shadow:0 4px 14px #000000d9;font-size:69px;line-height:1.2}.cover p{color:#bdbdbd;letter-spacing:1.5px;margin-top:20px}.page h2{color:#202020;text-shadow:0 1px #ffffff73;margin-bottom:20px;font-size:28px}.page p{color:#2f2f2f;font-size:17px;line-height:1.6}.page ul{color:#2f2f2f;font-size:17px;line-height:2}.project-card{background:#ebe8e07a;border:1px solid #8a877f;border-radius:10px;margin-bottom:15px;padding:15px;box-shadow:inset 0 0 14px #3c3c3c21,0 8px 18px #00000014}.project-card h3{color:#1f1f1f;margin:0 0 8px}.skills{flex-wrap:wrap;gap:10px;display:flex}.skills span{color:#eee;background:linear-gradient(135deg,#1f1f1f,#555);border:1px solid #8a8a8a;border-radius:20px;padding:8px 12px;font-size:14px}.back-cover{color:#d7d7d7;background:linear-gradient(135deg,#080808 0%,#1d1d1d 48%,#3d3d3d 100%);border:2px solid #8a8a8a;box-shadow:inset 0 0 0 7px #dcdcdc14,inset 0 0 42px #000000bf}.back-cover h2{color:#eee}.back-cover p{color:#bdbdbd}.back-cover button{color:#111;cursor:pointer;background:linear-gradient(135deg,#e5e5e5,#9b9b9b);border:1px solid #999;border-radius:25px;margin-top:20px;padding:12px 22px;font-weight:700}.image-cover{background:#111;border:none}.image-cover{box-shadow:none;background:#111;border:none}.image-cover .page-content{padding:0}.image-cover img{object-fit:cover;width:100%;height:100%;display:block}.paper-page{overflow:hidden;box-shadow:none!important;background:0 0!important;border:none!important}.paper-bg{object-fit:cover;width:100%;height:100%;display:block}.paper-page .page-content{box-sizing:border-box;color:#2b1a0f;width:100%;height:100%;transform:translateY(-100%);background:0 0!important;flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important;margin-top:0!important;padding:105px 72px 70px!important;display:flex!important}.page-label{letter-spacing:2px;text-transform:uppercase;color:#2b1a0f;margin-bottom:14px;font-size:18px;font-weight:700}.paper-page h2{margin:0 0 22px;font-size:56px;line-height:1.15;color:#2b1a0f!important;text-shadow:none!important}.paper-page p,.paper-page ul{font-size:29px;line-height:1.55;color:#3b2818!important;text-shadow:none!important}.paper-page p{margin:0 0 20px}.paper-page ul{margin:0;padding-left:20px}.paper-page li{margin-bottom:8px}.project-section{margin-bottom:28px}.project-section h3{margin:0 0 2px;font-size:32.5px;line-height:1.1}.project-section p{margin:0;font-size:32.5px;line-height:1.25}.contact-box a{color:#792b19;font-size:40px;text-decoration:none}.contact-box a:hover{color:#a53820}.book-scene img{-webkit-user-drag:none;pointer-events:none}.book-scene,.book-scene *{-webkit-user-select:none;user-select:none}@media (width<=767px){.paper-page .page-content{padding:55px 32px 45px!important}.page-label{letter-spacing:1px!important;margin-bottom:8px!important;font-size:11px!important}.paper-page h2{margin-bottom:12px!important;font-size:28px!important;line-height:1.1!important}.paper-page p,.paper-page ul{font-size:15px!important;line-height:1.35!important}.paper-page p{margin-bottom:10px!important}.paper-page li{margin-bottom:5px!important}.project-section{margin-bottom:10px!important}.project-section h3{font-size:16px!important;line-height:1!important}.project-section p{font-size:13.5px!important;line-height:1.2!important}.contact-box a{font-size:18px!important}}@media (width>=768px) and (width<=1024px) and (orientation:portrait){.paper-page .page-content{padding:50px!important}.page-label{letter-spacing:1px!important;margin-bottom:7px!important;font-size:18px!important}.paper-page h2{margin-bottom:10px!important;font-size:32px!important;line-height:1.05!important}.paper-page p,.paper-page ul{font-size:16.5px!important;line-height:1.28!important}.paper-page p{margin-bottom:8px!important}.paper-page ul{padding-left:14px!important}.paper-page li{margin-bottom:4px!important}.project-section{margin-bottom:8px!important}.project-section h3{margin-bottom:2px!important;font-size:18.5px!important;line-height:1!important}.project-section p{font-size:17px!important;line-height:1.15!important}.contact-box p{flex-wrap:wrap;gap:6px;display:flex;line-height:1.2!important}.contact-box a{white-space:nowrap;font-size:18px!important}}@media (width>=1024px) and (width<=1366px) and (orientation:landscape){.paper-page .page-content{padding:105px 65px 48px!important}.page-label{letter-spacing:1px!important;margin-bottom:7px!important;font-size:20px!important}.paper-page h2{margin-bottom:10px!important;font-size:40px!important;line-height:1.05!important}.paper-page p,.paper-page ul{font-size:23px!important;line-height:1.3!important}.paper-page p{margin-bottom:8px!important}.paper-page li{margin-bottom:4px!important}.project-section{margin-bottom:9px!important}.project-section h3{margin-bottom:2px!important;font-size:23.5px!important;line-height:1!important}.project-section p{font-size:23.5px!important;line-height:1.15!important}.contact-box a{font-size:22px!important}}@media (width>=1200px) and (width<=1400px) and (height<=800px){.paper-page .page-content{padding:88px 58px 45px!important}.page-label{letter-spacing:1px!important;margin-bottom:7px!important;font-size:18px!important}.paper-page h2{margin-bottom:12px!important;font-size:38px!important;line-height:1.05!important}.paper-page p,.paper-page ul{font-size:20px!important;line-height:1.3!important}.paper-page p{margin-bottom:10px!important}.paper-page li{margin-bottom:4px!important}.project-section{margin-bottom:10px!important}.project-section h3{margin-bottom:2px!important;font-size:21px!important;line-height:1!important}.project-section p{font-size:17px!important;line-height:1.15!important}.contact-box a{font-size:27px!important}}@media (width>=1401px) and (width<=1700px) and (height<=920px){.paper-page .page-content{padding:99px 66px 55px!important}.page-label{letter-spacing:1px!important;margin-bottom:8px!important;font-size:18px!important}.paper-page h2{margin-bottom:14px!important;font-size:44px!important;line-height:1.06!important}.paper-page p,.paper-page ul{font-size:24px!important;line-height:1.35!important}.paper-page p{margin-bottom:11px!important}.paper-page li{margin-bottom:5px!important}.project-section{margin-bottom:12px!important}.project-section h3{margin-bottom:2px!important;font-size:25px!important;line-height:1!important}.project-section p{font-size:21px!important;line-height:1.16!important}.contact-box a{font-size:30px!important}}@media (width>=1701px) and (height>=921px){.paper-page .page-content{padding:105px 72px 70px!important}.page-label{margin-bottom:14px!important;font-size:18px!important}.paper-page h2{margin-bottom:22px!important;font-size:56px!important;line-height:1.15!important}.paper-page p,.paper-page ul{font-size:29px!important;line-height:1.55!important}.project-section{margin-bottom:28px!important}.project-section h3{font-size:32.5px!important}.project-section p{font-size:32.5px!important;line-height:1.25!important}.contact-box a{font-size:40px!important}}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}