/* PWA 啟動 Splash 覆蓋層（只在 standalone 模式顯示，由 pwa-splash.js 建立） */
#sbs-splash {
    position: fixed;
    inset: 0;
    z-index: 999999;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: sbs-overlay-out 2.2s ease forwards;
    pointer-events: none;
}

#sbs-splash svg {
    width: 120px;
    height: 120px;
    animation: sbs-logo-b 2.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

/* 覆蓋層：顯示後淡出 */
@keyframes sbs-overlay-out {
    0%   { opacity: 1; }
    60%  { opacity: 1; }
    88%  { opacity: 0; }
    100% { opacity: 0; }
}

/* Logo：縮放彈入，靜止，微縮放淡出 */
@keyframes sbs-logo-b {
    0%   { opacity: 0; transform: scale(0.55); }
    22%  { opacity: 1; transform: scale(1.06); }
    30%  { opacity: 1; transform: scale(0.97); }
    36%  { opacity: 1; transform: scale(1.00); }
    62%  { opacity: 1; transform: scale(1.00); }
    82%  { opacity: 0; transform: scale(1.08); }
    100% { opacity: 0; }
}
