Apple Test / Black Friday

About

/* サイバーパンク背景 - テーマ背景を完全にオーバーライド */ .bf-starry-background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, #0a0e27, #1a1f3a, #0a0e27) !important; z-index: 0 !important; pointer-events: none; } .bf-starry-background::before { content: ''; position: absolute; width: 100%; height: 100%; background-image: linear-gradient(rgba(0, 255, 255, 0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 255, 255, 0.1) 1px, transparent 1px); background-size: 50px 50px; animation: bf-gridMove 20s linear infinite; } @keyframes bf-gridMove { 0% { transform: translateY(0); } 100% { transform: translateY(50px); } } .bf-stars { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none; z-index: 1; } .bf-star { position: absolute; width: 3px; height: 3px; background: #00ffff; box-shadow: 0 0 5px #00ffff; animation: bf-twinkle 3s infinite; border-radius: 50%; pointer-events: none; } @keyframes bf-twinkle { 0%, 100% { opacity: 0.3; } 50% { opacity: 1; } } /* 流れ星を最上段に配置してクリックしやすく */ .bf-shooting-star { position: fixed; font-size: 32px; cursor: pointer; user-select: none; z-index: 99999 !important; pointer-events: auto !important; filter: drop-shadow(0 0 10px rgba(255, 215, 0, 1)); transition: transform 0.1s ease; } .bf-shooting-star:hover { transform: scale(1.2); } .bf-shooting-star:active { transform: scale(1.5) !important; } .bf-shooting-star.moving { animation: bf-shoot 3s linear forwards; } @keyframes bf-shoot { 0% { transform: translate(0, 0) rotate(-45deg); opacity: 1; } 100% { transform: translate(-400px, 400px) rotate(-45deg); opacity: 0; } } /* コンテンツエリア - テーマ背景を完全にオーバーライド */ body { font-family: 'Courier New', monospace, 'Segoe UI', Roboto, sans-serif; background-color: transparent !important; background: transparent !important; margin: 0; padding: 0; } /* Shopifyテーマの背景を強制的に透明化 */ #shopify-section-collection-template, .collection-template, .main-content, [id*="collection"] { background: