.dino-content[data-v-1597daeb] {
    padding: 50px;
    text-align: center;
    height: 100%;
    background-color: #fff
}

.dino-content .dino-info[data-v-1597daeb] {
    font-size: 12px;
    color: #666
}

.dino-content .dino-info span[data-v-1597daeb] {
    display: inline-block;
    line-height: 20px;
    margin: 60px 10px 10px
}

:root {
    --border-radius: 4px;
    --primary-color: #3883f7;
    --max-width: 72%;
    --icon-max-width: 1350;
    --icon-radius: 16px;
    --widget-radius: 16px;
    --icon-size: 60px;
    --icon-opacity: 1;
    --icon-name: 1;
    --icon-nameSize: 12px;
    --icon-nameColor: #fff;
    --icon-gap-x: 30px;
    --icon-gap-y: 30px;
    --sidebar-width: 50px;
    --sidebar-opacity: .5;
    --wall-mask: 1;
    --wall-blur: 0px;
    --wall-background: "";
    --search-height: 48px;
    --search-radius: 25px;
    --search-bgColor: rgba(var(--alpha-bg), .7);
    --time-size: 80px;
    --time-font: "";
    --time-color: #fff;
    --time-fontWeight: 500;
    --time-month: inline;
    --time-week: inline;
    --time-lunar: inline;
    --time-sec: none
}

.dark {
    --alpha-color: 255, 255, 255;
    --alpha-bg: 0, 0, 0;
    --bg-body: #0c0c0c;
    --bg-card: #161616;
    --bg-info: #1d1d1d;
    --bg-input: #25252c;
    --bg-hover: #25252c;
    --bg-btn: #303134;
    --dividing-line: #202025;
    --border-card: var(--dividing-line);
    --d-main: #efefef;
    --d-detail: #c2c2c2;
    --d-sub: #999;
    --d-hover: rgba(var(--alpha-color), .6);
    --img-bg: var(--alpha-bg);
    --img-text: 255, 255, 255
}

.light {
    --alpha-color: 0, 0, 0;
    --alpha-bg: 255, 255, 255;
    --bg-body: #f5f5f5;
    --bg-card: #fff;
    --bg-info: #f5f5f5;
    --bg-input: #f0f1f4;
    --bg-hover: #e2e0e0;
    --bg-btn: #dcdada;
    --dividing-line: #f2f2f2;
    --border-card: var(--dividing-line);
    --d-main: #222;
    --d-sub: #939393;
    --d-hover: rgba(var(--alpha-color), .5);
    --img-bg: var(--bg-card);
    --img-text: var(--alpha-bg)
}

.d-bg-card {
    background-color: var(--bg-card)
}

.d-main {
    color: var(--d-main)
}

.d-sub {
    color: var(--d-sub)
}

.d-hover:hover {
    color: var(--d-hover)!important
}

.d-max-width {
    max-width: var(--max-width)
}

.d-border-radius {
    border-radius: 4px;
    border: 1px solid var(--border-card)
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    text-decoration: none
}

input,textarea {
    outline: none;
    border: none;
    background-color: transparent;
    font-family: inherit
}

input,textarea {
    -webkit-user-select: auto
}

html {
    font-size: 16px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box
}

html,body {
    scroll-behavior: smooth;
    font-family: -apple-system,BlinkMacSystemFont,Neue Haas Grotesk Text Pro,Helvetica Neue,Helvetica,Arial,sans-serif!important
}

input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill {
    -webkit-text-fill-color: var(--d-main);
    background-color: transparent;
    background-image: none;
    box-shadow: 0 0 0 1000px var(--bg-input) inset;
    transition: background-color 50000s ease-in-out 0s
}

img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges
}

* {
    scrollbar-color: var(--bg-hover) var(--bg-card);
    scrollbar-width: thin
}

.d-scrollbar-hide {
    scrollbar-color: var(--bg-hover) var(--bg-card);
    scrollbar-width: none
}

