/* 全站基础样式（从 layout/base.html 内联 <style> 外提，便于浏览器缓存） */

/* Alpine.js x-cloak 防闪 */
[x-cloak] { display: none !important; }

/* 全站字体与字体平滑
 * - Inter：拉丁字符与数字（已加载 /static/css/inter.css）
 * - PingFang SC：macOS/iOS 系统字体
 * - Microsoft YaHei：Windows 系统字体
 * - Hiragino Sans GB：macOS 旧版本备选
 */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 玻璃拟态（Header 等用） */
.glass {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/* 渐变文本工具类 */
.gradient-text {
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    background-image: linear-gradient(to right, #2563eb, #9333ea);
}

/* 3D Transforms（Hero 卡片等用） */
.perspective-1000 { perspective: 1000px; }
.rotate-y-\[-5deg\] { transform: rotateY(-5deg); }
.hover\:rotate-y-0:hover { transform: rotateY(0deg); }

/* 动画延迟工具类 */
.animation-delay-100 { animation-delay: 100ms; }
.animation-delay-200 { animation-delay: 200ms; }
.animation-delay-300 { animation-delay: 300ms; }
.animation-delay-400 { animation-delay: 400ms; }
.animation-delay-500 { animation-delay: 500ms; }
.animation-delay-600 { animation-delay: 600ms; }
.animation-delay-700 { animation-delay: 700ms; }
.animation-delay-2000 { animation-delay: 2000ms; }