@charset "UTF-8";
@font-face{font-family:"Merriweather";src:url("../../css/MerriweatherBold.ttf");font-weight:700;font-style:normal;}
@font-face{font-family:"Merriweather";src:url("../../css/Merriweather.ttf");font-weight:400;font-style:normal;}
@font-face{font-family:"Merriweather";src:url("../../css/MerriweatherItalic.ttf");font-weight:400;font-style:italic;}
@font-face{font-family:"consola";src:url("../../css/consola.ttf");}
::-webkit-scrollbar{display: none;}
@media only screen and (max-width: 1070px) {
    #H3Rsider{display:none;}
}
@keyframes blink {
    0%, 100% { background-color: initial; }
    50% { background-color: #1e5295a2; }
}
@keyframes shrinkIn {
    0% {
        transform: translateX() scale(1.5);
        opacity: 0;
    }
    100% {
        transform: translateX(0) scale(1);
        opacity: 1;
    }
}
.blink-effect{animation: blink 0.5s 3;}
article.animate-in {position: relative;z-index: 1000;transform: scale(1.3);transform-origin: center center;opacity: 0;animation: shrinkIn 0.5s forwards;}

body{font:14px/1.5em Merriweather,"Sans-Serif";color:#fff;margin:0px;max-height:100vh;display:flex;justify-content:center;background:#020202 url(../../h3/p/bg_sod.webp) repeat fixed center;background-size:auto;}
p{text-indent:2em;margin:10px 0px;}
table p{text-indent:1em;margin:5px;}
a{text-decoration:none;}
a:link{color:#fff;}
a:visited{color:#eee;}
a:hover{color:#ff0;}
a:active{color:#0099CC;}
table{margin:20px auto;padding:0px;border:1.5px solid #777;border-collapse:collapse;box-shadow:0px 0px 4px #444c;background-color:#3335;}
td,th{border:1px dotted #bbb;border-collapse:collapse;text-align:center;}
thead{height:30px;}
.tableb,.h3tablea{width:640px;}
td{padding:2px;background-image:none;}
.imgtd{padding:0px;}
table[rel="thf"] tr:hover{background-color:#9994;}
.th-foucs{background-color:#9994;}
img{max-width:initial;vertical-align:middle;}
table ul{padding-left:1.5em;}
table ol{list-style:upper-roman;padding-left:2.5em;}
select{font-size:20px;line-height:1.8em;}
h1,h2,h3,h4,h5,h6{text-align:center;}

.consola{font-family:"consola",微软雅黑;}
.bold{font-weight:bold;text-indent:0px;}
.acc,hl{color:#dabd98;}
.dim{color:#777;}
.italic,.eo{font-style:italic;}
.gray,.grey,.eo{color:#bbb;}
.green{color:#0ed12c;}
.red{color:#FF0000;}
.blue{color:#0000FF;}
.purple{color:#9932cc;}
.deeppurple{color:#330066;}
.teal{color:#00CCFF;}
.pink{color:#FF99FF;}
.yellow{color:#FFCC00;}
.orange{color:#ed8701;}
.brown{color:#613c18;}
.ac{text-align:center;}
.al{text-align:left;}
.ar{text-align:right;}
.as{text-align:justify;}
.fl{float:left;margin:4px;}
.fr{float:right;margin:4px;}
.quote{border-radius:1em;background-color:#06c2;margin:1em;padding:1em;max-width:620px;}
.hidden{display:none;}
.hdtitle{color:#dabd98;display:none;}
td:hover .hdtitle{display:block;}
.bck{color:#dabd98;font-size:20px;line-height:1.2em;font-family:'Times New Roman', Times,"楷体","楷体_GB2312";text-align:center;text-indent:0px;padding:4px 0px;}
h4[class=al]{border-left:brown 5px solid;padding:5px 0px 5px 1em;background:linear-gradient(to right, rgba(106, 122, 210, 0.61), rgba(255, 0, 0, 0));}

article,#articleList{max-height:calc(100vh - 10em);margin:0px -50px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;padding-right:0.3em;}
article::after{content:"\A\A\A\A\A\A\A\A"; white-space: pre;}
#articleList{font-size:1.5em;line-height:1.7em;}
.H3Rsider{position:fixed;left:calc(50vw + 470px);top:20px;text-align:center;}
.H3Rsider img{max-width:4.8vh;max-height:4.8vh;padding:2px;border-radius:10%;filter:grayscale(70%) drop-shadow(0px 0px 3px #0008);}
.H3Rsider img:hover{filter: grayscale(0%);background-color:#fff1;}
.H3Rsider.rdc img{border-radius:50%;}
.H3Rsider.skillList img{width:2.7vh;}
.rdc{border-radius:5%;}
.flex{display:flex;flex-wrap:wrap;}
.flex-start{justify-content:flex-start;}
.flex-end{justify-content:flex-end;}
.flex-center{justify-content:center;}
.flex-between{justify-content:space-between;}
.flex-around{justify-content:space-around;}
#ArtifactFilter{text-align:left;color:chocolate;font-size:16px;}
#MapObject{color:gold;flex-flow:row wrap;max-width:660px;}
#MapObject div{margin:0em 0.5em;line-height:1.4em;font-size:20px;}