closure-studio · jackjieYYY · Mar 23, 2025 · Mar 23, 2025
diff --git a/package.json b/package.json
@@ -21,7 +21,6 @@
     "@types/pako": "^2.0.3",
     "animate.css": "^4.1.1",
     "axios": "^1.7.7",
-    "daisyui": "^4.12.11",
     "date-fns": "^4.1.0",
     "pako": "^2.1.0",
     "pinia": "^2.2.4",
@@ -43,6 +42,8 @@
   },
   "devDependencies": {
     "@iconify/vue": "^4.1.2",
+    "@tailwindcss/postcss": "^4.0.15",
+    "@tailwindcss/vite": "^4.0.15",
     "@types/jest": "^29.5.13",
     "@types/markdown-it": "^14.1.2",
     "@types/mocha": "^10.0.8",
@@ -52,11 +53,11 @@
     "@vitejs/plugin-vue": "^5.1.4",
     "@vue/test-utils": "^2.4.6",
     "@vue/vue3-jest": "^29.2.6",
-    "autoprefixer": "^10.4.20",
+    "daisyui": "^5.0.9",
     "jest": "^29.7.0",
     "postcss": "^8.4.47",
     "sass": "^1.79.4",
-    "tailwindcss": "^3.4.13",
+    "tailwindcss": "^4.0.15",
     "ts-jest": "^29.2.5",
     "typescript": "^5.6.2",
     "vite": "^5.4.8",

diff --git a/postcss.config.cjs b/postcss.config.cjs
@@ -1,6 +1,5 @@
 module.exports = {
   plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
+    '@tailwindcss/postcss': {},
   },
 }
diff --git a/src/assets/main.css b/src/assets/main.css
@@ -1,3 +1,12 @@
+@import 'tailwindcss';
+@plugin "daisyui";
+@plugin "daisyui/theme" {
+    name: "halloween";
+    --color-info: #5e72e4;
+    --color-neutral: #5e72e4;
+    --color-base-300: #2a2a2a;
+  }
+
 .s-combo {
     @apply flex flex-col-reverse
 }

