/*
=========================================================
              🐉 羽天一的异学夜行BHL版主题 🐉
       ------------------------------------------------
           异学会标志由 Freedom Koo 绘制
           CN分部标志由 Deer Kylin 设计
         分割线代码参考自 Woednaz 设计的主题
                   遵循CC-BY-SA协议
==========================================================
*/

@import url('https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&display=swap');
:root:lang(cn),
:root {

/* 字体 */
    --body-font: '新宋体',kaiti,monospace;
    --header-font: '思源宋体 CN', 'Noto Serif SC', lisu,kaiti,sans-serif;
    --sub-header-font:'思源宋体 CN',  'Noto Serif SC', lisu, kaiti,sans-serif;
    --page-title-font: '楷体', kaiti,sans-serif;
    --title-font: '思源宋体 CN', 'Noto Serif SC',  lisu,kaiti,sans-serif;
    --mono-font: '仿宋','ZCOOL XiaoWei', monospace;
    --hdmemu-font: kaiti, monospace;/* 顶栏文字 */
    --hdlist-font: '等线', monospace;/* 顶栏列表 */

/* 版头文字 */
    --header-title:"中華異學會";
    --header-subtitle:"格異、治學、融會";

    /* 标题颜色 */
    --swatch-headerh1-color: 0,255,255;
    --swatch-headerh2-color: 255,255,255;

}

:root {
   --theme-base: "black-highlighter";
--theme-id: " piaoxiang-bhl";
--theme-name: "夜行主题";

/* 图片 */

--yxh-red-image:url('https://fastly.jsdelivr.net/gh/Etinjat/CSS@SCP/LOGO_YXH_red.svg');

--hr-image:url('https://fastly.jsdelivr.net/gh/Etinjat/CSS@SCP/LOGO_CN_white.svg');

    --logo-image:var(--yxh-red-image);

 /* 著作信息文件夹 */    
--linkColour:#CC6600  ;
 --barColour:  linear-gradient(30deg,#151e3b,#2d1053,#291342 );

/* 基准色以及其他 */    
    --bright-accent:0,0,0;
    --medium-accent:grey;
    --dark-accent:0,0,0;

      --bright-accent:0,0,0;
    --medium-accent:grey;
    --dark-accent:0,0,0;

                --white-monochrome: 3, 3, 3;
            /*↑ 白色 ↑*/
                  --pale-gray-monochrome:50, 50, 50;
            /*↑ 非常浅的灰色，用于引用块 ↑*/

              --light-pale-gray-monochrome: 150,150,150;/**/
            /*↑ 浅灰色 ↑*/
               --very-light-gray-monochrome:190,187,156;/**/
            /*↑ 浅灰色 ↑*/

                  --light-pale-gray-monochrome: 205, 205, 205;
            /*↑ 浅灰色 ↑*/
                  --very-light-gray-monochrome: 215, 215, 215;
            /*↑ 浅灰色 ↑*/
                  --light-gray-monochrome: 240, 230, 230;
            /*↑ 浅灰色 ↑*/
                  --black-monochrome: 240, 240, 240;
            /*↑ 黑色 ↑*/

              --pale-accent: 210,107,92;/**/
            /*↑ 浅红色，链接颜色 ↑*/
                  --bright-accent: 133, 0, 5;/**/
            /*↑ 亮红色 ↑*/
                  --medium-accent:173,29,25;
            /*↑ 红色 - 基准颜色 ↑*/
                  --dark-accent: 132,8,5;
            /*↑ 深红色 ↑*/

                        --very-dark-accent: 91,5,4;
                  /*↑ 非常深的红色 ↑*/

    --alt-accent: 221, 102, 17;
            /*↑ 橘色，页面不存在的链接颜色 ↑*/

                  --very-dark-accent: 91,5,4;
                  /*↑ 非常深的红色 ↑*/

                  --alt-accent: 204,102,0;
            /*↑ 橘色，页面不存在的链接颜色 ↑*/

                  --alt-accent: 204,102,0;
            /*↑ 橘色，页面不存在的链接颜色 ↑*/

    --hover-link-color:171,58,55;
    --visited-link-color:171,58,55;
    --sel-color:90,16,14;
    --purple-color:43,17,76, 0.85;

   /* 版头 */
    --header-gradient-color-bottom: var(--black-monochrome);
    --header-gradient-color-middle: var(--dark-gray-monochrome);
    --header-gradient-color-top: var(--dark-gray-monochrome);

 --gradient-header: linear-gradient(0deg, #151515, #141414,#3b3b3b,#222,#111);  

    /* 顶栏 */
      --swatch-topmenu-bg-color: var(--very-dark-accent); 
      --swatch-topmenu-border-color: 42,12,4;

        --background-gradient-color:var(--pale-gray-monochrome);

    /* 按钮 */
      --swatch-menubg-dark-color:5,5,5;

     --swatch-menubg-medium-color: var(--light-pale-gray-monochrome,10,10,10);/* 表格~样式颜色 */

    /* 分割线 */
--hr-color:41,19,66;

 /* 评分 */

       --rating-module-button-plus-color: 204,102,0;
      --rating-module-text-hover-color: 0,0,0; 

    /* 滚轮 */
          scrollbar-color: #6e1310 #2d0908   ;

}

/* 
============================================
主体
============================================
*/

body{
   color:#e8e8e8;
}

  #page-content{
       letter-spacing:1px;
  }

@media (max-width: 479px) {    
  #page-content{
       letter-spacing:auto;
  }
}

