@charset "UTF-8";
/** henghengge 原创 **/
::author{
    author:"henghengge 原创😆";
}
html{
font-size:23px;
}
*{
box-sizing:content-box;
}
*::selection{
mix-blend-mode:hard-light;
filter:blur(3px);
}
body{
margin:0;
padding:0;
font-size: 1.2666rem;
font-family:-apple-system,system-ui,"Microsoft YaHei";
letter-spacing:0.05rem;
background-clip:padding-box;
}
html,body{scroll-behavior:smooth;}

img{vertical-align:text-bottom;image-rendering:smooth;object-fit:contain;border:0;transition:object-fit 1s}
a,div, h1, h2, h3, h4,em,q,p, form, ul, label, input, textarea, img, span, dl, dt, dd,ol,aside{
margin:0;
padding:0;
box-sizing:border-box;
}
h3,pre{font-size:.7em;}
h4{font-size:.6em;}

a{
text-decoration: none;
}
a,a:link{
transition:background-color .7s,color .6s;
}
a:hover{
cursor:url(favicon3.ico) 6 0, default; 
}
a:active{
cursor:url(favicon6.ico) 6 0, default;
animation: selectionbk .23s ease-in-out forwards alternate;
}
@keyframes selectionbk{
0%{cursor:url(favicon6.ico) 6 0, default;}
50%{cursor:url(favicon3.ico) 6 0, default;mix-blend-mode:luminosity;filter:invert(1) hue-rotate(360deg);}
100%{cursor:url(favicon5.ico) 6 0, default;}
}

h1 a{
transition:padding-left .2s;
}
h1 a:hover{
padding-left:.2vw;
}

article p:only-child{
margin: 0 0 2% 0;
}

header{
margin:0 auto;height:90px;
}
header img:hover{animation: selectionbk .16s ease-in-out infinite alternate;}
footer{font-size:.62333333rem;text-align:center;margin:calc(2vh - 3px) 0 0;
height:5vh;
min-height:3vh;
display:block;
}
dl,dd{
display:flex;
justify-content:center;
}
article{
margin:.33% 0 .33%;
}
header a{margin:0 0 0 .9em}

article > *{
margin-left:1.33%;
}


article:first-child{
margin-top:0;
}
aside h1{margin-top:1.888vh;}

pre{
border-left: 2px solid;
}
img[name=artcover]{
object-fit:cover;
object-position:center center;
width:100%;
}
article h1{
font-size:1.37rem;
}
article h2,article em,article q{
font-size:.52rem;
line-height:1.1rem;
line-height:.9rem;
}
article em{
font-style:normal;
}
article em,article q{visibility:hidden;}
q::before{ content:''; } 
q::after{ content:''; }
article div{margin: 0 0 0 1%;}	
article p,article div{font-size:1.1rem;text-align:justify;min-height:5vh;line-height:1.7rem;}
article p:first-child{text-indent:2.0rem;}
article p:only-child{text-indent:.1rem;}
pre,article p,article div{white-space: pre-wrap;word-wrap: break-word;}
nav,main{
display:grid;
grid-auto-flow:row;
}
nav{
grid-template-columns:repeat(6, fit-content(1.66rem));
grid-gap:1.66vw;
justify-content:start;
}
main{
grid-template-columns:1fr minmax(150px, 13%);
grid-column-gap:8px;
min-height:calc(70vh + 1px);
}

.art,aside{
grid-row:1;
}
aside a{
font-size:20px;
}
aside h1{font-size:.88rem;}
aside ul{margin-left:.79rem;}

nav,nav a{text-align:center;white-space:nowrap;}
nav a:first-child{margin:0 0 0 2vw;}

li,dd,dt{
list-style-type: none;
list-style-position:inside
}
.clear {clear: both;}
.cover{text-align: right;margin-left: auto;}

.pagebar{
font-size: 0.66rem;
display:flex;
justify-content: space-between;
align-items: center;
margin:2.7vh 0 0;
}
.pagebar a{
text-align:center;
display:block;
line-height:5vh;
}
.pagebar li{flex:2vw;}
.pagebar,.pagebar li,.pagebar a{flex-wrap:nowrap;}

.pagebar a:first-child,.pagebar a:last-child{
flex:8vw;
}
.pagebars li:before {
content: '';
}
/** 适配开始 **/
@media(max-width:1024px){
.pagebar{margin:2vh 3vw 0;}
main{display:unset;}
main article{width:96vw;}
aside{width:86%;}
}
@supports ((height: constant(safe-area-inset-top)) or (height: env(safe-area-inset-top))) and (-webkit-overflow-scrolling: touch) {
.fullscreen {
/* 适配齐刘海 */
padding-top: 20px;
padding-top: constant(safe-area-inset-top);
padding-top: env(safe-area-inset-top);

/* 适配底部小黑条 */
padding-bottom: 0;
padding-bottom: costant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
}
}
@media(prefers-color-scheme:dark){
html{
filter:invert(1) hue-rotate(52deg);
transition:hue-rotate .3s;
}

iframe, img, image, video,[style*="background-image"] {
filter:invert(3) hue-rotate(-52deg);
}
*::selection{
mix-blend-mode:difference;
}
}

article:hover{ background-size:107% 5px;background-position:left bottom; }
*{ outline-color: #964F4C; }
*::selection{ background:#b082f032; text-shadow:0 0 .33px #c1ffc096; }
body{ color: #6768A3; background-image:linear-gradient(to bottom,#fffcfcde,#fffcfc 100vh); }
a{-webkit-tap-highlight-color:#becb427a; }
a:nth-of-type(2n){ color:#222233; }
nav a:hover{ -webkit-text-stroke: .333px #d4e7d1; color:#FF7F04; background-image:linear-gradient(to bottom,#fffcfcde,#83d116b9 100%);}
a:active{ color:#996d33;}
article h1 a{color:#CA848A; }
article:nth-child(odd) h1 a{ color:#FFBE98; }
article h1 a:hover{color:#964F4C; }
article:nth-child(even) h1 a:hover{ color:#B0CC6C; }
article{background:linear-gradient(to right,#875b6f,#83d116b9) no-repeat; background-size:0 5px; background-position:right bottom;transition:background-size 7s; }
nav{ background:#85677B; }
nav a,input[type=submit]{ color:#C5A253; background:#A3646B; }
article p{color:#0e0e0ee7;}
.current{ background:#85677B; color:#d109ceb3; }
.pagebar a:hover{ background:#8117ae9e; }
.pagebar li:nth-of-type(2n) a:hover{ background:#96D94C; }
.pagebar li:nth-of-type(2n+1) a:hover{ background:#755CFF; }
.pagebar a:last-child:hover{ background:#EDCEF2; }
pre{ border-left: 2px solid #ccc; }
@media(prefers-color-scheme:dark){
  html,body{ color:#fff; background-color:#222;background-image:unset; }
  article{ border-bottom-color:#59ffd04f !important; }
}