/* 鍏ㄧ珯鑷畾涔夊熀纭€鏍峰紡锛氬湪 Tailwind 涔嬩笂杩涜缁熶竴缁嗚妭缇庡寲 */

body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.nav-link {
  @apply text-slate-300 hover:text-emerald-300 transition-colors;
}

.nav-link-active {
  @apply text-emerald-300 relative;
}

.nav-link-active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.4rem;
  margin: 0 auto;
  width: 1.5rem;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(to right, #34d399, #22d3ee);
}

.section-title {
  @apply text-xl lg:text-2xl font-semibold text-slate-100;
}

.section-subtitle {
  @apply mt-2 text-xs lg:text-sm text-slate-300 max-w-2xl;
}

.page-tag {
  @apply inline-flex items-center px-3 py-1 rounded-full text-[11px] font-medium bg-emerald-500/10 text-emerald-300 border border-emerald-500/30 mb-3;
}

.page-title {
  @apply text-2xl lg:text-3xl font-semibold text-slate-100 mb-3;
}

.page-lead {
  @apply text-xs lg:text-sm text-slate-300 leading-relaxed;
}

.feature-card {
  @apply rounded-3xl border border-slate-800 bg-slate-900/70 p-5 hover:border-emerald-400/60 transition-colors;
}

.feature-icon {
  @apply inline-flex items-center justify-center h-8 w-8 rounded-full text-[11px] font-semibold bg-emerald-500/10 text-emerald-300 mb-3;
}

.feature-title {
  @apply text-sm font-semibold text-slate-100 mb-2;
}

.feature-desc {
  @apply text-xs text-slate-300 leading-relaxed;
}

.stat-card {
  @apply rounded-2xl border border-slate-800 bg-slate-950/60 p-4;
}

.stat-title {
  @apply text-xs font-semibold text-slate-100 mb-1;
}

.stat-desc {
  @apply text-[11px] text-slate-300 leading-relaxed;
}

.case-item {
  @apply rounded-2xl border border-slate-800 bg-slate-950/60 p-4 hover:border-emerald-400/60 transition-colors;
}

.news-item {
  @apply flex gap-3 rounded-2xl border border-slate-800 bg-slate-950/60 p-4 hover:border-emerald-400/60 transition-colors;
}

.news-date {
  @apply text-[11px] text-emerald-300 min-w-[72px];
}

.news-content {
  @apply text-xs text-slate-200;
}

.case-card-lg {
  @apply overflow-hidden rounded-3xl border border-slate-800 bg-slate-900/70 flex flex-col;
}

.case-image-wrapper {
  @apply h-44 md:h-56 w-full overflow-hidden;
}

.case-image {
  @apply w-full h-full object-cover;
}

.case-body {
  @apply p-5 md:p-6 space-y-2 text-xs text-slate-200;
}

.case-tag {
  @apply inline-flex px-2 py-0.5 rounded-full text-[11px] bg-emerald-500/10 text-emerald-300 border border-emerald-500/40 mb-1;
}

.case-title {
  @apply text-sm font-semibold text-slate-100;
}

.case-desc {
  @apply text-slate-300 leading-relaxed;
}

.case-list {
  @apply list-disc list-inside text-slate-300 space-y-1;
}

.case-card-sm {
  @apply rounded-3xl border border-slate-800 bg-slate-900/70 p-5 text-xs text-slate-200;
}

.case-subtitle {
  @apply text-sm font-semibold text-slate-100 mb-1;
}

.case-text {
  @apply text-slate-300 mb-2;
}

.case-mini {
  @apply rounded-2xl border border-slate-800 bg-slate-900/60 p-4;
}

.case-mini-title {
  @apply text-sm font-semibold text-slate-100 mb-1;
}

.info-card {
  @apply rounded-2xl border border-slate-800 bg-slate-900/70 p-4;
}

.info-title {
  @apply text-xs font-semibold text-slate-100 mb-2;
}

.info-list {
  @apply space-y-1 text-slate-300;
}

.service-menu {
  @apply rounded-2xl border border-slate-800 bg-slate-900/70 p-4;
}

.service-menu-title {
  @apply text-xs font-semibold text-slate-100 mb-2;
}

.service-menu-list {
  @apply space-y-1 text-slate-300;
}

.service-tip {
  @apply rounded-2xl border border-slate-800 bg-slate-900/70 p-4 text-xs text-slate-300;
}

.service-block {
  @apply rounded-3xl border border-slate-800 bg-slate-900/70 p-5 lg:p-6;
}

.service-block-header {
  @apply flex items-center justify-between gap-3 mb-3;
}

.service-block-title {
  @apply text-sm font-semibold text-slate-100;
}

.service-block-subtitle {
  @apply text-[11px] text-slate-400;
}

.service-tag {
  @apply inline-flex items-center px-2 py-0.5 rounded-full text-[11px] bg-emerald-500/10 text-emerald-300 border border-emerald-500/40;
}

.service-block-body {
  @apply text-xs text-slate-300;
}

.marker-list {
  @apply list-disc list-inside space-y-1;
}

.news-article {
  @apply rounded-3xl border border-slate-800 bg-slate-900/70 p-5;
}

.news-meta {
  @apply flex items-center gap-2 text-[11px] text-slate-400 mb-1;
}

.news-tag {
  @apply inline-flex items-center px-2 py-0.5 rounded-full bg-slate-800 text-emerald-300 border border-emerald-500/30;
}

.news-title {
  @apply text-sm font-semibold text-slate-100 mb-1;
}

.news-summary {
  @apply text-slate-300 leading-relaxed;
}

.side-link {
  @apply text-emerald-300 hover:text-emerald-200;
}

.culture-card {
  @apply rounded-3xl border border-slate-800 bg-slate-900/70 p-6 text-xs text-slate-200;
}

.culture-title {
  @apply text-sm font-semibold text-slate-100 mb-2;
}

.form-label {
  @apply block mb-1 text-[11px] text-slate-300;
}

.form-input {
  @apply w-full px-3 py-2 rounded-xl bg-slate-950/70 border border-slate-800 text-xs text-slate-100 placeholder:text-slate-500 focus:outline-none focus:ring-1 focus:ring-emerald-400 focus:border-emerald-400;
}