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{vertical-align:baseline;border:0;margin:0;padding:0;font-size:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{font-size:16px;line-height:1}ol,ul{list-style:inside}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{color:inherit;text-decoration:none}[role=button]{cursor:pointer}*,:before,:after{box-sizing:border-box}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input::-webkit-outer-spin-button{margin:0}input::-webkit-inner-spin-button{margin:0}input[type=number]{-moz-appearance:textfield}:root{--color-success-value:108 180 63;--color-fail-value:251 75 53;--color-highlight-value:48 88 240;--bg-color:#f9f8f8;--text-color:#000;--color-highlight:rgb(var(--color-highlight-value));--color-text-highlight:var(--color-highlight);--color-gray:#9599bc;--color-grayer:#8b8a99;--color-dark:#696a74;--color-darker:#292725;--color-success:rgb(var(--color-success-value));--color-fail:rgb(var(--color-fail-value));--border-color:rgba(var(--color-highlight-value)/.6);--border-radius:.5em;--border-width:1px;--space-page-module:5em;--space-page-body:2vw;--box-padding:1em;--box-shadow:.15em .2em #000c;--stroke-size:.2em;--stroke-color:#000;--font-size-base:16px;--font-size-xs:.75em;--font-size-sm:.875em;--font-size-md:1.25em;--font-size-lg:1.5em;--font-size-xl:2em;--font-size-xxl:4em}html,body{scroll-behavior:smooth;touch-action:pan-y;-webkit-overflow-scrolling:touch}html{width:100%;height:100%}body{background:var(--bg-color);width:100%;height:100%;font-family:Arial,Helvetica,Microsoft YaHei,Noto Sans TC,Heiti TC,SimSun,sans-serif;font-size:var(--font-size-base);color:var(--text-color);margin:0;padding:0}ul{margin:0;padding:0}li{padding:0;list-style:none}a,a:focus{color:var(--text-color)}a:hover{color:var(--color-highlight);text-decoration:none}a:active,a:visited,a:link{text-decoration:none}a img,img{pointer-events:none;-webkit-user-select:none;user-select:none}input.valid-false{border-color:#ed5565}input.valid-true{border-color:#0d1b38}div.valid-false{color:#ed5565;font-size:var(--font-size-xs)}.text-gray{color:var(--color-gray)}.text-success{color:var(--color-success)}.text-right{text-align:right}ul,ol{list-style:none}h1,h2,h3{font-family:inherit}button,input{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}table{border-collapse:collapse}svg{fill:currentColor;width:1em;height:1em}details,details summary{list-style:none}details summary::-webkit-details-marker{display:none}p{line-height:1.2}.mt-1{margin-top:.5em}.gap-1{gap:.5em}.mt-2{margin-top:1em}.gap-2{gap:1em}.mt-3{margin-top:1.5em}.gap-3{gap:1.5em}.mt-4{margin-top:2em}.gap-4{gap:2em}.mt-5{margin-top:2.5em}.gap-5{gap:2.5em}.gap-mini{gap:.2em}.text-center{text-align:center}.text-highlight{color:var(--color-text-highlight)}.tips{color:var(--color-gray)}.tips p{margin:var(--space-base)0 0}.svg-stroke{stroke:#000;stroke-width:.1em;paint-order:stroke;text-shadow:.1em .1em #000;fill:#fff;height:1.2em}.txt-stroke-s{text-shadow:.1em 0 var(--text-color),-.1em 0 var(--text-color),0 .1em var(--text-color),0 -.1em var(--text-color),.1em .1em var(--text-color),-.1em -.1em var(--text-color),.1em -.1em var(--text-color),-.1em .1em var(--text-color),.1em .1em var(--text-color);padding:.1em}.txt-stroke{--stroke-size:.1em;--stroke-color:var(--text-color);--shadow:$size/1.2$size/1.2$color;padding:var(--stroke-size);-webkit-text-stroke:var(--stroke-size)var(--stroke-color);text-shadow:var(--shadow);position:relative}.txt-stroke:before{content:attr(data-text);left:var(--stroke-size);top:var(--stroke-size);right:var(--stroke-size);bottom:var(--stroke-size);z-index:1;text-shadow:none;-webkit-text-stroke:0;color:inherit;position:absolute}.btn{--bg-color:transparent;--padding:.8em;z-index:0;border:var(--border-width)solid var(--border-color);border-radius:var(--border-radius);padding:var(--padding)calc(var(--padding)*2);background-color:var(--bg-color);cursor:pointer;justify-content:center;align-items:center;transition:all .2s ease-in;display:inline-flex;position:relative}:is(.btn:has(img),.btn:has(svg),.btn:has(div)){gap:.5em}.btn img,.btn svg{flex-shrink:0;font-size:1.1em}.btn:hover,.btn:active,.btn.btn-highlight{--bg-color:var(--color-highlight);--border-color:transparent;color:#fff;box-shadow:0 0 1.5em rgba(var(--color-highlight-value))}.btn:hover a,.btn:hover:is(a),.btn:active a,.btn:active:is(a),.btn.btn-highlight a,.btn.btn-highlight:is(a){color:#fff;text-decoration:none}.btn.btn-block{margin-left:auto;margin-right:auto;display:flex}.btn.btn-small{--border-radius:.5em;--padding:.2em;font-size:var(--font-size-xs)}.btn.btn-big{--padding:1em}.btn.disabled,.btn:disabled{cursor:not-allowed;border-color:var(--color-gray)!important;color:#7a7a7a!important;background-color:#dfdfdf!important}.btns{align-items:center;gap:1em;display:flex}.btns .el-button+.el-button{margin:0}.icon{--size:2.78em;--border-radius:50%;--border-color:#000;border-radius:var(--border-radius);border:var(--border-width)var(--border-style,solid)var(--border-color);background-color:var(--box-bg-color);box-shadow:none;width:var(--size);height:var(--size);cursor:pointer;justify-content:center;align-items:center;padding:.3em;transition:all .5s;display:inline-flex;overflow:hidden}.icon svg,.icon img{width:90%;height:90%;transition:transform .2s}.icon.icon-big{width:2.5em;height:2.5em}.icon.icon-bigger{width:3em;height:3em}.icon:hover{color:inherit}.icon:hover svg,.icon:hover img{transform:scale(1.1)}.icon.badge{position:relative;overflow:visible}.icon.badge:before{content:"";z-index:1;background-color:#d60000;border-radius:50%;width:.4em;height:.4em;position:absolute;top:.2em;right:.2em}.icon:has(img){padding:0}.icon:has(img) img{width:100%;height:100%}.icons{align-items:center;gap:.5em;display:flex}.icon-copy{cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:relative}.icon-copy svg{width:1em;height:1em}.icon-copy svg use{position:absolute;top:0;left:0}.icon-copy svg use:first-child~use{opacity:0;visibility:hidden}.icon-copy:hover svg use:nth-child(2):not(.success){opacity:1;visibility:visible}.icon-copy:hover:has(:only-child){color:var(--el-color-success)}.icon-copy.copyed{color:var(--color-success)!important}.icon-copy.copyed svg{color:var(--color-success)}.icon-copy.copyed svg use:not(:last-child){opacity:0!important;visibility:hidden!important}.icon-copy.copyed svg use:last-child{opacity:1;visibility:visible}.icon-copy:has(.btn){font-size:1em}.icon-copy:has(.btn) .btn{font-size:var(--font-size-xs);padding:.2em .4em}.icon-copy:has(.btn) .btn svg{display:none}.icon-copy:has(.btn).copyed svg{display:block}.icon-copy:has(.btn).copyed .btn:has(span){padding:0;color:var(--color-success)!important;background-color:#0000!important}.icon-copy:has(.btn).copyed .btn:has(span) span{display:none}.icon-copy:has(.btn).copyed .btn:has(span) svg{transform:scale(1.5)}.flex{display:flex}.flex.flex-column{flex-direction:column}.flex.flex-center{justify-content:center;align-items:center}.flex.flex-center-x{justify-content:center}.flex.flex-center-y{align-items:center}.flex.flex-between{justify-content:space-between}.flex.flex-wrap{flex-wrap:wrap}.img img{object-fit:scale-down;width:100%;height:100%}#app{max-width:750px;height:100%;margin:0 auto}.container{height:100%}main>div{padding:var(--space-page-module)0;position:relative}.page-body{z-index:1;padding:0 var(--space-page-body);max-width:calc(max(72.9167vw,87.5em) + var(--space-page-body)*2);width:100%;height:100%;margin:0 auto;position:relative}.page-body>header{text-align:center;margin-bottom:1em;position:relative}.page-body>header h2{font-size:var(--font-size-xl);text-align:inherit}.page-body>header p{margin:1.5em auto 0;line-height:1.5}@media screen and (max-width:1024px){:root{--font-size-base:14px}}@media screen and (max-width:480px){:root{--font-size-base:12px;--space-page-body:4vw}}@media only screen and (min-device-width:393px) and (max-device-width:440px) and (-webkit-device-pixel-ratio:3){:root{--font-size-base:14px}}
