优化构架

src/components/common/PrototypeFeatureView.vue

@@ -0,0 +1,28 @@
+<script setup lang="ts">
+defineProps<{
+  title: string
+  description: string
+}>()
+</script>
+
+<template>
+  <section class="prototype-feature">
+    <div class="prototype-feature-empty">
+      <span>待接入</span>
+      <h2>{{ title }}</h2>
+      <p>{{ description }}的业务页面已建立，后续接入对应接口和操作流程。</p>
+      <RouterLink to="/">返回业务总览</RouterLink>
+    </div>
+  </section>
+</template>
+
+<style scoped>
+.prototype-feature { display: grid; min-height: calc(100vh - 128px); place-items: center; }
+.prototype-feature-empty { display: flex; width: min(520px, 100%); flex-direction: column; align-items: center; padding: 40px 28px; border: 1px solid var(--border); background: #fff; text-align: center; }
+.prototype-feature-empty span { color: var(--primary); font-size: 12px; font-weight: 700; }
+.prototype-feature-empty h2 { margin: 12px 0 8px; color: var(--navy); font-size: 22px; }
+.prototype-feature-empty p { max-width: 34ch; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.7; }
+.prototype-feature-empty a { margin-top: 22px; color: var(--primary); font-size: 13px; font-weight: 650; text-decoration: none; }
+.prototype-feature-empty a:hover { text-decoration: underline; }
+.prototype-feature-empty a:focus-visible { outline: 2px solid var(--primary); outline-offset: 3px; }
+</style>