feat 搭建架构骨架

src/views/home/cpns/HomeQuickEntries.vue

@@ -0,0 +1,70 @@
+<script setup lang="ts">
+// 快捷入口为固定模块链接（纯 UI，静态数据）
+const entries = [
+  { label: '财务台账', path: '/finance/bills', icon: '💰' },
+  { label: '合同台账', path: '/contract', icon: '📄' },
+  { label: '客服工作台', path: '/service', icon: '💬' },
+  { label: '案例库管理', path: '/cases', icon: '📁' },
+  { label: '工单需求池', path: '/demand', icon: '📋' },
+]
+</script>
+
+<template>
+  <section class="home-quick">
+    <h3 class="home-quick__title">
+      快捷入口
+    </h3>
+    <div class="home-quick__list">
+      <RouterLink
+        v-for="entry in entries"
+        :key="entry.label"
+        :to="entry.path"
+        class="home-quick__item"
+      >
+        <span class="home-quick__icon">{{ entry.icon }}</span>
+        <span class="home-quick__label">{{ entry.label }}</span>
+      </RouterLink>
+    </div>
+  </section>
+</template>
+
+<style lang="less" scoped>
+.home-quick {
+  &__title {
+    margin-bottom: @spacing-base;
+    font-size: @font-size-lg;
+    font-weight: 600;
+    color: @heading-color;
+  }
+
+  &__list {
+    .flex(row, space-between);
+    gap: @spacing-base;
+  }
+
+  &__item {
+    .flex(column, center);
+    gap: @spacing-sm;
+    flex: 1;
+    padding: @spacing-base;
+    border-radius: @radius-lg;
+    background: @white;
+    box-shadow: @shadow-base;
+    transition: transform 0.2s, box-shadow 0.2s;
+
+    &:hover {
+      box-shadow: @shadow-lg;
+      transform: translateY(-2px);
+    }
+  }
+
+  &__icon {
+    font-size: 24px;
+  }
+
+  &__label {
+    font-size: @font-size-base;
+    color: @text-color;
+  }
+}
+</style>