/* =========================================================
   Prism Studio — 未来感 · AI 辅助主题 (v1.3.0)
   两款新增主题：dark-ai（未来感·暗色）/ light-ai（未来感·亮色）。
   与 theme-prism.css 同级，均为 main.css 设计令牌的覆盖层，
   不修改 main.css 本体；在 theme-prism.css 之后加载。
   设计要点：
     1. 电光蓝 → 青 → 紫的「光谱渐变」作为主强调，强 AI 辅助感
     2. 暗色：近黑冷调 + 细网格 + 顶部辉光；亮色：洁净冷白 + 柔和网格
     3. 主按钮带辉光投影，呼应「智能 / 未来」
   ========================================================= */

/* ============ 未来感 · 暗色（AI 辅助） ============ */
[data-theme="dark-ai"] {
    --font-sans: 'Space Grotesk', system-ui, -apple-system, BlinkMacSystemFont,
        'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;

    /* 冷调近黑底色 */
    --bg: #070A12;
    --bg-elevated: #0D1220;
    --surface: rgba(120, 160, 255, 0.06);
    --surface-hover: rgba(120, 160, 255, 0.10);
    --hairline: rgba(120, 160, 255, 0.14);
    --hairline-strong: rgba(120, 160, 255, 0.28);
    --text: #EAEEFF;
    --text-secondary: #A9B4D6;
    --text-muted: #6E79A0;

    /* 电光蓝 / 青 / 紫 光谱 */
    --violet: #5B8CFF;
    --violet-soft: rgba(91, 140, 255, 0.14);
    --pink: #B388FF;
    --pink-soft: rgba(179, 136, 255, 0.14);
    --cyan: #3DE0FF;
    --cyan-soft: rgba(61, 224, 255, 0.14);

    --error: #FF5C7A;
    --success: #2FE0A8;
    --warning: #FFC24B;

    --spectrum: linear-gradient(120deg, #5B8CFF 0%, #3DE0FF 50%, #B388FF 100%);

    --card: rgba(120, 160, 255, 0.05);
    --border: rgba(120, 160, 255, 0.14);
    --muted: #6E79A0;
    --bg-2: #0D1220;

    --radius-sm: 7px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-xl: 18px;
    --radius-full: 9999px;
}

/* 背景：细网格 + 顶部辉光 */
[data-theme="dark-ai"] .page-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(120% 70% at 50% -10%, rgba(91, 140, 255, 0.18), transparent 60%),
        radial-gradient(90% 50% at 85% 0%, rgba(61, 224, 255, 0.12), transparent 55%),
        linear-gradient(rgba(120, 160, 255, 0.06) 1px, transparent 1px) 0 0 / 100% 38px,
        linear-gradient(90deg, rgba(120, 160, 255, 0.06) 1px, transparent 1px) 0 0 / 38px 100%;
    pointer-events: none;
    z-index: 0;
}

[data-theme="dark-ai"] .btn-primary {
    background: var(--spectrum);
    box-shadow: 0 10px 30px -10px rgba(61, 224, 255, 0.6);
}
[data-theme="dark-ai"] .btn-primary:hover {
    filter: brightness(1.08);
    box-shadow: 0 14px 38px -10px rgba(61, 224, 255, 0.78);
}

[data-theme="dark-ai"] ::selection { background: rgba(61, 224, 255, 0.22); }
[data-theme="dark-ai"] :focus-visible { outline-color: var(--cyan); }
[data-theme="dark-ai"] a { color: var(--violet); }

[data-theme="dark-ai"] .feature-icon,
[data-theme="dark-ai"] .contact-icon {
    border-color: rgba(91, 140, 255, 0.32);
    box-shadow: 0 0 24px -10px rgba(61, 224, 255, 0.5);
}
[data-theme="dark-ai"] .feature-icon:hover {
    box-shadow: 0 10px 28px -10px rgba(61, 224, 255, 0.7);
}

/* ============ 未来感 · 亮色（AI 辅助） ============ */
[data-theme="light-ai"] {
    --font-sans: 'Space Grotesk', system-ui, -apple-system, BlinkMacSystemFont,
        'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;

    /* 洁净冷白 */
    --bg: #F5F8FF;
    --bg-elevated: #FFFFFF;
    --surface: rgba(30, 80, 200, 0.05);
    --surface-hover: rgba(30, 80, 200, 0.09);
    --hairline: rgba(30, 80, 200, 0.12);
    --hairline-strong: rgba(30, 80, 200, 0.22);
    --text: #0B1437;
    --text-secondary: #3A4A78;
    --text-muted: #6B78A0;

    --violet: #3B6FFF;
    --violet-soft: rgba(59, 111, 255, 0.12);
    --pink: #8B5CFF;
    --pink-soft: rgba(139, 92, 255, 0.12);
    --cyan: #00B8D9;
    --cyan-soft: rgba(0, 184, 217, 0.12);

    --error: #E5484D;
    --success: #18A957;
    --warning: #D98A00;

    --spectrum: linear-gradient(120deg, #3B6FFF 0%, #00B8D9 50%, #8B5CFF 100%);

    --card: rgba(30, 80, 200, 0.04);
    --border: rgba(30, 80, 200, 0.12);
    --muted: #6B78A0;
    --bg-2: #FFFFFF;

    --radius-sm: 7px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-xl: 18px;
    --radius-full: 9999px;
}

[data-theme="light-ai"] .page-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(120% 70% at 50% -10%, rgba(59, 111, 255, 0.14), transparent 60%),
        radial-gradient(90% 50% at 85% 0%, rgba(0, 184, 217, 0.12), transparent 55%),
        linear-gradient(rgba(30, 80, 200, 0.05) 1px, transparent 1px) 0 0 / 100% 38px,
        linear-gradient(90deg, rgba(30, 80, 200, 0.05) 1px, transparent 1px) 0 0 / 38px 100%;
    pointer-events: none;
    z-index: 0;
}

[data-theme="light-ai"] .btn-primary {
    background: var(--spectrum);
    box-shadow: 0 10px 26px -12px rgba(59, 111, 255, 0.55);
    color: #fff;
}
[data-theme="light-ai"] .btn-primary:hover {
    filter: brightness(1.04);
    box-shadow: 0 14px 32px -12px rgba(59, 111, 255, 0.7);
}

[data-theme="light-ai"] ::selection { background: rgba(59, 111, 255, 0.16); }
[data-theme="light-ai"] :focus-visible { outline-color: var(--violet); }
[data-theme="light-ai"] a { color: var(--violet); }

[data-theme="light-ai"] .feature-icon,
[data-theme="light-ai"] .contact-icon {
    border-color: rgba(59, 111, 255, 0.30);
    box-shadow: 0 0 22px -12px rgba(0, 184, 217, 0.5);
}
[data-theme="light-ai"] .feature-icon:hover {
    box-shadow: 0 10px 26px -12px rgba(0, 184, 217, 0.6);
}