*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,sans-serif;background:#f5f5f5;color:#333}.app{max-width:960px;margin:0 auto;padding:16px}header{margin-bottom:24px}header h1{font-size:26px;color:#1a73e8}.comment-list{display:flex;flex-direction:column;gap:16px}.comments-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000014}.comments-table th,.comments-table td{padding:10px 14px;border-bottom:1px solid #eee;vertical-align:top}.comments-table th{background:#f0f4ff;font-weight:600}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable:hover{background:#e0e8ff}.comment-item{padding:4px 0}.comment-body{margin-bottom:6px}.replies{margin-left:24px;border-left:3px solid #e0e8ff;padding-left:12px;margin-top:8px}.comment-form{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #00000014}.form-row{display:flex;gap:16px}.form-group{flex:1;margin-bottom:12px;display:flex;flex-direction:column;gap:4px}.form-group label{font-weight:600;font-size:13px}.form-group input,.form-group textarea{padding:8px 10px;border:1px solid #ccc;border-radius:6px;font-size:14px}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e81a}.error{color:#d32f2f;font-size:12px}.tag-toolbar{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.tag-toolbar button{padding:4px 10px;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-family:monospace;background:#f8f8f8}.tag-toolbar button:hover{background:#e8e8e8}.preview-btn{background:#f0f4ff!important;border-color:#1a73e8!important;color:#1a73e8}.captcha-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.captcha-img{border:1px solid #ccc;border-radius:4px}.refresh-btn{background:none;border:none;font-size:20px;cursor:pointer;color:#1a73e8}.submit-btn{background:#1a73e8;color:#fff;border:none;padding:10px 28px;border-radius:6px;font-size:15px;cursor:pointer;margin-top:8px}.submit-btn:hover{background:#1557b0}.submit-btn:disabled{background:#aaa;cursor:not-allowed}.preview-box{border:1px solid #ccc;border-radius:6px;padding:10px;min-height:80px;background:#fafafa}.pagination{display:flex;gap:8px;justify-content:center;margin-top:16px;flex-wrap:wrap}.pagination button{padding:6px 12px;border:1px solid #ccc;border-radius:4px;cursor:pointer;background:#fff}.pagination button.active{background:#1a73e8;color:#fff;border-color:#1a73e8}.pagination button:disabled{opacity:.5;cursor:not-allowed}.reply-btn{background:none;border:none;color:#1a73e8;cursor:pointer;font-size:13px;margin-top:6px}.reply-btn:hover{text-decoration:underline}.thumb{max-width:120px;cursor:pointer;border-radius:4px;margin-top:6px}.thumb:hover{opacity:.85}.attachment{margin:6px 0}.reply-form{margin-top:10px}.loading{text-align:center;padding:20px;color:#888}.empty{text-align:center;padding:40px;color:#888;font-size:15px}