/* 
------------------
鼠标选择
--------------------
 */
::selection { 
    color: #cc6600;
    color: rgb(var(--alt-accent)) ;
    background:#5a100e; 
    background: rgb(var(--sel-color)) ;
}

::-moz-selection { 
    color:#cc6600;
    color: rgb(var(--alt-accent)) ;
    background:#5a100e; 
    background: rgb(var(--sel-color)) ;
}

/* 
------------------
其他
--------------------
 */
#toc{
    background: #232222;  
    color:grey;
}

/* 
============================================
版头 
============================================
*/

#header h2 span::before,
#header h1 a, #header h1 a::before {
    color: #fff;
    letter-spacing: 0.3rem;

}

#header h2 span::before{
    color: #fff;
    line-height: 2.5rem
}

div#container-wrap {
    background-image: var(--gradient-header-line) ;
}

#header {
    filter: none;
}

/* 
============================================
搜索和用户 
============================================
*/

#account-topbutton{
      -webkit-touch-callout: none;
   -moz-user-select: none; 
   -webkit-user-select: none;
   -ms-user-select: none;
   -khtml-user-select: none; 
   user-select: none;
}

#login-status #account-options {

overflow: visible;
    background: #000;
   color:  #e8e8e8;
        border:4px double #850005;
}

#login-status #account-options ul li a{
   color:  #e8e8e8 ;
    border: 4px double #850005;
    padding: 0.1rem 0.5rem;
    width: auto;
        display: block;
    overflow: hidden
}

#login-status #account-options ul li a:hover{
   color:  #fff ;
    border: 4px double rgb(204,102,0);
}

#login-status #account-options ul li a:before{
left: -5%;
    width: 110%;
}

#login-status #account-options ul ,
#login-status #account-options ul li {
    display: block;
    font-size: 1rem;
overflow: hidden;
}

#login-status #account-options li > a[href="https://www.wikidot.com/account/messages"] {
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    font-size: 1rem;
    color: inherit;
    width: 83%;
}

#login-status #account-options li  a::before, 
#login-status #account-options li  a:hover::before {
    background-color: rgba(43,17,76, 0.85);
    background-color: rgba(var(--purple-color));
}

#login-status #account-topbutton a,
#login-status span ,
#login-status a,
#login-status {
    font-family: var( --title-font);
    color: #fff !important ;
}

