pet_data/app/app.vue

<template>
  <div>
    <NuxtPage />
  </div>
</template>

<style>
/* Global Styles for Pixel Art */

/* 俐方體 11 號字型 */
@font-face {
  font-family: 'Cubic 11';
  src: url('/fonts/cubicll.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body {
  margin: 0;
  background-color: #1b1026;
  color: #e0d8f0;
  font-family: 'Cubic 11', 'DotGothic16', 'Courier New', monospace !important;
}

/* Force all elements to use Cubic 11 */
* {
  font-family: 'Cubic 11', 'DotGothic16', 'Courier New', monospace !important;
}

/* Scrollbar Styling */
.custom-scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: #0f0816;
  border-left: 1px solid #2b193f;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #4a3b5e;
  border: 1px solid #2b193f;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #8f80a0;
}

/* Pixelated Image Rendering */
.image-pixelated {
  image-rendering: pixelated;
}
</style>