Initial commit: One Pipe System

完整的管理系统，包含账户管理、卡片管理、套餐管理、财务管理等功能模块。

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

src/views/index/index.vue

@@ -0,0 +1,26 @@
+<template>
+  <ArtLayouts>
+    <!-- 顶栏、水平/混合菜单 -->
+    <ArtHeaderBar />
+    <!-- 左侧/双列菜单 -->
+    <ArtSidebarMenu />
+    <!-- 页面内容 -->
+    <ArtPageContent />
+    <!-- 设置面板 -->
+    <ArtSettingsPanel />
+    <!-- 全局搜索 -->
+    <ArtGlobalSearch />
+    <!-- 屏幕锁定 -->
+    <ArtScreenLock />
+    <!-- 聊天窗口 -->
+    <ArtChatWindow />
+    <!-- 礼花效果 -->
+    <ArtFireworksEffect />
+    <!-- 水印效果 -->
+    <ArtWatermark />
+  </ArtLayouts>
+</template>
+
+<style lang="scss" scoped>
+  @use './style';
+</style>

src/views/index/style.scss

@@ -0,0 +1,47 @@
+@use '@/assets/styles/variables' as *;
+
+.layouts {
+  box-sizing: border-box;
+  width: 100%;
+  min-height: 100vh;
+  overflow: hidden;
+  background: var(--art-bg-color);
+  transition: padding 0.3s ease-in-out;
+
+  .layout-content {
+    box-sizing: border-box;
+    width: calc(100% - 40px);
+    margin: auto;
+
+    // 子页面默认style
+    :deep(.page-content) {
+      position: relative;
+      box-sizing: border-box;
+      padding: 20px;
+      overflow: hidden;
+      background: var(--art-main-bg-color);
+      border-radius: calc(var(--custom-radius) / 2 + 2px) !important;
+    }
+  }
+}
+
+@media only screen and (max-width: $device-ipad) {
+  .layouts {
+    width: 100%;
+    min-height: 100vh;
+    padding-left: 0 !important;
+    overflow-y: scroll;
+
+    .layout-content {
+      width: calc(100% - 20px);
+    }
+  }
+}
+
+@media only screen and (max-width: $device-phone) {
+  .layouts {
+    .layout-content {
+      width: calc(100% - 32px);
+    }
+  }
+}