:root {
    --aura-primary: #ff5722;
    --aura-blue: #1e9fff;
    --aura-bg: #f8f9fa;
    --aura-card: #ffffff;
    --aura-text: #333333;
    --aura-muted: #999999;
    --aura-border: #eeeeee;
    --aura-glass: rgba(255, 255, 255, 0.85);
    --aura-radius: 12px;
    --aura-radius-lg: 16px;
    --aura-shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.08);
    --aura-shadow-card: 0 4px 12px rgba(0, 0, 0, 0.08);
    --aura-duration: .24s;
    --aura-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

html {
    scroll-behavior: smooth;
}

body {
    background:
        radial-gradient(1200px 600px at 100% -10%, rgba(255, 87, 34, 0.06), transparent 60%),
        radial-gradient(900px 500px at -10% 30%, rgba(30, 159, 255, 0.05), transparent 60%),
        var(--aura-bg) !important;
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    color: var(--aura-text);
}

.text-center {
    text-align: center;
}

a,
button,
.layui-btn {
    transition: all var(--aura-duration) var(--aura-ease);
}