diff --git a/assets/css/theme/color.scss b/assets/css/theme/color.scss
index 24328f05..4b5a13e3 100644
--- a/assets/css/theme/color.scss
+++ b/assets/css/theme/color.scss
@@ -1,4 +1,7 @@
html {
+ --kungalgame-white-solid: #fff;
+ --kungalgame-black-solid: #000;
+
--kungalgame-gray-4: #bcc8d4;
--kungalgame-blue-2: #80ccff;
@@ -21,6 +24,7 @@ html {
--kungalgame-pink-4: #e85aad;
--kungalgame-shadow-color: hsla(0, 0%, 0%, 0.05);
+ --kungalgame-trans-gray: rgba(255, 255, 255, 0.2);
--kungalgame-trans-blue-3: #54aeff77;
--kungalgame-trans-blue-4: #218bff77;
diff --git a/components/galgame/card/Card.vue b/components/galgame/card/Card.vue
index 3f721631..e6161dbb 100644
--- a/components/galgame/card/Card.vue
+++ b/components/galgame/card/Card.vue
@@ -75,7 +75,7 @@ defineProps<{
\ No newline at end of file
+
diff --git a/components/galgame/card/Container.vue b/components/galgame/card/Container.vue
index 4f73473d..4792f090 100644
--- a/components/galgame/card/Container.vue
+++ b/components/galgame/card/Container.vue
@@ -31,15 +31,9 @@ const { data, status } = await useFetch(`/api/galgame`, {
diff --git a/components/pool/Container.vue b/components/pool/Container.vue
index ea567289..c6bf6e96 100644
--- a/components/pool/Container.vue
+++ b/components/pool/Container.vue
@@ -107,7 +107,7 @@ onUnmounted(() => {
.pool {
display: flex;
flex-direction: column;
- max-width: 64rem;
+ max-width: 80rem;
margin: 0 auto;
padding: 0 10px;
}
diff --git a/components/report/Report.vue b/components/report/Report.vue
index 9f7427fa..9e8d607a 100644
--- a/components/report/Report.vue
+++ b/components/report/Report.vue
@@ -91,7 +91,7 @@ const handleSubmitReport = async () => {