body,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
ul,
ol,
li {
  list-style: none;
  padding: 0;
  margin: 0;
}

body {
  padding-top: constant(safe-area-inset-top);
  padding-right: constant(safe-area-inset-right);
  padding-left: constant(safe-area-inset-left);
  font-family: "PingFangSC-Regular", "Microsoft YaHei", "微软雅黑";
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none;
}

a,
input,
textarea {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  font-family: "PingFangSC-Regular", "Microsoft YaHei", "微软雅黑";
}

/* 清除 input 基础样式 */
input {
    -webkit-appearance: none; /* 清除iOS中默认样式 */
    -moz-appearance: none;    /* 清除火狐中的默认样式 */
    appearance: none;         /* 标准写法，用于现代浏览器 */
    
    border: none;             /* 移除边框 */
    outline: none;            /* 当元素获得焦点时不显示轮廓 */
    background-color: transparent; /* 背景透明 */
    padding: 0;              /* 移除内边距 */
    margin: 0;               /* 移除外边距 */
    font-family: inherit;     /* 继承父级字体 */
    font-size: inherit;      /* 继承父级字体大小 */
}

/* 如果需要对特定类型的 input 进行样式调整，比如 text 类型 */
input[type="text"] {
    /* 在这里添加特定于文本输入框的样式 */
}

/* 针对 iOS 设备上的搜索框等特殊样式 */
input[type="search"] {
    -webkit-appearance: textfield; /* 将 search 输入框样式设置为普通文本框样式 */
}

label>* {
  pointer-events: none;
}

input,
select,
textarea {
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input,
textarea {
  contenteditable: true;
  -webkit-user-select: text;
}

a {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

a,
a:focus,
a:hover {
  text-decoration: none;
}

img {
  display: block;
  border: 0;
  -webkit-touch-callout: none;
}

.prevent-select {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.wb-base__safearea {
  padding-bottom: env(safe-area-inset-bottom);
}

.wb-base__safearea-margin {
  margin-bottom: env(safe-area-inset-bottom);
}

.wb-base__safearea-bottom {
  bottom: env(safe-area-inset-bottom);
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.work-break {
  word-wrap: break-word;
  word-break: break-all;
}

.part-scroll {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

[v-cloak] {
  display: none;
}
