.overlay-image{margin:0 auto}.overlay-image:hover{cursor:zoom-in}.profile{border:4px solid #8db883;border-radius:50%;box-shadow:0 6px 18px #00000059;height:96px;-o-object-fit:cover;object-fit:cover;width:96px}.slider{background:#000;border-radius:14px;margin:0 auto;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.slide,.slides{align-items:center;display:flex;height:100%}.slide{background:#111;cursor:zoom-in;justify-content:center;min-width:100%}.slide img{background:#000;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.nav-btn{align-items:center;background:#0006;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2.5rem;height:60px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .3s,opacity .3s;width:60px;z-index:10}.nav-btn:hover{background:#ffffff40}.prev{left:0}.next{right:0}.dots{bottom:8px;display:flex;gap:6px;left:50%;position:absolute;transform:translate(-50%)}.dot{background:#fff6;border-radius:50%;height:9px;width:9px}.dot.active{background:#fff}.overlay{align-items:center;background:#000000d9;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:999}.overlay-img{border-radius:10px;box-shadow:0 0 20px #0009;height:auto;max-height:95vh;max-width:95vw;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease;width:auto}@media (max-aspect-ratio:3/4){.overlay-img{height:95vh;max-width:90vw;width:auto}}@media (min-aspect-ratio:4/3){.overlay-img{height:auto;max-height:90vh;width:95vw}}.overlay-btn{background:#0000004d;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:3rem;height:70px;position:absolute;top:50%;transform:translateY(-50%);transition:background .3s;width:70px;z-index:1000}.overlay-btn:hover{background:#fff3}.overlay-btn.prev{left:20px}.overlay-btn.next{right:20px}.close-btn-slide{background:none;border:none;color:#fff;cursor:pointer;font-size:2.5rem;opacity:.8;position:absolute;right:25px;top:20px;transition:opacity .3s}.close-btn-slide:hover{opacity:1}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}@media (max-width:768px){.slider{width:100%}.nav-btn{font-size:1.8rem;height:45px;width:45px}.overlay-btn{font-size:2.2rem;height:55px;width:55px}.close-btn{font-size:2rem}}.comment-item{align-items:flex-start;display:flex;gap:10px;position:relative;transition:height .2s ease;width:100%}.comment-list{max-height:400px;overflow-y:auto;padding:5px 3px 5px 9px}.comment-list .comment-item{margin-bottom:3px}.comment-list .comment-item .container-text{border:1px solid #8db883;border-radius:9px;display:inline-block;padding:3px 8px 7px;width:100%}.comment-list .comment-item .container-text .text-comment{margin-top:7px}.comment-list .comment-item .container-text .reply{cursor:pointer;float:right;font-size:12px;margin-top:-10px;text-decoration-line:underline}.comment-list .comment-item .container-text .head-comment a{font-size:13px;font-weight:700}.comment-list .comment-item .container-text .delete-item{cursor:pointer;float:right;margin-top:-13px}.comment-list .comment-item .time-comment{float:right;font-size:12px;margin-top:5px;padding-left:12px}.comment-input{margin-top:6px;position:relative;width:100%}.comment-input .auto-textarea{box-sizing:border-box;font-size:1rem;line-height:1.4;min-height:35px;overflow:hidden;padding:6px;resize:none;transition:height .2s ease;width:100%}.comment-input .icon-send{cursor:pointer;position:absolute;right:8px;top:6px}textarea:focus{border-color:inherit;box-shadow:none;outline:none}.comment-loading-more{cursor:pointer;text-decoration:underline}.border-base{border:1px solid #8db883;border-radius:6px}.border-child{border:1px solid #ccc;border-radius:6px}.my-modal-overlay{align-items:center;background:#00000073;box-sizing:border-box;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:1rem;position:fixed;z-index:1200}.my-modal{animation:slideDown .18s ease;background:#fff;border-radius:8px;box-shadow:0 12px 30px #0000002e;display:flex;flex-direction:column;max-height:90vh;max-width:650px;outline:none;overflow:hidden;width:100%}.my-modal-body{color:#333;flex:1 1 auto;font-size:.95rem;overflow-y:auto;padding:5px}.my-modal-header{align-items:center;display:flex;justify-content:space-between;padding:5px 0 0 15px}.my-modal-title{font-size:1.125rem;font-weight:600;margin:0}.my-modal-close{background:transparent;border:none;cursor:pointer;font-size:1.125rem;line-height:1;padding:.25rem .5rem}.append-img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.content-post{margin-top:6px}.content-post .container-content{border:1px solid #8db883;border-radius:12px;overflow:hidden}.content-post .container-content .container-post-img,.content-post .container-content .container-up-img{position:relative}.content-post .container-content .editor-content{min-height:200px;outline:none;padding:6px}.content-post .container-content .editor-hidden{min-height:30px;outline:none;padding:6px}.content-post .toolbar-color{margin-top:5px}.content-post .toolbar-color span:first-child{cursor:pointer;margin-right:5px}.content-post .toolbar-color .close-editor{float:right;height:31px;width:31px}.content-post .toolbar-color span{border-radius:6px;cursor:pointer;display:inline-block;height:24px;margin-right:5px;width:24px}.content-post .toolbar-color .count-char{float:right;margin-right:15px}.content-post .toolbar-color .limit{color:red!important}.content-post .post-button{margin-top:5px;width:100%}.content-post .post-button button{background-color:#8db883;border:1px solid #8db883;border-radius:5px;color:#ededed;width:100%}.content-post .post-button .disable{cursor:not-allowed}