@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");}
html{cursor:url("../../h3/p/cur.png"),default;}
html.waiting{cursor:url("../../h3/p/wait.png"),wait;}
a{cursor:url("../../h3/p/spec.png"),pointer;}
::-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() repeat fixed center;
/*background-size:cover;*/
}
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));}


#hint,.custom-tooltip{z-index:1000;display:none;position:absolute;border-style:solid;border-width:20px 24px 24px 20px;border-image:url(../../images/hintborder.webp) 20 24 24 20 stretch;color:#444;}
#hint ul,ol{margin:4px;padding:4px 0px 4px 4px;	}
#hint li{padding:3px 0px;}
#hint hr{text-align:center;margin:5px auto;width:75%;height:1px;border-bottom:1px dotted #900;background:none;}
#hint p{text-indent:1em;padding:3px 0px;margin:0px auto;}
.hintbg{background:transparent url(../../images/hintmm.webp) repeat scroll center center;overflow:hidden;}
.hintt{color:#990000;font-size:18px;line-height:20px;text-align:center;}
.hintcc{font-size:14px;line-height:1.5em;}
#hint a{color:#00f;}
#hint a:visited{color:#00c;}
.custom-tooltip {position:absolute;display:block;color:black;font-size:1.5em;background-image:url(../../images/hintmm.webp);background-origin:border-box;background-clip: content-box;}

nav{font-size:18px;text-align:center;height:100vh;box-shadow:0px 0px 10px #666;overflow-y:auto;
    border-width:77px;border-image:url(../../h3/p/l_border.webp) 77 stretch;
    border-style:solid;box-sizing: border-box;
    background:transparent url(r_bg.webp) repeat scroll center top;
    width:220px;min-width:190px;overflow:visible;
}
navc{margin:-20px -77px 0px;display:block;width:220px;min-width:190px;}
#logo{max-width:80%;filter:drop-shadow(0px 0px 9px #000);margin-bottom:20px;}
nav a{display:block;width:100%;}
nav ul{padding:0px;font-variant:small-caps;transition:1s;}
nav div,nav li{font-variant:small-caps;transition:1s;margin:0.4em 1.3em;padding:12px 1px;background:transparent url(btn_bg_1.webp) no-repeat scroll center top;background-size:cover;}
nav div:hover:has(> details) {background-image:none;}
nav details:hover{background-color:#0032;}
nav div:hover,nav div li:hover{background-image:url(btn_bg_2.webp);}
nav .NavActived{background-image:url(btn_bg_3.webp);}
nav div li{margin:0.5em 1em;list-style-type:none;}
nav div li:hover a{color:gold;}
#GameVersion{background-image:none;}
#GameVersion a{display:inline;}
#GameVersion img{height:32px;padding:6px 3px;filter:grayscale(100%) drop-shadow(0px 0px 6px #000b);}
#GameVersion img.VerActived{height:48px;filter: grayscale(0%)  drop-shadow(0px 0px 6px #f00b);}

section{display:none;text-align:center;height:80px;padding:5px;justify-content:space-around;align-items: center;transition:0.5s;background-color:#7773;border-radius:7px;font-size:20px;line-height:1.8em;margin:-50px -50px 0px -50px;}
section img{border-radius:5px;max-height:80px;}
section div{display:inline-block;cursor:url("cast.png"),default;}

main{
    height:calc(100vh);min-width:690px;
    box-shadow:0px 0px 10px #666;
    text-align:left;border-style:solid;
    border-width:75px;border-image:url(../../h3/p/r_border.webp) 75 stretch;
    box-sizing: border-box;
    background:transparent url(r_bg.webp) repeat scroll center top;
}
h3.feedback{font-size:1.3em;width:220px;position: absolute;bottom:35px;margin:0px -77px;}
.fh{float:left;text-align:center;}
.fht{float:left;text-align:center;width:1em;padding:10px 5px;font-size:bold;color:#dabd98;}

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;}