.book-comments-wrapper{margin-top:40px}.comments-box{background:#fff;border:1px solid #eee;padding:20px;border-radius:8px}.comment-list li{margin-bottom:8px}.comments-title{font-size:20px;font-weight:700}.book-comments-section{width:100%}.book-comments-container{width:100%;max-width:1300px;margin:0 auto;padding:0 16px;box-sizing:border-box}.book-comments-box{background:#fff;border:1px solid #eaeaea;border-radius:12px;padding:10px 16px;margin-top:20px}.comments-header{display:flex;align-items:center;gap:10px}.comments-icon{width:22px;height:22px}.comments-title{font-size:20px;font-weight:700;margin:0}.comments-count{margin:10px 0 20px;color:#777;font-size:14px}.comment-list{list-style:none;padding:0;margin:0}.comment-parent{padding:6px 0}.comment-child{background:#e9e9e9;padding:2px 6px;margin:8px 0 0 8px;border-radius:8px}.comment-content{font-size:15px;text-align:justify;line-height:1}.comment-meta{margin-top:12px;font-size:13px;color:#777}.comment-reply{margin-top:8px}.comment-separator{margin-top:8px;border:none;border-bottom:1px dashed #b3b3b3}.comment-form input,.comment-form textarea{width:98%;border:1px solid #ddd;border-radius:8px;padding:10px 12px;font-family:inherit}.comment-form textarea{min-height:120px}.comment-form .submit{background:#1e73be;color:#fff;border:none;padding:10px 24px;border-radius:8px;cursor:pointer}.comment-list{margin-bottom:40px}.comment-form-wrapper{margin-top:40px;padding-top:30px;border-top:1px solid #eee}.comment-admin-badge{background:#1e73be;color:#fff;font-size:11px;padding:2px 8px;border-radius:12px;margin-right:4px}.comment-like{cursor:pointer;font-size:14px;color:#555;user-select:none;margin-top:10px}.comment-like.liked{color:#1e73be}.comment-toast{position:absolute;left:0;top:100%;margin-top:6px;background:#333;color:#fff;font-size:13px;padding:6px 10px;border-radius:6px;white-space:nowrap;opacity:0;transform:translateY(-4px);transition:all .2s ease;z-index:10}.comment-toast.show{opacity:1;transform:translateY(0)}.comment-like{position:relative;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.comment-like{position:relative;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.comment-like.liked{opacity:.5;pointer-events:none}.like-toast{position:absolute;top:-28px;right:0;background:#333;color:#fff;font-size:12px;padding:4px 8px;border-radius:6px;opacity:0;transition:opacity .3s ease,transform .3s ease;transform:translateY(5px);white-space:nowrap}.like-toast.show{opacity:1;transform:translateY(0)}.comment-meta{display:flex;justify-content:space-between;align-items:center;margin-top:4px;font-size:13px;color:#777;gap:12px}.comment-meta-left{display:flex;align-items:center;gap:8px}.comment-like{cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#555}.comment-like.liked{opacity:.5;pointer-events:none}.comment-reply a{font-size:13px;color:#1e73be;text-decoration:none}.comment-reply a:hover{text-decoration:underline}.best-translation-box{background:#fff;border:1px solid #fbce37;border-radius:10px;padding:1.5rem;margin:2.5rem 0}.best-translation-box h2{margin-top:0;color:#2c5282}@media (max-width:768px){.book-comments-container{padding-left:4px;padding-right:4px}}@media (max-width:768px){.comments-title{font-size:17px}.comment-meta,.comment-metadata{font-size:11px;color:#777}.comment-meta a,.comment-metadata a{font-size:11px}}@media (max-width:768px){.comment-form-wrapper{padding-left:16px;padding-right:16px}.comment-form-wrapper textarea{min-height:140px}}