page {
  background: linear-gradient(to bottom, #f3f3f3, #f9fafb);
  background-size: 100%;
}

.search-container {
  transition: all 0.3s ease;

  .nut-input {
    background-color: #f8f9fa !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 4px !important;

    &:focus {
      border-color: #007bff !important;
      box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25) !important;
    }
  }

  .nut-button {
    border-radius: 4px !important;

    &--primary {
      background: linear-gradient(135deg, #007bff, #0056b3) !important;
      border: none !important;
    }

    &--small {
      padding: 6px 12px !important;
      font-size: 12px !important;
    }
  }
}

// Tabs样式优化
.nut-tabs {
  .nut-tabs__titles {
    background: #ffffff !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;

    .nut-tabs__titles-item {
      font-size: 14px !important;
      font-weight: 500 !important;

      &--active {
        color: #007bff !important;
        font-weight: 600 !important;
      }
    }

    .nut-tabs__line {
      background: #007bff !important;
      height: 3px !important;
    }
  }
}

// 筛选提示样式
.filter-tip {
  animation: slideDown 0.3s ease;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
