/* ============================================
 * tanzuji.com® 品牌共享动画
 * 原每页内联重复，现统一引用
 * ============================================ */

/* 渐变位移 - 用于品牌背景 */
@keyframes gradient-shift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* 浮动 - 用于装饰元素 */
@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}

/* 脉冲发光 - 用于CTA按钮 */
@keyframes pulse-glow {
    0%, 100% { box-shadow: 0 0 5px rgba(26, 109, 59, 0.3); }
    50% { box-shadow: 0 0 25px rgba(26, 109, 59, 0.6); }
}

/* 滑入 - 用于区块入场 */
@keyframes slide-up {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* 淡入 */
@keyframes fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* 缩放脉冲 */
@keyframes scale-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}

/* 旋转 - 用于加载图标 */
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* 品牌颜色变量 */
:root {
    --brand-green: #1a6d3b;
    --brand-green-light: #2c8a4e;
    --brand-green-dark: #14562d;
    --brand-green-bg: #f0f8f3;
    --brand-gold: #c8a951;
    --brand-text: #1a1a2e;
    --brand-text-light: #555;
    --brand-white: #ffffff;
    --brand-border: #e0e0e0;
    --brand-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    --brand-radius: 12px;
    --brand-transition: all 0.3s ease;
}

/* 品牌通用工具类 */
.text-brand-green { color: var(--brand-green); }
.bg-brand-green { background-color: var(--brand-green); }
.bg-brand-green-bg { background-color: var(--brand-green-bg); }
.border-brand { border-color: var(--brand-border); }
.rounded-brand { border-radius: var(--brand-radius); }
.shadow-brand { box-shadow: var(--brand-shadow); }
.transition-brand { transition: var(--brand-transition); }