/**
 * ��Ч �� Suno ʽ΢������WebView �Ѻ� �� prefers-reduced-motion ������
 */
html.aum-ui-premium .btn-primary,
html.aum-ui-premium .btn-secondary,
html.aum-ui-premium .tab-btn,
html.aum-ui-premium .chip,
html.aum-ui-premium .ratio-item,
html.aum-ui-premium .style-card,
html.aum-ui-premium .hdr-btn,
html.aum-ui-premium .send-btn,
html.aum-ui-premium .aum-btn-flow-action,
html.aum-ui-premium .aum-btn-flow-submit {
    transition: transform var(--aum-dur-fast) var(--aum-ease),
        box-shadow var(--aum-dur-fast) var(--aum-ease),
        border-color var(--aum-dur-fast) var(--aum-ease),
        background var(--aum-dur-fast) var(--aum-ease),
        opacity var(--aum-dur-fast) var(--aum-ease);
}

html.aum-ui-premium .btn-primary:active,
html.aum-ui-premium .btn-secondary:active,
html.aum-ui-premium .tab-btn:active,
html.aum-ui-premium .send-btn:active,
html.aum-ui-premium .aum-btn-flow-action:active {
    transform: scale(0.96);
}

html.aum-ui-premium .btn-primary:not(:disabled) {
    animation: aumBtnGlow 3s ease-in-out infinite;
}

@keyframes aumBtnGlow {
    0%,
    100% {
        box-shadow: 0 4px 20px var(--aum-accent-glow);
    }
    50% {
        box-shadow: 0 4px 28px rgba(217, 70, 239, 0.5), 0 0 0 1px rgba(249, 115, 22, 0.15);
    }
}

html.aum-ui-premium .card,
html.aum-ui-premium .moment,
html.aum-ui-premium .hist-item {
    animation: aumCardIn 0.4s var(--aum-ease) both;
}

@keyframes aumCardIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

html.aum-ui-premium .gen-spinner {
    animation: aumSpin 0.85s linear infinite;
}

@keyframes aumSpin {
    to {
        transform: rotate(360deg);
    }
}

html.aum-ui-premium .hist-item,
html.aum-ui-premium .moment {
    transition: transform var(--aum-dur) var(--aum-ease);
}

html.aum-ui-premium .btn-flow-sheet-panel {
    animation: aumSheetUp 0.32s var(--aum-ease) both;
}

