html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen-Sans,Ubuntu,Cantarell,helvetica neue,Arial,sans-serif;font-size:1rem;line-height:1.6;color:#666;background-color:#001000;background:linear-gradient(-10deg,#001428 0%,#324664 100%)}a{cursor:pointer}button{height:25px;padding-left:10px;padding-right:10px;cursor:pointer;font-size:1rem;box-sizing:border-box;color:#666}.container{display:flex;height:100vh;margin:0;padding:0}.left,.right{padding:20px;filter:brightness(70%)}.middle{background-color:#fff;padding:0;display:flex;flex-direction:column}.header{position:fixed;top:0;left:0;right:0;z-index:1000}.header .header-center{top:0;margin-left:auto;margin-right:auto;background:#002a60;background-image:url(/assets/header-bg1.jpg);background-size:100%;background-position:50%;background-repeat:repeat-x;height:120px;display:flex;flex-direction:column;justify-content:center}.header .header-center .header-title{font-weight:500;font-size:2rem;text-align:center;color:#fff}.header .header-center .header-title2{font-size:1.1rem;text-align:center;color:#fff}.footer{position:fixed;bottom:0;left:0;right:0;z-index:1000}.footer .footer-center{margin-left:auto;margin-right:auto;background:#00001e;background:radial-gradient(circle,#3c506e 0%,#141e32 100%);display:flex;justify-content:center;height:50px}.footer .footer-center .footer-content{display:flex;justify-content:space-evenly}.footer .footer-center .footer-content .gallery-icon{width:30px}.footer .footer-center .footer-content a{text-decoration:none;display:block;margin:5px 30px;position:relative;top:5px}.footer .footer-center .footer-content a img{width:28px}.footer .footer-center .footer-content a img:hover{width:32px}.footer .footer-center .footer-content .footer-img-button{display:flex;margin:5px 30px;cursor:pointer;justify-content:flex-start}.footer .footer-center .footer-content .footer-img-button .main-img{display:block;width:28px}.footer .footer-center .footer-content .footer-img-button .main-img:hover{width:32px}.footer .footer-center .footer-content .footer-img-button #img-has-comments{display:block;width:8px;margin-right:5px;position:relative;top:-10px}.main{flex:1;overflow:auto;background-color:#fff}.main-content{padding:50px 20px}.tag-icon{width:20px}#bottom-spacing{height:40px}@media(max-width:768px){.left,.right{display:none}.middle{width:100%}.header .header-center{width:100%}.footer .footer-center{width:100%}}@media(min-width:769px){.left,.right{flex:1}.middle{width:768px}.header .header-center{width:768px}.footer .footer-center{width:768px}}.gallery-grid{display:flex;flex-wrap:wrap;justify-content:space-around;gap:20px;margin:40px 0}.gallery-item{text-align:center;flex:0 1 200px}.gallery-image{max-width:100%;height:auto;border-radius:8px;transition:transform .3s}.gallery-image:hover{transform:scale(1.05)}.comments-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1100;display:flex;justify-content:center;align-items:center}.comments-box{background-color:#fff;margin:20px;padding:20px;border-radius:8px;max-width:600px;width:calc(100% - 40px);max-height:calc(100% - 40px);overflow-y:auto;box-shadow:0 4px 8px rgba(0,0,0,.2)}.comments-box h2{margin:0 0 10px;font-size:1em;color:#666}.comments-list{margin-bottom:20px}.comment-item{border-bottom:1px solid #eee;padding:10px 0}.commenter-name{font-weight:600;color:#333}.comment-message{color:#666}.comment-date{font-size:.8em;color:#999}.comments-buttons{display:flex;justify-content:space-evenly}.comment-add-btn,.comment-cancel-btn,.comment-post-btn{font-size:.9em;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s;height:27px;padding:0 15px}.comment-add-btn{background-color:#f45800;color:#fff}.comment-add-btn:hover{background-color:#8e3300}.comment-cancel-btn{background-color:#888;color:#fff}.comment-cancel-btn:hover{background-color:#555}.add-comment-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:1200;display:flex;justify-content:center;align-items:center}.add-comment-box{background-color:#fff;margin:20px;padding:20px;border-radius:8px;max-width:500px;width:calc(100% - 40px);box-shadow:0 4px 8px rgba(0,0,0,.2)}#add-comment-form{display:flex;flex-direction:column;gap:15px}#add-comment-form label{font-weight:600;color:#333}#add-comment-form input,#add-comment-form textarea{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1rem;color:#666}#add-comment-form textarea{resize:vertical;min-height:100px}.add-comment-buttons{display:flex;justify-content:space-evenly;gap:20px}.comment-post-btn{background-color:#f45800;color:#fff}.comment-post-btn:hover{background-color:#8e3300}.ad-block-chapter{width:100%;display:flex;justify-content:center;margin:20px 0}.ad-block-chapter img{display:block;max-width:100%}.ad-block-main{margin:80px auto 0;width:300px;height:300px}.ad-block-main a{text-decoration:none}.ad-block-main img{width:300px;height:300px;border-radius:5px;overflow:hidden}.copyright{width:100%;text-align:center;word-wrap:normal;padding:20px 0 60px;color:#ccc;font-size:.8rem}.copyright a{font-weight:600;text-decoration:none;color:#aaa}.ad-block-banner-1-link{text-decoration:none;color:#777}.ad-block-banner-1{max-width:400px;border:#999 1px solid;border-radius:8px;margin:0 auto;display:flex;overflow:hidden}.ad-block-banner-1 img{width:100px;height:100px;display:block}.ad-block-banner-1 .ad-text{max-width:298px;padding:7px 15px}.ad-block-banner-1 .ad-text .site-name{font-weight:500;font-size:1.1rem}.ad-block-banner-1 .ad-text .site-description{margin-top:10px;font-size:.85rem;text-align:justify}