@jjlmoya/utils-chrono 1.3.0 → 1.5.0

package/src/tool/lume-color-simulator/i18n/tr.ts

@@ -0,0 +1,174 @@
+import type { ToolLocaleContent } from '../../../types';
+import type { LumeColorSimulatorUI } from '../entry';
+import { bibliography } from '../bibliography';
+
+export const content: ToolLocaleContent<LumeColorSimulatorUI> = {
+  slug: 'luminesans-renk-simulatoru',
+  title: 'Lüminesans Renk Simülatörü: Saat Lume Görselleştirici',
+  description: 'Farklı lüminesans renklerini gerçek zamanlı olarak görselleştirin. C1, C3, BGW9, LumiNova ve daha fazlasını ortam parlaklık seviyelerinde karşılaştırın.',
+  ui: {
+    title: 'Lüminesans Renk Simülatörü',
+    lumeType: 'Lume Türü',
+    brightness: 'Ortam Parlaklığı',
+    dark: 'Karanlık',
+    light: 'Aydınlık',
+    color: 'Renk',
+    hex: 'HEX',
+    rgb: 'RGB',
+    type: 'Tür',
+    description: 'Açıklama',
+    c1Name: 'C1',
+    c1Desc: 'Yeşil (klasik)',
+    c3Name: 'C3',
+    c3Desc: 'Süper Yeşil',
+    bgw9Name: 'BGW9',
+    bgw9Desc: 'Buz Mavisi',
+    lumiNovaName: 'LumiNova',
+    lumiNovaDesc: 'Sıcak Beyaz',
+    vintageName: 'Vintage',
+    vintageDesc: 'Eski Radium',
+    orangeName: 'Turuncu',
+    orangeDesc: 'Dalış Turuncusu',
+    blueName: 'Mavi',
+    blueDesc: 'Koyu Mavi',
+    greenName: 'Yeşil',
+    greenDesc: 'Neon Yeşili',
+    tipTitle: 'İpucu',
+    tipContent: 'Lüminesans parlaklığı, pigment kalitesine ve ne kadar ışık emdiğine bağlıdır. BGW9 mavi-beyaz parlar ve en parlak olanıdır; vintage lüminesans ise sıcak ve loş bir ışığa sahiptir.',
+  },
+  seo: [
+    { type: 'title', text: 'Saat Lume Renk Simülatörü-Gerçek Zamanlı Işıma Görselleştirici', level: 2 },
+    { type: 'paragraph', html: 'Lüminesans, saat koleksiyonculuğundaki en kişisel seçimlerden biridir. <strong>C1 Super-LumiNova</strong>\'nın klasik yeşil ışımasını mı yoksa <strong>BGW9</strong>\'un buz mavisini mi tercih edersiniz? Bu simülatör, her lüminesans türünün gün ışığından zifiri karanlığa kadar farklı parlaklık seviyelerinde nasıl göründüğünü, her ton için <strong>HEX ve RGB değerleri</strong>yle birlikte gösterir.' },
+    { type: 'title', text: 'Super-LumiNova Türleri Karşılaştırması', level: 3 },
+    {
+      type: 'table', headers: ['Tür', 'Gün Rengi', 'Işıma Rengi', 'Parlaklık', 'En Uygun'], rows: [
+        ['C1', 'Açık yeşil', 'Yeşil', 'Orta', 'Elbise saatleri, orijinal estetik'],
+        ['C3', 'Sarı-yeşil', 'Parlak yeşil', 'En yüksek', 'Dalış saatleri, alet saatleri'],
+        ['BGW9', 'Kirli beyaz', 'Buz mavisi', 'Yüksek', 'Modern spor saatler, temiz görünüm'],
+        ['LumiNova', 'Sıcak bej', 'Sıcak beyaz', 'Düşük-orta', 'Bütçe dostu lüminesans'],
+        ['Vintage', 'Krem / ten rengi', 'Sıcak loş', 'Düşük', 'Klasik tarz saatler'],
+        ['Turuncu', 'Turuncu', 'Turuncu', 'Orta', 'Dalış vurguları, retro dalış saatleri'],
+        ['Mavi', 'Açık mavi', 'Mavi', 'Orta', 'Tasarım kadranlar, moda saatleri'],
+        ['Yeşil', 'Parlak yeşil', 'Yeşil', 'Yüksek', 'Askeri tarz saatler'],
+      ]
+    },
+    { type: 'title', text: 'C1 vs C3 vs BGW9-Hangisini Seçmelisiniz?', level: 3 },
+    {
+      type: 'comparative', columns: 2, items: [
+        { title: 'C1 Klasik Yeşil', icon: 'mdi:lightbulb-on', description: 'Orijinal Super-LumiNova formülasyonu. Orta parlaklıkta yeşil ışıma yapar. Her saat stiline uyan güvenli, klasik bir seçim.', points: ['Orta parlaklık, 4-6 saat görünürlük', 'Yeşil ışıma, sıcak ton', 'En uygun fiyatlı formülasyon', 'Giriş seviyesi saatlerde yaygın'], highlight: false },
+        { title: 'C3 Süper Yeşil', icon: 'mdi:lightning-bolt', description: 'Mevcut en parlak yeşil lüminesans. Sualtında okunabilirliğin kritik olduğu profesyonel dalış saatlerinde kullanılır. Minimum şarjla maksimum ışıma.', points: ['En yüksek parlaklık, 8-12 saat görünürlük', 'Gün ışığında sarı-yeşil', 'Seiko, Citizen, Omega tarafından tercih edilir', 'Düşük ışıkta okunabilirlik için en iyisi'], highlight: true },
+      ]
+    },
+    {
+      type: 'comparative', columns: 2, items: [
+        { title: 'BGW9 Buz Mavisi', icon: 'mdi:snowflake', description: 'Yeşil yerine mavi-beyaz ışıma yapar. C3\'ten biraz daha az parlak olsa da temiz, modern estetiği nedeniyle tercih edilir. Lüks spor saatlerde popülerdir.', points: ['Yüksek parlaklık, 6-10 saat görünürlük', 'Mavi-beyaz ışıma, nötr ton', 'Gün ışığında temiz, modern görünüm', 'Tudor, Grand Seiko, Omega tarafından kullanılır'], highlight: true },
+        { title: 'Vintage Radium Tarzı', icon: 'mdi:fire', description: '1960\'ların radyum lüminesansını taklit eden sıcak bej/krem tonu. Estetik özgünlük için kasıtlı olarak daha loştur. Işıma sıcak, hafif ve zamanla güzelleşir.', points: ['Düşük parlaklık, 2-4 saat görünürlük', 'Sıcak kremden loş kehribara', 'Radyoaktivite içermeyen eskitilmiş görünüm', 'Klasik yeniden basımlarda popüler'], highlight: false },
+      ]
+    },
+    { type: 'diagnostic', variant: 'info', title: 'Parlaklık Her Şey Değildir', icon: 'mdi:palette', html: 'En parlak lüminesans (C3) her zaman en iyi seçim değildir. <strong>BGW9</strong>, küçük bir parlaklık farkını birçok koleksiyoncunun tercih ettiği daha nötr ve modern bir görünümle takas eder. <strong>Vintage lüminesans</strong>, performans yerine döneme uygun estetiği önceliklendirir. Seçiminizi sizin için en önemli olana göre yapın: <strong>maksimum ışıma, modern estetik veya klasik özgünlük.</strong>' },
+    { type: 'title', text: 'Lüminesans Nasıl Çalışır: Işımanın Arkasındaki Bilim', level: 3 },
+    {
+      type: 'glossary', items: [
+        { term: 'Super-LumiNova', definition: 'Stronsiyum aluminat bazlı fotolüminesan bir pigmenttir. UV ve görünür ışığı emer ve ışıma olarak yeniden yayar. Radyoaktif değildir ve güvenlidir. İlk olarak 1993\'te Nemoto & Co. tarafından geliştirilmiştir.' },
+        { term: 'Şarj Süresi', definition: 'Lüminesans pigmentini doyurmak için gereken ışık maruziyeti süresidir. Tam şarj, doğrudan güneş ışığı veya UV altında 10-30 dakika sürer. Daha uzun şarj = daha uzun ve daha parlak ışıma.' },
+        { term: 'Işıma Süresi', definition: 'Şarjdan sonra lüminesansın görünür kaldığı süredir. Kaliteli Super-LumiNova 6-12 saat boyunca görünür şekilde ışıma yapar. En parlak dönem, şarjdan sonraki ilk 30 dakikadır.' },
+        { term: 'Pigment Kalitesi', definition: 'Stronsiyum aluminat kristallerinin kalitesidir. Üstün pigmentler (C3, BGW9) daha parlak ve daha uzun süreli ışıma için daha büyük ve daha homojen kristaller kullanır. Alt seviye pigmentler (LumiNova) daha küçük kristaller kullanır ve daha loştur.' },
+      ]
+    },
+    {
+      type: 'summary', title: 'Lüminesans Seçimi Hızlı Kılavuz', items: [
+        'Karanlıkta maksimum okunabilirlik için: C3 (en parlak yeşil) veya BGW9 (en parlak mavi-beyaz) tercih edin.',
+        'Modern lüks görünüm için: BGW9, üst düzey saat markaları arasında şu anki favori.',
+        'Vintage/klasik yapımlar için: Döneme uygun sıcak tonlar için Vintage veya Turuncu kullanın.',
+        'C1 her işe yarar: iyi parlaklık, klasik yeşil, uygun fiyat.',
+        'Lüminesansın gün ışığındaki rengi, ışıma renginden önemli ölçüde farklıdır-ikisini karşılaştırmak için simülatörü kullanın.',
+      ]
+    },
+  ],
+  faq: [
+    {
+      question: 'En parlak lüminesans hangisidir?',
+      answer: 'C3 Super-LumiNova en parlak yeşil formülasyondur. BGW9 ise en parlak mavi-beyaz formülasyondur. İkisi de C1 veya standart LumiNova\'dan belirgin şekilde daha parlaktır.',
+    },
+    {
+      question: 'BGW9 lüminesans nedir?',
+      answer: 'BGW9, yeşil yerine mavi-beyaz ışıma yapan bir Super-LumiNova varyantıdır. C3\'ten biraz daha az parlak olmasına rağmen temiz, modern görünümü nedeniyle birçok kişi tarafından tercih edilir.',
+    },
+    {
+      question: 'Vintage lüminesans ışıma yapar mı?',
+      answer: 'Modern vintage tarzı lüminesans (bej/sıcak) ışıma yapar ancak eskitilmiş radyumu taklit etmek için kasıtlı olarak daha loştur. Buradaki ödün, maksimum parlaklık yerine estetik özgünlüktür.',
+    },
+    {
+      question: 'Lüminesans ne kadar süre dayanır?',
+      answer: 'Parlak ışık altında tam şarj sonrası, kaliteli Super-LumiNova 6-12 saat görünür şekilde ışıma yapar. En parlak dönem ilk 30 dakikadır.',
+    },
+  ],
+  bibliography,
+  howTo: [
+    {
+      name: 'Bir lüminesans türü seçin',
+      text: 'C1, C3, BGW9, LumiNova, Vintage, Turuncu, Mavi veya Yeşil ön ayarlarından birini seçin.',
+    },
+    {
+      name: 'Parlaklığı ayarlayın',
+      text: 'Ortam parlaklık kontrolünü gündüz (sol)den geceye (sağ) kaydırarak lüminesansın nasıl davrandığını görün.',
+    },
+    {
+      name: 'Özellikleri okuyun',
+      text: 'Bilgi kartı, geçerli rengin tam HEX ve RGB değerlerini gösterir.',
+    },
+  ],
+  schemas: [
+    {
+      '@context': 'https://schema.org',
+      '@type': 'FAQPage',
+      'mainEntity': [
+        {
+          '@type': 'Question',
+          'name': 'En parlak lüminesans hangisidir?',
+          'acceptedAnswer': { '@type': 'Answer', 'text': 'C3 Super-LumiNova en parlak yeşildir. BGW9 en parlak mavi-beyazdır.' },
+        },
+        {
+          '@type': 'Question',
+          'name': 'BGW9 lüminesans nedir?',
+          'acceptedAnswer': { '@type': 'Answer', 'text': 'BGW9, yeşil yerine mavi-beyaz ışıma yapan bir Super-LumiNova varyantıdır.' },
+        },
+        {
+          '@type': 'Question',
+          'name': 'Vintage lüminesans ışıma yapar mı?',
+          'acceptedAnswer': { '@type': 'Answer', 'text': 'Modern vintage tarzı lüminesans ışıma yapar ancak eskitilmiş radyumu taklit etmek için kasıtlı olarak daha loştur.' },
+        },
+      ],
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'SoftwareApplication',
+      'name': 'Lüminesans Renk Simülatörü',
+      'operatingSystem': 'Tümü',
+      'applicationCategory': 'UtilitiesApplication',
+      'browserRequirements': 'HTML5 gerekli. JavaScript gerekli.',
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'HowTo',
+      'name': 'Lüminesans renkleri nasıl simüle edilir',
+      'step': [
+        {
+          '@type': 'HowToStep',
+          'name': 'Bir lüminesans türü seçin',
+          'text': 'C1, C3, BGW9, LumiNova veya diğer ön ayarlardan birini seçin.',
+        },
+        {
+          '@type': 'HowToStep',
+          'name': 'Parlaklığı ayarlayın',
+          'text': 'Parlaklığı gündüzden geceye kaydırarak lüminesans davranışını görün.',
+        },
+        {
+          '@type': 'HowToStep',
+          'name': 'Özellikleri okuyun',
+          'text': 'Bilgi kartı, geçerli rengin HEX ve RGB değerlerini gösterir.',
+        },
+      ],
+    },
+  ],
+};