#login-status #account-topbutton ,
#login-status #my-account {
    color: rgb(204,102,0) !important ;
}

#login-status #account-options li  a:hover::after,
#login-status #account-options li > a[href="https://www.wikidot.com/account/messages"]:hover::after {
        position: absolute;
    left:3rem;
font-size: 1rem;
    font-weight: ;

      content: '☯';
}

#login-status #account-options li > a[href="https://www.wikidot.com/account/messages"]::after {
    content: " ";
    padding-left: 0.5rem;

}

#search-top-box::before {
    background-color: #fff;
}

/* 
============================================
顶栏
============================================
*/

.top-bar ul a,
.mobile-top-bar ul a{
     color:#CC6600 !important; 
    color: rgb(var(--alt-accent)) !important; 
    font-family:var(--hdmemu-font);  
    font-size: 120%;
}

.top-bar ul:first-child :not(li) a,
.mobile-top-bar ul:first-child :not(li) a {
    color:#fff !important; 
          font-family:var(--hdlist-font) ;  
 background-color: rgb(var(--white-accent)) !important;
}

.top-bar  ul:first-child li a:hover,
.mobile-top-bar ul:first-child li a:hover
{
     color: #000 !important;
background-color: #CC6600 !important;
     background-color: rgb(var(--alt-accent)) !important;
      transition: all 0.5s;
}

#top-bar div.top-bar  > ul > li > ul,
#top-bar  .mobile-top-bar > ul > li > ul
{
      border: rgb(var(--very-dark-accent)) double 4px  ;      
}

/* 
============================================
侧边栏
============================================
*/

#side-bar .heading p ,
#side-bar .side-block > .collapsible-block .collapsible-block-link {
    --text-shadow: rgb(0,0,0);
     color: #Cc6600;
     color: rgb(var(--alt-accent)) ;
}

#side-bar div.menu-item a::before, 
#side-bar div.menu-item a:hover::before {
    background-color: rgba(43,17,76, 0.85);
    background-color: rgba(var(--purple-color));
}

/* 鼠标移过 */
#side-bar div.menu-item a:hover {
    background-color: rgba(66,66,72,.15);
    color:#fff;
}

#side-bar div.menu-item a:hover:after{
    content: "";
}

/* 侧边栏菜单纯文字 */
#side-bar, #side-bar div.menu-item .sub-text {
    color: #37076e;
}

/* 
============================================
标题 
============================================
*/
#page-title, .meta-title {
    font-family:var(--page-title-font);
    font-size: 300% ;
   text-shadow: 0 0.2rem 1rem #7b7b7b;
    padding:0.8rem 0;
    margin: 1.5rem 0;
border-bottom: 3px double #999;
}

#page-title::after, .meta-title::after ,
#page-title::before, .meta-title::before {
    flex-grow:1;
    content: " ";
    height: 100%;
    margin:0 0.5rem;
    background: none;
    font-size: 100%;

}

#page-title::before, .meta-title::before {
-moz-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
}

@media (max-width: 500px) {  
  #page-title, .meta-title {
    border-top: 0px solid #333;
 }
    /*
    #page-title::after, .meta-title::after ,
    #page-title::before, .meta-title::before {
    flex-grow:0;
  }   
    */
}

#breadcrumbs, .pseudocrumbs {
    align-items: center;
}

/* 
============================================
tab 
============================================
*/
table.wiki-content-table th {
    background:#323232;
    color: #fff;
}

 /*
============================================
 页面信息折框
============================================
 */

#page-info-break{
   margin-top: 2rem;
}

#page-options-container  #page-info ,
#page-options-container  .page-watch-options {
    width: 100%;
    max-width:80vw;
    padding-right: 5rem ;
        margin-right: 5rem ;
overflow: hidden ;
text-overflow:ellipsis ;
white-space: nowrap;
}