@keyframes aumSheetUp {
    from {
        transform: translateY(100%);
        opacity: 0.9;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

html.aum-ui-premium .btn-flow-sheet-overlay.is-phase1 .btn-flow-sheet-panel {
    animation: aumModalScale 0.28s var(--aum-ease-spring) both;
}

@keyframes aumModalScale {
    from {
        transform: scale(0.92);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

/* Official site — logo ring + sapphire text shimmer (ui-dapp-white-pages hooks classes) */
@keyframes aumOfficialLogoRing {
    to { transform: rotate(360deg); }
}

@keyframes aumOfficialLogoGlow {
    0%, 100% { opacity: 0.42; transform: scale(0.98); }
    50% { opacity: 0.88; transform: scale(1.04); }
}

@keyframes aumOfficialLogoSpecular {
    0%, 18%, 100% { background-position: 130% 40%; opacity: 0.22; }
    42% { background-position: -30% 60%; opacity: 0.92; }
    58% { background-position: -30% 60%; opacity: 0.78; }
}

@keyframes aumSapphireTextShimmer {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

@keyframes aumPhase2BusyIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

html.aum-ui-premium.aum-page-create.aum-create-preview .phase2-busy-layer .thinking-dot,
html.aum-ui-premium.aum-page-create.aum-create-preview .create-card-busy .thinking-dot {
    animation: aumThinkingDotBounce 1.4s infinite ease-in-out both;
}

html.aum-ui-premium.aum-page-create.aum-create-preview .phase2-busy-layer .thinking-dot:nth-child(1),
html.aum-ui-premium.aum-page-create.aum-create-preview .create-card-busy .thinking-dot:nth-child(1) {
    animation-delay: -0.32s;
}

html.aum-ui-premium.aum-page-create.aum-create-preview .phase2-busy-layer .thinking-dot:nth-child(2),
html.aum-ui-premium.aum-page-create.aum-create-preview .create-card-busy .thinking-dot:nth-child(2) {
    animation-delay: -0.16s;
}

@keyframes aumThinkingDotBounce {
    0%, 80%, 100% {
        transform: scale(0.55);
        opacity: 0.45;
    }
    40% {
        transform: scale(1);
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    html.aum-ui-premium.aum-page-create.aum-create-preview .phase2-busy-layer .thinking-dot,
    html.aum-ui-premium.aum-page-create.aum-create-preview .create-card-busy .thinking-dot {
        animation: none !important;
    }
}


html.aum-page-official.aum-dapp-white-pages .logo-stroke {
    display: block !important;
    animation: aumOfficialLogoRing 3.2s linear infinite !important;
}

html.aum-page-official.aum-dapp-white-pages .logo-stroke-glow {
    display: block !important;
    animation: aumOfficialLogoGlow 2.8s ease-in-out infinite !important;
}

html.aum-page-official.aum-dapp-white-pages .hero-logo-wrap::after {
    content: '';
    position: absolute;
    inset: 3px;
    border-radius: 50%;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(
        115deg,
        transparent 36%,
        rgba(255, 255, 255, 0.62) 46%,
        rgba(91, 196, 240, 0.42) 52%,
        transparent 64%
    );
    background-size: 220% 220%;
    animation: aumOfficialLogoSpecular 5.5s ease-in-out infinite;
    mix-blend-mode: soft-light;
}

html.aum-page-official.aum-dapp-white-pages .hero h1.text-gem {
    background: var(--grad-sapphire-hero) !important;
    background-size: 240% auto !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    animation: aumSapphireTextShimmer 8s ease-in-out infinite !important;
    filter: drop-shadow(0 2px 14px rgba(42, 107, 255, 0.28)) !important;
}

html.aum-page-official.aum-dapp-white-pages .hero-sub.text-gem {
    background: var(--grad-sapphire-sub) !important;
    background-size: 200% auto !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    animation: aumSapphireTextShimmer 10s ease-in-out infinite !important;
    filter: drop-shadow(0 0 12px rgba(42, 107, 255, 0.22)) !important;
}

/* VI-GD-01 · copyright.html rankings & marquee */
@keyframes gdMarqueeScroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

@keyframes gdRankPanelIn {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes gdPodiumIn {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

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

@media (prefers-reduced-motion: reduce) {
    html.aum-ui-premium .card,
    html.aum-ui-premium .moment,
    html.aum-ui-premium .btn-primary,
    html.aum-ui-premium .hist-item,
    html.aum-ui-premium .btn-flow-sheet-panel,
    html.aum-ui-premium.aum-page-create .create-regen-btn,
    html.aum-ui-premium.aum-page-create .create-translate-btn,
    html.aum-page-official.aum-dapp-white-pages .logo-stroke,
    html.aum-page-official.aum-dapp-white-pages .logo-stroke-glow,
    html.aum-page-official.aum-dapp-white-pages .hero-logo-wrap::after,
    html.aum-page-official.aum-dapp-white-pages .hero h1.text-gem,
    html.aum-page-official.aum-dapp-white-pages .hero-sub.text-gem,
    html.aum-copyright-preview .gd-marquee-track,
    html.aum-copyright-preview .gd-podium-slot,
    html.aum-copyright-preview .gd-rank-panel,
    html.aum-copyright-preview .gd-earnings-pending-dot,
    html.aum-copyright-preview .gd-legal-overlay.is-open .gd-legal-sheet,
    html.aum-dapp-white-pages.aum-page-ready .app-shell,
    html.aum-dapp-white-pages.aum-page-ready main {
        animation: none !important;
        transition: none !important;
    }
}

/* 全站丝滑进入 · 减少白屏闪烁（§0C.11 色板不变） */
html.aum-dapp-white-pages {
    scroll-behavior: smooth;
}

html.aum-dapp-white-pages.aum-page-ready .app-shell,
html.aum-dapp-white-pages.aum-page-ready .page-shell,
html.aum-dapp-white-pages.aum-page-ready main {
    animation: aumPageShellEnter 0.32s cubic-bezier(0.22, 1, 0.36, 1) both;
}

html.aum-ui-premium.aum-page-create .chat-area,
html.aum-ui-premium.aum-page-create .messages-wrap {
    will-change: opacity;
    transition: opacity 0.22s ease;
}

html.aum-ui-premium.aum-page-create .messages-wrap.aum-messages-stable {
    opacity: 1;
}

@keyframes aumPageShellEnter {
    from {
        opacity: 0.01;
        transform: translateY(4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}