.feedback-page{max-width:1080px;margin:10% auto;padding:32px 32px 80px}.feedback-page-header{display:flex;align-items:center;justify-content:space-between;padding:8px 0 24px}.feedback-count{font-size:15px;color:#94a3b8;font-weight:400;margin-left:6px}.feedback-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:24px}.feedback-search-form{position:relative;flex:1;max-width:360px}.feedback-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:16px;pointer-events:none}.feedback-search-input{width:100%;height:40px;padding:0 12px 0 40px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.feedback-search-input::-moz-placeholder{color:#94a3b8}.feedback-search-input::placeholder{color:#94a3b8}.feedback-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.feedback-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:40px;padding:0 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:background .15s,box-shadow .15s,transform .15s;white-space:nowrap;font-family:inherit}.feedback-btn-with-icon i{font-size:16px}.feedback-btn-primary{background:#2563eb;color:#fff}.feedback-btn-primary:hover:not(:disabled){background:#1d4ed8;box-shadow:0 6px 16px #2563eb40}.feedback-btn-secondary{background:#f1f5f9;color:#1e293b;border:1px solid #e2e8f0}.feedback-btn-secondary:hover:not(:disabled){background:#e2e8f0}.feedback-btn-lg{height:44px;padding:0 28px;font-size:15px}.feedback-btn:disabled{opacity:.6;cursor:not-allowed}.feedback-status{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:500;line-height:20px}.feedback-status-submitted{background:#e0e7ff;color:#4338ca}.feedback-status-processing{background:#fef3c7;color:#92400e}.feedback-status-waiting_user{background:#fce7f3;color:#9d174d}.feedback-status-resolved{background:#d1fae5;color:#047857}.feedback-status-closed{background:#f1f5f9;color:#475569}.feedback-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.feedback-list-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:border-color .15s,box-shadow .15s,transform .15s}.feedback-list-item:hover{border-color:#93c5fd;box-shadow:0 4px 16px #2563eb14;transform:translateY(-1px)}.feedback-list-link{display:block;padding:18px 22px;color:inherit;text-decoration:none}.feedback-list-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}.feedback-list-type{flex:0 0 auto;display:inline-flex;align-items:center;padding:2px 10px;border-radius:4px;font-size:12px;font-weight:500}.feedback-list-type-primary{background:#e0e7ff;color:#4338ca}.feedback-list-type-info{background:#cffafe;color:#0e7490}.feedback-list-type-danger{background:#fee2e2;color:#b91c1c}.feedback-list-title{flex:1;min-width:0;font-size:15px;font-weight:600;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feedback-list-excerpt{font-size:13px;color:#64748b;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feedback-list-meta{display:flex;align-items:center;gap:16px;font-size:12px;color:#94a3b8}.feedback-list-meta-item{display:inline-flex;align-items:center;gap:4px}.feedback-list-date{margin-left:auto}.feedback-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 24px;gap:18px}.feedback-empty-icon{width:130px;height:130px;background-image:url(/explore/assets/empty-CodRlkfm.jpg);background-repeat:no-repeat;background-position:center}.feedback-empty-text{font-size:14px;line-height:1.8;color:#475569}.feedback-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding:8px 4px}.feedback-pagination-info{font-size:13px;color:#94a3b8}.feedback-pagination-buttons{display:inline-flex;align-items:center;gap:6px}.feedback-pagination-btn,.feedback-pagination-edge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#475569;text-decoration:none;background:#fff;transition:border-color .15s,background .15s,color .15s}.feedback-pagination-edge i{font-size:16px;line-height:1}.feedback-pagination-btn:hover,.feedback-pagination-edge:hover{border-color:#2563eb;color:#2563eb}.feedback-pagination-active{background:#2563eb;border-color:#2563eb;color:#fff}.feedback-pagination-active:hover{color:#fff}.feedback-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.feedback-modal{background:#fff;border-radius:16px;width:min(560px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;box-shadow:0 24px 60px #0f172a2e;overflow:hidden}.feedback-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #f1f5f9}.feedback-modal-title{font-size:16px;font-weight:600;color:#1e293b}.feedback-modal-close{width:28px;height:28px;border:none;background:transparent;border-radius:50%;color:#64748b;font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s}.feedback-modal-close:hover{background:#f1f5f9;color:#1e293b}.feedback-modal-body{padding:20px 24px;overflow-y:auto}.feedback-modal-body-loading{display:flex;align-items:center;justify-content:center;min-height:160px}.feedback-loading-hint{color:#94a3b8;font-size:14px}.feedback-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #f1f5f9;background:#fff}.feedback-form-group{margin-bottom:20px}.feedback-form-label{display:block;font-size:14px;font-weight:500;color:#1e293b;margin-bottom:10px}.ant-upload{width:100%}.feedback-radio-group{display:flex;gap:28px}.feedback-radio{position:relative;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#1e293b}.feedback-radio input[type=radio]{position:absolute;opacity:0;width:0;height:0}.feedback-radio-dot{width:18px;height:18px;border-radius:50%;border:2px solid #cbd5e1;position:relative;transition:border-color .15s}.feedback-radio input[type=radio]:checked+.feedback-radio-dot{border-color:#2563eb}.feedback-radio input[type=radio]:checked+.feedback-radio-dot:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:#2563eb}.feedback-radio input[type=radio]:disabled+.feedback-radio-dot{background:#f1f5f9}.feedback-radio-label{-webkit-user-select:none;-moz-user-select:none;user-select:none}.feedback-form-textarea{width:100%;min-height:140px;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;resize:vertical;outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box;font-family:inherit}.feedback-form-textarea::-moz-placeholder{color:#cbd5e1}.feedback-form-textarea::placeholder{color:#cbd5e1}.feedback-form-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.feedback-form-hint-row{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-size:12px;color:#94a3b8}.feedback-form-hint,.feedback-form-counter{color:#94a3b8}.feedback-form-error{margin-top:6px;font-size:13px;color:#dc2626}.feedback-upload{border:1px dashed #cbd5e1;border-radius:8px;padding:28px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.feedback-upload:hover{border-color:#2563eb;background:#f8faff}.feedback-upload-trigger{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;border:1px dashed #cbd5e1;border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s;min-height:120px;width:100%}.feedback-upload-trigger:hover{border-color:#2563eb;background:#f8faff}.feedback-upload-icon{display:inline-flex;width:24px;height:24px;flex-direction:column;justify-content:center;align-items:center;font-size:24px;color:#2563eb;margin-bottom:8px}.feedback-upload-text{font-size:13px;color:#64748b}.feedback-modal-success .feedback-modal-body{display:flex;flex-direction:column;align-items:center;gap:12px;padding:36px 24px 32px}.feedback-success-icon{display:inline-flex;align-items:center;justify-content:center}.feedback-success-title{font-size:18px;font-weight:600;color:#1e293b}.feedback-success-desc{font-size:13px;color:#64748b;text-align:center;line-height:1.7;margin-bottom:8px}@media (max-width: 768px){.feedback-page{padding:16px 16px 60px}.feedback-toolbar{flex-direction:column;align-items:stretch}.feedback-search-form{max-width:none}.feedback-list-link{padding:16px}.feedback-list-meta{flex-wrap:wrap;gap:8px}.feedback-list-date{margin-left:0}.feedback-pagination{flex-direction:column;gap:12px}.feedback-modal-overlay{padding:12px}.feedback-radio-group{flex-wrap:wrap;gap:16px}}