<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<style>
/* 基础样式已移至全局样式文件 */
#app {
  width: 100%;
  height: 100%;
  background-color: var(--background-color);
}

/* 页面容器通用样式 */
.page-container {
  padding: 16px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* 安全区域适配 */
.safe-area-inset-bottom {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

/* 页面内容区域 */
.page-content {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
</style> 