/* CSSVariantEngine v4.0 — index-games-taihao.com */
/* Palette: royal | Radius: moderate | Shadow: medium */

:root {
    --color-primary: #7209b7;
    --color-primary-dark: #560bad;
    --color-accent: #b5179e;
    --color-surface: #f3e8ff;
    --color-text: #2d1b4e;
    --rgb-primary: 114,9,183;
    --rgb-accent: 181,23,158;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --shadow-sm: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);
    --shadow-md: 0 4px 6px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.06);
    --shadow-lg: 0 10px 15px rgba(0,0,0,.1), 0 4px 6px rgba(0,0,0,.05);
    --transition: 0.2s ease;
    --heading-weight: 600;
    --body-line-height: 1.6;
}

/* 基础视觉 */
body { color: var(--color-text); line-height: var(--body-line-height); }
h1, h2, h3, h4 { font-weight: var(--heading-weight); }
.card, [class*="card"] { border-radius: var(--radius-lg); box-shadow: var(--shadow-md); transition: var(--transition); }
.btn, button[class*="btn"], a[class*="btn"] { border-radius: var(--radius-md); transition: var(--transition); }
a:not([class]) { color: var(--color-primary); transition: var(--transition); }

/* Section 背景装饰 */
.sp-hero, [class*="hero"] { background-image: radial-gradient(circle at 100% 0%, rgba(var(--rgb-accent), 0.05) 0%, transparent 50%); }
.sp-features, [class*="feature"] { background-image: radial-gradient(circle, rgba(var(--rgb-primary), 0.06) 1px, transparent 1px); }
.sp-features, [class*="feature"] { background-size: 20px 20px; }
.sp-about, [class*="about"] { background-image: radial-gradient(circle at 50% 50%, rgba(var(--rgb-primary), 0.04) 0%, transparent 70%); }
.sp-testimonials, [class*="testimonial"] { background-image: radial-gradient(circle at 50% 50%, rgba(var(--rgb-primary), 0.04) 0%, transparent 70%); }
.sp-cta, [class*="cta"] { background-image: radial-gradient(circle, rgba(var(--rgb-primary), 0.06) 1px, transparent 1px); }
.sp-cta, [class*="cta"] { background-size: 20px 20px; }
.sp-faq, [class*="faq"] { background-image: linear-gradient(135deg, rgba(var(--rgb-primary), 0.02) 0%, rgba(var(--rgb-accent), 0.02) 100%); }

/* 条件性装饰 */
.card:hover, [class*="card"]:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
a:not([class]):hover { color: var(--color-accent); }
.sp-hero, [class*="hero"] section:first-of-type { background: linear-gradient(135deg, #7209b7, #560bad); color: #fff; }
.card, [class*="card"] { border-left: 3px solid var(--color-primary); }
header, .header, .navbar, .sp-header { box-shadow: 0 2px 8px rgba(0,0,0,.06); }