@charset "utf-8";
/* CSS Document */




/* Edge 无效 仍强制渲染为 dark */
/* 使用变量代替文字颜色 CSS3 的新特性 必须 -- */
:root {
    --text-color: #000000;      
    --background-color: #fff;  

    
    --color: #191919; 

    --background: #191919;
}
  

/* color */
h1,h2{color: #eee;}
h3{color: #888;}


.fade{color: #888;}
.fade:hover{color: #aaa;}

a{color: #ddd;}
a:hover{color: #eee;}

/*
a.live{ color:#8826ff;}
a.live:hover{color: #eee;} */


input, textarea, button{
    color: #ccc;
    background:none; 
}

input::placeholder{ 
    color: #666; 

}



/* background */
.hi{ background: #202020; }


.view{ background: #202020;  }
.pixview{ background: #202020; }



.listview li{ background: #202020; }
.listview p{ color: #888;}





/* Edge 无效 仍强制渲染为 dark */
/* @media (prefers-color-scheme: light) {
    body {
      color: #ffffff;
      background-color: #aaa;
    }
} */

/* 深色模式下的样式 */
/* @media (prefers-color-scheme: dark) {
    body {
      color: #ffffff;
      background-color: #fff;
    }
} */





body{

    /* color: var(--color);         
    background-color: var(--background);  */

    /* 默认 Dark Mode */
    /* 降低对比度 图文融合更好 */
    color: #ccc;
    /* background: #1c1c1c; */

    background: #191919;
    

    /* 暗黑 */
    /* background: #0a0a0a; */
    /* 沉红 */
    /* background: #490101; */
    /* 雅紫 */
    /* background: #28024c; */

    /* 禁止 移动端<a> 出现蓝色默认背景色 */
    -webkit-tap-highlight-color: transparent;
}




/* 隆重 盛大 */
header.grand{
    /* background: #f9f9f9; */
    
    /* 雅紫 */
    /* background: #28024c; */
    
    /* 尚银 */
    /* background: #f9f9f9; */
    background: #191919; 
}


/* input 外框 */
.search{
    border: .05em #333 solid;
    /* background: #2f2f2f; */
}
/* 搜索结果关键字高亮 */
.result b{
    color: orangered;
}
.result .hi b{
    background-color: orangered;
}

article{
    /* color: var(--color);   */
    background: #202020;
 
}


section.more li{

    background: #191919;
}


footer{color: #666;}
.foot a{color: #666;}
.foot a:hover{color: #ddd;}


/* 铂金 更温暖 */
/* h3{color: #665742;}
a{color: #bca796;}
.foot a{color: #665742;}
.foot a:hover{color: #bca796;} */



/* 滚动条样式 ----------------------------------- */
::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    background-color:#333;
}

::-webkit-scrollbar-thumb:hover{
    background-color:#3399ff50;

}

::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    background   : #00000020;

}






/* ------------------------------------------------- */
/* 主题  body.dark 可全局控制 包括 header 仅一个 css */
/* 注意 article.dark 只能控制局部 且可能有多css */

.light article{
    color:#191919;
    background: #eee;
 
}


.light a{ color:#191919; }
.light a:hover{ color:#333; }