/* ============================================================
   index.css — 首页专属样式
   ============================================================ */

/* ── 悬浮粒子动画 ────────────────────────────────────────── */
.particle { animation: float 6s ease-in-out infinite; }

@keyframes float {
    0%   { transform: translateY(0px) rotate(0deg); }
    50%  { transform: translateY(-40px) rotate(15deg); }
    100% { transform: translateY(0px) rotate(0deg); }
}

/* ── 柔和环境光晕 ────────────────────────────────────────── */
.glow-blue  { background: radial-gradient(circle, rgba(26, 115, 232, 0.15) 0%, rgba(255, 255, 255, 0) 70%); }
.glow-green { background: radial-gradient(circle, rgba(52, 168, 83, 0.15)  0%, rgba(255, 255, 255, 0) 70%); }

/* ── 主 Logo 失重悬浮动画 ────────────────────────────────── */
@keyframes float-logo {
    0%   { transform: translateY(0px); }
    50%  { transform: translateY(-35px); }
    100% { transform: translateY(0px); }
}

.animate-float-logo {
    animation: float-logo 8s ease-in-out infinite;
}

/* ── 波浪点阵图案 ────────────────────────────────────────── */
.dot-wave-pattern {
    background-image: radial-gradient(#1a73e8 2px, transparent 2px);
    background-size: 24px 24px;
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M44.7,-76.4C58.3,-69.2,70,-56.3,78.2,-41.4C86.4,-26.5,91.1,-9.6,89.5,6.7C88,23.1,80.2,38.9,69.5,52.1C58.8,65.3,45.2,75.9,29.6,81.4C14,86.9,-3.6,87.3,-21.2,83.1C-38.8,78.9,-56.4,70.1,-69.1,56.7C-81.8,43.3,-89.6,25.3,-92.3,6.5C-95,-12.3,-92.6,-31.9,-82.5,-47.4C-72.4,-62.9,-54.6,-74.3,-38.4,-79.8C-22.2,-85.3,-7.6,-84.9,7.6,-84.8C22.8,-84.7,31.1,-83.6,44.7,-76.4Z' transform='translate(100 100)' /%3E%3C/svg%3E");
    mask-size: cover;
    mask-position: center;
    opacity: 0.85;
    animation: patternMove 6s linear infinite;
}

@keyframes patternMove {
    0%   { background-position: 0px 0px; }
    100% { background-position: 48px 48px; }
}

/* ── 光晕呼吸动画 ────────────────────────────────────────── */
@keyframes pulse-glow {
    0%, 100% { transform: scale(1) translate(0, 0); opacity: 0.7; }
    50%       { transform: scale(1.05) translate(-10px, 10px); opacity: 0.95; }
}

.animate-pulse-glow {
    animation: pulse-glow 8s ease-in-out infinite;
}

/* ── 大字背景文字 ────────────────────────────────────────── */
.giant-text {
    font-size: 18vw;
    line-height: 0.8;
    letter-spacing: -0.06em;
    color: #111111;
}

/* ── 光标闪烁 ────────────────────────────────────────────── */
.blink-cursor { animation: blink 1s step-end infinite; }

@keyframes blink {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0; }
}