:root {
    --navbar-height: 46px;
    --color-theme: #ff7310;
    --linear-gradient: linear-gradient(270deg, #ff7310 0%, #ffaa4f 73.81%, #ffa84a 100%);
}
* {margin: 0;padding: 0;word-break: break-word;box-sizing: border-box;font-style: normal;}
h1,h2,h3,h4,h5,h6 {font-size: 24px;font-weight: 500;}
button,input,select,textarea {outline: 0;border: 0;background: none;font-size: inherit;font-family: inherit;resize: none;}
input[type=submit] {font-family: inherit;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;}
button {word-break: keep-all;white-space: nowrap;color: inherit;cursor: pointer;user-select: none;}
li:not(.content-details li) {list-style: none;}
img {max-width: 100%;max-height: 100%;vertical-align: top;border: 0;}
a {text-decoration: none;transition: 0.5s;color: inherit;}
table {overflow-x: auto;margin-top: 15px;border: 0;border-spacing: 0;}
td,th {padding: 3px 10px;border: 1px solid #dee2e6;}
tr:not(:last-child) td {border-bottom: 0;}
tr td,
tr th:first-child {border-right: 0;}
blockquote {margin-top: 10px;padding: 10px;background: #f8f8f8;border-radius: 5px;}
blockquote li {margin-top: 8px;}
blockquote p,
blockquote ul,
blockquote ol {margin: 0 !important}

body {color: rgba(0, 0, 0, 0.7);font: 14px "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","\5fae\8f6f\96c5\9ed1",Arial,sans-serif;line-height: 20px;overflow-x: hidden;width: 100%;-webkit-tap-highlight-color: transparent;background:#ededed;}
.aio-only-pc {display: none !important;}

[v-cloak] {display: none;}
.pointer {cursor: pointer;}
.clearfix::after {content: "";display: table;clear: both;}

.overlay {display: none;position: fixed;top: 0;left: 0;z-index: 2000;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);}
.overlay[data-ai-vis] {display: block;}
.popup {overflow-y: auto;background-color: #fff;position: fixed;z-index: 2001;}
.popup-middle {width: 90%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.popup-bottom {bottom: 0;left: 0;width: 100%;border-radius: 10px 10px 0 0;}

.review-content {position: fixed;left: 0;right: 0;top: 40%;transform: translateY(-50%);text-align: center;background: url(../images/icons/wait.png) no-repeat top center;background-size: 80px;padding-top: 90px;font-size: 18px;}

/* Toast 提示框 */
.toast {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 2240;transition: all .2s;}
.toast-wrap {position: fixed;top: 50%;left: 0;right: 0;margin: 0 auto;transform: translateY(-50%);color: #fff;font-size: 14px;line-height: 20px;white-space: pre-wrap;word-break: break-all;text-align: center;background-color: rgba(0, 0, 0, .7);border-radius: 6px;width: 88px;max-width: 70%;padding: 30px 16px;box-sizing:content-box;}
.toast-wrap.toast-text {width: -webkit-fit-content;width: fit-content;min-width: 96px;padding: 8px 12px;}
.toast-wrap span {color: var(--color-theme);}
.toast-wrap .icon {display: block;width: 30px;height: 30px;margin: 0 auto 10px;}
.toast.fade-enter-active {animation: 0.3s fade-in both ease-out;}
.toast.fade-leave-active {animation: 0.3s fade-out both ease-in;}

.list-flip {clear: both;text-align: center;}
.list-flip em {margin-left: 10px;}
.list-finished-text {color: rgba(0, 0, 0, 0.5);font-size: 12px;text-align: center;line-height: 36px;clear: both;}

[class*="hairline-"] {position: relative;}
[class*="hairline-"]::after {content: "";position: absolute;pointer-events: none;}
.hairline-top::after {border: 0px solid rgba(0, 0, 0, 0.1);border-top-width: 1px;transform: scale(0.5);inset: -50%;}
.hairline-left::after {border: 0px solid rgba(0, 0, 0, 0.1);border-left-width: 1px;transform: scale(0.5);inset: -50%;}
.hairline-surround::after {top: -50%;right: -50%;bottom: -50%;left: -50%;border: 1px dashed rgba(0, 0, 0, 0.3);border-radius: inherit;transform: scale(.5);}

/* 404 */
.error-container {height: 100vh;text-align: center;line-height: 1.4;display: flex;flex-direction: column;align-items: center;justify-content: center}
.error-title {color: rgba(0, 0, 0, 0.5);font-size: 18px;margin-bottom: 10px;}
.error-code {font-size: 50px;}
.error-btn a {display: block;background: var(--linear-gradient);color: #fff;font-size: 14px;width: 90px;line-height: 34px;border-radius: 34px;}


/* 空状态 */
.empty {text-align: center;padding: 160px 0 32px;background: url("../images/empty.png") no-repeat center 32px;background-size: 160px;color: #969799;font-size: 14px;line-height: 1.429;}

/* Navbar 导航栏 */
.navbar {position: relative;z-index: 1;user-select: none;}
.navbar::after {content: "";display: block;width: 100%;height: var(--navbar-height);}
.navbar-content {position: fixed;top: 0;left: 0;width: 100%;background-color: #fff;height: var(--navbar-height);}
.navbar-title {max-width: 60%;color: #000;font-size: 17px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.navbar-title::before {content: attr(data-title);}
.navbar .back {position: absolute;left: 16px;top: 0;bottom: 0;content: "";background: url("../images/icons/back.png") no-repeat center center;background-size: 10px;width: 20px;}

.copyright {text-align: center;padding: 10px 0;}
.copyright a {color: rgba(0, 0, 0, 0.6);font-size: 12px;}

.main-banner {display: block;margin: 5px;overflow: hidden;border-radius: 5px;}
.main-banner img {width: 100%;}

@keyframes fade-in {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes fade-out {
    0% {opacity: 1;}
    100% {opacity: 0;}
}

@keyframes down {
    0% {transform: translate(0, -100%);}
    100% {transform: translate(0, 0);}
}