/** 重置代码，更加现代且适应项目 */

/*
  1. 更改 box-sizing 模型为 border-box，使其更加符合直觉
  2. 更改 border 默认值，使元素更好的适应
  3. 移除点击或触摸元素时的高亮效果
*/
*,
*::before,
*::after {
    box-sizing: border-box;
    border: 0 solid currentColor;
    -webkit-tap-highlight-color: transparent;
}

/* 移除默认的 margin 与 padding */
* {
    margin: 0;
    padding: 0;
}

/* 允许在页面上使用百分比样式。 */
html,
body {
    border: none;
    height: 100%;
}

/* 移除无序列表的项目符号 */
ul {
    list-style: none;
}

/* 设置媒体属性默认值 */
audio,
canvas,
iframe,
img,
embed,
object,
svg,
video {
    display: block;
    max-width: 100%;
    height: auto;
}

iframe {
    outline: 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* Page sections set to block */
article,
aside,
figure,
footer,
header,
hgroup,
section {
    display: block;
}

/* 继承表单控件的字体 */
button,
input,
optgroup,
select,
textarea {
    font: inherit;
}

/* 自动换行 */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: break-word;
    font-weight: normal;
}

label {
    display: inline-block;
}

/* 隐藏的元素不应该显示出来 */
[hidden] {
    display: none !important;
}