/* 1. 重置所有元素的默认边距和内边距 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 2. HTML 和 body 的默认设置 */
html {
    font-size: 62.5%; /* 设置基础字体大小 */
    line-height: normal; /* 默认行高 */
    -webkit-text-size-adjust: 100%; /* 避免移动端字体缩放 */
    scroll-behavior: smooth; /* 平滑滚动 */
}

body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    text-rendering: optimizeLegibility; /* 提高字体渲染质量 */
    -webkit-font-smoothing: antialiased; /* 解决 WebKit 下的字体模糊问题 */
    color: #333; /* 默认文本颜色 */
    background-color: #fff; /* 默认背景颜色 */
}

/* 3. 链接默认样式 */
a {
    text-decoration: none;
    color: inherit;
}

a:hover {
    text-decoration: none;
}

/* 4. 图片和媒体的基础样式 */
img,
picture,
video,
canvas,
svg {
    display: block;
    max-width: 100%;
}

svg {
    fill: currentColor;
}

/* 5. 表单元素的基础样式 */
button,
input,
textarea,
select {
    font: inherit; /* 继承父元素的字体设置 */
    border: none; /* 移除默认边框 */
    background: none; /* 移除默认背景 */
}

button {
    cursor: pointer; /* 默认指针样式 */
}

textarea {
    resize: vertical; /* 允许垂直调整大小 */
}

input[type="number"] {
    -moz-appearance: textfield; /* 移除数字输入框的上下按钮 */
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; /* 移除搜索输入框的默认清除按钮 */
}

/* 6. 列表的默认样式 */
ul,
ol {
    list-style: none;
}

/* 7. 表格样式 */
table {
    border-collapse: collapse; /* 表格边框合并 */
    border-spacing: 0; /* 无额外间距 */
}

th,
td {
    text-align: left; /* 左对齐内容 */
    padding: 0.5em; /* 增加表格内边距 */
}

/* 8. 全局隐藏元素的类 */
.hidden {
    display: none !important;
}



/********************************************** common start *****************************************************/
:root {
    --vm-btn-bg-color: #1a749a;
    --vm-p-color: #000000;
    --vm-title-color: #1A1A1A;
    --vm-label-color: #1A1A1A;
    --vm-hover-color: #1a749a;
}

.e-cursor-pointer {
    cursor: pointer;
}

/* font */
.e-font-size-11{
    font-size: 1.1rem;
}
.e-font-size-12{
    font-size: 1.2rem;
}
.e-font-size-14{
    font-size: 1.4rem;
}
.e-text-center{
    text-align: center;
}
.e-label-color{
    color: var(--vm-label-color);
}

/* flex */
.e-display-flex {
    display: flex;
}
.e-flex-wrap {
    flex-wrap: wrap;
}
.e-flex-justify-center {
    justify-content: center;
}
.e-flex-justify-end {
    justify-content: flex-end;
}
.e-flex-justify-space-around{
    justify-content: space-around;
}
.e-flex-item-center {
    align-items: center;
}
.e-flex-item-end {
    align-items: flex-end;
}

/* width */
.e-width-100\% {
    width: 100%;
}

.e-page-width {
    width: 140rem;
    margin: 0 auto;
}

@media screen and (max-width: 989px) {
    .e-page-width {
        width: 100%;
    }
}

/* height */
.e-height-100\%{
    height: 100%;
}

/* margin */
.e-margin-right-0-8 {
    margin-right: 0.8rem;
}

/* padding */
.e-padding-bottom-100{
    padding-bottom: 10rem;
}


[v-cloak] {
    display: none;
}
/********************************************** common end *****************************************************/