diff --git a/src/assets/style.css b/src/assets/style.css
@@ -1,6 +1,57 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import 'tailwindcss';
+@plugin "daisyui";
+@plugin "daisyui/theme" {
+  name: "halloween";
+  --color-info: #5e72e4;
+  --color-neutral: #5e72e4;
+  --color-base-300: #2a2a2a;
+}
+
+@plugin '@tailwindcss/typography';
+
+@theme {
+  --font-arknigths: FarNorthRunes, Segoe UI, Roboto, Arial, Noto Sans;
+  --font-san: OctinSpraypaint, Segoe UI, Roboto, Arial, Noto Sans;
+  --font-zh-cN: SmileySans, Segoe UI, Roboto, Arial, Noto Sans;
+  --font-en: Bender, Segoe UI, Roboto, Arial, Noto Sans;
+
+  --color-default: var(--default);
+  --color-system: var(--system);
+
+  --shadow-sm:
+    0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%),
+    0 1px 5px 0 rgb(0 0 0 / 12%);
+  --shadow-md:
+    0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14),
+    0 1px 8px 0 rgba(0, 0, 0, 0.12);
+  --shadow-lg:
+    0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14),
+    0 1px 18px 0 rgba(0, 0, 0, 0.12);
+  --shadow-xl:
+    0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14),
+    0 3px 16px 2px rgba(0, 0, 0, 0.12);
+  --shadow-3xl:
+    0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14),
+    0 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+
+/*
+  The default border color has changed to `currentColor` in Tailwind CSS v4,
+  so we've added these compatibility styles to make sure everything still
+  looks the same as it did with Tailwind CSS v3.
+
+  If we ever want to remove these styles, we need to add an explicit border
+  color utility to any element that depends on these defaults.
+*/
+@layer base {
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: var(--color-gray-200, currentColor);
+  }
+}
 
 .bar-text {
     @apply my-2 text-sm leading-5 text-gray-700 transition-colors duration-300 transform dark:text-gray-200 hover:text-blue-600 dark:hover:text-blue-400 hover:underline md:mx-4 md:my-0

diff --git a/src/components/card/Login.vue b/src/components/card/Login.vue
@@ -140,7 +140,7 @@
                             <div class="divider my-2">服务器选择</div>
                         </div>
                         <div v-if="findAccountRespData" role="alert"
-                            class="rounded border-s-4 border-warning bg-warning/10 p-4">
+                            class="rounded-sm border-s-4 border-warning bg-warning/10 p-4">
                             通行证账号: {{ findAccountRespData }}</div>
                         <a class="btn btn-block btn-info" @click="handleFindAccountBtnOnClick"><span
                                 v-if="isFindAccountLoading" class="loading loading-bars" />查找!</a>

diff --git a/src/components/dialog/CreateGame.vue b/src/components/dialog/CreateGame.vue
@@ -25,7 +25,7 @@
     </div>
 
     <div v-if="isFirst && confirmPhone === false">
-      <div role="alert" class="rounded border-s-4 border-warning bg-warning/10 p-4 space-y-2">
+      <div role="alert" class="rounded-sm border-s-4 border-warning bg-warning/10 p-4 space-y-2">
         <p class="blog">
           您正在添加首个游戏账号，请确保该账号<b class="text-2xl">可接收验证码</b>且在 24 小时内提交以验证账号归属，否则您的平台通行证将被<b>冻结</b>。
         </p>
@@ -44,7 +44,7 @@
     <div v-if="confirmPhone">
       <div class="divider mt-0">必读内容</div>
       <div class="w-full">
-        <div role="alert" class="rounded border-s-4 border-info bg-info/10 px-4 py-2 space-y-2">
+        <div role="alert" class="rounded-sm border-s-4 border-info bg-info/10 px-4 py-2 space-y-2">
           <p class="skd-title">我已阅读理解可露希尔每日生鲜
             <a href="/blog/Terms&Policies" target="_blank" class="s-underline">用户协议</a>、
             <a href="/blog/FAQ" target="_blank" class="s-underline">常见问题</a>

diff --git a/src/components/dialog/GameConfig.vue b/src/components/dialog/GameConfig.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="modal-box">
         <h3 class="font-bold text-2xl">托管配置</h3>
-        <div role="alert" class="rounded border-s-4 border-warning bg-warning/10 p-4 space-y-2 my-4">请在专家指导下使用</div>
+        <div role="alert" class="rounded-sm border-s-4 border-warning bg-warning/10 p-4 space-y-2 my-4">请在专家指导下使用</div>
         <div class="flex">
             <label class="form-control w-full max-w-xs mr-4">
                 <div class="label">

diff --git a/src/components/dialog/NewSSRNotice.vue b/src/components/dialog/NewSSRNotice.vue
@@ -7,7 +7,7 @@
       <p v-if="!users.length" class="text-center text-4xl font-extrabold overflow-y-hidden text-warning h-12 mt-4">
         太神奇了！一个人都没有</p>
       <div v-else class="flex gap-2" :style="`width: ${(users.length) * 156}px`">
-        <div class="rounded shadow-md p-5 w-[148px] h-72 ssr relative" v-for="row in users"
+        <div class="rounded-sm shadow-md p-5 w-[148px] h-72 ssr relative" v-for="row in users"
           :style="`background-image:url('https://assets.ltsc.vip/charpor/${row.charId}_1.png');`">
           <div class="absolute bottom-0 left-0 right-0 ">
             <div class="divider text-info font-extrabold text-shadow">{{ row.nickName }}</div>

diff --git a/src/components/dialog/QQBind.vue b/src/components/dialog/QQBind.vue
@@ -6,7 +6,7 @@
             <span v-if="isLoading" class="loading loading-bars" />
         </div>
         <div v-if="!isLoading">
-            <div role="alert" class="rounded border-s-4 border-warning bg-warning/10 p-4 space-y-2 my-4">
+            <div role="alert" class="rounded-sm border-s-4 border-warning bg-warning/10 p-4 space-y-2 my-4">
                 请点击下方QQ进行复制(包括verifyCode), 并发送到QQ官方群组 1345795, 450555868 中。</div>
             <input v-model="qqCode" class="input input-bordered join-item input-sm w-full max-w-xs" readonly
                 @click="selectAll" />

diff --git a/src/components/tickets/ticket/Tags.vue b/src/components/tickets/ticket/Tags.vue
@@ -2,7 +2,7 @@
     <div class="dropdown">
         <div tabindex="0" role="button" class="btn btn-xs m-1 btn-warning"><span v-if="isUpdating"
                 className="loading loading-bars loading-xs"></span>标签修改</div>
-        <ul tabindex="0" class="dropdown-content z-[1] menu shadow bg-base-100 rounded-box w-24">
+        <ul tabindex="0" class="dropdown-content z-1 menu shadow bg-base-100 rounded-box w-24">
             <li v-for="(tag, key) in defaultTags" :key="key">
                 <a :onClick="() => {
                     handleTagsOnClick(tag.name);

diff --git a/src/views/Index.vue b/src/views/Index.vue
@@ -17,7 +17,7 @@
                 <div class="duration-1000" :class="{ 'ml-2 md:ml-6': closure }">智能的</div>
             </div>
             <h1
-                class="text-5xl font-extrabold text-transparent sm:text-6xl my-3 bg-clip-text bg-gradient-to-r from-green-300 via-blue-500 to-purple-600">
+                class="text-5xl font-extrabold text-transparent sm:text-6xl my-3 bg-clip-text bg-linear-to-r from-green-300 via-blue-500 to-purple-600">
                 无人托管</h1>
             <h1 class="text-4xl font-extrabold sm:text-7xl" :class="isNight ? 'font-san' : 'font-en'">Closure Cloud</h1>
             <p
@@ -39,11 +39,11 @@
                 </a>
             </div>
             <div class="flex flex-wrap gap-4 slide-in-bottom delay-75 w-full">
-                <a href="https://jq.qq.com/?_wv=1027&k=FiJjOEe8" class="btn btn-info flex-grow btn-outline">官方 Q1
+                <a href="https://jq.qq.com/?_wv=1027&k=FiJjOEe8" class="btn btn-info grow btn-outline">官方 Q1
                     群（人满）</a>
                 <a href="https://jq.qq.com/?_wv=1027&k=8C3DZiQM"
                     class="btn btn-info w-1/2 md:w-1/3 hover:bg-base-100 hover:text-info">官方 Q2 群</a>
-                <a href="/dashboard" class="btn btn-info flex-grow hover:bg-base-100 hover:text-info">[筹备中] 官方 Q 频</a>
+                <a href="/dashboard" class="btn btn-info grow hover:bg-base-100 hover:text-info">[筹备中] 官方 Q 频</a>
             </div>
         </div>
         <div class="flex flex-col slide-in-bottom delay-75 lg:ml-6 flex-auto">

diff --git a/src/views/blog/TermsPolicies.vue b/src/views/blog/TermsPolicies.vue
@@ -33,7 +33,7 @@
     <p>我们可为您提供托管服务期间产生的日志数据，其他收集信息恕无法提供。如您需要可供查阅的日志数据，烦请通过平台首页的工单系统提交申请。</p>
     <h2># 防范欺诈与滥用</h2>
     <p>「可露希尔云平台」已持续提供公益托管服务2年有余，目前用户群体数量日益增加。为提高平台服务质量，避免公共资源滥用，自本版本起，平台将严格限制<b>用户账号下可配置的游戏账号数量</b>。具体反滥用措施如下：</p>
-    <div role="alert" class="rounded border-s-4 border-info bg-info/10 px-4 py-2">
+    <div role="alert" class="rounded-sm border-s-4 border-info bg-info/10 px-4 py-2">
       <p>您需要通过<b>网页版</b>注册本平台通行证，且通过人机检测&风控检测后平台才会处理您的注册申请。您在成功注册后默认将拥有<b>1个游戏托管额度</b>，此时您可以添加<b>能接收验证码</b>的游戏账号（B服请使用手机号登录）以<b>体验</b>本平台托管服务<b>24小时</b>。</p>
       <p>在您体验的这24小时内，平台会在您的游戏账号首次成功启动时向该手机号发送短信验证码，您需要及时在时间段内完成<b>账号归属认证</b>。如超期不提交认证，您的游戏账号及平台账号将被<b>永久冻结、无法使用平台服务</b>。因此在使用本平台前请慎重选择第一个提交托管的账号，检查是否可以正常接受验证码。</p>
       <p>完成手机号短信认证后，您将自动升级托管额度到<b>2</b>。请注意，您的首个托管账号无法修改用户名，将作为您的通行证属性绑定。</p>

diff --git a/src/views/ticket/ticket.vue b/src/views/ticket/ticket.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="flex h-full">
-        <div class="w-full flex-col max-w-4xl 2xl:max-w-6xl xl:mr-auto s-margin md:!flex"
-            :class="show ? 'xl:ml-0 !hidden' : 'lg:ml-[calc((100vw-56rem)/2)] 2xl:ml-[calc((100vw-72rem)/2)]'">
+        <div class="w-full flex-col max-w-4xl 2xl:max-w-6xl xl:mr-auto s-margin md:flex!"
+            :class="show ? 'xl:ml-0 hidden!' : 'lg:ml-[calc((100vw-56rem)/2)] 2xl:ml-[calc((100vw-72rem)/2)]'">
             <div class="bg-base-300 shadow-lg rounded-lg px-4 py-1 blog relative">
                 <div class="text-2xl md:text-4xl font-bold text-info mt-3">💊 在线工单</div>
                 <p>我们认真倾听您的意见与问题</p>

diff --git a/src/views/user/Dashboard.vue b/src/views/user/Dashboard.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="flex h-full">
-        <div class="w-full flex-col max-w-4xl 2xl:max-w-6xl xl:mr-auto s-margin md:!flex"
-            :class="show ? 'xl:ml-0 !hidden' : 'lg:ml-[calc((100vw-56rem)/2)] 2xl:ml-[calc((100vw-72rem)/2)]'">
+        <div class="w-full flex-col max-w-4xl 2xl:max-w-6xl xl:mr-auto s-margin md:flex!"
+            :class="show ? 'xl:ml-0 hidden!' : 'lg:ml-[calc((100vw-56rem)/2)] 2xl:ml-[calc((100vw-72rem)/2)]'">
             <div class="bg-base-300 shadow-lg rounded-lg px-4 py-1 blog relative">
                 <div class="text-2xl md:text-4xl font-bold text-info mt-3">📢 今日特价</div>
                 <p v-for="k in config.announcement?.split('\n') || ['可露希尔逃跑了']">

diff --git a/src/views/user/Profile.vue b/src/views/user/Profile.vue
@@ -34,14 +34,14 @@
             <component :is="Component" v-if="Component" />
             <div v-else>
               <div v-if="user.user.Info.status === 1" role="alert"
-                class="rounded border-s-4 border-success bg-info/10 p-4 mt-4">
+                class="rounded-sm border-s-4 border-success bg-info/10 p-4 mt-4">
                 <strong class="block font-bold text-lg">你已完成身份绑定，可正常使用可露希尔云服务</strong>
                 <p class="mt-4 text-sm">
                   <a class="btn btn-info btn-sm px-4 btn-outline">你的绑定手机号是：可露希尔也不知道(&gt;﹏&lt;)</a>
                 </p>
               </div>
               <div v-if="user.user.Info.status <= 0" role="alert"
-                class="rounded border-s-4 border-warning bg-warning/10 p-4 mt-4">
+                class="rounded-sm border-s-4 border-warning bg-warning/10 p-4 mt-4">
                 <strong class="block font-bold text-lg">你还没有绑定手机号，请先添加游戏/启动游戏</strong>
                 <p class="mt-4 text-sm">
                   <router-link to="/dashboard" class="btn btn-info btn-sm px-4 btn-outline btn-block">点击传送</router-link>

diff --git a/tailwind.config.js b/tailwind.config.js
diff --git a/tsconfig.node.json b/tsconfig.node.json
@@ -1,8 +1,8 @@
 {
   "compilerOptions": {
     "composite": true,
-    "module": "ESNext",
-    "moduleResolution": "Node",
+    "module": "NodeNext",
+    "moduleResolution": "nodenext",
     "allowSyntheticDefaultImports": true
   },
   "include": ["vite.config.ts"]