html {
  scroll-behavior: smooth;
}

/* 設定全域字體 */
body {
    font-family: 'Noto Sans TC', sans-serif;
    scroll-behavior: smooth;
}

/* 服務項目的圓圈樣式與動畫 */
.service-circle {
    @apply w-32 h-32 md:w-40 md:h-40 rounded-full bg-white shadow-lg 
           border border-slate-100 flex items-center justify-center 
           mb-6 transition-all duration-300;
}

.service-circle:hover {
    @apply -translate-y-2 border-blue-500 shadow-blue-100;
    box-shadow: 0 20px 25px -5px rgba(59, 130, 246, 0.1);
}

.service-circle i {
    @apply text-4xl text-[#1a365d] transition-colors duration-300;
}

.service-circle:hover i {
    @apply text-blue-600;
}

/* 表單輸入框通用樣式 */
.form-input {
    @apply w-full px-4 py-3 rounded-lg border border-slate-200 
           focus:border-blue-500 focus:ring-2 focus:ring-blue-100 
           outline-none transition;
}

/* 針對 RWD 的微調 */
@media (max-width: 768px) {
    .hero-title {
        font-size: 2.5rem;
    }
}