Unify detail cards and fix browser database startup

src/components/chapter/ChapterIllustrationsSection.vue

@@ -26,7 +26,7 @@ const emit = defineEmits<{
 
 <template>
   <section
-    class="rounded-xl border border-gray-200 bg-white dark:border-gray-700 dark:bg-gray-900"
+    class="rounded-xl border border-gray-200 bg-white dark:border-gray-700 dark:bg-gray-800"
     :class="layout === 'panel' ? 'p-4' : 'mt-4 p-6'"
   >
     <div

src/components/reading/FontSizeControl.vue

@@ -7,8 +7,8 @@ const props = withDefaults(
     modelValue: ReadingFontSize
     /**
      * 'card'  — matches sidebar info cards (rounded-lg, gray-800, shadow).
-     * 'panel' — matches the chapter illustration panel (rounded-xl, darker
-     *           gray-900, no shadow, extra top padding).
+     * 'panel' — matches the chapter illustration panel (rounded-xl, no
+     *           shadow, extra top padding).
      */
     variant?: 'card' | 'panel'
   }>(),
@@ -21,7 +21,7 @@ const emit = defineEmits<{
 
 const containerClass = computed(() =>
   props.variant === 'panel'
-    ? 'rounded-xl border border-gray-200 bg-white p-4 pt-5 dark:border-gray-700 dark:bg-gray-900'
+    ? 'rounded-xl border border-gray-200 bg-white p-4 pt-5 dark:border-gray-700 dark:bg-gray-800'
     : 'rounded-lg border border-gray-200 bg-white p-4 shadow-md dark:border-gray-700 dark:bg-gray-800'
 )
 

src/components/wiki/WikiPageIllustrationsSection.vue

@@ -22,7 +22,7 @@ const emit = defineEmits<{
 
 <template>
   <section
-    class="rounded-xl border border-gray-200 bg-white dark:border-gray-700 dark:bg-gray-900"
+    class="rounded-xl border border-gray-200 bg-white dark:border-gray-700 dark:bg-gray-800"
     :class="layout === 'panel' ? 'p-4' : 'mt-4 p-6'"
   >
     <div

src/lib/database.ts

@@ -706,7 +706,10 @@ export class AppDatabase {
       // Desktop/Web: Use sql.js (SQLite compiled to WebAssembly)
       // Use local WASM file (bundled in public/) to avoid CSP issues in Electron
       const SQL = await initSqlJs({
-        locateFile: (file: string) => `/${file}`
+        // The browser export asks for sql-wasm-browser.wasm, while the local
+        // asset copied by the project is sql-wasm.wasm. Both package files are
+        // the same binary, so always resolve SQL.js to the bundled asset.
+        locateFile: () => '/sql-wasm.wasm'
       });
 
       // Try to load existing database from IndexedDB first, then fall back to localStorage for migration

src/views/ChapterView.vue

@@ -805,7 +805,7 @@ watch(
       @delete-chapter="requestDeleteChapter"
     />
 
-    <div class="w-full max-w-6xl md:mx-auto px-4 lg:px-8">
+    <div class="w-full max-w-6xl px-4 pt-6 md:mx-auto lg:px-8">
       <div class="lg:grid lg:grid-cols-3 lg:gap-8">
         <div class="lg:col-span-2">
           <ChapterStatusBar