#page-info  span,
.page-watch-options a[href*="faq:watching"]   {
    padding-right: 0.5rem ;
        margin-right: 0rem ;
}
.page-watch-options:not(a)   {
   font-size: 0;
}

.page-watch-options a   {
   font-size: 0.8rem;
}

.page-watch-options a:after   {
   font-size: 0.8rem;
        content: ' |';

}

.page-watch-options a[onclick*="site"]:before   {
    content: '关注';
   font-size: 0.8rem;

}

#page-info :after{
    content: '  ';
        border-top: 2px solid #5b0504;
    border-right: 2px solid #5b0504;
    position: absolute;
    height: 2.5rem;
    width:5rem;
    margin-left: -4.5rem;
margin-top: -2.3em;
    z-index: -1
}

@media (max-width:700px) {
#page-info :after{
margin-top: -3em;

}   
}

@media (max-width:410px) {
 #page-options-container #page-info span:after{
    margin-left:0;
    padding-right: 0rem;
    right:5.8vw;
}
    #page-options-container  #page-info ,
#page-options-container  .page-watch-options {
left: -5rem;
    margin-left: -5%;
}  
}

@media (max-width:310px) {
#page-info span:after{
    margin-left:-15.5em;
}

}

/*
============================================
 标签
============================================
 */
#main-content .page-tags::before {
content: "\f02c 标签 ";
padding: 0.5rem 0.5rem 0.2rem 0.5rem;
letter-spacing: 0.1rem;
top: -2rem;
width: 4rem;
font-size: 0.8rem;
font-family: FontAwesome,   var(--body-font);

    margin: 0;
    background-color: transparent;

    background-image: linear-gradient(-110deg, transparent 0rem,  transparent 1.5rem, #840805 1.6rem,#5b0504 100%);
}

#main-content .page-tags span{
margin: 0 0 0 0rem;
}

#main-content .page-tags, 
#main-content .page-tags span {
    height: auto;
}

#main-content .page-tags a {
    transition: all 0.5s;
    margin: 0.2rem;
    text-decoration:none;
   font-size: 120%;
height: 100%;
}

#main-content .page-tags a {
    transition: all 0.5s;
    color: #d26b5c;
    border: 2px double rgb(204,102,0); 

    background: transparent ;
}

#main-content .page-tags a:hover {
    transition: all 0.5s;

    border: 2px double rgb(204,102,0); 
    color: rgb(204,102,0);

}

#main-content .page-tags a::after {
 content: '○' ;
 display: block;
    left: 0;
    color: #d26b5c; 
       font-size: 60%;
    left: 0.3rem;
    position:  absolute;

}

#main-content .page-tags a:hover::after {
     content: '●' ;

 display: block;
    left: 0;
    color: rgb(204,102,0); 
       font-size: 60%;
    left: 0.3rem;
    position:  absolute;

}

#main-content .page-tags span a:not([href^="/system:page-tags/tag/_"]), #main-content .page-tags span a:visited:not([href^="/system:page-tags/tag/_"]){
    padding: 0.2rem 0.5rem  0.2rem 1rem;
    margin-right:0.4rem;
}

#main-content .page-tags,
#main-content .page-tags span {
     display: block ;
    height: auto;
    width: 100%;
    visibility: visible;
    clip-path:none;
     display: block;
}

#main-content .page-tags span a,
#main-content .page-tags span a:not([href^="/system:page-tags/tag/_"]):not(:last-child), 
#main-content .page-tags span a:visited:not([href^="/system:page-tags/tag/_"]):not(:last-child) {
        border: 2px solid #d26b5c;
        border-right: 2px solid #d26b5c;
}

 @media (max-width: 600px) {
#main-content .page-tags::before {
    content: "标签 ▼";
    margin: 0;
        padding: 0.5rem;
    top:-2rem;
    width: 3rem;
    font-size: 0.6rem;
}
}

/* 
============================================
底部按钮 
============================================
*/
.page-options-bottom a {
    display: inline-block;
    white-space: nowrap;
}