package/src/tool/lume-color-simulator/i18n/zh.ts

@@ -0,0 +1,174 @@
+import type { ToolLocaleContent } from '../../../types';
+import type { LumeColorSimulatorUI } from '../entry';
+import { bibliography } from '../bibliography';
+
+export const content: ToolLocaleContent<LumeColorSimulatorUI> = {
+  slug: 'lume-color-simulator',
+  title: '夜光颜色模拟器 — 手表夜光效果在线预览',
+  description: '实时预览不同夜光颜色的效果。对比 C1、C3、BGW9、LumiNova 等多种夜光在不同环境亮度下的表现。',
+  ui: {
+    title: '夜光颜色模拟器',
+    lumeType: '夜光类型',
+    brightness: '环境亮度',
+    dark: '暗',
+    light: '亮',
+    color: '颜色',
+    hex: 'HEX',
+    rgb: 'RGB',
+    type: '类型',
+    description: '说明',
+    c1Name: 'C1',
+    c1Desc: '绿色（经典）',
+    c3Name: 'C3',
+    c3Desc: '超级绿',
+    bgw9Name: 'BGW9',
+    bgw9Desc: '冰蓝色',
+    lumiNovaName: 'LumiNova',
+    lumiNovaDesc: '暖白色',
+    vintageName: 'Vintage',
+    vintageDesc: '复古镭',
+    orangeName: 'Orange',
+    orangeDesc: '潜水橙',
+    blueName: 'Blue',
+    blueDesc: '深蓝色',
+    greenName: 'Green',
+    greenDesc: '霓虹绿',
+    tipTitle: '提示',
+    tipContent: '夜光亮度取决于颜料品质和吸收光量的多少。BGW9 发出蓝白色光，亮度最高；而复古夜光呈暖色，亮度较暗。',
+  },
+  seo: [
+    { type: 'title', text: '手表夜光颜色模拟器 — 实时发光效果预览', level: 2 },
+    { type: 'paragraph', html: '夜光是手表收藏中最个性化的选择之一。你偏爱 <strong>C1 Super-LumiNova</strong> 的经典绿色光芒，还是 <strong>BGW9</strong> 的冰蓝色调？本模拟器展示每种夜光类型在从日光到全黑不同亮度等级下的表现，并提供每种颜色的精确 <strong>HEX 和 RGB 值</strong>。' },
+    { type: 'title', text: 'Super-LumiNova 类型对比', level: 3 },
+    {
+      type: 'table', headers: ['类型', '日光颜色', '发光颜色', '亮度', '适合场景'], rows: [
+        ['C1', '浅绿色', '绿色', '中等', '正装表，原汁原味'],
+        ['C3', '黄绿色', '亮绿色', '最高', '潜水表，工具表'],
+        ['BGW9', '米白色', '冰蓝色', '高', '现代运动表，简约风格'],
+        ['LumiNova', '暖米色', '暖白色', '低-中', '经济型夜光方案'],
+        ['Vintage', '奶油色/棕褐色', '暖暗光', '低', '复古风格手表'],
+        ['Orange', '橙色', '橙色', '中等', '潜水表点缀，复古潜水表'],
+        ['Blue', '浅蓝色', '蓝色', '中等', '设计款表盘，时尚手表'],
+        ['Green', '亮绿色', '绿色', '高', '军表风格手表'],
+      ]
+    },
+    { type: 'title', text: 'C1 vs C3 vs BGW9 — 该如何选择？', level: 3 },
+    {
+      type: 'comparative', columns: 2, items: [
+        { title: 'C1 经典绿色', icon: 'mdi:lightbulb-on', description: 'Super-LumiNova 最早期的配方。发出中等亮度的绿色荧光。安全经典，适合任何手表风格。', points: ['中等亮度，可见 4-6 小时', '绿色发光，暖色调', '最经济的配方', '常见于入门级手表'], highlight: false },
+        { title: 'C3 超级绿', icon: 'mdi:lightning-bolt', description: '市面上最亮的绿色夜光。专业潜水表在水下读时至关重要的选择。极短充电时间即可达到最大亮度。', points: ['最高亮度，可见 8-12 小时', '日光下呈黄绿色', '精工、西铁城、欧米茄首选', '弱光环境下最易读'], highlight: true },
+      ]
+    },
+    {
+      type: 'comparative', columns: 2, items: [
+        { title: 'BGW9 冰蓝色', icon: 'mdi:snowflake', description: '发出蓝白色而非绿色光芒。亮度略低于 C3，但因干净现代的视觉效果备受青睐。常见于豪华运动表。', points: ['高亮度，可见 6-10 小时', '蓝白色发光，中性色调', '日光下呈现干净现代的质感', '帝舵、冠蓝狮、欧米茄使用'], highlight: true },
+        { title: '复古镭式夜光', icon: 'mdi:fire', description: '暖米色/奶油色调，模仿 1960 年代镭夜光的效果。刻意降低亮度以还原真实复古质感。发光温暖、柔和，随时间愈加迷人。', points: ['低亮度，可见 2-4 小时', '暖奶油色到暗琥珀色', '复古外观，不含放射性物质', '复古复刻款中常见'], highlight: false },
+      ]
+    },
+    { type: 'diagnostic', variant: 'info', title: '亮度并非一切', icon: 'mdi:palette', html: '最亮的夜光（C3）未必总是最佳选择。<strong>BGW9</strong> 用微小的亮度差距换来了更中性、更现代的外观，深受许多收藏家喜爱。<strong>复古夜光</strong> 则优先考虑时代准确的复古美学而非性能。根据你最看重什么来做选择：<strong>最大亮度、现代美学、还是复古真实感。</strong>' },
+    { type: 'title', text: '夜光原理：发光背后的科学', level: 3 },
+    {
+      type: 'glossary', items: [
+        { term: 'Super-LumiNova', definition: '一种基于铝酸锶的光致发光颜料。吸收紫外线和可见光后重新发出荧光。无放射性，安全可靠。由 Nemoto & Co. 于 1993 年研发。' },
+        { term: '充电时间', definition: '使夜光颜料达到饱和所需的光照时长。在阳光或紫外线下充分充电需要 10-30 分钟。充电越久，发光越亮、越持久。' },
+        { term: '发光持续时间', definition: '充电后夜光保持可见的时间。优质 Super-LumiNova 可持续发光 6-12 小时。充电后的前 30 分钟亮度最高。' },
+        { term: '颜料等级', definition: '铝酸锶晶体的品质。高等级颜料（C3、BGW9）使用更大、更均匀的晶体，亮度和持续时间更优。低等级（LumiNova）使用更小的晶体，亮度较暗。' },
+      ]
+    },
+    {
+      type: 'summary', title: '夜光选择快速指南', items: [
+        '追求黑暗中的最佳可读性：选择 C3（最亮绿色）或 BGW9（最亮蓝白色）。',
+        '追求现代豪华质感：BGW9 是目前高端手表品牌中的热门之选。',
+        '追求复古/复刻风格：使用 Vintage 或 Orange 以获得时代准确的温暖色调。',
+        'C1 是万金油：亮度不错、经典绿色、价格实惠。',
+        '夜光在日光下的颜色与发光颜色差异很大——使用模拟器同时对比两者。',
+      ]
+    },
+  ],
+  faq: [
+    {
+      question: '哪种夜光最亮？',
+      answer: 'C3 Super-LumiNova 是最亮的绿色夜光。BGW9 是最亮的蓝白色夜光。两者的亮度都远超 C1 和普通 LumiNova。',
+    },
+    {
+      question: '什么是 BGW9 夜光？',
+      answer: 'BGW9 是 Super-LumiNova 的一个变种，发出蓝白色而非绿色光芒。亮度略低于 C3，但因其干净现代的外观而备受青睐。',
+    },
+    {
+      question: '复古夜光会发光吗？',
+      answer: '现代复古风格的夜光（米色/暖色）会发光，但刻意降低了亮度以模拟老化的镭夜光。这是以最大亮度换取复古真实感。',
+    },
+    {
+      question: '夜光能持续多久？',
+      answer: '在强光下充分充电后，优质 Super-LumiNova 可持续发光 6-12 小时。充电后的前 30 分钟亮度最高。',
+    },
+  ],
+  bibliography,
+  howTo: [
+    {
+      name: '选择夜光类型',
+      text: '从 C1、C3、BGW9、LumiNova、Vintage、Orange、Blue 或 Green 预设中选择。',
+    },
+    {
+      name: '调节亮度',
+      text: '拖动环境亮度滑块从白天（左侧）到夜晚（右侧），观察夜光的变化。',
+    },
+    {
+      name: '查看参数',
+      text: '信息卡片显示当前颜色的精确 HEX 和 RGB 值。',
+    },
+  ],
+  schemas: [
+    {
+      '@context': 'https://schema.org',
+      '@type': 'FAQPage',
+      'mainEntity': [
+        {
+          '@type': 'Question',
+          'name': '哪种夜光最亮？',
+          'acceptedAnswer': { '@type': 'Answer', 'text': 'C3 Super-LumiNova 是最亮的绿色夜光。BGW9 是最亮的蓝白色夜光。' },
+        },
+        {
+          '@type': 'Question',
+          'name': '什么是 BGW9 夜光？',
+          'acceptedAnswer': { '@type': 'Answer', 'text': 'BGW9 是 Super-LumiNova 的一个变种，发出蓝白色而非绿色光芒。' },
+        },
+        {
+          '@type': 'Question',
+          'name': '复古夜光会发光吗？',
+          'acceptedAnswer': { '@type': 'Answer', 'text': '现代复古风格的夜光会发光，但刻意降低了亮度以模拟老化的镭夜光效果。' },
+        },
+      ],
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'SoftwareApplication',
+      'name': 'Lume Color Simulator',
+      'operatingSystem': 'All',
+      'applicationCategory': 'UtilitiesApplication',
+      'browserRequirements': 'Requires HTML5. Requires JavaScript.',
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'HowTo',
+      'name': 'How to simulate lume colors',
+      'step': [
+        {
+          '@type': 'HowToStep',
+          'name': 'Select a lume type',
+          'text': 'Choose from C1, C3, BGW9, LumiNova, or other presets.',
+        },
+        {
+          '@type': 'HowToStep',
+          'name': 'Adjust brightness',
+          'text': 'Slide brightness from day to night to see the lume behavior.',
+        },
+        {
+          '@type': 'HowToStep',
+          'name': 'Read the specs',
+          'text': 'The info card shows HEX and RGB values of the current color.',
+        },
+      ],
+    },
+  ],
+};