.d-scrollbar-hide::-webkit-scrollbar {
    width: 0;
    height: 0px
}

.d-scrollbar-hide::-webkit-scrollbar-track {
    background-color: transparent
}

.d-scrollbar-hide::-webkit-scrollbar-thumb {
    background: #e8eaec
}

::-webkit-scrollbar {
    transition: .2s;
    width: 6px;
    height: 6px
}

::-webkit-scrollbar:hover {
    width: 10px
}

::-webkit-scrollbar-track {
    background-color: transparent
}

::-webkit-scrollbar-thumb {
    background: var(--bg-hover);
    border-radius: 4px
}

.d-scrollbar::-webkit-scrollbar-thumb {
    background: var(--bg-card)
}

.d-scrollbar:hover::-webkit-scrollbar-thumb {
    background: var(--bg-hover)
}

html,body,#app {
    height: 100%
}

body {
    padding: 0!important;
    background-color: var(--bg-card)
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.d-primary {
    background-color: var(--primary-color);
    color: #fff
}

.d-icon {
    --color: inherit;
    height: 1em;
    width: 1em;
    line-height: 1em;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    fill: currentColor;
    color: var(--color);
    font-size: inherit
}

.d-icon svg {
    height: 1em;
    width: 1em
}

.b {
    font-weight: 700
}

.n {
    font-weight: 400
}

.f12 {
    font-size: 12px
}

.f13 {
    font-size: 13px
}

.f14 {
    font-size: 14px
}

.f15 {
    font-size: 15px
}

.f16 {
    font-size: 16px
}

.f17 {
    font-size: 17px
}

.f18 {
    font-size: 18px
}

.f19 {
    font-size: 19px
}

.f20 {
    font-size: 20px
}

.f21 {
    font-size: 21px
}

.f22 {
    font-size: 22px
}

.f23 {
    font-size: 23px
}

.f24 {
    font-size: 24px
}

.f25 {
    font-size: 25px
}

.f26 {
    font-size: 26px
}

.f27 {
    font-size: 27px
}

.f28 {
    font-size: 28px
}

.f29 {
    font-size: 29px
}

.f30 {
    font-size: 30px
}

.f31 {
    font-size: 31px
}

.f32 {
    font-size: 32px
}

.f33 {
    font-size: 33px
}

.f34 {
    font-size: 34px
}

.f35 {
    font-size: 35px
}

.f36 {
    font-size: 36px
}

.f37 {
    font-size: 37px
}

.f38 {
    font-size: 38px
}

.f39 {
    font-size: 39px
}

.f40 {
    font-size: 40px
}

.f41 {
    font-size: 41px
}

.f42 {
    font-size: 42px
}

.f43 {
    font-size: 43px
}

.f44 {
    font-size: 44px
}

.f45 {
    font-size: 45px
}

.f46 {
    font-size: 46px
}

.f47 {
    font-size: 47px
}

.f48 {
    font-size: 48px
}

.f49 {
    font-size: 49px
}

.f50 {
    font-size: 50px
}

.m0 {
    margin: 0
}

.mt0 {
    margin-top: 0
}

.mb0 {
    margin-bottom: 0
}

.ml0 {
    margin-left: 0
}

.mr0 {
    margin-right: 0
}

.p0 {
    padding: 0
}

.pt0 {
    padding-top: 0
}

.pb0 {
    padding-bottom: 0
}

.pl0 {
    padding-left: 0
}

.pr0 {
    padding-right: 0
}

.m5 {
    margin: 5px
}

.mt5 {
    margin-top: 5px
}

.mb5 {
    margin-bottom: 5px
}

.ml5 {
    margin-left: 5px
}

.mr5 {
    margin-right: 5px
}

.p5 {
    padding: 5px
}

.pt5 {
    padding-top: 5px
}

.pb5 {
    padding-bottom: 5px
}

.pl5 {
    padding-left: 5px
}

.pr5 {
    padding-right: 5px
}

.m10 {
    margin: 10px
}

.mt10 {
    margin-top: 10px
}

.mb10 {
    margin-bottom: 10px
}

.ml10 {
    margin-left: 10px
}

.mr10 {
    margin-right: 10px
}

.p10 {
    padding: 10px
}

.pt10 {
    padding-top: 10px
}

.pb10 {
    padding-bottom: 10px
}

.pl10 {
    padding-left: 10px
}

.pr10 {
    padding-right: 10px
}

.m15 {
    margin: 15px
}

.mt15 {
    margin-top: 15px
}

.mb15 {
    margin-bottom: 15px
}

.ml15 {
    margin-left: 15px
}

.mr15 {
    margin-right: 15px
}

.p15 {
    padding: 15px
}

.pt15 {
    padding-top: 15px
}

.pb15 {
    padding-bottom: 15px
}

.pl15 {
    padding-left: 15px
}

.pr15 {
    padding-right: 15px
}

.m20 {
    margin: 20px
}

.mt20 {
    margin-top: 20px
}

.mb20 {
    margin-bottom: 20px
}

.ml20 {
    margin-left: 20px
}

.mr20 {
    margin-right: 20px
}

.p20 {
    padding: 20px
}

.pt20 {
    padding-top: 20px
}

.pb20 {
    padding-bottom: 20px
}

.pl20 {
    padding-left: 20px
}

.pr20 {
    padding-right: 20px
}

.m25 {
    margin: 25px
}

.mt25 {
    margin-top: 25px
}

.mb25 {
    margin-bottom: 25px
}

.ml25 {
    margin-left: 25px
}

.mr25 {
    margin-right: 25px
}

.p25 {
    padding: 25px
}

.pt25 {
    padding-top: 25px
}

.pb25 {
    padding-bottom: 25px
}

.pl25 {
    padding-left: 25px
}

.pr25 {
    padding-right: 25px
}

.m30 {
    margin: 30px
}

.mt30 {
    margin-top: 30px
}

.mb30 {
    margin-bottom: 30px
}

.ml30 {
    margin-left: 30px
}

.mr30 {
    margin-right: 30px
}

.p30 {
    padding: 30px
}

.pt30 {
    padding-top: 30px
}

.pb30 {
    padding-bottom: 30px
}

.pl30 {
    padding-left: 30px
}

.pr30 {
    padding-right: 30px
}

.m35 {
    margin: 35px
}

.mt35 {
    margin-top: 35px
}

.mb35 {
    margin-bottom: 35px
}

.ml35 {
    margin-left: 35px
}

.mr35 {
    margin-right: 35px
}

.p35 {
    padding: 35px
}

.pt35 {
    padding-top: 35px
}

.pb35 {
    padding-bottom: 35px
}

.pl35 {
    padding-left: 35px
}

.pr35 {
    padding-right: 35px
}

.m40 {
    margin: 40px
}

.mt40 {
    margin-top: 40px
}

.mb40 {
    margin-bottom: 40px
}

.ml40 {
    margin-left: 40px
}

.mr40 {
    margin-right: 40px
}

.p40 {
    padding: 40px
}

.pt40 {
    padding-top: 40px
}

.pb40 {
    padding-bottom: 40px
}

.pl40 {
    padding-left: 40px
}

.pr40 {
    padding-right: 40px
}

.m45 {
    margin: 45px
}

.mt45 {
    margin-top: 45px
}

.mb45 {
    margin-bottom: 45px
}

.ml45 {
    margin-left: 45px
}

.mr45 {
    margin-right: 45px
}

.p45 {
    padding: 45px
}

.pt45 {
    padding-top: 45px
}

.pb45 {
    padding-bottom: 45px
}

.pl45 {
    padding-left: 45px
}

.pr45 {
    padding-right: 45px
}

.m50 {
    margin: 50px
}

.mt50 {
    margin-top: 50px
}

.mb50 {
    margin-bottom: 50px
}

.ml50 {
    margin-left: 50px
}

.mr50 {
    margin-right: 50px
}

.p50 {
    padding: 50px
}

.pt50 {
    padding-top: 50px
}

.pb50 {
    padding-bottom: 50px
}

.pl50 {
    padding-left: 50px
}

.pr50 {
    padding-right: 50px
}

.fl {
    float: left
}

.fr {
    float: right
}

.al {
    text-align: left
}

.ac {
    text-align: center
}

.ar {
    text-align: right
}

.hfull {
    height: 100%
}

.wfull {
    width: 100%
}

.bt {
    border-top: 1px solid var(--dividing-line)
}

.bb {
    border-bottom: 1px solid var(--dividing-line)
}

.bl {
    border-left: 1px solid var(--dividing-line)
}

.br {
    border-right: 1px solid var(--dividing-line)
}

.ba {
    box-sizing: border-box;
    border: 1px solid var(--dividing-line)
}

.bn {
    border: none
}

.d-layout {
    display: flex;
    flex: auto;
    flex-direction: row;
    min-height: 0
}

.d-layout-aside {
    overflow: auto;
    box-sizing: border-box;
    flex-shrink: 0
}

.d-layout-content {
    display: block;
    flex: 1;
    flex-basis: auto
}

.d-content {
    max-width: var(--max-width);
    margin: 0 auto;
    box-sizing: border-box
}

.d-relative {
    position: relative
}

.d-absolute {
    position: absolute
}

.d-fixed {
    position: fixed
}

.d-nowrap {
    white-space: nowrap
}

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

.d-disabled {
    background: #e8e8e8;
    color: #999;
    cursor: not-allowed
}

.d-pointer {
    cursor: pointer
}

.d-show {
    display: block
}

.d-hide {
    display: none
}

.d-hidden {
    overflow: hidden
}

.d-auto-x {
    overflow-x: auto
}

.d-auto-y {
    overflow-y: auto
}

.d-fieldset {
    border: 1px solid rgba(var(--alpha-color),.05);
    border-radius: 2px
}

.d-block {
    display: block
}

.d-inline {
    display: inline-block
}

.d-middle {
    vertical-align: middle
}

.d-box {
    box-sizing: border-box
}

.d-clear {
    clear: both
}

.d-flex {
    display: flex;
    flex-wrap: wrap
}

.d-flex-center {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center
}

.d-flex-x {
    display: flex;
    justify-content: center
}

.d-flex-y {
    display: flex;
    align-items: center
}

.d-flex-start {
    display: flex;
    justify-content: flex-start
}

.d-flex-end {
    display: flex;
    justify-content: flex-end
}

.d-flex-around {
    display: flex;
    justify-content: space-around
}

.d-flex-between {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.d-flex-top {
    align-items: flex-start
}

.d-flex-bottom {
    align-items: flex-end
}

.d-cell {
    flex: 1
}

.d-shrink {
    flex-shrink: 1
}

.d-row {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    box-sizing: border-box
}

.d-col-24 {
    max-width: 100%;
    flex: 0 0 100%
}

.d-col-22 {
    max-width: 91.66666666%;
    flex: 0 0 91.66666666%
}

.d-col-16 {
    max-width: 66.66666667%;
    flex: 0 0 66.66666667%
}

.d-col-13 {
    max-width: 54.1666666%;
    flex: 0 0 54.1666666%
}

.d-col-12 {
    max-width: 50%;
    flex: 0 0 50%
}

.d-col-11 {
    max-width: 45.83333333%;
    flex: 0 0 45.83333333%
}

.d-col-10 {
    max-width: 41.66666666%;
    flex: 0 0 41.66666666%
}

.d-col-8 {
    max-width: 33.33333333%;
    flex: 0 0 33.33333333%
}

.d-col-6 {
    max-width: 25%;
    flex: 0 0 25%
}

.d-col-4 {
    max-width: 16.66666667%;
    flex: 0 0 16.66666667%
}