直接说问题及解决办法：

Tailwindcss4升级后，修改了一些设定，在tailwind3版本是，可能只需要设置 darkMode: 'class', 就自动生效了，但在Tailwind4之后，需要额外配置一个参数，在你的 css 中引入如下配置：

css
@import 'tailwindcss';
/* 重点 */
@custom-variant dark (&:where(.dark, .dark *));

经过这个配置后，你就可以想 tailwindcss3 中那这样使用 dark: 来控制 ui 主题颜色了！

一、表格定义与作用

《企业所得税弥补亏损明细表》（通常为 A106000表）是企业所得税年度纳税申报的附表之一，用于记录企业以前年度的亏损额、本年度弥补亏损情况以及尚未结转的亏损余额。其核心作用是：

• 合规申报：依据《企业所得税法》第十八条，企业纳税年度发生的亏损，准予向以后年度结转，用以后年度的所得弥补，但结转年限最长不得超过5年（特定行业可延长至8年或10年）。
• 计算可弥补亏损：明确企业可税前弥补的亏损额度，避免多缴税款或漏报风险。

在我国企业税务申报中，关于“账载金额”和“实际发生额”的填写规则，需结合会计处理和企业所得税法的规定。

以下是一些具体解释及填报建议：

账载金额和实际发生额

一、概念解析

1. 账载金额
   • 定义：指企业根据《企业会计准则》在会计账簿中记录的金额，即“应付职工薪酬”科目中计提的金额（无论是否实际支付）。
   • 会计依据：遵循权责发生制，属于当期的费用应计提并计入当期损益。
   • 填报内容：填写全年累计计提的职工薪酬总额（包括工资、奖金、社保、福利等）。
2. 实际发生额
   • 定义：指企业在本年度实际支付给员工的薪酬金额（含次年汇算清缴前补发的本年度工资）。
   • 税务依据：根据《企业所得税法实施条例》第三十四条，税前扣除需满足“实际支付”原则。
   • 填报内容：填写本年度实际发放的金额（含已计提但未发放、但在次年5月31日前补发的部分）。

按照如下三步操作即可：

1. 使用微信关注"公众平台安全助手"；
2. 关注后点击左下角"绑定查询"；
3. 找到要解绑的公众号或小程序；
4. 直接解绑即可；

1	2	3

代码如下：

html
<script setup lang="ts">
const { image } = defineProps<{ image?: string }>();
const loading = ref(true);

onMounted(() => {
  loading.value = false;
});
</script>

<template>
  <div class="m-2 w-40 h-40 border border-[#f6467c] rounded-sm">
    <div
      class="relative image bg-[rgba(242,197,211,0.5)] p-2 rounded-sm cursor-pointer overflow-hidden"
    >
      <img
        v-if="!loading"
        :src="image"
        alt="image card"
        class="aspect-square w-full h-full object-contain rounded-sm"
      />
      <div
        v-if="loading"
        class="absolute inset-0 w-full h-full flex justify-center items-center rounded-sm bg-gray-100"
      >
        <div
          class="w-12 h-12 h-12 border-b-2 border-gray-300 border-opacity-50 rounded-full animate-spin"
        ></div>
      </div>
    </div>
  </div>
</template>

<style scoped></style>