template{display:none!important}
[data-render='1']{visibility:inherit}
[data-render='0']{visibility:hidden!important}
:root{--color-wrap:#f4f3f2;--color-text:#3b3b3b;--color-head:#49cc9c;--color-button:#44b38a;--round-button:.6rem;--color-icon:#44b388;--color-active:#4ab38a;--color-price:#f03f15;--color-block:#fff;--round-block:.8rem;--gap-block:.7rem;--color-line:#8882;--color-sticky:#fafafad9;--color-shadow:#8883;--color-shade:#8883}

body,html{padding:0;margin:0;font-size:15px;color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Source Han Sans CN,Helvetica Neue,Helvetica,sans-serif}
body{line-height:1.5;width:100%;background-color:var(--color-sticky)}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:couriernew,courier,monospace}
li,ol,ul{list-style:none;margin:0;padding:0}
a{color:#444}
a,a:hover{text-decoration:none}
a:hover{color:#353535}
b{font-weight:500}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0;max-width:100%}
h1,h2,h3,h4{font-weight:600;margin:0}
h1{font-size:1.4rem}
h2{font-size:1.2rem}
h3{font-size:1rem}
h4{font-size:.9rem}
del{color:#888}
p{margin:.4rem 0;font-weight:300}
dd,dl{margin:0}
i{font-style:normal}
hr{border:0;border-top:1px solid #8881;margin:var(--gap-block) auto}
img.qrcode{width:60%;max-width:300px}
img.round,svg.round{border-radius:100%!important;background-position:center;background-size:cover;background-color:#8883}
video{max-width:100%;background-position:center;background-size:cover;border-radius:.2rem;display:block}
/**/
header{color:#fff;position:sticky;top:0;z-index:99;height:3.4rem;font-size:1.1rem;background-color:var(--color-head);transition:.4s all ease 0s;display:flex;justify-content:space-between;align-items:center;text-align:center;text-shadow:0 1px #8882;gap:.4rem;padding:0 .4rem}
header h1{max-width:70%;font-size:1.1rem;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 .8rem}
header h1.logo img{max-height:2.8rem;max-width:100%;display:block;margin:auto;transition:.3s ease all 0s}
header a{min-width:2rem;color:inherit;display:block;position:relative}
header a i.fa-bars{display:none}
header form{flex:auto;max-width:720px}
header .tabs{margin-top:-.3rem}
header .tabs li a.active{color:inherit}
header svg{height:100%;display:block;background-size:contain}
header.clean h1{visibility:hidden}
header.glass{background:#0000}
header.rever{color:var(--color-text)}
header.stick{height:2.8rem}
header.shade,header.stick{background-color:#0000;background-image:linear-gradient(0deg,#0000 0,var(--color-head));backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
header.stick h1{visibility:visible}
header.stick h1.logo img{max-height:2rem}
/**/
.wrap{margin:auto;background-color:var(--color-wrap);max-width:768px;min-height:100vh}
.wrap.full{max-width:unset}
.wrap.header-hide header{background-color:#0000}
.wrap.header-hide header h1{visibility:hidden}
.wrap.header-transparent header{background-color:#0000}
.wrap.header-glass header{background:#0000}
.wrap.header-glass header:has(ul) a{color:unset}
.wrap.header-glass header h1{visibility:hidden}
.wrap.header-small header{height:2.8rem;background-color:var(--color-head);backdrop-filter:saturate(150%) blur(7px);-webkit-backdrop-filter:saturate(150%) blur(7px)}
.wrap.header-small header h1{visibility:visible}
.wrap.header-small header h1.logo img,.wrap.header-small header h1.logo svg{max-height:2.5rem}
.wrap.header-small header a{color:#fff!important}
/**/
footer{padding:var(--gap-block);color:#8888}
nav{background:#fffd;max-width:768px;backdrop-filter:saturate(150%) blur(5px);-webkit-backdrop-filter:saturate(150%) blur(5px)}
nav.foot-fixed{border-top:1px solid #8883;margin:auto}
nav ul.tabs{margin:auto;max-width:640px;justify-content:space-around}
nav ul.tabs li a{color:#889;text-shadow:0 1px 0 rgba(255,255,255,.7);display:inline-flex;flex-wrap:nowrap;flex-direction:column;align-items:center;justify-content:center;min-width:3rem}
nav ul.tabs li a:before{display:none}
nav ul.tabs li a i{font-size:1.4rem;margin:.2rem}
nav ul.tabs li a svg{background-size:100% auto;width:1.8rem;background-position:center top;background-repeat:no-repeat;margin:0 auto}
nav ul.tabs li a.active svg,nav ul.tabs li a:hover svg{background-position:center bottom}
nav ul.tabs li:nth-child(2):nth-last-child(2) a,nav ul.tabs li:nth-child(3):nth-last-child(3) a{border-radius:100%;width:4rem;height:4rem;margin: -.5rem;background-image:linear-gradient(180deg,var(--color-block) 0,#fff0 50%);box-shadow:0 1px 0 0 #8883 inset}
nav ul.tabs li:nth-child(2):nth-last-child(2) a i,nav ul.tabs li:nth-child(3):nth-last-child(3) a i{font-size:1.6rem;margin-top:0}
nav ul.tabs li:nth-child(2):nth-last-child(2) a svg,nav ul.tabs li:nth-child(3):nth-last-child(3) a svg{width:2.2rem;margin-top:-.4rem}

section{padding:var(--gap-block);margin:var(--gap-block) 0;background:var(--color-block);box-sizing:border-box;position:relative}
section.full:first-child{margin-top:-3.4rem;margin-bottom:0;padding:0;overflow:hidden}
section.full:first-child img,section.full:first-child svg,section.full:first-child video{border-radius:0}
section.inside{margin:var(--gap-block);border-radius:var(--round-block);overflow:hidden}
section.sheet{border-radius:var(--round-block) var(--round-block) 0 0;background:linear-gradient(0deg,var(--color-wrap) 0,var(--color-block) 45%)}
section.sheet:first-child{margin-top:0;box-shadow:0 -6px 5px 0 #00000005}
section.foot-fixed{max-width:768px;margin:auto;background:var(--color-sticky);box-shadow:0 0 .5rem 0 #0001;backdrop-filter:saturate(150%) blur(7px);-webkit-backdrop-filter:saturate(150%) blur(7px)}
section.foot-fixed.inside{max-width:680px;overflow:visible;left:.8rem;right:.8rem;bottom:1rem;margin-bottom:constant(safe-area-inset-bottom);margin-bottom:env(safe-area-inset-bottom)}
section.foot-fixed.inside:after{display:none}
section.foot-fixed em{color:#8888;text-shadow:0 0 var(--color-icon)}
section.foot-fixed .badge.pop{margin:calc(var(--gap-block)/-1)}
section.bg-transparent ul.row>li>div{box-shadow:0 0 .5rem 0 #8881;padding:calc(var(--gap-block)/2);background:var(--color-block);border-radius:.5rem;overflow:hidden}

section .logo{height:3.6rem;margin:var(--gap-block) auto;background-image:url(img/logo.png);background-repeat:no-repeat;background-position:center;background-size:contain}
section .title{font-size:1.1rem;font-weight:600;margin-bottom:calc(var(--gap-block)/1.5)}
section .title .fa-fw{color:var(--color-icon)}
section .full{margin-left:calc(var(--gap-block)/-1);margin-right:calc(var(--gap-block)/-1);width:auto}

form dl dt{padding-top:var(--gap-block)}
form dl dd{border-bottom:1px solid #8881;padding:var(--gap-block) 0}
form dl dd:last-child{border-bottom:none}

.upload>*{position:relative}
.upload>:nth-child(10)~*{display:none}
.upload i{color:#888a}
.upload img,.upload svg{background-color:#eee;background-size:cover;display:block;width:100%}
.upload video{max-height:20rem}
.upload sub,.upload sup{position:absolute;right:1rem}
.upload sub{bottom:1rem}
.upload sup{top:1rem}

.button,button,input,select,textarea{margin:.4rem 0;border:0;-webkit-appearance:none;display:block;outline:0;box-sizing:border-box;transition:.4s all ease 0s;width:100%;line-height:1.6;font-size:1rem}
input,select,textarea{padding:0;background:#0000;color:var(--color-text)}
input[type=file]{position:absolute;margin:0;z-index:2;opacity:0;left:0;top:0;width:100%;height:100%}
input[type=checkbox],input[type=radio]{width:auto;line-height:.9;color:#8888;font-size:1.2rem}
input[type=radio]:before{content:"\f111"}
input[type=radio]:disabled:before{content:"\f057"}
input[type=radio]:checked:before{content:"\f058"}
input[type=checkbox]:before,input[type=radio]:before{font-family:'Font Awesome\ 6 Free'}
input[type=checkbox]:disabled,input[type=radio]:disabled{color:#8885}
input[type=checkbox]:before{content:"\f0c8"}
input[type=checkbox]:checked:before{content:"\f14a"}
input[type=checkbox]:disabled:before{content:"\f2d3"}
input[type=checkbox]:checked,input[type=radio]:checked{color:var(--color-button)}
input[type=range]{background-color:#8886;height:.8rem;margin:var(--gap-block) 0;border-radius:1rem}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:1.8rem;width:1.8rem;background:#fff;border-radius:var(--round-button);box-shadow:0 0 .5rem 0 rgba(0,0,0,.4)}
input:autofill{padding:.4rem;margin:0}
input.line,select.line,textarea.line{box-shadow:0 0 0 1px var(--color-shadow);border-radius:var(--round-button);padding:.2rem;background:#fff6}
input.line:hover,select.line:hover,textarea.line:hover{box-shadow:0 0 0 1px var(--color-icon);background:#fff9}
input.round{border-radius:2rem;padding-left:1rem;padding-right:1rem}
input.toggle[type=checkbox]{position:relative;display:flex}
input.toggle[type=checkbox]:before{content:"";background:#8888;border-radius:1rem;box-shadow:0 1px 3px 0 #0001 inset;width:2.4rem;height:1.4rem;transition:.4s ease all .1s}
input.toggle[type=checkbox]:after{content:"";background:#fff;position:absolute;transition:.3s ease all 0s;width:1rem;height:1rem;margin:.2rem;overflow:hidden;box-shadow:0 1px 1px 0 #0002;border-radius:1rem;right:1rem}
input.toggle[type=checkbox]:checked:before{background:var(--color-button)}
input.toggle[type=checkbox]:checked:after{right:0}
select{padding-right:1.8rem;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23888" d="m256.00691,161.78661l72.25173,63.57256a13.52522,13.63633 0 1 0 17.78567,-20.53632l-74.90267,-65.918a23.27691,23.46812 0 0 0 -30.26944,0l-74.9162,65.918a13.52522,13.63633 0 0 0 17.78567,20.53632l72.26525,-63.57256l-0.00001,0zm0,188.42676l-72.26525,-63.57256a13.52522,13.63633 0 1 0 -17.78567,20.53631l74.9162,65.918a23.27691,23.46812 0 0 0 30.26944,0l74.90267,-65.918a13.52522,13.63633 0 0 0 -17.78567,-20.53631l-72.25173,63.57256l0.00001,0z"/></svg>');background-size:auto 1.8rem;background-repeat:no-repeat;background-position:right center}
select option{background:0 0}
label{display:inline-flex;align-items:center;gap:.4rem;position:relative}
label.tag input:before{content:"";right:0;width:100%;height:100%;bottom:0;position:absolute;z-index:0;border-radius:.3rem}
label.tag input:checked:before{content:"";background:var(--color-active)}
label.tag input:checked+span{color:#fff}
label.tag :not(input){position:relative}
button:disabled{filter:grayscale(100%)}
button.load:after{left:1.5rem;position:absolute;top:50%;margin-top:-.6rem;margin-left:-.6rem;width:1.2rem;height:1.2rem;border:2px solid #fff;border-left:2px solid transparent}

.red{color:#f44!important}
.gray{color:#8888}
.green{color:#1dad3b!important}
.blue{color:#0e96ca!important}
.orange{color:#e8990b!important}
.yellow{color:#fc6209!important}
.orangered{color:#e85c0b!important}
.white{color:#fff!important}
.black{color:#000!important}
.left{float:left}
.right{float:right}
.block{display:block!important}
.inline{width:auto;display:inline-block}
.bg-blur{background-size:cover;background-position:center}
.bg-blur>*{position:relative}
.bg-blur:before{content:"";background-color:#0000;backdrop-filter:saturate(150%) blur(5px);-webkit-backdrop-filter:saturate(150%) blur(5px);top:-.4rem;left:-.4rem;right:-.4rem;bottom:-.4rem;position:absolute}
.bg-stage{overflow:hidden}
.bg-stage:after,.bg-stage:before{position:absolute;content:"";z-index:0}
.bg-stage:before{animation:spin 90s infinite linear;top:-2.4rem;left:-60%;background-color:hsl(0deg 0% 100% / 10%);bottom:0;right:0;z-index:1}
.bg-stage:after{animation:spin 50s infinite linear;transform:rotate(-50deg);background-size:cover;background-position:center top;top:-2.4rem;bottom:-2em;right:-60%;left:-2em;background-color:hsl(0deg 0% 0% / 8%);z-index:1}
.bg-shade:before{content:"";z-index:0;top:0;left:0;right:0;bottom:0;position:absolute;background-image:linear-gradient(0deg,#0000 0,var(--color-head))}
.bg-transparent{background:0 0!important}
.bg-light{background-color:#fff!important}
.bg-red{background:#f44!important}
.bg-card-color{background:var(--color-card)!important}
.center{text-align:center}
.flex{justify-content:space-between;display:flex;align-items:center;gap:.5rem}
.flex>:not(:first-child):not(:last-child){flex:auto}
.flex-mid{display:flex;justify-content:space-around;text-align:center;align-items:center}
.flex-mid>*{position:relative}
.padding-3{padding:.3rem!important}
.padding-5{padding:.5rem!important}
.padding-8{padding:.8rem!important}
.padding-10{padding:1rem!important}
.padding-v-3{padding:.3rem 0!important}
.padding-v-5{padding:.5rem 0!important}
.margin-3{margin:.3rem}
.margin-5{margin:.5rem}
.margin-8{margin:.8rem}
.margin-10{margin:1rem!important}
.margin-v-3{margin:.3rem 0!important}
.margin-v-5{margin:.5rem 0!important}
.no-padding{padding:0!important}
.no-padding-top{padding-top:0!important}
.no-padding-bottom{padding-bottom:0!important}
.no-margin{margin:0!important}
.no-margin-top{margin-top:0!important}
.no-margin-bottom{margin-bottom:0!important}
.no-border{border:none!important}
.no-radius{border-radius:0!important}
.pre-text{font-family:auto;white-space:pre-wrap;line-height:1.6;overflow:hidden;margin:.5rem 0}
.fixed{position:fixed}
.sticky{position:sticky!important;top:2.8rem;z-index:8}
.foot-fixed{position:fixed;bottom:0;left:0;right:0;z-index:99}
.foot-fixed:after{content:"";display:block;overflow:hidden;height:calc(constant(safe-area-inset-bottom) /1.3);height:calc(env(safe-area-inset-bottom) / 1.3)}
.clamp1,.nowrap{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}
.nowrap>*{display:inline-block!important;margin:0!important}
.clamp2{-webkit-line-clamp:2}
.clamp3{-webkit-line-clamp:3}
.clamp2,.clamp3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
.rem1{font-size:1rem!important}
.rem2{font-size:2rem!important}
.price{font-size:125%;color:var(--color-price)}
.price:before{content:"¥";font-size:70%}
.hide,.show0{display:none!important}

.grid{display:flex;flex-wrap:wrap}
.grid>*{box-sizing:border-box}
.grid-1>*{width:100%}
.grid-2>*{width:50%}
.grid-3>*{width:33.333%}
.grid-4>*{width:25%}
.grid-5>*{width:20%}

.button,button{color:#fff;font-size:1rem;background:var(--color-button);border-radius:var(--round-button);display:flex;justify-content:center;align-items:center;gap:.3rem;padding:.5rem 1.5rem}
.button:hover,button:hover{color:#fff;text-shadow:0 1px 1px #0002;box-shadow:0 0 2rem 0 #fff3 inset,0 0 .3rem 0 #0003;transition:.3s all ease 0s}
.button:hover i,a:hover i,button:hover i{animation:peng .4s 1 ease-in-out 0s}
.button>*,button>*{color:inherit}
.button.inline,button.inline{display:inline-flex;margin:0}
.button.small,button.small{padding:.3rem 1rem;gap:.2rem;border-radius:calc(var(--round-button)/1.5)}
.button.min,button.min{padding:.1rem .5rem;gap:.2rem;border-radius:calc(var(--round-button)/2)}
.button.gold,button.gold{background:#ddae52!important;color:#542e0d!important}
.button.red,button.red{background:#f44;color:#fff!important}
.button.yellow,button.yellow{background:#e8a40b;color:#fff!important}
.button.green,button.green{background:#15bd38;color:#fff!important}
.button.gray,button.gray{background:#ccc;color:#fff!important}
.button.black,button.black{background:#4c4943;color:#fff!important}
.button.white,button.white{background:#fff;color:#444!important}
.button.orange,button.orange{background:#ec650b;color:#fff!important}
.button.orangered,button.orangered{background:#ec380b;color:#fff!important}
.button.blue,button.blue{background:#0bb1ec;color:#fff!important}
.button.round,button.round{border-radius:2rem}
.button.round-left{border-radius:2rem 0 0 2rem}
.button.round-right{border-radius:0 2rem 2rem 0}
.button.line,button.line{box-shadow:0 0 0 1px var(--color-button) inset;background:transparent!important;color:var(--color-button)}
.button.line.red,button.line.red{color:#f44!important;box-shadow:0 0 0 1px #f44 inset}
.button.line.green,button.line.green{color:#15bd38!important;box-shadow:0 0 0 1px #15bd38 inset}
.button.line.orange,button.line.orange{color:#ec650b!important;box-shadow:0 0 0 1px #ec650b inset}
.col,.row{margin:calc(var(--gap-block)/-2);display:flex;flex-wrap:wrap;justify-content:flex-start;gap:0}
.col>*,.row>*{padding:calc(var(--gap-block)/2);box-sizing:border-box}
.col-1{width:8.3333%}
.col-2{width:16.6666%}
.col-3{width:24.9999%}
.col-4{width:33.3333%}
.col-5{width:41.6666%}
.col-6{width:50%}
.col-7{width:58.3333%}
.col-8{width:66.6666%}
.col-9{width:74.9999%}
.col-10{width:83.3333%}
.col-11{width:91.6666%}
.col-g1{width:38%}
.col-g2{width:62%}
.row>.side{position:sticky;top:3rem;height:calc(100vh - 3rem);overflow-y:auto;overflow-x:hidden;padding-bottom:4rem;width:inherit;align-items:flex-start}
.row>.side .tabs{gap:.3rem;flex-direction:column}
.row>.side .tabs li a{text-overflow:ellipsis;word-break:keep-all;overflow:hidden}
.row>.side .tabs li a.active svg{background-position:bottom center;transform:scale(1.2)}
.row>.side .tabs li a svg{width:2rem;background-position:top center;margin-bottom:.3rem;transition:.3s all ease 0s}
.badge{background:var(--color-active);color:#fff;border-radius:1rem;overflow:hidden;line-height:1;padding:.2rem .4rem;margin:.1rem;display:inline-block;position:relative}
.badge:empty{display:none}
.badge.pop{border-radius:1rem 1rem 1rem 0;top:-.5rem}
.badge.dot{width:.7rem;height:.7rem;padding:0;font-size:0}
.badge.fa{background:#0000;display:inline-block}
sub.badge,sup.badge{position:absolute;right:0}
sup.badge{top:0}
sub.badge{bottom:0}
[data-collected],[data-digged],[data-followed]{display:none}
.collected[data-collected]{display:inline-block}
.collected[data-collected]+*{display:none}
.digged[data-digged]{display:inline-block}
.digged[data-digged]+*{display:none}
.followed[data-followed]{display:inline-block}
.followed[data-followed]+*{display:none}
.fa.active{color:var(--color-active)}
.tag{line-height:1;background:var(--color-shadow);padding:.3rem;border-radius:.3rem;gap:0}
.tags{display:flex;flex-wrap:wrap;gap:.3rem}
.map-face{transform:rotate(45deg);background:var(--color-active);border-radius:4rem 4rem 0 4rem;box-shadow:0 0 .6rem 0 #0003;padding:.2rem;margin-top:-2rem;animation:bounce .8s cubic-bezier(.05,0,.2,1) infinite alternate}
.map-face svg{display:block;width:3rem;transform:rotate(-45deg)}
.load{position:relative}
.load:after{content:"";position:fixed;animation:fade .9s ease 1s forwards,spin 1s linear infinite;box-sizing:border-box;opacity:0;width:3rem;height:3rem;margin-top:-1.5rem;margin-left:-1.5rem;top:50%;left:50%;border-radius:50%;border:.3rem solid var(--color-shade);border-left:.3rem solid var(--color-icon);z-index:999;border-top:.3rem solid var(--color-icon)}
.tips{padding:.4rem;background:#ff9;box-sizing:border-box;margin:auto;box-shadow:0 0 4px 0 var(--color-shadow);max-width:768px;color:#554238}
#app.load:after{animation:fade .9s ease 1.5s forwards,spin 1.3s linear infinite}

.content{padding:1px 0;margin:-1px 0}
.content table{border-spacing:0;width:100%;border:1px solid var(--color-line)}
.content table tr th{background:var(--color-sticky);padding:.5rem;text-align:left}
.content table tr td{border-top:1px solid var(--color-line);padding:.5rem;border-left:none}

.content.modal{position:fixed;max-width:100%;top:100vh;right:0;left:0;background:#8888;z-index:99;height:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-around}
.content.modal section{transition:.4s all ease 0s;opacity:0;max-width:640px;flex:auto;margin-bottom:-3rem}
.content.modal section.foot-fixed{padding:1rem;bottom:0}
.content.modal.show{top:0}
.content.modal.hide{z-index:-10;display:inherit !important}
.content.modal.show section{opacity:1;box-shadow:0 0 1rem 0 #0003;margin-bottom:unset}

.curtain{position:relative;text-shadow:0 1px #8884;background:transparent!important;overflow:hidden;padding-bottom:0;padding-top:3.4rem;margin-top:-3.4rem}
.curtain.overlap{padding-bottom:6rem;margin-bottom:-6rem}
.curtain>*{position:relative;color:#fff}
.curtain .drop{overflow:hidden;background-attachment:fixed;background-position:top center;background-size:100% auto;background-color:var(--color-head);position:absolute;right:-30%;left:-30%;bottom:0;top:0;z-index:0;border-radius:0 0 50% 50%}
.curtain .tray{background-attachment:fixed;background-position:top center;background-size:100% auto;background-color:var(--color-head);padding:3.4rem 70% 0 70%;margin-top:-3.4rem;margin-right:-70%;margin-left:-70%;border-radius:0 0 50% 50%;overflow:hidden;box-shadow:0 -9px 9px 0 #0000001a inset}
.curtain .tray:after{content:"";position:absolute;bottom:-.5rem;left:25%;height:.5rem;width:50%;box-shadow:0 -.5rem .5rem 0 #0002}
.curtain .vipcard{margin-top:2rem}

.vipcard{padding:1.5rem;color:#fff;background-color:var(--color-card);box-shadow:0 0 1rem 0 #0002;border-top:1px solid #fff9;border-radius:var(--round-block);background-size:100% auto;text-shadow:0 1px 1px #0004}
.vipcard.head{padding:.5rem .5rem 1.2rem .5rem;margin-bottom:calc(var(--gap-block)/-1);border-radius:1rem 1rem 0 0}
.vipcard.foot{padding:1.4rem .4rem .4rem .4rem;margin-top:-1rem;border-radius:0 0 1rem 1rem}

.headimg{width:3.6rem;display:block;box-shadow:0 0 .2rem 0 var(--color-shadow);background-size:cover;border:.14rem solid var(--color-block);box-sizing:border-box}
.headimg.small{width:2.8rem}

.resmsg{text-align:center;padding:2rem;color:#8888}
.resmsg i.fa{display:block;margin:1rem auto;color:#8882;font-size:6rem}

.tabs{display:flex;justify-content:center;user-select:none;align-items:center}
.tabs li a{padding:calc(var(--gap-block)/2)}
.tabs li a:before{content:"";transition:.3s ease all 0s;position:absolute;bottom:0;border-radius:1px;left:50%;right:50%;border-top:1px solid;border-bottom:1px solid}
.tabs li a.active{color:var(--color-head)}
.tabs li a.active:before{left:40%;right:40%}

.cutoff{text-align:center;margin-left:auto;margin-right:auto;position:relative}
.cutoff:after,.cutoff:before{content:"";border-top:1px solid #8881;position:absolute;top:50%;width:30%}
.cutoff:before{left:0}
.cutoff:after{right:0}

.progress{height:.6rem;border-radius:1rem;background:#8884;box-shadow:0 0 .4rem 0 var(--color-shadow);display:flex}
.progress .bar{background:var(--color-icon);border-radius:1rem;box-shadow:0 0 .5rem 0 var(--color-shadow);transition:1.5s ease-out all 0s;position:relative}
.progress .bar:before{content:"";height:.6rem;width:.6rem;background:#fff;border-radius:1rem;border:.2rem solid var(--color-icon);float:right;margin-top:-.2rem}
.progress .bar sup{height:1rem;background:#545454;border-radius:1rem;padding:.2rem .4rem;margin-top:-.2rem;position:absolute;right:-.5rem;top:-1.8rem;font-size:.8rem;color:#fff}
.progress .bar sup:before{content:"";height:.5rem;width:.5rem;background:#545454;display:block;position:absolute;transform:rotate(45deg);z-index:0;bottom:-.2rem;border-radius:1rem 0 0 0;right:.7rem}
.progress .bar sup:after{content:"%"}

.cutoff.ticket{position:absolute;height:100%;top:0;display:flex}
.cutoff.ticket:after,.cutoff.ticket:before{display:inline-block;height:40%;width:1px;border-left:1px dotted #ddd;left:50%;border-top:0;margin-left:-.5px}
.cutoff.ticket:before{top:0}
.cutoff.ticket:after{bottom:0;top:auto;left:50%}
.cutoff.ticket>*{align-items:center;display:inline-flex}
.cutoff.ticket1{position:absolute;height:100%;top:0;display:flex}
.cutoff.ticket1:after,.cutoff.ticket1:before{display:inline-block;height:50%;width:1px;border-left:1px dotted #ddd;left:50%;border-top:0;margin-left:-.5px}
.cutoff.ticket1:before{top:0}
.cutoff.ticket1:after{bottom:0;left:50%}
.cutoff.ticket1>*{align-items:center;display:inline-flex}
.stepper{display:inline-flex;align-items:center;font-size:1.2rem;color:#8888}
.stepper input{width:2.5rem;text-align:center;padding:0;font-size:1.2rem;margin:0}
.stepper i{transition:.2s all ease 0s}
.stepper i:hover{color:var(--color-head);transform:scale(1.2)}

.min{font-size:.8rem}
.small,small{font-size:.9rem}
.large,large{font-size:1.2rem}
.big,big{font-size:1.4rem}

ul li a{position:relative;display:block}
ul li h1,ul li h2,ul li h3,ul li h4{font-weight:500;line-height:1.2}
ul li img,ul li svg,dl dd svg{display:block;border-radius:.3rem;margin:auto;background-size:cover;background-position:center;width:100%;height:auto}
ul li a svg~sup,ul li a svg~sub,ul li a svg~em,ul li a svg~i{line-height:1;position:absolute;z-index:9;font-size:.8rem;padding:.2rem;color:#fff}
ul li a svg~sup{right:-.3rem;top:-.3rem;border-radius:.5rem;background:rgb(206 145 27)}
ul li a svg~sub{bottom:.5rem;left:-.3rem;background:var(--color-icon)}
ul li a svg~em{color:var(--color-active);top:5%}
ul li a svg~i{bottom:0;right:0;background:var(--color-button);border-radius:.3rem 0 .3rem 0}

ul.card{margin:calc(var(--gap-block)/-1) 0}
ul.card>li{margin:var(--gap-block) 0;padding:var(--gap-block);background:var(--color-block);border-radius:var(--round-block);overflow:hidden;background-size:cover;box-shadow:0 0 .4rem 0 #8881;position:relative}
ul.card.reflex li:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;background-image:linear-gradient(120deg,#fff1 0,#fff3 50%,#fff0 50%)}

ul.list-view{margin:calc(var(--gap-block)/-2) 0}
ul.list-view li{padding:var(--gap-block) 0;position:relative;border-bottom:1px solid #8881}
ul.list-view li:last-child{border:0}
ul.list-view li p{margin:.2rem 0;color:#666}
ul.list-view li p:last-child{margin-bottom:0}

ul.blog-list{user-select:none}
ul.blog-list li{display:flex;align-items:flex-start;padding:.5rem 0;position:relative;gap:var(--gap-block)}
ul.blog-list li:before{content:"";border-left:1px dotted var(--color-line);position:absolute;top:0;bottom:0;left:2.1rem}
ul.blog-list li .col-l{position:sticky;top:3.5rem;width:4.2rem;text-align:center;z-index:1}
ul.blog-list li .col-l .head{border:.2rem solid #8883;display:inline-block;border-radius:100%;border-right-color:transparent}
ul.blog-list li .col-l .head:before{content:"";border:.2rem solid #8883;border-radius:1rem;position:absolute;left:50%;width:1rem;height:1rem;bottom:-1.4rem;margin-left:-.5rem;box-sizing:border-box}
ul.blog-list li .col-l .head sub{background:#0000;bottom:-.3rem;right:-.3rem;left:auto}
ul.blog-list li .col-l .head svg{box-shadow:none;border-radius:100%;margin:.2rem;width:3.4rem}
ul.blog-list li .col-r{flex:1}
ul.blog-list li .col-r .text{white-space:pre-wrap;font-size:1.1rem;margin:.4rem 0}
ul.blog-list li .col-r .grid{margin:0 -2px}
ul.blog-list li .col-r .grid>div{padding:2px}
ul.blog-list li .cover{display:inline-flex;align-items:center;justify-content:center}
ul.blog-list li .cover img{max-height:50vw}
ul.blog-list li .cover i.fa-play{position:absolute;color:#fffa}
ul.blog-list li .cover i.fa-times{position:fixed;top:1rem;left:1rem;color:#fffa;z-index:9;display:none}
ul.blog-list li .full-screen .cover i.fa-play{display:none}
ul.blog-list li .full-screen .cover i.fa-times{display:block}
ul.time-line li .time{position:relative;text-align:center}
ul.time-line li .time:before{content:"";left:50%;border-left:1px dotted #8882;top:0;position:absolute;z-index:0;bottom:0}
ul.time-line li .time>*{position:relative}
ul.time-line li .time svg{width:3rem}

ul.menu{display:flex;flex-wrap:wrap}
ul.menu li a{text-align:center;padding:.5rem}
ul.menu li a i.fa{color:var(--color-icon);font-size:1.4rem;width:2rem;line-height:2rem}
ul.menu li a em.fa{background-color:var(--color-icon);color:#fff;font-size:1rem;line-height:2rem;width:2rem;margin:.1rem;border-radius:1rem}
ul.menu li a img,ul.menu li a svg{background-repeat:no-repeat;display:inline-block;width:2rem;background-size:100% auto;background-position:top center}
ul.menu li a:hover img,ul.menu li a:hover svg{background-position:bottom center}
ul.menu.grid-1 li{border-bottom:1px solid #8881}
ul.menu.grid-1 li:last-child{border-bottom:none}
ul.menu.grid-1 li a{text-align:left;padding-right:1.5rem;padding-left:0;font-size:1.1rem}
ul.menu.grid-1 li a:after{content:"";position:absolute;top:50%;right:.5rem;display:block;margin-top:-.3rem;width:.6rem;height:.6rem;border-top:1px solid #8884;border-right:1px solid #8884;transform:rotate(45deg)}
ul.menu.grid-1 li a span{display:inline-flex;align-items:center;gap:.5rem}
ul.menu.grid-2 li a i.fa{font-size:2.8rem;line-height:3rem;width:3rem}
ul.menu.grid-2 li a em.fa{font-size:1.8rem;line-height:3rem;width:3rem;margin:.3rem}
ul.menu.grid-2 li a img,ul.menu.grid-2 li a svg{width:3rem}
ul.menu.grid-3 li a i.fa{font-size:2.4rem;width:3rem;line-height:3rem}
ul.menu.grid-3 li a em.fa{font-size:1.6rem;line-height:2.8rem;width:2.8rem;margin:.3rem}
ul.menu.grid-3 li a img,ul.menu.grid-3 li a svg{width:3rem}
ul.menu.grid-4 li a i.fa{font-size:2rem;width:2.6rem;line-height:2.6rem}
ul.menu.grid-4 li a em.fa{font-size:1.4rem;line-height:2.4rem;width:2.4rem;margin:.3rem}
ul.menu.grid-4 li a img,ul.menu.grid-4 li a svg{width:2.6rem}
ul.menu.grid-5 li a{padding:.3rem .2rem}
ul.menu.grid-5 li a i.fa{font-size:1.6rem;line-height:2.4rem;width:2.4rem}
ul.menu.grid-5 li a em.fa{line-height:2.2rem;width:2.2rem;margin:.3rem}
ul.menu.grid-5 li a img,ul.menu.grid-5 li a svg{width:2.4rem}

.full-screen{position:fixed!important;z-index:999!important;top:0;left:0;right:0;bottom:0;background:#000d}
.full-screen.photo{backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center}

.refresh-box{position:relative;overflow:hidden}
.refresh-box.drop{transition:none}
.refresh-box:before{content:"松开手指刷新";transition:.8s all ease .1s;position:absolute;top:0;width:100%;text-align:center;color:#bbb}
.refresh-box.drop:before{top:60%;margin-top:0}

.hide-next+*,.hide-next.empty+*{display:none!important}
.hide-next+*+*,.empty+*{display:block!important}
.hide-next.empty{display:block;text-align:center}
.hide-next.empty:before{content:"\f0ca";font-weight:600;font-family:"Font Awesome 6 Free";font-size:4rem;color:var(--color-shadow);text-shadow:0 1px #fff2}
.hide-next.empty:after{content:"列表为空";display:block;color:#8888;font-size:.9rem}

.side{position:fixed;display:flex;transition:.3s all ease 0s;z-index:99;width:100vw;top:0;bottom:0}
.side.left{left:-100vw}
.side.left.show{left:0}
.side.right{right:-100vw;flex-direction:row-reverse}
.side.right.show{right:0}
.side.show .shade{background:var(--color-shade);visibility:visible;backdrop-filter:saturate(150%) blur(5px)}
.side .content{box-shadow:0 0 1rem 0 var(--color-shadow);background:var(--color-wrap);overflow:auto;max-width:20rem;z-index:1}
.side .shade{transition:.3s all ease .2s;position:fixed;top:0;left:0;bottom:0;right:0;z-index:0;visibility:hidden}
.side.drop{bottom:auto;top:3.8rem;visibility:hidden;left:0;right:0}
.side.drop.show{visibility:unset}
.side.drop.show .shade{backdrop-filter:none}
.side.drop.show .content{opacity:1;margin-top:0}
.side.drop .content{border-radius:var(--gap-block);transition:.3s all ease 0s;opacity:0;position:relative;margin:var(--gap-block);width:15rem}

.side-fixed{bottom:30vh;position:fixed;z-index:9;max-height:50vh;overflow:auto}
.side-fixed.left{left:0}
.side-fixed.right{right:0}

.layui-m-layershade{transition:.3s ease all 0s}
.layui-m-layerchild.hold{background:#000a!important;padding:1rem;color:#fff}
.layui-m-layerchild.popup{background:transparent;box-shadow:none;text-align:center;color:#fff}
.layui-m-layerchild.popup .layui-m-layercont{padding:0}
.layui-m-layerchild.popup .layui-m-layerbtn{background:transparent;border:0}
.layui-m-layerchild.popup .layui-m-layerbtn span:before{font-size:2rem;content:"\f057";font-family:"Font Awesome 6 Free"}
.layui-m-layerchild.modal{width:90%;max-width:600px}
.layui-m-layerchild.modal .layui-m-layercont{padding:var(--gap-block)}
.layui-m-layerchild.sheet{max-width:680px;width:100%;margin:auto;border-radius:var(--round-block) var(--round-block) 0 0!important;overflow:auto}
.layui-m-layerchild.sheet .layui-m-layercont{height:1px;text-align:left;max-height:90vh;overflow:auto;transition:.3s ease all 0s;padding:.2rem 0 env(safe-area-inset-bottom) 0}
.layui-m-layerchild.sheet .layui-m-layercont .content{padding:0 .3rem;margin:calc(var(--gap-block)/-1) 0}
.layui-m-layerchild.sheet .layui-m-layerbtn{right:0;top:0;position:absolute;background:0 0;z-index:9;border:none;width:auto;line-height:1}
.layui-m-layerchild.sheet .layui-m-layerbtn span{margin:var(--gap-block);color:#888;font-family:"Font Awesome 6 Free"}
.layui-m-layerchild.sheet .layui-m-layerbtn span:before{content:"\2b";transform:rotate(45deg);display:inline-block;font-size:1.8rem}
.swiper-slide .fade{position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;color:#fff;text-shadow:0 1px 1px #0004}
.swiper-slide .fade .in{opacity:0;transition:.6s all ease .8s}
.swiper-slide .fade .up{opacity:0;margin-top:1rem;transition:.4s all ease .3s}
.swiper-slide-active .fade .in{opacity:1}
.swiper-slide-active .fade .up{opacity:1;margin-top:0}
.swiper-pagination-bullets .swiper-pagination-bullet{width:.4rem;height:.4rem;border-radius:.4rem;margin:.1rem!important;transition:.2s ease all 0s;background:#8888;opacity:1}
.swiper-pagination-bullets .swiper-pagination-bullet-active{background:var(--color-active);width:1rem}
.swiper.gaped{margin-top:-.5rem;margin-bottom:-.5rem}
.swiper.gaped .swiper-slide{padding:.5rem .7rem;box-sizing:border-box;filter:drop-shadow(0 0 .3rem #0003)}

@keyframes fade{
	0%{opacity:0}
	to{opacity:1}
}
@keyframes spin{
	0%{transform:rotate(0)}
	to{transform:rotate(359deg)}
}
@keyframes peng{
	0%{transform:scale(1)}
	50%{transform:scale(1.2)}
	100%{transform:scale(1)}
}
@keyframes zoom{
	0%{transform:scale(1)}
	50%{transform:scale(0.4)}
	100%{transform:scale(1)}
}
@keyframes bounce {
	0% {margin-top:0 }
	100% {margin-top:-1rem}
}
@media all and (min-width:768px){
	html,body{font-size:20px}
	div.wrap{box-shadow:0 0 1rem 0 #0003}
}