package/src/tool/lume-color-simulator/index.ts

@@ -0,0 +1,11 @@
+import type { ToolDefinition } from '../../types';
+import { lumeColorSimulator } from './entry';
+
+export * from './entry';
+
+export const LUME_COLOR_SIMULATOR_TOOL: ToolDefinition = {
+  entry: lumeColorSimulator,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
+};

package/src/tool/lume-color-simulator/lume-color-simulator.css

@@ -0,0 +1,208 @@
+.tool-main-card {
+  background: var(--bg-surface);
+  border: 1px solid var(--border-color);
+  border-radius: 1.25rem;
+  max-width: 480px;
+  margin: 0 auto;
+  padding: 1.75rem;
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+  box-shadow: var(--shadow-base);
+}
+
+.lume-panel {
+  display: flex;
+  flex-direction: column;
+  gap: 1.25rem;
+}
+
+.panel-section {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+.section-label {
+  font-size: 0.75rem;
+  font-weight: 600;
+  color: var(--text-base);
+  opacity: 0.7;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+}
+
+/* Lume canvas */
+.lume-canvas-wrapper {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+}
+
+.lume-canvas-wrapper canvas {
+  border-radius: 1rem;
+  max-width: 100%;
+}
+
+/* Preset grid */
+.preset-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 0.5rem;
+}
+
+.preset-btn {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.3rem;
+  padding: 0.6rem 0.5rem;
+  background: var(--bg-page);
+  border: 2px solid var(--border-base);
+  border-radius: 0.75rem;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.preset-btn:hover {
+  border-color: var(--accent);
+  background: color-mix(in srgb, var(--accent) 5%, var(--bg-page));
+}
+
+.preset-btn.active {
+  border-color: var(--accent);
+  background: color-mix(in srgb, var(--accent) 10%, var(--bg-page));
+  box-shadow: 0 0 0 1px var(--accent);
+}
+
+.preset-swatch {
+  width: 2rem;
+  height: 2rem;
+  border-radius: 50%;
+  border: 1px solid var(--border-base);
+  flex-shrink: 0;
+}
+
+.preset-name {
+  font-size: 0.7rem;
+  font-weight: 700;
+  color: var(--text-base);
+  text-align: center;
+  line-height: 1.2;
+}
+
+.preset-desc {
+  font-size: 0.6rem;
+  color: var(--text-base);
+  opacity: 0.5;
+  text-align: center;
+}
+
+/* Brightness slider */
+.slider-row {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+}
+
+.slider-icon {
+  font-size: 1rem;
+  opacity: 0.5;
+  color: var(--text-base);
+}
+
+.slider-row input[type="range"] {
+  flex: 1;
+  -webkit-appearance: none;
+  appearance: none;
+  height: 4px;
+  background: var(--border-base);
+  border-radius: 2px;
+  outline: none;
+}
+
+.slider-row input[type="range"]::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  width: 1rem;
+  height: 1rem;
+  border-radius: 50%;
+  background: var(--accent);
+  cursor: pointer;
+  border: 2px solid var(--bg-surface);
+  box-shadow: 0 1px 4px rgba(0,0,0,0.2);
+}
+
+.slider-row input[type="range"]::-moz-range-thumb {
+  width: 1rem;
+  height: 1rem;
+  border-radius: 50%;
+  background: var(--accent);
+  cursor: pointer;
+  border: 2px solid var(--bg-surface);
+  box-shadow: 0 1px 4px rgba(0,0,0,0.2);
+}
+
+/* Color info */
+.color-info {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 0.5rem;
+  padding: 0.75rem;
+  background: var(--bg-page);
+  border: 1px solid var(--border-base);
+  border-radius: 0.75rem;
+}
+
+.color-info-item {
+  display: flex;
+  flex-direction: column;
+  gap: 0.1rem;
+}
+
+.color-info-label {
+  font-size: 0.6rem;
+  font-weight: 600;
+  color: var(--text-base);
+  opacity: 0.5;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+}
+
+.color-info-value {
+  font-size: 0.8125rem;
+  font-weight: 700;
+  color: var(--text-base);
+  font-variant-numeric: tabular-nums;
+}
+
+.tip-row {
+  display: flex;
+  gap: 0.5rem;
+  padding: 0.75rem 1rem;
+  background: var(--bg-page);
+  border-radius: 0.75rem;
+  border: 1px solid var(--border-base);
+}
+
+.tip-icon {
+  flex-shrink: 0;
+  margin-top: 0.1rem;
+  color: var(--accent);
+}
+
+.tip-text {
+  font-size: 0.8rem;
+  color: var(--text-base);
+  opacity: 0.85;
+  line-height: 1.5;
+}
+
+@media (max-width: 520px) {
+  .tool-main-card {
+    padding: 1rem;
+  }
+  .preset-grid {
+    grid-template-columns: 1fr 1fr;
+  }
+}

