123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272 |
- *,
- ::before,
- ::after {
- box-sizing: border-box;
- border-color: currentColor;
- border-style: solid;
- border-width: 0;
- }
- #app {
- width: 100%;
- height: 100%;
- }
- html {
- box-sizing: border-box;
- width: 100%;
- height: 100%;
- line-height: 1.5;
- tab-size: 4;
- text-size-adjust: 100%;
- }
- body {
- width: 100%;
- height: 100%;
- margin: 0;
- font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial,
- sans-serif;
- line-height: inherit;
- -moz-osx-font-smoothing: grayscale;
- -webkit-font-smoothing: antialiased;
- text-rendering: optimizelegibility;
- }
- hr {
- height: 0;
- color: inherit;
- border-top-width: 1px;
- }
- abbr:where([title]) {
- text-decoration: underline dotted;
- }
- a {
- color: inherit;
- text-decoration: inherit;
- }
- b,
- strong {
- font-weight: bolder;
- }
- code,
- kbd,
- samp,
- pre {
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
- font-size: 1em;
- }
- small {
- font-size: 80%;
- }
- sub,
- sup {
- position: relative;
- font-size: 75%;
- line-height: 0;
- vertical-align: baseline;
- }
- sub {
- bottom: -0.25em;
- }
- sup {
- top: -0.5em;
- }
- table {
- text-indent: 0;
- border-collapse: collapse;
- border-color: inherit;
- }
- button,
- input,
- optgroup,
- select,
- textarea {
- padding: 0;
- margin: 0;
- font-family: inherit;
- font-size: 100%;
- line-height: inherit;
- color: inherit;
- }
- button,
- select {
- text-transform: none;
- }
- button,
- [type="button"],
- [type="reset"],
- [type="submit"] {
- background-image: none;
- }
- :-moz-focusring {
- outline: auto;
- }
- :-moz-ui-invalid {
- box-shadow: none;
- }
- progress {
- vertical-align: baseline;
- }
- ::-webkit-inner-spin-button,
- ::-webkit-outer-spin-button {
- height: auto;
- }
- [type="search"] {
- outline-offset: -2px;
- }
- ::-webkit-file-upload-button {
- font: inherit;
- }
- summary {
- display: list-item;
- }
- blockquote,
- dl,
- dd,
- h1,
- h2,
- h3,
- h4,
- h5,
- h6,
- hr,
- figure,
- p,
- pre {
- margin: 0;
- }
- fieldset {
- padding: 0;
- margin: 0;
- }
- legend {
- padding: 0;
- }
- ol,
- ul,
- menu {
- padding: 0;
- margin: 0;
- list-style: none;
- }
- textarea {
- resize: vertical;
- }
- input::placeholder,
- textarea::placeholder {
- color: #9ca3af;
- opacity: 1;
- }
- button,
- [role="button"] {
- cursor: pointer;
- }
- :disabled {
- cursor: default;
- }
- img,
- svg,
- video,
- canvas,
- audio,
- iframe,
- embed,
- object {
- display: block;
- }
- img,
- video {
- max-width: 100%;
- height: auto;
- }
- [hidden] {
- display: none;
- }
- .dark {
- color-scheme: dark;
- }
- label {
- font-weight: 700;
- }
- *,
- *::before,
- *::after {
- box-sizing: inherit;
- }
- a:focus,
- a:active {
- outline: none;
- }
- a,
- a:focus,
- a:hover {
- color: inherit;
- text-decoration: none;
- cursor: pointer;
- }
- div:focus {
- outline: none;
- }
- .clearfix {
- &::after {
- display: block;
- height: 0;
- clear: both;
- font-size: 0;
- visibility: hidden;
- content: " ";
- }
- }
- /* 谷歌、火狐等浏览器 */
- input:focus {
- outline: none;
- }
- /* IE10+ */
- input::-ms-focus {
- border: 0;
- }
- /* Safari */
- input:focus:not(:focus-visible) {
- outline: none;
- }
|