.container h1{font-size:2.5rem;font-weight:500;color:#1d1d1f;margin-bottom:1rem;text-align:center;margin-top:2rem}.page-description{text-align:center;font-size:1.2rem;color:#515154;max-width:700px;margin:0 auto 2rem;line-height:1.5}.comments-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:1px solid #e5e5ea;padding-bottom:1rem}.tab-btn{background:0 0;border:none;font-size:1rem;color:#515154;padding:.5rem 1rem;cursor:pointer;position:relative;transition:color .2s ease}.tab-btn:hover{color:#06c}.tab-btn.active{color:#06c;font-weight:500}.tab-btn.active::after{content:'';position:absolute;bottom:-1rem;left:0;width:100%;height:2px;background-color:#06c}.add-comment-section{background-color:#fff;border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,.05);padding:2rem;margin-bottom:2rem}.add-comment-section h2{font-size:1.4rem;font-weight:500;color:#1d1d1f;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem;display:flex;align-items:center;gap:1.2rem}.form-group label{display:block;font-size:.95rem;font-weight:500;color:#1d1d1f;width:90px;flex-shrink:0;text-align:right;margin-bottom:0}input[type=text]{height:2.6rem;padding:0 1rem;border-radius:8px;border:1px solid #d2d2d7;font-size:1rem;font-family:inherit;transition:border-color .2s ease;flex:1;min-width:0}textarea{padding:.8rem 1rem;border-radius:8px;border:1px solid #d2d2d7;font-size:1rem;line-height:1.5;font-family:inherit;transition:border-color .2s ease;resize:vertical;flex:1;min-width:0}input[type=text]:focus,textarea:focus{border-color:#0071e3;outline:0}.primary-btn{background-color:#06c;color:#fff;padding:.7rem 1.5rem;border:none;border-radius:980px;cursor:pointer;transition:all .3s ease}.primary-btn:hover{background-color:#0071e3;transform:translateY(-1px);box-shadow:0 2px 5px rgba(0,0,0,.1)}.comments-search{display:flex;gap:1rem;margin-bottom:2rem}#search-input{flex-grow:1;padding:.7rem 1rem;border-radius:8px;border:1px solid #d2d2d7;font-size:1rem}#search-btn{background-color:#06c;color:#fff;padding:0 1.5rem;border:none}.comments-container{background-color:#f5f5f7;border-radius:12px;padding:1.5rem;margin-bottom:2rem;min-height:300px}.loading-message{text-align:center;color:#86868b;font-size:1.1rem;padding:1.5rem 0}.comment-item{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.05);padding:1.2rem;margin-bottom:1rem;transition:transform .2s ease,box-shadow .2s ease}.comment-item:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.08)}.comment-header{margin-bottom:.6rem}.comment-topic{font-size:1.2rem;font-weight:500;color:#1d1d1f;margin-bottom:.4rem}.comment-meta{display:flex;justify-content:space-between;color:#86868b;font-size:.85rem}.comment-author{font-weight:500}.comment-author::before{content:'作者: ';font-weight:400}.comment-content{font-size:.95rem;line-height:1.4;color:#1d1d1f;margin-bottom:.8rem;word-break:break-word}.comment-actions{display:flex;gap:1rem;margin-bottom:.5rem}.like-btn,.reply-btn{background:0 0;border:none;font-size:.85rem;color:#515154;padding:.3rem .7rem;border-radius:20px;cursor:pointer;display:flex;align-items:center;gap:.3rem;transition:background-color .2s ease}.like-btn:hover,.reply-btn:hover{background-color:rgba(0,0,0,.05)}.like-btn.active{color:#0071e3}.like-icon{font-size:1.1rem}.replies-container{margin-left:1.2rem;padding-left:1.2rem;border-left:2px solid #e5e5ea}.reply-item{background-color:#f5f5f7;border-radius:8px;padding:.8rem;margin-bottom:.8rem}.reply-header{display:flex;justify-content:space-between;color:#86868b;font-size:.8rem;margin-bottom:.4rem}.reply-author{font-weight:500;color:#1d1d1f}.reply-content{font-size:.9rem;line-height:1.4;color:#1d1d1f;margin-bottom:.6rem;word-break:break-word}.reply-actions{display:flex;justify-content:flex-end}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);align-items:center;justify-content:center;z-index:1001;opacity:0;animation:modalFade .3s forwards}.modal-content{background-color:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px rgba(0,0,0,.15)}@keyframes modalFade{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e5e5ea}.modal-header h2{font-size:1.5rem;font-weight:500;color:#1d1d1f;margin:0}.close-modal{background:0 0;border:none;font-size:1.8rem;color:#86868b;cursor:pointer;padding:.2rem;transition:color .2s ease}.close-modal:hover{color:#1d1d1f}.modal-body{padding:2rem}.original-comment{background-color:#f5f5f7;border-radius:8px;padding:1rem;margin-bottom:2rem;font-size:.95rem;color:#515154}.pagination{display:flex;justify-content:center;gap:.5rem;margin-top:2rem;margin-bottom:2rem}.page-btn{background-color:#fff;border:1px solid #d2d2d7;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;color:#1d1d1f;cursor:pointer;transition:all .2s ease}.page-btn:hover{background-color:#f5f5f7}.page-btn.active{background-color:#06c;color:#fff;border-color:#06c}.page-btn.disabled{color:#d2d2d7;cursor:not-allowed}@media (max-width:768px){.container h1{font-size:2rem}.page-description{font-size:1rem}.comments-tabs{flex-wrap:wrap;gap:.5rem}.tab-btn{padding:.4rem .8rem;font-size:.9rem}.add-comment-section,.comments-container{padding:1.5rem}.add-comment-section h2{font-size:1.2rem}.comments-search{flex-direction:column}.comment-topic{font-size:1.1rem}.comment-meta{flex-direction:column;gap:.2rem}.modal-content{width:95%}.form-group{flex-direction:column;align-items:flex-start;gap:.5rem}.form-group label{width:100%;text-align:left;padding-top:0!important}#new-comment-form .primary-btn,#reply-form .primary-btn{margin-left:0}}.no-comments{text-align:center;padding:3rem 0;color:#86868b;font-size:1.1rem}.author-tag{display:inline-block;background-color:#0071e3;color:#fff;font-size:.7rem;font-weight:500;padding:.15rem .4rem;border-radius:4px;margin-left:.4rem;vertical-align:middle;text-transform:uppercase}.reply-author .author-tag{font-size:.65rem;padding:.1rem .3rem}.toggle-replies-btn{background:0 0;border:none;color:#06c;font-size:.85rem;padding:.5rem 0;margin:.3rem 0 .8rem 0;cursor:pointer;width:100%;text-align:center;border-radius:6px;transition:background-color .2s ease,color .2s ease}.toggle-replies-btn:hover{background-color:rgba(0,102,204,.1)}.collapsed-replies{margin-top:.5rem;animation:fadeIn .3s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.form-actions{display:flex;justify-content:flex-start;margin-top:1.5rem;margin-left:calc(90px + 1.2rem)}#new-comment-form .primary-btn,#reply-form .primary-btn{margin-left:0}@media (max-width:768px){.form-actions{margin-left:0}}.form-group:has(textarea){align-items:flex-start}.form-group:has(textarea) label{padding-top:.7rem}.modal-body .form-group{margin-bottom:1.2rem}