Initial commit: Text Adventure Game

Features:
- Combat system with AP/EP hit calculation and three-layer defense
- Auto-combat/farming mode
- Item system with stacking support
- Skill system with levels, milestones, and parent skill sync
- Shop system with dynamic pricing
- Inventory management with bulk selling
- Event system
- Game loop with offline earnings
- Save/Load system

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

components/layout/Drawer.vue

@@ -0,0 +1,49 @@
+<template>
+  <view v-if="visible" class="drawer" @click="handleMaskClick">
+    <view class="drawer__content" :style="{ width }" @click.stop>
+      <slot></slot>
+    </view>
+  </view>
+</template>
+
+<script setup>
+const props = defineProps({
+  visible: Boolean,
+  width: { type: String, default: '600rpx' }
+})
+
+const emit = defineEmits(['close'])
+
+function handleMaskClick() {
+  emit('close')
+}
+</script>
+
+<style lang="scss" scoped>
+.drawer {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0,0,0,0.6);
+  z-index: 999;
+
+  &__content {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    background-color: $bg-secondary;
+    border-left: 1rpx solid $border-color;
+    animation: slideIn 0.3s ease;
+    display: flex;
+    flex-direction: column;
+  }
+}
+
+@keyframes slideIn {
+  from { transform: translateX(100%); }
+  to { transform: translateX(0); }
+}
+</style>

components/layout/TabBar.vue

@@ -0,0 +1,59 @@
+<template>
+  <view class="tab-bar">
+    <view
+      v-for="tab in tabs"
+      :key="tab.id"
+      class="tab-bar__item"
+      :class="{ 'tab-bar__item--active': modelValue === tab.id }"
+      @click="$emit('update:modelValue', tab.id)"
+    >
+      <text v-if="tab.icon" class="tab-bar__icon">{{ tab.icon }}</text>
+      <text class="tab-bar__label">{{ tab.label }}</text>
+    </view>
+  </view>
+</template>
+
+<script setup>
+defineProps({
+  tabs: { type: Array, default: () => [] },
+  modelValue: { type: String, default: '' }
+})
+
+defineEmits(['update:modelValue'])
+</script>
+
+<style lang="scss" scoped>
+.tab-bar {
+  display: flex;
+  height: 100rpx;
+  background-color: $bg-secondary;
+  border-top: 1rpx solid $border-color;
+
+  &__item {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 4rpx;
+    color: $text-secondary;
+    transition: color 0.2s;
+
+    &:active {
+      background-color: $bg-tertiary;
+    }
+
+    &--active {
+      color: $accent;
+    }
+  }
+
+  &__icon {
+    font-size: 32rpx;
+  }
+
+  &__label {
+    font-size: 20rpx;
+  }
+}
+</style>