div[id*="page-options-bottom"]{
  justify-content:flex-end ;
    margin-top: 0rem;
}

#main-content .page-options-bottom a,
#main-content #action-area div #edit-page-form .buttons.alignleft input {
    cursor: pointer;
    padding: 0.2rem;
    margin: 0.1rem;
    text-decoration:none;
    transition: filter 0.5s;
}

#content-wrap #main-content .page-options-bottom a,
#content-wrap #main-content #action-area div #edit-page-form .buttons.alignleft input {
    border: 3px double #343434;
}

 #content-wrap #main-content .page-options-bottom a:hover,
#main-content .page-options-bottom  a:hover {
border: 3px double  rgb(204,102,0);
}

 #content-wrap #main-content .page-options-bottom a:hover:before,
#main-content .page-options-bottom  a:hover:before {
    content: '|';
    color:  rgb(204,102,0);
       position: absolute;
    left: 1.5em;
font-size: 1.2rem;
}

div[id*="page-options-bottom"] > a:hover::after {
    background-color: rgb(204,102,0);
}

 #content-wrap #main-content .page-options-bottom  a:hover{

        color:  rgb(204,102,0);

}

/* 
============================================
编辑
============================================
*/

#lock-info {
    background-color: #1B0909;
    border: 4px double #8d5f13;
}

.change-textarea-size a {
color:#000;
}

#edit-page-form{
background: radial-gradient(#2f2c2c, #393737,#141514);
}

#edit-page-title,#edit-page-textarea,#edit-page-comments{
background: #000;
color: #fff;
}

/* 
============================================
手机--侧边栏用了，这个就不用了
============================================

.mobile-top-bar .open-menu a::after{
  content: "🐉";
  font-size: 50%;
}
 */

/* 
============================================
多语言框
============================================
 */
iframe.scpnet-interwiki-frame {
    filter: invert(0.8) hue-rotate(190deg) saturate(7.5) contrast(2);
    }

/* 
============================================
分割线，来自woednaz
============================================
 */

