:root{
  --bBgc: #222;
  --bFgc: #ddd;
  --bFga: #ccc;
  --bBdc: #ddd;
  --bTBgc: #222;
  --fFont: 霞鹜文楷,sans-serif;
  --fFont-2: 汉仪正圆,simsun;
  /*--fFont-2: 汉仪正圆,simsun;*/

  --lFgc: black;
  --lBgc: rgb(245, 239, 218);
  --lBgc2: rgb(222, 217, 197);
  --lFga: #333;
  --lBdc: #333;
  --lTBgc: #222;


}

body {background: var(--bBgc); color: var(--bFgc);font-size:1.8em;margin:0;font-family: var(--fFont);/*'汉仪正圆-45简','汉仪正圆',"DFKai-SB","TypeLand KhangXi Dict",霞鹜文楷,Simsun,"Chekiang Shu Ke Sung",华文中宋, Simsun/*, serif;*/}
p {text-indent:2em;text-align: justify;margin-block-start: 0.8em;margin-block-end: 0.8em;}
h3 {border-bottom: 1px solid var(--bBdc);padding:0.7em 0;margin-top: 0.5em;font-weight: 300;}
.page { display: flex;justify-content: space-around;padding: 0.8em 0;border-top: 1px solid var(--bBdc);}
.hd a,
.page a {color: var(--bFgc);text-decoration: none;font-weight:300;}
article {font-weight:300;margin: 0 1em 2em 1em;}
article a {color:var(--bFgc);}
hr {border:0;border-bottom: 1px solid var(--bBdc);margin: 0.8em 2em;}
.hd,
.flag {display:flex;flex-direction: column;}
.flag.scr,
.hd{position: fixed;width:100%;text-align:center;font-size: 14px;/*padding: 5px 0;*/font-family: var(--fFont-2)/*,serif*/;background: var(--bTBgc);/*border-bottom: 1px solid #888;*/box-shadow: 0 0px 10px #bbb;opacity: 0.8;color: white;
left: 0;
}
.hd {top: 0;background:none;opacity:1;backdrop-filter: blur(10px);}
.hd:is(.light *) {background:none;/*var(--lTBgc);*/backdrop-filter: blur(10px);opacity: 1;}

body:is(.light *) {background: var(--lBgc);color: var(--lFgc);}
h3:is(.light *) {border-bottom: 1px solid var(--lBdc);}
.page:is(.light *) {border-top-color:var(--lFgc)}
.page a:is(.light *) {color: var(--lFgc);}
.hd:is(.light *)  {color: var(--lFgc);}
.hd a:is(.light *) {color:var(--lFgc);}
.flag.scr a:is(.light *) {color: var(--bFgc);}
article a:is(.light *) {color:var(--lFgc);}


.hd .bt {padding: 5px 0;text-shadow:1px 1px 3px var(--bBgc);}
.hd .bt:is(.light *) {text-shadow:1px 1px 3px var(--lBgc);}

.flag.scr {bottom: 0;border-top: none;opacity: 0.9;padding:0;}
.flag.scr .page {padding: 5px 0;border:0;}
.mmenu {display: none;}
.flag.scr .mmenu {display: inline-block;}
#parent-menu {-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);/*background: #242424;*/position: fixed;top: 0;left: 0;right: 30%;color: #fff;font-size: 20px;max-width: 500px;max-height: 100%;height: 100%;overflow-y: scroll;-webkit-overflow-scrolling: touch;z-index: 99;}
#parent-menu {opacity: 1;backdrop-filter: blur(40px);}
.flag,
#parent-menu {-webkit-transition: -webkit-transform 0.4s;-moz-transition: -moz-transform 0.4s;transition: transform 0.4s;}
#parent-menu ul {list-style:none;margin:0;padding: 0;}
#parent-menu li {border-top: 1px solid #414141;border-bottom: 1px solid #292929;/*background: #323232;*/padding: 0 1em;height: 24px;overflow: hidden;}
#parent-menu li:first-child {border-top: 0;}
#parent-menu li:last-child {border-bottom: 0;}
#parent-menu ul li a {text-decoration: none;color: #FFF;font-family: var(--fFont-2);}
#parent-menu ul li a {display: block;line-height: 24px;/*padding: 8px 23px;*/font-size: 13px;color: #fff;/*font-weight: bold;*/text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
#parent-menu h6 {background: #3b3b3b;color: #919191;padding: 5px 25px;font-size: 11px;line-height: 13px;}
#parent-menu li:is(.light *) {border-bottom:0}
#parent-menu ul li a:is(.light *) {color: var(--lFgc);}

body.nav-view #parent-menu {-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.65);-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.65);box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.65);}

.hid{ display: none;}
.bar {width: 100%;border:0;}
.prog {background-color:orange;height:2px;width: 0;}
.hd .prog {height:0px;
border-right: 4px solid #fff;
border-top:1px solid #999999;border-bottom:1px solid #888888;background-color: #999;}

#appearance-switcher {float:right;margin-right: 10px;}

.home p {font-size: 0.75em;text-indent:0;}

@media screen and (min-width:800px){
  article {padding: 1em 2em;background: #353535;margin: 0 auto;color: white;max-width: 700px;}
  article:is(.light *) {background: var(--lBgc);color:var(--lFgc);}
  body {margin: auto;background: #1a1a1a;}
  body:is(.light *) {background: var(--lBgc2);}
  .flag .page {width: 700px; margin: 0 auto;padding:0.8em 2em;}
  .flag .page a:is(.light *) {color:#ccc;}
  /*.hd a:is(.light *) {color:var(--bFgc);}*/
}

.block{font-size: 0.8em;margin:2em 0.5em 2em 1em;padding:3px 0.5em;background-color: #444;border-left: 3px solid #888;}
.block p {color: #d8d8d8; margin: 8px 0;text-indent:1em;}
.block hr {display:none;}