東京的大阪燒與文字燒餐廳：探索7間必訪名店的美味之旅

.fv-bulk-container { width: 100%; position: relative; } .fv-bulk-container.layout-grid_fixed { display: grid; } .fv-bulk-container.layout-grid_auto { display: grid; } .fv-bulk-container.layout-flex_wrap { display: flex; flex-wrap: wrap; } .font-voice-instance { display: flex; flex-direction: column; position: relative; width: auto; max-width: 100%; background-color: var(--item-base-bg, transparent); background-image: linear-gradient(var(--matrix-row-bg, transparent), var(--matrix-row-bg, transparent)), linear-gradient(var(--matrix-col-bg, transparent), var(--matrix-col-bg, transparent)); } .font-voice-container { display: flex; width: 100%; } /* 雙重鎖定：強制套用原生系統字型與設定的粗度，防止 JS 重繪時發生的閃爍與載入延遲 */ .font-voice-container, .font-voice-container * { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: bold !important; } .button-bottom-text { word-break: break-word; white-space: pre-wrap; margin-top: 8px; line-height: 1.4; width: 100%; } .fv-item-image { margin-bottom: 10px; max-width: 100%; display: block; flex-shrink: 0; } .fv-full-row-divider { position: absolute; left: 0; width: 100%; z-index: 1; pointer-events: none; background-color: #ddd; height: 1px; } (function(){ var containerId = 'fv-bulk-wrap-4774f6a'; var updateGridMatrix = function() { var container = document.getElementById(containerId); if (!container) return; if ('IntersectionObserver' in window) { var gxBox = container.getBoundingClientRect(); if (gxBox.bottom window.innerHeight + 600) return; } var oldDividers = container.querySelectorAll('.fv-full-row-divider'); oldDividers.forEach(function(el) { el.remove(); }); var gapStr = window.getComputedStyle(container).gap || window.getComputedStyle(container).rowGap || '20px'; var gap = parseFloat(gapStr) || 20; var items = Array.from(container.querySelectorAll('.font-voice-instance')); if (items.length === 0) return; var currentRow = 1; var currentCol = 1; var lastTop = items[0].offsetTop; var rowMaxBottoms = {}; items.forEach(function(item) { if (item.offsetTop > lastTop + 5) { currentRow++; currentCol = 1; lastTop = item.offsetTop; } item.setAttribute('data-row-parity', currentRow % 2 === 0 ? 'even' : 'odd'); item.setAttribute('data-col-parity', currentCol % 2 === 0 ? 'even' : 'odd'); var itemBottom = item.offsetTop + item.offsetHeight; if (!rowMaxBottoms[currentRow] || itemBottom > rowMaxBottoms[currentRow]) { rowMaxBottoms[currentRow] = itemBottom; } currentCol++; }); var enableDivider = container.getAttribute('data-enable-divider') === 'yes'; if (enableDivider && currentRow > 1) { for (var r = 1; r < currentRow; r++) { var dividerY = rowMaxBottoms[r] + (gap / 2); var line = document.createElement('div'); line.className = 'fv-full-row-divider'; line.style.top = dividerY + 'px'; container.appendChild(line); } } }; var updateFvTitleRanks = function() { var items = document.querySelectorAll('.font-voice-instance'); items.forEach(function(el, index) { var rank = index + 1; var enableAnchor = el.getAttribute('data-enable-anchor') === 'yes'; var targetId = 'title-' + rank; if (enableAnchor) { if (el.getAttribute('id') !== targetId) el.setAttribute('id', targetId); } else { var currentId = el.getAttribute('id'); if (currentId && currentId.indexOf('title-') === 0) { var origId = el.getAttribute('data-orig-id'); if (origId) el.setAttribute('id', origId); } } }); }; function initEngine() { updateFvTitleRanks(); setTimeout(updateGridMatrix, 100); var container = document.getElementById(containerId); if (container && 'IntersectionObserver' in window) { // GX visible-grid scheduling: refresh again before scrolling into view. new IntersectionObserver(function(entries) { if (entries.some(function(entry) { return entry.isIntersecting; })) updateGridMatrix(); }, {rootMargin: '600px 0px'}).observe(container); } if (container && 'ResizeObserver' in window) new ResizeObserver(updateGridMatrix).observe(container); else window.addEventListener('resize', updateGridMatrix); } if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', initEngine); else initEngine(); window.addEventListener('load', updateGridMatrix); })();