.related-tools-section{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;padding:var(--spacing-loose);margin-top:var(--spacing-loose);max-width:1200px;margin-left:auto;margin-right:auto}.related-tools-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-standard);display:flex;align-items:center;gap:8px}.related-tools-title svg{color:var(--primary);flex-shrink:0}.related-tools-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--spacing-standard)}.related-tool-card{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-standard);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;text-decoration:none;transition:all .2s ease;text-align:center}.related-tool-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;text-decoration:none}.related-tool-card:hover .related-tool-name{color:var(--primary)}.related-tool-icon{width:40px;height:40px;margin-bottom:8px;color:var(--primary)}.related-tool-icon svg{width:100%;height:100%}.related-tool-name{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:4px;line-height:1.3}.related-tool-desc{font-size:12px;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px}.related-tool-tags{display:flex;gap:4px;justify-content:center}.related-tool-tag{font-size:10px;padding:2px 6px;border-radius:4px;font-weight:500}.related-tool-tag.hot{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.related-tool-tag.new{background:linear-gradient(135deg,#10b981,#059669);color:#fff}@media(max-width:1023px){.related-tools-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.related-tools-section{margin-left:var(--spacing-standard);margin-right:var(--spacing-standard);padding:var(--spacing-standard)}.related-tools-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-tight)}.related-tool-card{padding:var(--spacing-tight)}.related-tool-icon{width:32px;height:32px}.related-tool-name{font-size:13px}.related-tool-desc{font-size:11px;-webkit-line-clamp:1}}.comment-section{margin-top:var(--spacing-standard);padding:var(--spacing-standard);background:var(--bg-primary);border-radius:8px;border:1px solid var(--border-primary)}.comment-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-tight);padding-bottom:var(--spacing-tight);border-bottom:1px solid var(--border-primary)}.comment-form{margin-bottom:var(--spacing-standard)}.comment-form-row{display:flex;gap:var(--spacing-standard);margin-bottom:var(--spacing-standard);max-height:0;overflow:hidden;opacity:0;transition:all .3s ease-in-out;margin-bottom:0}.comment-form-row-expanded{max-height:200px;opacity:1;margin-bottom:var(--spacing-standard)}.comment-form-row-collapsed{max-height:0;opacity:0;margin-bottom:0}.comment-form-row .comment-form-group{flex:1;margin-bottom:0}.comment-form-group{margin-bottom:var(--spacing-tight)}.comment-label{display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:6px}.comment-label[data-required=true]:after{content:" *";color:var(--error)}.comment-input{width:100%;padding:10px 12px;font-size:14px;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;outline:none;transition:all .2s ease-in-out}.comment-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.comment-input::placeholder{color:var(--text-tertiary)}.comment-textarea{width:100%;padding:10px 12px;font-size:14px;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;outline:none;resize:none;min-height:38px;max-height:104px;height:38px;font-family:inherit;transition:all .2s ease-in-out;overflow-y:hidden}.comment-textarea-auto{resize:none;overflow-y:auto}.comment-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.comment-textarea::placeholder{color:var(--text-tertiary)}.comment-char-count{text-align:right;font-size:12px;color:var(--text-tertiary);margin-top:4px}.comment-submit-btn{font-size:14px;font-weight:500;max-height:0;overflow:hidden;opacity:0;padding:0;margin:0;border:none;transition:all .3s ease-in-out}.comment-submit-btn:not(.comment-submit-collapsed){max-height:50px;opacity:1;padding:10px 24px;margin-top:var(--spacing-standard);border:none}.comment-error{margin-top:var(--spacing-standard);padding:10px 12px;font-size:14px;border-radius:8px;display:none}.comment-error-show{display:block;color:var(--error);background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.comment-success{margin-top:var(--spacing-standard);padding:10px 12px;font-size:14px;border-radius:8px}.comment-success-show{color:var(--success);background:#10b9811a;border:1px solid rgba(16,185,129,.2)}.comment-list-container{min-height:60px}.comment-loading{text-align:center;padding:var(--spacing-loose);color:var(--text-tertiary);font-size:14px}.comment-error-message{text-align:center;padding:var(--spacing-loose);color:var(--error);font-size:14px}.comment-empty{text-align:center;padding:var(--spacing-extra);color:var(--text-tertiary)}.comment-empty-icon{font-size:48px;margin-bottom:var(--spacing-standard);opacity:.5}.comment-empty-text{font-size:14px}.comment-list{list-style:none;margin:0;padding:0}.comment-item{padding:var(--spacing-standard);border-bottom:1px solid var(--border-primary);transition:background .2s ease}.comment-item:last-child{border-bottom:none}.comment-item:hover{background:var(--bg-secondary);border-radius:8px}.comment-item-header{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:8px}.comment-item-user{font-size:14px;font-weight:600;color:var(--text-primary)}.comment-item-email{font-size:12px;color:var(--text-tertiary);padding:2px 8px;background:var(--bg-tertiary);border-radius:4px}.comment-item-time{font-size:12px;color:var(--text-tertiary);margin-left:auto}.comment-item-content{font-size:14px;line-height:1.6;color:var(--text-secondary);word-break:break-word;white-space:pre-wrap}@media(max-width:768px){.comment-section{padding:var(--spacing-standard);margin-top:var(--spacing-standard)}.comment-form-row{flex-direction:column;gap:var(--spacing-standard)}.comment-form-row-expanded{flex-direction:column}.comment-form-row .comment-form-group{margin-bottom:0}.comment-item-header{flex-direction:column;align-items:flex-start}.comment-item-time{margin-left:0}.comment-submit-btn:not(.comment-submit-collapsed){width:100%}}@media(max-width:480px){.comment-title,.comment-input,.comment-textarea{font-size:16px}}