揪愛DoReMi行動KTV｜行動KTV推薦・家庭KTV設備・K歌觀影一體機・露營KTV

揪愛DoReMi行動KTV｜行動KTV推薦・家庭KTV設備・K歌觀影一體機・露營KTV { "@context": "https://schema.org", "@graph": [ { "@type": "LocalBusiness", "name": "揪愛DoReMi行動KTV", "image": "https://karaoke113.netlify.app/images/5HHuNhA.jpg", "@id": "https://karaoke113.netlify.app/#localbusiness", "url": "https://karaoke113.netlify.app/", "telephone": "+886-926-786-831", "priceRange": "$$", "address": { "@type": "PostalAddress", "streetAddress": "信光路113號", "addressLocality": "桃園區", "addressRegion": "桃園市", "postalCode": "330", "addressCountry": "TW" }, "geo": { "@type": "GeoCoordinates", "latitude": 24.993, "longitude": 121.301 }, "openingHoursSpecification": { "@type": "OpeningHoursSpecification", "dayOfWeek": [ "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday" ], "opens": "10:00", "closes": "22:00" }, "description": "專業行動KTV設備販售，提供六款機型選擇，全台免運到府安裝教學服務。" } ] } tailwind.config = { theme: { extend: { colors: { stage: { dark: '#0B1220', main: '#0F2A44', // 保留做為主標題與強調文字色 light: '#1B3B5F', }, accent: { orange: '#FF7A00', // 陽光活力的亮橘 cyan: '#00A8CC', // 清新的亮青色 line: '#00B900', }, text: { main: '#333333', light: '#F5F7FA', } }, fontFamily: { sans: ['"Noto Sans TC"', 'system-ui', 'sans-serif'], }, boxShadow: { 'neon': '0 0 15px rgba(255, 122, 0, 0.15)', // 暖色光暈 'card': '0 10px 30px -5px rgba(0, 0, 0, 0.08)', } } } } // 防止重新整理時跳位 if (history.scrollRestoration) { history.scrollRestoration = 'manual'; } window.scrollTo(0, 0); window.addEventListener('DOMContentLoaded', () => { setTimeout(() => window.scrollTo(0, 0), 0); if (window.location.hash) { history.replaceState(null, null, window.location.pathname + window.location.search); } }); /* Base Styles - 改為明亮系 */ body { font-family: 'Noto Sans TC', sans-serif; -webkit-font-smoothing: antialiased; overflow-x: hidden; background-color: #FAFAFA; } .reveal-section { opacity: 0; transform: translateY(30px); transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .reveal-section.active { opacity: 1; transform: translateY(0); } .stagger-1 { transition-delay: 100ms; } .stagger-2 { transition-delay: 200ms; } .stagger-3 { transition-delay: 300ms; } .stagger-4 { transition-delay: 400ms; } .stagger-5 { transition-delay: 500ms; } .stagger-6 { transition-delay: 600ms; } /* Canvas Background - 提升層級 */ #hero-canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; } /* Custom Scrollbar */ .custom-scrollbar::-webkit-scrollbar { height: 8px; } .custom-scrollbar::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 4px; } .custom-scrollbar::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; } .custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #FF7A00; } .hide-scrollbar::-webkit-scrollbar { display: none; } .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; } th.sticky-col { position: sticky; left: 0; z-index: 10; } .video-wrapper { transition: height 0.5s ease-in-out; } @keyframes music-pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .playing-icon { animation: music-pulse 2s infinite; } /* ===== Concert Mini Player (明亮版) ===== */ .concert-player{ position:fixed; right:18px; bottom:18px; z-index:9999; width:min(420px, calc(100vw - 36px)); display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 14px; border-radius:20px; color:#333; /* 改為深色文字 */ background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(12px); border: 1px solid rgba(0,0,0,0.08); box-shadow: 0 15px 35px rgba(0,0,0,0.15); overflow:hidden; } .concert-left{display:flex; align-items:center; gap:12px; min-width:0;} .concert-btn{ width:46px; height:46px; border-radius:16px; border: none; background: linear-gradient(135deg, #FF9A44, #FC6076); /* 陽光漸層 */ color:#fff; cursor:pointer; box-shadow: 0 4px 10px rgba(255,122,0,0.3); transition: transform .15s ease; } .concert-btn:hover{ transform: translateY(-2px); } .concert-icon{ font-size:18px; display:inline-block; transform: translateX(1px); } .concert-meta{min-width:0; display:flex; flex-direction:column; gap:2px;} .concert-title{ font-weight:800; font-size:14px; letter-spacing:.6px; position:relative; max-width: 180px; white-space:nowrap; overflow:hidden; } .concert-title-track{ display:flex; align-items:center; gap:24px; width:max-content; will-change: transform; } .concert-title-text{ display:inline-block; white-space:nowrap; } .concert-title-clone{ display:none; } .concert-title.is-marquee .concert-title-clone{ display:inline-block; } .concert-title.is-marquee .concert-title-track{ animation: concertMarquee var(--marquee-duration, 10s) linear infinite; } @media (max-width: 420px){ .concert-title{ max-width: 140px; } } @keyframes concertMarquee{ 0%{ transform: translateX(0); } 100%{ transform: translateX(calc(-1 * var(--marquee-distance, 120px))); } } .concert-sub{ font-size:12px; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .concert-mid{flex:1; display:flex; justify-conten