html,body{margin:0;padding:0;height:100%;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:#405080;background:linear-gradient(180deg,#405080 0%,#304070 100%)}a{cursor:pointer}button{height:25px;padding-left:10px;padding-right:10px;cursor:pointer;font-size:.85rem;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{margin-left:auto;margin-right:auto;background-color:#b0c0ff;background:radial-gradient(circle,#b0c0ff 0%,#8090cf 100%);display:flex;justify-content:center}.header .header-center .header-title{padding:10px;font-size:1rem;color:#000;font-weight:500}.header .header-center .header-title a{text-decoration:none;color:#333}.footer{position:fixed;bottom:0;left:0;right:0;z-index:1000}.footer .footer-center{margin-left:auto;margin-right:auto;background-color:#b0c0ff;background:radial-gradient(circle,#b0c0ff 0%,#8090cf 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:#fef9e1}.main-dark{flex:1;overflow:auto;background-color:#deb887}.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}}#age-check-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:1000;justify-content:center;align-items:center}.age-check-box{background-color:#fff;padding:20px 20px 30px;border-radius:8px;text-align:center;max-width:400px;width:90%;box-shadow:0 4px 8px rgba(0,0,0,.2)}.age-check-box h2{margin:0 0 15px;font-size:1.4em;color:#333}.age-check-box .age-check-icon{width:60px;margin-right:10px;position:relative;top:18px}.age-check-box p{margin:0 0 20px;color:#666}.age-check-buttons{display:flex;justify-content:space-around}.age-check-buttons button{font-size:.9em;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s;height:27px;width:130px;word-wrap:none;padding-bottom:3px 0 7px 0}.age-check-buttons #age-enter-btn{background-color:#28a745;color:#fff}.age-check-buttons #age-enter-btn:hover{background-color:#218838}.age-check-buttons #age-leave-btn{background-color:#dc3545;color:#fff}.age-check-buttons #age-leave-btn:hover{background-color:#c82333}.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{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{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%}.copyright{width:100%;text-align:center;word-wrap:normal;padding:20px 0 60px;color:#ccc;font-size:.8rem}.copyright a{font-weight:500;text-decoration:none;color:#aaa}.short-video-lounge{display:flex;justify-content:center;flex-flow:column}.short-video-group{display:flex;justify-content:center;flex-flow:column}.short-video-group .group-name{display:block;color:#333;word-wrap:none;margin:20px 0 10px;text-align:center}.short-video-group .group-name a{text-decoration:none;color:#333;font-size:1.1rem;font-weight:500}.short-video-group .group-notice{color:#333;font-size:.8rem;font-style:italic;display:block;margin:0 auto 10px;word-wrap:normal;max-width:400px;text-align:justify}.short-video-group .group-name a:hover{position:relative;top:-1px;left:1px}.short-video-group .short-videos{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.short-video-group .short-video-item{background:#002050;background:linear-gradient(-45deg,#002050 0%,#204070 100%);padding:1rem;border-radius:5px}.short-video-group .short-video-item .video-title{margin:0 0 .5rem;font-size:1rem;font-weight:400}.short-video-group .short-video-item .video-title a{display:flex;justify-content:space-between;width:100%;color:#fff;text-decoration:none;position:relative;top:-5px}.short-video-group .short-video-item .video-title a:hover{font-weight:500}.short-video-group .short-video-item .video-title .video-title-text{font-size:1.1rem}.short-video-group .short-video-item .video-title .hd-symbol{position:relative;display:block;border:2px solid #ff0;border-radius:5px;padding:1px 5px;font-size:.9rem;font-weight:500;color:#ff0;background:#5070ff;background:radial-gradient(circle,#5070ff 0%,#305080 100%);top:-1px}.short-video-group .short-video-item .video-title .hd-symbol:hover{top:-2px;left:1px}.short-video-group .short-video-iframe{max-width:500px}.short-video-group .short-video-iframe iframe{width:400px;height:226px;border:none}.short-video-page-link{margin:0 auto;width:300px}.short-video-page-link a{text-decoration:none}.short-video-page-link img{width:100%;border-radius:3px}.short-video-page-link .short-video-page-title{position:relative;top:190px;left:auto;right:auto;z-index:200;color:#ffa0e0;text-shadow:2px 2px 3px rgba(0,0,0,.9);text-align:center;font-size:1.5rem}