/* 阴影常量 */
.shadow-sm {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.shadow {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.shadow-lg {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.shadow-xl {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* 圆角常量 */
.rounded-sm {
  border-radius: 0.125rem;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-md {
  border-radius: 0.375rem;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.rounded-2xl {
  border-radius: 1rem;
}



.feedback-modal .text-sm {
  font-size: 0.875rem;
}

.feedback-modal .text-xs {
  font-size: 0.75rem;
}

/* 间距样式 */
.feedback-modal .mb-2 {
  margin-bottom: 0.5rem;
}

.feedback-modal .mb-4 {
  margin-bottom: 1rem;
}

.feedback-modal .mb-6 {
  margin-bottom: 1.5rem; text-align: left;
    margin-top: 1rem;
	border-bottom:1px solid #e9ecef;padding-bottom:1rem
}

.feedback-modal .mt-2 {
  margin-top: 0.5rem;
}

.feedback-modal .mt-8 {
  margin-top: 2rem;
}

.feedback-modal .p-3 {
  padding: 0.75rem;
}

.feedback-modal .p-6.padding{
  padding: 1.5rem;padding-top:0.1rem
}

.feedback-modal .px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.feedback-modal .py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.feedback-modal .px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.feedback-modal .py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.feedback-modal .space-y-4 > * + * {
  margin-top: 1rem;
}

/* 布局样式 */
.feedback-modal .flex {
  display: flex;
}

.feedback-modal .items-center {
  align-items: center;
}
.feedback-modal input[type='checkbox']{
	margin-right:10px;
}
.feedback-modal .justify-center {
  justify-content: center;
}

.feedback-modal .justify-between {
  justify-content: space-between;
  
background: linear-gradient(135deg, #6390F0, #0353FE);


background-color: #4A90E2;

    color: white;
    padding: 25px 30px;
    text-align: center;border-radius:15px 15px 0px 0px;
}

.feedback-modal .flex-wrap {
  flex-wrap: wrap;
}

.feedback-modal .w-full {
  width: 100%;
}

/* 背景颜色 */
.feedback-modal .bg-white {
  background-color: #ffffff;
}

.feedback-modal .bg-primary {
  background-color: #1890ff;
}

.feedback-modal .bg-secondary {
  background-color: #FF6B6B;
}

.feedback-modal .bg-gray-100 {
  background-color: #f8f9fa;
}

.feedback-modal .bg-dark {
  background-color: #292F36;
}

/* 文本颜色 */
.feedback-modal .text-white {
  color: #ffffff;
}

/* 边框 */
.feedback-modal .border-b {
  border-bottom: 1px solid;
}

.feedback-modal .border-gray-100 {
  border-color: #e9ecef;
}

.feedback-modal .border {
  border-width: 1px;
}

.feedback-modal .border-gray-200 {
  border-color: #e9ecef;
}

/* 圆角 */
.feedback-modal .rounded-full {
  border-radius: 9999px;
}

.feedback-modal .rounded-lg {
  border-radius: 0.5rem;
}

.feedback-modal .rounded-2xl {
  border-radius: 1rem;
}

/* 阴影 */
.feedback-modal .shadow-md {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.feedback-modal .shadow-lg {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.feedback-modal .shadow-xl {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* 交互效果 */
.feedback-modal .transition-colors {
  transition-property: background-color, border-color, color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.feedback-modal .transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.feedback-modal .transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.feedback-modal .duration-300 {
  transition-duration: 300ms;
}
.feedback-modal .btn-hover{
	transition: transform 0.3s ease;
}

.feedback-modal .btn-hover:hover {
  transform: translateY(-2px);
}

.feedback-modal .scale-hover:hover {
  transform: scale(1.05);
}

.feedback-modal .hover\\:bg-primary\\/90:hover {
  background-color: rgba(78, 205, 196, 0.9);
}

.feedback-modal .hover\\:text-dark:hover {
  color: #292F36;
}

.feedback-modal .input-focus:focus {
  box-shadow: 0 0 0 3px rgba(78, 205, 196, 0.3);
  outline: none;
}
textarea {
  pointer-events: auto !important; /* 恢复指针事件 */
}
/* 动画 */
@keyframes float {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
  100% { transform: translateY(0px); }
}

.feedback-modal .animate-float {
  animation: float 6s ease-in-out infinite;
}

/* 实用工具类 */
.feedback-modal .hidden {
  display: none;
}

.feedback-modal .pointer-events-none {
  pointer-events: none;
}

.feedback-modal .fixed {
  position: fixed;
}

.feedback-modal .inset-0 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.feedback-modal .bottom-6 {
  bottom: 1.5rem;
}

.feedback-modal .right-6 {
  right: 1.5rem;
}

.feedback-modal .z-50 {
  z-index: 50;
}

.feedback-modal .flex-col {
  flex-direction: column;
}

.feedback-modal .gap-2 {
  gap: 0.5rem;
}

.feedback-modal .space-x-4 > * + * {
  margin-left: 1rem;
}

.feedback-modal .resize-none {
  resize: none;
}

.feedback-modal .opacity-0 {
  opacity: 0;
}

.feedback-modal .scale-95 {
  transform: scale(0.95);
}

.feedback-modal .scale-100 {
  transform: scale(1);
}

.feedback-modal .max-w-md {
  max-width: 28rem;
}

.feedback-modal .mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

/* 自定义组件 */
.feedback-modal .tag {
  padding: 0.25rem 0.75rem;
  background-color: #f8f9fa;
  color: #6C757D;
  border-radius: 9999px;
  font-size: 0.75rem;
}

.feedback-modal .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  cursor: pointer;
}

.feedback-modal .primary-button {
  background-color: #1890ff;
  color: #ffffff;
  border-radius: 0.5rem;border:none;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.feedback-modal .primary-button:hover {
  background-color: #1478d1;
}

/* 反馈按钮 */
.feedback-modal .feedback-button {
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 9999px;
  background-color: #FF6B6B;
  color: #ffffff;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: float 6s ease-in-out infinite;
  cursor: pointer;
  z-index: 40;
}

.feedback-modal .feedback-button:hover {
  transform: scale(1.05);
}

/* 模态框 */
.feedback-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9998;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 300ms;
  display:none
}

.feedback-modal .modal-content {
  background-color: #ffffff;
  border-radius: 1rem;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  width: 100%;
  max-width: 28rem;
  margin: 0 1rem;
  transform: scale(0.95);
  transition: transform 300ms;
}


.feedback-modal .close-btn {
    position: absolute;
    top: -12px;
    right: -12px;
    background: #999;
    color: white;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);color:white;border:none
}
.feedback-modal .close-btn:hover {
      background: #999;
      transform: rotate(90deg);
    }
	
	.feedback-modal .flex.items-start{font-size:0.86rem}