.waline-comment-container{opacity:0;background-color:#0000001a;border-radius:12px;margin-top:3rem;padding:2rem;animation:.8s ease-in-out .3s forwards fadeInUp;box-shadow:0 4px 6px #000000c0}.waline-comment-title{text-align:center;background:linear-gradient(90deg,#ffffffe6,#01a2bee6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 1.5rem;font-size:2rem}.waline-comment .wl-panel{background-color:#1111114d;border:1px solid rgba(255,255,255,.1);border-radius:12px;margin-bottom:1.5rem;padding:1rem}.waline-comment .wl-editor,.waline-comment .wl-input{color:#ffffffe6;background-color:#11111180;border:1px solid rgba(100,100,100,.3);border-radius:8px;transition:all .3s}.waline-comment .wl-editor:focus,.waline-comment .wl-input:focus{border-color:#01a2be80;outline:none;box-shadow:0 0 5px #01a2be4d}.waline-comment .wl-btn{color:#fff;cursor:pointer;background:#01a2becc;border:none;border-radius:6px;padding:8px 15px;font-weight:500;transition:all .2s}.waline-comment .wl-btn:hover{background:#01a2be;transform:translateY(-2px);box-shadow:0 3px 8px #01a2be4d}.waline-comment .wl-btn.primary{background:linear-gradient(135deg,#01a2becc,#0182aacc)}.waline-comment .wl-btn.primary:hover{background:linear-gradient(135deg,#01a2be,#0182aa)}.waline-comment .wl-header label{color:#ffffffd9;font-weight:500}.waline-comment .wl-card{background-color:#1111114d;border:1px solid rgba(70,70,70,.2);border-radius:12px;margin-top:1.2rem;padding:1.2rem;transition:all .3s}.waline-comment .wl-card:hover{border-color:#01a2be4d;transform:translateY(-3px);box-shadow:0 5px 15px #0003}.waline-comment .wl-nick{color:#01a2bef2;font-weight:600;transition:all .2s}.waline-comment .wl-nick:hover{color:#01a2be;text-decoration:underline}.waline-comment .wl-content{color:#ffffffe6;word-break:break-word;margin:.8rem 0;line-height:1.7}.waline-comment .wl-reply{opacity:.8;transition:all .2s}.waline-comment .wl-reply:hover{opacity:1;text-decoration:none}.waline-comment .wl-emoji-popup,.waline-comment .wl-gif-popup{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#191919f2;border:1px solid rgba(70,70,70,.3);border-radius:10px;box-shadow:0 8px 24px #0003}.waline-comment .wl-emoji-popup button{border-radius:6px;transition:all .2s}.waline-comment .wl-emoji-popup button:hover{background-color:#01a2be33;transform:scale(1.05)}.waline-comment .wl-reaction{text-align:center;background-color:#1111114d;border:1px solid rgba(70,70,70,.2);border-radius:12px;margin-bottom:1.5rem;padding:1rem}.waline-comment .wl-reaction-title{color:#ffffffe6;margin-bottom:1rem;font-size:1.1rem}.waline-comment .wl-reaction-list{flex-wrap:wrap;justify-content:center;display:flex}.waline-comment .wl-reaction-item{cursor:pointer;background-color:#1e1e1e80;border:1px solid rgba(70,70,70,.2);border-radius:8px;margin:5px;transition:all .3s}.waline-comment .wl-reaction-item:hover{background-color:#282828cc;border-color:#01a2be4d;transform:translateY(-3px);box-shadow:0 5px 10px #0003}.waline-comment .wl-reaction-img{padding:6px}.waline-comment .wl-reaction-img img{transition:transform .3s}.waline-comment .wl-reaction-item:hover .wl-reaction-img img{transform:scale(1.15)}.waline-comment .wl-reaction-votes{color:#fff;background-color:#01a2beb3;padding:5px 0;font-size:.8rem}.waline-comment .wl-meta-head{border-bottom:1px solid rgba(70,70,70,.3);justify-content:space-between;align-items:center;margin-bottom:1.2rem;padding-bottom:.8rem;display:flex}.waline-comment .wl-count{color:#ffffffe6;font-size:1.1rem;font-weight:500}.waline-comment .wl-sort{gap:1rem;display:flex}.waline-comment .wl-sort li{cursor:pointer;color:#ffffffb3;transition:all .2s}.waline-comment .wl-sort li:hover{color:#ffffffe6}.waline-comment .wl-sort li.active{color:#01a2be;font-weight:500}.waline-comment .wl-page{text-align:center;margin-top:1.2rem}.waline-comment .wl-page button{color:#fffc;background:#1e1e1e80;border:1px solid rgba(70,70,70,.3);border-radius:6px;margin:0 5px;padding:5px 10px;transition:all .2s}.waline-comment .wl-page button:hover:not(:disabled){color:#fff;background:#01a2beb3;transform:translateY(-2px)}.waline-comment .wl-page button.active{color:#fff;background:#01a2becc}.waline-comment .wl-power{opacity:.6;text-align:center;margin-top:2rem;font-size:.85rem}.waline-comment .wl-power a{color:#01a2bee6;text-decoration:none;transition:all .2s}.waline-comment .wl-power a:hover{color:#01a2be;text-decoration:underline}.waline-comment .wl-empty{text-align:center;color:#fff9;padding:2rem 0;font-size:1.1rem}.waline-comment .wl-text-number{color:#fff9;font-size:.9rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.waline-comment-container{margin-top:2rem;padding:1.5rem}.waline-comment-title{font-size:1.8rem}.waline-comment .wl-panel{padding:.8rem}.waline-comment .wl-header{flex-direction:column}.waline-comment .wl-header-item{width:100%;margin-bottom:.5rem}}@media (max-width:480px){.waline-comment-container{margin-top:1.5rem;padding:1rem}.waline-comment-title{font-size:1.6rem}.waline-comment .wl-reaction-list{gap:5px}.waline-comment .wl-card{padding:1rem}.waline-comment .wl-meta-head{flex-direction:column;align-items:flex-start;gap:.5rem}}