hr {
border-top:1px solid transparent ;
background: #514d62;   
background: linear-gradient(to right,transparent,#514d62,transparent);
}

blockquote  hr{
border-top:1px solid transparent ;
background: #6d6b82;   
background: linear-gradient(to right,transparent,#6d6b82,transparent);
}

.yui-navset hr{
border-top:1px solid transparent ;
background: #504967;   
background: linear-gradient(to right,transparent,#504967,transparent);
}

.cn-hr hr {
    border-top:1px solid #000 ;
    background: rgb(0, 0, 0, 0);
    border: 0;
    height: 1.5rem;
    width: 90%;
    position: relative;
    margin: 1.875rem auto;
    }

.cn-hr hr::before {
    content: " ";
    background-image: var(--hr-image);
    color: rgb(var(--hr-color));
    display: inline-block;
    position: absolute;
    top: 0.1em;
    left: 0;
    margin: 0 0 0 -0.188rem;
        margin-left: -0.188rem;
    font-size: 0.938rem;
    line-height: 0;
    height: 1.5rem;
    width: 4rem;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: -webkit-calc(50% - 2rem);
    margin-left: -moz-calc(50% - 2rem);
    margin-left: calc(50% - 2rem);
    background-color: transparent;
    z-index: 1;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.cn-hr hr::after {
    content: " ";
    height: 0.125rem;
    width: 100%;
    position: absolute;
    margin: 0 auto;
    background: rgb(var(--hr-color));
    left: 0;
    top: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='https://www.w3.org/2000/svg' xmlns:xlink='https://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 630 23' xml:space='preserve'%3E%3Cpath fill='%23E6EAF6' d='M0,0v23h630V0H0z M334.9,15.9l1.4,4.6l-13.9,2.3h-14.8l-13.9-2.3l1.4-4.6l0.8-2.6l-2.1-1.6l-3.9-2.9l4.9-0.1 l2.7-0.1l0.9-2.5l1.6-4.6L315,0.1l15.1,1.4l1.6,4.6l0.9,2.5l2.7,0.1l4.9,0.1l-3.9,2.9l-2.1,1.6L334.9,15.9z'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='https://www.w3.org/2000/svg' xmlns:xlink='https://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 630 23' xml:space='preserve'%3E%3Cpath fill='%23E6EAF6' d='M0,0v23h630V0H0z M334.9,15.9l1.4,4.6l-13.9,2.3h-14.8l-13.9-2.3l1.4-4.6l0.8-2.6l-2.1-1.6l-3.9-2.9l4.9-0.1 l2.7-0.1l0.9-2.5l1.6-4.6L315,0.1l15.1,1.4l1.6,4.6l0.9,2.5l2.7,0.1l4.9,0.1l-3.9,2.9l-2.1,1.6L334.9,15.9z'/%3E%3C/svg%3E%0A");
    -webkit-mask-size: 43.375rem auto;
    mask-size: 43.375rem auto;
    -webkit-mask-position: center center;
    mask-position: center center;
}

 /**/
.yui-navset .cn-hr hr::before,
.cn-hr blockquote hr::before{
    content: " ";
    background-image: var(--hr-image);
    color: rgb(var(--very-light-gray-monochrome));
    display: inline-block;
    position: absolute;
    top: 0.1em;
    left: 0;
    margin: 0 0 0 -0.188rem;
        margin-left: -0.188rem;
    font-size: 0.938rem;
    line-height: 0;
    height: 1.5rem;
    width: 4rem;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: -webkit-calc(50% - 2rem);
    margin-left: -moz-calc(50% - 2rem);
    margin-left: calc(50% - 2rem);
    background-color: transparent;
    z-index: 1;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

blockquote .cn-hr hr::after,
.yui-navset .cn-hr hr::after {
    background: rgb(var(--very-light-gray-monochrome));
 content: " ";
    height: 0.125rem;
    width: 100%;
    position: absolute;
    margin: 0 auto;
    left: 0;
    top: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 630 23' xml:space='preserve'%3E%3Cpath fill='%23E6EAF6' d='M0,0v23h630V0H0z M334.9,15.9l1.4,4.6l-13.9,2.3h-14.8l-13.9-2.3l1.4-4.6l0.8-2.6l-2.1-1.6l-3.9-2.9l4.9-0.1 l2.7-0.1l0.9-2.5l1.6-4.6L315,0.1l15.1,1.4l1.6,4.6l0.9,2.5l2.7,0.1l4.9,0.1l-3.9,2.9l-2.1,1.6L334.9,15.9z'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 630 23' xml:space='preserve'%3E%3Cpath fill='%23E6EAF6' d='M0,0v23h630V0H0z M334.9,15.9l1.4,4.6l-13.9,2.3h-14.8l-13.9-2.3l1.4-4.6l0.8-2.6l-2.1-1.6l-3.9-2.9l4.9-0.1 l2.7-0.1l0.9-2.5l1.6-4.6L315,0.1l15.1,1.4l1.6,4.6l0.9,2.5l2.7,0.1l4.9,0.1l-3.9,2.9l-2.1,1.6L334.9,15.9z'/%3E%3C/svg%3E%0A");
    -webkit-mask-size: 43.375rem auto;
    mask-size: 43.375rem auto;
    -webkit-mask-position: center center;
    mask-position: center center;
}

/* 
============================================
脚注和注释
============================================
 */
/* 鼠标移过注释框 */
 .hovertip {
      background-color: #1B0909 !important;
    border: 4px double SaddleBrown !important;
    color: #8d5f13;
    -webkit-background-size: contain;
       -moz-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    }

/* 
============================================
著作信息文件夹
============================================
*/

.info-container{
background:transparent;
}

.info-container .list-pages-item iframe{
  background: var(--yxh-red-image); 
  background-size: contain;
  border: 0.5em groove #333;
    width: auto;
}