說說花 Colorflower Say - 做自己的光，讓色彩與花說出你的生命故事

說說花 Colorflower Say - 做自己的光，讓色彩與花說出你的生命故事 { "@context":"https://schema.org", "@type":"LocalBusiness", "name":"說說花 Colorflower Say", "url":"https://colorflower-say-site.lovable.app/", "description":"說說花是結合色彩能量、永生花藝創作與手作祝福的療癒品牌。透過 Aura-Soma 平衡油諮詢、永生花藝、天使靈氣與水引手作，陪伴你認識自己、整理心緒。", "telephone":"+81-xxx-xxx-xxxx", "email":"j106226@gmail.com", "address":{"@type":"PostalAddress","streetAddress":"台灣","addressCountry":"TW"}, "sameAs":["https://www.instagram.com/colorflower.say25","https://www.facebook.com/colorflowersay"] } { "@context":"https://schema.org", "@type":"FAQPage", "mainEntity":[{"@type":"Question","name":"說說花 Colorflower Say はどこにありますか？","acceptedAnswer":{"@type":"Answer","text":"https://colorflower-say-site.lovable.app/ をご覧ください。"}}] } @font-face { font-family: 'CameraPlainVariable'; src: url('https://cdn.gpteng.co/mcp-widgets/v1/fonts/CameraPlainVariable.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; } #lovable-badge { --badge-bg: #1b1b1b; --badge-text: #c5c1b9; --badge-text-hover: #dcdad5; --badge-radius: 6px; --badge-padding: 8px; --badge-gap: 6px; --badge-shadow: 0 0 0 1px rgba(0, 0, 0, 0.88), 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 2px 2px -1px rgba(0, 0, 0, 0.08), 0 4px 4px -2px rgba(0, 0, 0, 0.08), 0 8px 8px -4px rgba(0, 0, 0, 0.08), 0 16px 16px -8px rgba(0, 0, 0, 0.08); --badge-transition-duration: 0.2s; --badge-transition-easing: cubic-bezier(0.16, 1, 0.32, 1); --focus-color: #575ECF; --focus-offset: 2px; --focus-width: 2px; position: fixed; bottom: 12px; right: 12px; height: 24px; display: flex; align-items: center; z-index: 1000000; background-color: var(--badge-bg); color: var(--badge-text); border-radius: var(--badge-radius); box-shadow: var(--badge-shadow); font-size: 12px; font-family: CameraPlainVariable, "CameraPlainVariable Fallback", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; font-weight: 400 !important; text-transform: none !important; font-feature-settings: normal !important; transform: translateZ(0); will-change: transform, opacity; } #lovable-badge-cta { display: flex; align-items: center; gap: var(--badge-gap); padding: 0 var(--badge-padding); height: 100%; color: inherit; text-decoration: none; white-space: nowrap; border-radius: var(--badge-radius) 0 0 var(--badge-radius); transition: background-color var(--badge-transition-duration) ease, color var(--badge-transition-duration) ease, transform 0.1s ease; } #lovable-badge-cta:hover { background: rgba(255, 255, 255, 0.04); color: var(--badge-text-hover); } #lovable-badge-cta:active { transform: scale(0.98); } #lovable-badge-cta:focus { outline: none; } #lovable-badge-cta:focus-visible { outline: var(--focus-width) solid var(--focus-color); outline-offset: var(--focus-offset); z-index: 1; } #lovable-badge-text { line-height: 1; } #lovable-badge-divider { width: 1px; height: 24px; background-color: rgba(255, 255, 255, 0.04); flex-shrink: 0; } #lovable-badge-close { width: 24px; height: 24px; min-width: 24px; min-height: 24px; cursor: pointer; background: none; border: none; padding: 0; display: flex; align-items: center; justify-content: center; border-radius: 0 var(--badge-radius) var(--badge-radius) 0; flex-shrink: 0; transition: background-color var(--badge-transition-duration) ease, transform 0.1s ease; } #lovable-badge-close:hover { background: rgba(255, 255, 255, 0.04); } #lovable-badge-close:active { transform: scale(0.92); } #lovable-badge-close:focus { outline: none; } #lovable-badge-close:focus-visible { outline: var(--focus-width) solid var(--focus-color); outline-offset: calc(var(--focus-offset) * -1); z-index: 1; } #lovable-badge-close svg path { fill: var(--badge-text); transition: fill var(--badge-transition-duration) ease; } #lovable-badge-close:hover svg path { fill: var(--badge-text-hover); } @media (prefers-reduced-motion: reduce) { #lovable-badge-cta, #lovable-badge-close, #lovable-badge-close svg path { transition: none; } #lovable-badge-cta:active, #lovable-badge-close:active { transform: none; } } @media (prefers-contrast: high) { #lovable-badge { --badge-bg: #000; --badge-text: #fff; --badge-text-hover: #fff; border: 2px solid currentColor; } #lovable-badge-cta:focus-visible, #lovable-badge-close:focus-visible { outline-width: 3px; } } Edit with // Don't show the lovable-badge if the page is in an iframe or if it's being rendered by puppeteer (screenshot service) if (window.self !== window.top || navigator.userAgent.includes('puppeteer')) { // the page is in an iframe var badge = document.getElementById('lovable-badge'); if (badge) { badge.style.display = 'none'; } } // Add click event listener to close button with animation var closeButton = document.getElementById('lovable-badge-close'); if (closeButton) { closeButton.addEventListener('click', function(event) { event.preventDefault(); event.stopPropagation(); var badge = document.getElementById('lovable-badge'); if (badge) { badge.classList.add('closing'); setTimeout(function() { if (badge) { badge.style