@charset "UTF-8";body{margin:0;padding:0;background-color:#bcc0c5;overflow-x:hidden}.moon{position:absolute;top:15%;left:70%;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,#ffe79b 0%,#f7c94a 80%,transparent 100%);box-shadow:0 0 30px #ffe66480;opacity:.8;z-index:-2}.star{position:absolute;width:5px;height:5px;background:#fff8c0;border-radius:50%;box-shadow:0 0 5px #ffffb4cc;animation:twinkle 2s infinite ease-in-out alternate;z-index:-2}@keyframes twinkle{0%{transform:scale(1);opacity:.8}to{transform:scale(1.4);opacity:.4}}.line-grid{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:linear-gradient(to right,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:scrollGrid 20s linear infinite;z-index:-5}@keyframes scrollGrid{0%{background-position:0 0}to{background-position:50px 50px}}.snow{width:500px;height:500px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-3}.snowflake{stroke:#53fff1;stroke-width:1;opacity:.5;animation:spin 25s linear infinite;transform-origin:0 0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.particles{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:-1}.particles span{position:absolute;display:block;width:20px;height:20px;background:radial-gradient(circle,#fff9,#fff0 70%);border-radius:50%;animation:float 12s ease-in-out infinite;opacity:.4}@keyframes float{0%{transform:translateY(0) scale(1);opacity:.4}50%{transform:translateY(-80px) scale(1.2);opacity:.6}to{transform:translateY(0) scale(1);opacity:.4}}.particles span:nth-child(1){top:10%;left:20%;animation-delay:0s}.particles span:nth-child(2){top:30%;left:60%;animation-delay:2s}.particles span:nth-child(3){top:50%;left:40%;animation-delay:1s}.particles span:nth-child(4){top:70%;left:80%;animation-delay:3s}.particles span:nth-child(5){top:20%;left:75%;animation-delay:4s}.particles span:nth-child(6){top:60%;left:25%;animation-delay:1.5s}.particles span:nth-child(7){top:85%;left:10%;animation-delay:2.5s}.particles span:nth-child(8){top:40%;left:85%;animation-delay:3.5s}.particles span:nth-child(9){top:15%;left:50%;animation-delay:1s}.particles span:nth-child(10){top:75%;left:60%;animation-delay:.5s}.top{position:relative;width:100vw;height:100vh;overflow:hidden}.scroll-indicator{position:absolute;bottom:12%;left:50%;font-size:2.5rem;opacity:.6;animation:bounce 2s infinite;z-index:10}@keyframes bounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-10px)}}@media (min-width: 768px){.scroll-indicator{bottom:5%;font-size:2rem}}.title{position:absolute;top:13%;left:15%}.title img{width:250px;height:auto}.side-menu,.nav-mobile{display:none;font-family:Arial,sans-serif}.side-menu{position:fixed;top:30%;right:0;z-index:100}.side-menu .menu-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.side-menu .menu-list li{transform:translate(20%);transition:transform .3s ease}.side-menu .menu-list li:hover{transform:translate(0)}.side-menu .menu-list a{display:block;background:#33dada;color:#333;padding:.5rem 40px .5rem 1rem;text-decoration:none;border:1px solid #ddd;box-shadow:2px 2px 5px #0000001a}.mobile-menu{transform:translate(100%);transition:transform .4s ease}@media (min-width: 769px){.side-menu{display:block}}@media (max-width: 768px){.nav-mobile{display:block;position:relative;z-index:1000}.hamburger-btn{position:fixed;bottom:1rem;right:1rem;width:50px;height:50px;background:#fff;border:none;border-radius:50%;box-shadow:0 4px 10px #0003;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;cursor:pointer;z-index:1100}.hamburger-btn span{display:block;width:25px;height:3px;background:#333;border-radius:3px;transition:.3s ease;transform-origin:center}.hamburger-btn.open span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger-btn.open span:nth-child(2){opacity:0}.hamburger-btn.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu{position:fixed;top:0;right:-45%;height:100vh;width:80%;max-width:300px;transform:translate(100%);transition:transform .4s ease;z-index:1050;padding:10rem 1rem}.mobile-menu.open{transform:translate(0)}.menu-list{list-style:none;padding:0;margin:0}.menu-list li{opacity:0;transform:translate(100%);margin-bottom:1rem;transition:all .4s ease}.menu-list li.open{opacity:1;transform:translate(0)}.menu-list a{display:block;background:#33dada;color:#333;padding:.5rem 1rem;text-decoration:none;border:1px solid #ddd;box-shadow:2px 2px 5px #0000001a}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}}#pagenation ul{font-family:Arial,sans-serif;display:flex;justify-content:center;list-style:none;font-size:1.5rem;padding:0;margin:0}#pagenation ul li{color:#666;padding:0 .5rem}#pagenation{transform:translate(0)}#pagenation em{display:block;font-style:normal;text-align:center;font-weight:700;color:#333}.start-ellipsis,.end-ellipsis{position:relative;top:-.5rem}footer{color:#333;text-align:center}a{font-family:Arial,Helvetica,sans-serif;text-decoration:none;font-weight:700;color:#5ba6ab}img{width:100%;height:auto}.main-content{margin:0 10px}.main-content p,.main-content h1,.main-content h2,.main-content h3{font-family:Arial,Helvetica,sans-serif}.novel-main-content{margin:0 10px}.content-card{opacity:0;transform:translateY(40px);transition:opacity .6s ease,transform .6s ease;max-width:600px;margin:20px auto;padding:1.5rem;border-radius:1rem;background:#fff9;backdrop-filter:blur(8px);box-shadow:0 4px 20px #0000001a}.content-card.is-visible{opacity:1;transform:translateY(0)}.index-text{width:fit-content;margin:0 auto}.index-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;justify-items:center}.image-square{max-width:190px;aspect-ratio:1 / 1;overflow:hidden;border-radius:.5rem;position:relative}.image-square img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}#index-card p{width:fit-content;margin:0}.post-list{padding:0}.post-list li{margin:.5rem 0}.post-list a{padding:0;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.content-card h2{font-size:1.5rem;margin:0 0 1rem;color:#333}#header h1{font-size:1.7rem;margin:0}@media (min-width: 768px){.content-card:nth-of-type(odd){transform:translate(-2rem);align-self:flex-start}.content-card:nth-of-type(2n){transform:translate(2rem);align-self:flex-end}#header,#tags,#content,#pagination-nav,#message{transform:translate(0)}}.content-card li{list-style:none}.content-card p{font-size:16px;color:#333}.profile-image img{width:150px;height:150px;border-radius:50%;display:block;margin:0 auto}#about1 p,#about2 p{max-width:30em;margin:20px auto}#about3 p{margin:20px 0}h3{margin:0}time{font-size:.9rem;font-family:sans-serif;color:#666}.excerpt{margin:0}.tags{display:flex;gap:1rem;color:#333;font-weight:700}.tags p{margin:0}.description{margin:4px 0}#content p{margin:2rem 0}#pagination-nav{display:flex;justify-content:space-between;gap:15px}#pagination-nav .nav-link{flex:1;padding:12px 15px;border-radius:6px;text-decoration:none;font-weight:700;transition:background-color .2s,border-color .2s,transform .2s;display:flex;align-items:center}#pagination-nav .prev-link{text-align:left;justify-content:flex-start}#pagination-nav .next-link{text-align:right;justify-content:flex-end}#pagination-nav .nav-link:only-child{justify-content:center}.gallery{column-count:3;gap:1rem;max-width:500px;margin:0 auto}.gallery img{width:100%;height:100%;margin-bottom:1rem;break-inside:avoid;display:block;box-shadow:0 4px 20px #0000001a}.image-wrapper{position:relative;display:inline-block}.image-wrapper a{display:block;position:relative}.image-wrapper .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#32323266;opacity:0;transition:opacity .3s ease;pointer-events:none}.image-wrapper:hover .overlay{opacity:1}.contact-form{display:flex;flex-direction:column;gap:1rem}.contact-form input,.contact-form textarea{width:96%;padding:.6rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;background:#fffc}.contact-form button{padding:.7rem 1.5rem;border:none;background-color:#33dada;color:#fff;font-weight:700;border-radius:8px;cursor:pointer}.contact-form button:hover{background-color:#2bb2b2}.share-icon{width:40px;height:40px;fill:#33dada}.share-icon:hover{fill:#2bb2b2}.share-button{background:none;border:none;padding:0;cursor:pointer}