package/src/tool/lume-color-simulator/seo.astro

@@ -0,0 +1,16 @@
+---
+import { SEORenderer } from '@jjlmoya/utils-shared';
+import { lumeColorSimulator } from './index';
+import type { KnownLocale } from '../../types';
+
+interface Props {
+  locale?: KnownLocale;
+}
+
+const { locale = 'en' } = Astro.props;
+const loader = lumeColorSimulator.i18n[locale] || lumeColorSimulator.i18n.en;
+const content = await loader?.();
+if (!content) return null;
+---
+
+{content.seo?.length > 0 && <SEORenderer content={{ locale, sections: content.seo }} />}

package/src/tool/moon-phase-visualizer/bibliography.astro

@@ -0,0 +1,16 @@
+---
+import { Bibliography as SharedBibliography } from '@jjlmoya/utils-shared';
+import { moonPhaseVisualizer } from './index';
+import type { KnownLocale } from '../../types';
+
+interface Props {
+  locale?: KnownLocale;
+}
+
+const { locale = 'en' } = Astro.props as Props;
+const loader = moonPhaseVisualizer.i18n[locale] || moonPhaseVisualizer.i18n.en;
+const content = await loader?.();
+if (!content) return null;
+---
+
+{content && <SharedBibliography links={content.bibliography} />}

package/src/tool/moon-phase-visualizer/bibliography.ts

@@ -0,0 +1,16 @@
+import type { BibliographyEntry } from '../../types';
+
+export const bibliography: BibliographyEntry[] = [
+  {
+    name: 'Moon Phase Watches-A Complete Guide',
+    url: 'https://www.watchgecko.com/blogs/magazine/moonphase-watches-guide',
+  },
+  {
+    name: 'How Moon Phase Complications Work',
+    url: 'https://initium.swiss/en/blog/the-complete-guide-to-the-moon-phase-watch/',
+  },
+  {
+    name: 'Lunar Phases Explained-NASA',
+    url: 'https://science.nasa.gov/moon/moon-phases/',
+  },
+];