@tailwind base;
@tailwind components;
@tailwind utilities;

/* 自定义字体定义 */
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 300;
  src: local('Noto Sans SC Light'), local('NotoSansSC-Light');
  font-display: swap;
}
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans SC Regular'), local('NotoSansSC-Regular');
  font-display: swap;
}
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 500;
  src: local('Noto Sans SC Medium'), local('NotoSansSC-Medium');
  font-display: swap;
}
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 700;
  src: local('Noto Sans SC Bold'), local('NotoSansSC-Bold');
  font-display: swap;
}

/* 系统字体栈作为回退 */
body {
  font-family: 'Noto Sans SC', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  scroll-behavior: smooth;
}

/* 自定义样式 */
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Service Hover Effects */
.service-card:hover .service-overlay {
  opacity: 0.8;
}
.service-card:hover .service-img {
  transform: scale(1.1);
}
.service-card:hover .service-desc {
  opacity: 1;
  height: auto;
}
.service-card:hover .service-line {
  width: 100%;
}

/* Tailwind 配置 */
:root {
  --tw-font-sans: 'Noto Sans SC', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  --tw-color-primary: #4FD1C5;
  --tw-color-secondary: #1A202C;
}

/* 修正 .bg-primary 类的样式 */
.bg-primary {
  background-color: #4FD1C5;
}

/* 确保 hover 效果正常工作 */
.bg-primary:hover {
  background-color: #2DD4BF;
}