杂志 主题

[[iftags +版式]] [[collapsible show="+ 显示源代码" hide="- 隐藏里面的东西"]] [[code type="CSS"]] /*===================================== 杂志主题 - sigma9 by Etinjat tab 代码来源于 MalyceGraves 的报纸版式 半月刊特供代码部分由 hoah2333 制作 侧栏标志由 Kcorena 绘制 =====================================*/ /* 字体 */ @font-face {     font-family: 'Huiwen-mincho'; /* SCP基金会 */     src: url('https://fastly.jsdelivr.net/gh/Etinjat/CSS@Theme/typeface/Huiwen-mincho_SCP-BASE_00.woff2 ') format('woff2');     font-weight: normal;     font-style: normal;     font-display: swap; } @font-face {     font-family: 'Huiwen-mincho';  /* 余下字母和数字 */     src: url('https://fastly.jsdelivr.net/gh/Etinjat/CSS@Theme/typeface/Huiwen-mincho_SCP-ADD_00.woff2 ') format('woff2');     font-weight: normal;     font-style: normal;     font-display: swap; } @font-face {     font-family: 'WHZ-wbt';/* 简 */     src: url('https://fastly.jsdelivr.net/gh/Etinjat/CSS@Theme/typeface/HanWangWeiBeiMedium-Gb5_subset-Account_004.woff2') format('woff2');     font-weight: normal;     font-style: normal;     font-display: swap; } @font-face {     font-family: 'WHZ-wbt';/* 繁 */     src: url('https://fastly.jsdelivr.net/gh/Etinjat/CSS@Theme/typeface/HanWangWeiBei-Tradition_subset-Account_00.woff2') format('woff2');       font-weight: normal;     font-style: normal;     font-display: swap; }   /* ===================================== 根属性 ===================================== */   :root{ /* ----------- 页面 ----------- */ --content-width:inherit; --main-width:inherit;          --main-top:var(--TB_height_half);     --main-top_PAD:min(var(--PGtt_size),1.25rem);     --main-top_MOB:min(var(--PGtt_size),1rem);        /* ----------- 标题 ----------- */ --header-title: "\00A0 SCP基金会" ; --header-subtitle:"\00A0 控制、收容、保护"; --pad-title: var(--header-title) ; --pad-subtitle: var(--header-subtitle) ; --mob-title:var(--header-title) ; --mob-subtitle:var(--header-subtitle) ; --SB_content:'基金会文档';   /* ----------- 字体 ----------- */   --page-font:'Noto Sans SC',  'Noto Serif TC','微软雅黑', '等线', sans-serif; --page-tt-font:'Noto Serif SC', 'Noto Serif TC', serif; --mob-tt-font:'Noto Serif SC', serif;    --header-tt-font:Huiwen-mincho, 'Huiwen-mincho', 'Huiwen mincho' , 'Noto Serif SC', 'Noto Serif TC', serif; --handwriting-font: 'Zhi Mang Xing', serif; --mono-font: '仿宋',  kaiti, 'Noto Serif SC', 'Noto Serif TC', 'Andale Mono', 'Courier New',var(--page-font) , Courier, monospace; --teletype-font: 'WHZ-wbt', 'HanWang WeiBeiMedium-Gb5', "Trebuchet MS",  var(--handwriting-font), monospace; --HDtt_weight:600; --HD-h2_weight:600;   /* 用户栏文本 */ --font_printuser: var(--handwriting-font); --font_my-account: WHZ-wbt, 'HanWang WeiBeiMedium-Gb5',Huiwen-mincho, 'Huiwen-mincho', 'Huiwen mincho' ,  "Trebuchet MS",  monospace; --EDIT-box_font: var(--page-font); /* ----------- 颜色 ----------- */   --dark-accent:rgb(110, 100, 105); --page-bg:var(--color-grey); --accentColor:#542429;   --color-red:#990314; --color-darkred:#6f1212; --color-grey:#ecebf0; --color-grey-pale:#eee; --color-grey-dark:#e0e1e1; --color-grey-darker:#d2d2d2; --color-grey-darkest:#c4c4c4; --swatch-primary-darker:egb(64,96,22);   --color-kraft:rgb(185,137,102); --color-navy:rgb(20,21,39); --color-blue:#2c477d; --color-blue-dark:#1c375d; --color-paleblue:#4e5166; --color-gold:#c39c52; --color-brown:#ead1b3;   --color-light:#e8e8e8; --color-darkest:#000; --color-darker:#333; --color-dark:#555;     /* ------------ 版头 ------------------  */      /* 版头 和 标题 */  --HD_bg:var(--color-kraft);  --TB_bg:var(--color-navy);  --TB_txt: var(--color-gold);  --HD_mob_HOV:var(--color-red);  --HDtt_color:var(--accentColor);  --HD-h2_color:var(--color-darkest);         --HD_height:var(--HD_height_PC);  --HD_height_PC:max(8rem, var(--HDtt_height));    --HD_height_PAD:var(--HD_height_PC);    --HD_height_MOB:var(--HD_height_PC);    --HD_blank:var(--SB_width-total,16rem);           /* 页眉标题 */     --HDtt_top:2rem;     --HDtt_size:4rem;     --HDtt_size_PAD:3rem;     --HDtt_size_MOB:var(--HDtt_size_PAD) ;     --HD-h2_size:1.5rem;     --HD-h2_size_PAD:1.25rem;     --HD-h2_size_MOB:var(--HD-h2_size_PAD) ;      --align-subtt:end;      --align-subtt_MOB:center;     --HDtt_gap:0.5rem;     --HDtt_gap_MOB:0.25rem;     --HDtt_height:calc(var(--HDtt_size) + var(--HDtt_gap) + var(--HD-h2_size) + var(--TB_height));     --HD-h1_top:inherit;     --HD-h2_top:0rem;     --HD-h1_top_PAD:1rem;     --HD-h1_top_MOB:var(--HD-h1_top_PAD) ; --HD_leftright:1.2rem; --HDgrid_column_left: var(--HD_leftright); --HDgrid_column_right: var(--HD_leftright);     /* 用户栏和搜索栏 */        --SEARCH_line:var(--accentColor);      --SEARCH_bg:transparent;      --SEARCH_bg_HOV:var(--SEARCH_line);      --SEARCH_txt:var(--SEARCH_line);      --SEARCH_txt_HOV:var(--HD_bg);     --USER_line:var(--HDtt_color);     --USER_unline:var(--HD-h2_color);     --USER-list_txt:var(--HDtt_color);     --USER-list_txt_HOVer:var(--color-gold);     --HD-btn_line_HOV:var(--HD_mob_HOV);     --HD-btn_bg_HOV:var(--HDtt_color);     --HD-btn_line_HOV:var(--SEARCH_txt_HOV);    --STATUS_maxwidth:var(--HD_blank);  --STATUS_top:1rem;  --STATUS_padding:0.5rem;  --STATUS-btn_padding:0.5rem;  --STATUS_grid: 1.5rem;  --STATUS_grid-gap: 0.25rem;  --STATUS-btn_grid: 2rem;  --STATUS-btn_btn: 1.2rem;      --STATUS-btn_size: 1rem;  --USER_font-size:var(--STATUS_grid);  --unlogin-font-size:var(--USER_font-size);  --STATUS_row-11:var(--STATUS_grid);  --STATUS_row-22:var(--STATUS_grid);  --STATUS_column-11:0;  --STATUS_column-22: var(--STATUS-btn_grid);  --STATUS_column-33:minmax(5rem,auto);        --SEARCH_top:calc(var(--STATUS_top) + var(--STATUS_padding) * 3 + var(--USER_font-size) * 2 );      --HD-menu_minwidth:10rem;    --HD-menu_maxwidth:var(--HD_blank);    --HD-menu_height:var(--STATUS_grid);   /* 顶栏 */        --TB_height:1.8rem;    --TB_height_half:calc(var(--TB_height) / 2 + var(--HDtt_gap) / 2);    --TB_font-size:90%;      /* -------------------------------- 标志 ---------------------------------------- */    --HD_cover:var(--icon-noise);     --LOGO_sidebar-opacity:1;     --LOGO_size:7rem;     --LOGO_top:0;     --LOGO_opacity:0.2;     --LOGO_position:50.2% 0%;     --LOGO_top_PAD:0.6rem;     --LOGO_size_PAD:6.5rem;     --LOGO_position_PAD:50.5% 0%;     --LOGO_top_MOB:var(--LOGO_top_PAD) ;     --LOGO_size_MOB:var(--LOGO_size_PAD) ;     --LOGO_position_MOB:var(--LOGO_position_PAD) ;    --LOGO_image:var(--icon-scp);    --LOGO_image_PAD:var(--LOGO_image);    --LOGO_image_MOB:var(--LOGO_image_PAD) ;      --LOGO_sidebar:var(--icon-magazine);    --LOGO_sidebar_MOB:var(--LOGO_sidebar);   /* 图标 */ --icon-scp:url('https://fastly.jsdelivr.net/gh/Etinjat/CSS@icon-min/LOGO_SCP.svg'); --icon-magazine: url('https://fastly.jsdelivr.net/gh/Etinjat/CSS@icon-min/LOGO_magazine.svg '); --icon-noise:url('https://scp-wiki.wikidot.com/local--files/theme:magazine/IMG_noise.png'); --icon-dragon:url('https://fastly.jsdelivr.net/gh/Etinjat/CSS@icon-min/ICON_FlyDragon.svg'); --mzlog-img:var(--icon-dragon);   /* ------------------- 页面标题 ------------------- */     --PGtt_txt-color:var(--color-darkest);     --PGtt_size:2.5rem;     --PGtt_size_PAD:2rem;         --PGtt_size_MOB:1.5rem;               /*.....底部盒子.....*/     --PGtt_underbox-gap:0rem;       --PGtt_underbox-height:0.5em;      /*.....底部装饰线.....*/     --PGtt-line_color:var(--color-darker);     --PGtt-linebox_space: max(var(--PGtt-line01_height),var(--PGtt-line02_height) );     --PGtt-linebox_gap: 0.07em;          --PGtt-line_ornleft:calc(50% - var(--PGtt-orn_width) / 2);     --PGtt-line_ornright:calc(50% + var(--PGtt-orn_width) / 2);             --PGtt-line01_height: 0.1em;     --PGtt-line02_height: 0.06em;          --PGtt-line02clip_height: var( --PGtt-line01_height);     --PGtt-line02clip_right: calc(100% - var(--PGtt-line02clip_left));     --PGtt-line02clip_left: min(10%, var(--PGtt-orn_size) * 10 );        --PGtt-lines-img: linear-gradient(90deg, var(--PGtt-line_color) 0, var(--PGtt-line_color) var(--PGtt-line_ornleft), var(--PGtt-line_color) 50%, var(--PGtt-line_color) 100%);  --PGtt-line02_clip:polygon(100% 0, 0 0, 0 var(--PGtt-line02clip_height), var(--PGtt-line02clip_left) var(--PGtt-line02clip_height), var(--PGtt-line02clip_left) 100%, var(--PGtt-line_ornleft) 100%, var(--PGtt-line_ornleft) 0, var(--PGtt-line_ornright) 0, var(--PGtt-line_ornright) 100%, var(--PGtt-line02clip_right) 100%, var(--PGtt-line02clip_right) var(--PGtt-line02clip_height), 100% var(--PGtt-line02clip_height));             /*.....底部图案.....*/     --PGtt-orn_content:"\f005";     --PGtt-orn_txt-color:var(--accentColor);        --PGtt-orn_size:0.8em;     --PGtt-orn_width:calc(var(--PGtt-orn_size) * 1.5);          /* ------------------- 评分栏 ------------------- */     --RATE_text:'\f18e  评分';     --RATE_text_HOV:'\f0ab  评分';        /* 颜色 */     --RATE_font:var(--page-font);     --RATE_bg:var(--page-bg);     --RATE-num_bg:var(--RATE-num_border);     --RATE-num_num:var(--color-light);     --RATE-num_txt:var(--color-darkest);     --RATE-num_border:var(--color-darker);       --RATE-info_btn:var(--color-dark);     --RATE-info_btnHover:var(--color-darker);     --RATE-info_btnHover-txt:var(--color-light);     --RATE-info_border:var(--color-grey-darkest);       --RATE-mobox_border:var(--color-navy);     --RATE-mobox_bg:var(--color-kraft);     --RATE-mobox_tt:var(--color-gold);     --RATE-mobox_txt:var(--color-darkest);     --RATE-mobox_btn: var(--accentColor) ;    /* .....尺寸..... */     --RATE-txt_size:0.8rem;     --RATE-num_size:1.2rem;/* 1.5倍txt */     --RATE-num_lh:1.2; /* 数字行间距 */     --RATE-num_padding:0.4em;       --RATE_padding-left:0rem;     --RATE-num_height:calc(var(--RATE-num_size) + var(--RATE-num_padding) * 2);       /*按钮*/     --RATE-btn_mgleft:0.5rem;     --RATE-btn_mgleft_half:0.25rem;       --RATE-btn_width: 1.5em;     --flag-delta-size:0.5em;     --RATE-btn_height:2em; /* 三角与文字尺寸之和 */     --RATE-btn_size: 1rem;     --RATE-box_heigh:calc(var(--RATE_padding-top) + var(--RATE-line_width) + var(--RATE-num_size) + var(--RATE-line_gapcount) + var(--RATE-box_margin-bottom) - var(--RATE-line_gap));     --RATE-box_margin-bottom:0.25rem;      /* 旗子 */    --RATE-btn_bgcolor:var(--RATE_bg);      --RATE-btn_color:var(--accentColor);      --RATE_bg_HOV:var(--color-grey-darkest);    --RATE-txt_HOV:var(--color-red);    --RATE_boder-flag: rgba(33,33,33,0.4);    --RATE-flag_gap:var(--page-bg);       --RATE_padding-top:0.3rem;     --RATE-flag_top: calc(var(--RATE_padding-top) + var(--RATE-btn_height) );     --RATE-delta_height:calc(var(--RATE-btn_width) / 4);     --flag-delta-count: calc(100% - var(--flag-delta-size)); /* 线条 */     --RATE-line_width:0.1rem;     --RATE-line_bottom: var(--RATE-line_width);     --RATE-line_gap: var(--RATE-line_width);     --RATE-line_gapcount:calc(var(--RATE-line_width) * 2 + var(--RATE-line_gap));        --RATE_gap-rateup:0.4rem;     --RATE_gap-ccc:0.6rem;     --RATE_gap-ratedown:calc(var(--RATE_gap-rateup) + var(--RATE-btn_width) + var(--RATE_gap-ccc));     --RATE_gap-cancel: calc(var(--RATE_gap-rateup) + var(--RATE-btn_width) * 2  + var(--RATE_gap-ccc) * 2);   /* 文本栏遮板 */     --RATE_plank-width:105%;     --RATE_plank-left:0%;    /* ----------------  侧边栏  ---------------------- */    --barColour: var(--color-grey);    --SB-hdtxt_color:#600;       --SB-hdtxt_size:0.85rem;   --SB-link_size:0.8rem;   --SB-main_size:1.8rem;   --SB-line11: solid 0.17em var(--SB-line_cl); --SB-line22: solid min(0.12em, 0.15rem) var(--SB-line_cl);          /* 左右空白 + 侧边栏 = 整个侧边栏尺寸 = 页面右侧空白  */     --SB_width:14rem;     --SB-blank_right:1rem;     --SB-blank_left:2rem;     --SB-blank_top:6rem;     --content-width:54rem;        --SB_width-total:calc(var(--SB_width) + var(--SB-blank_left) + var(--SB-blank_right)) ;         /* 背景颜色 */      --SB-bg_PC:transparent;      --SB-bg_MOB:transparent;      --SB-cover_MOB:transparent ; /* var(--HD_cover)*/       /* 项目颜色 */     --SB-btn_border_cl:var(--color-darker);     --SB-btn_txt:var(--color-darker);     --SB-btn_bg:var(--color-navy);     --SB-link_txt:var(--color-navy);     --SB-link_bg:transparent;     --SB-link_txt_HOV:var(--color-light);     --SB-link_bg_HOV:var(--accentColor);   /* 栏线颜色 */     --SB-hdtxt_cl:var(--accentColor);     --SB-line_cl:var(--SB-hdtxt_cl);     --SB-content_color:var(--SB-hdtxt_cl);     --SB-hdtxt_cl_MOD:var(--SB-hdtxt_cl);    --color-hr-sidebar:var(--color-navy);    --SB-fold_color:var(--color-red);        /* 栏线 */     --SB-hdtxt_left: 0.4em;     --SB-line11_size: min(0.2em, 2.5rem);     --SB-line22_size: min(0.12em, 1.5rem);        --SB-line22_top:var(--SB-line11_size);     --SB-line22_left: var(--SB-hdtxt_left);     --SB-line22_right: max(7em, 65%) ;     --SB-line_clip: polygon(0 0, 100% 0, 100% var(--SB-line22_top), var(--SB-line22_right) var(--SB-line22_top), var(--SB-line22_right) 100%,  var(--SB-line22_left)  100%, var(--SB-line22_left)  var(--SB-line22_top), 0% var(--SB-line22_top));     --SB-line_height: calc((var(--SB-line11_size) + var(--SB-line22_size)) / 2 + 0.5px );   /* 栏头 */     --SB-topbox_size:8rem;     --SB-topbox_top222:0rem;         --SB-phrase_size:2rem;      --SB-phrase_top:calc(var(--SB-topbox_size) + 0.5rem);       /* 手机按钮 */     --SB_btntxt: "\f0c9";     --SB-btn_square:1.5rem;     --SB-btn_left:1rem;     --SB-btn_top:1rem;     --SB-btntxt_size:1rem;     --SB-btntxt_size_HOV:var(--SB-btntxt_size);     --SB-btntxt_cl:var(--color-navy);     --SB-btn_bgcl:var(--color-navy);     --SB-btn_border_cl: var(--color-navy);        --SB-btntxt_bg_HOV:var(--accentColor);     --SB-btntxt_cl_HOV:var(--TB_txt);     --SB-btn_bgcl:var(--color-grey-dark);         /* ---------  引用块  --------- */     --QUOTE_bg:rgba(236,235,220, 0.6);     --QUOTE_bg222:rgba(220,220,230, 0.2);     --QUOTE_border:rgba(33,33,33,0.4);     --QUOTE_border-left:rgba(33,33,33,0.7);     /* --------- 分割线 --------- */       --color-hr:rgba(128,128,128,0.8);     /* --------- 目录 --------- */     --TOC-bd_cl:var(--color-navy);     --TOC-tt_cl:var(--color-navy);     --TOC-tt_bg:var(--page-bg);        --TOC-txt_size:1rem;        --TOC-line_height:1.6rem;        --TOC_text-tt:'目 录';        --TOC_text-fold:'收起';       --TOC_text-unfold:'展开';     /* --------- 特殊 div 样式 --------- */     /* 泛黄块 */     --mz-paper-bg:rgba(236,235,220, 0.6);     --mz-paper-bg222:#e9e9e2;       /* 便利贴 */      --tip-bdcl:155,155,155;     --tip-color:var(--color-grey-darker);     --tip-deg:-45deg;     --tip-dogear-size:1.5em;     --tip-dogearoll-size: calc( var(--tip-dogear-size) * 1.4);     --tip-maxwidth_PC:calc(var(--content-width, 56rem) * 0.5);     --tip-dogearoll-margin: 0rem -0.9rem 0 0;      /* --------- 维基图片框 --------- */       --mz-img-bg:var(--page-bg);     --shadow-gap:var(--mz-img-bg);     --shadow-line:var(--color-navy);       --box-line:drop-shadow(0px -1px 0.5px var(--shadow-line)) drop-shadow(0px 0px 0px var(--shadow-line))         drop-shadow(0px 0px 0.5px var(--shadow-line)) drop-shadow(0px 0px 0px var(--RATE_boder-flag))         drop-shadow(0px 0px 0.5px var(--shadow-line)) drop-shadow(0px 0px 0px var(--RATE_boder-flag))         drop-shadow(0px 0px 0.1px var(--shadow-gap)) drop-shadow(0px 0px 0.1px var(--shadow-line))         drop-shadow(0px 0px 0.1px var(--shadow-gap)) drop-shadow(0px 0px 0.1px var(--shadow-gap))         drop-shadow(0px 0px 0.5px var(--shadow-line)) drop-shadow(0px 0px 0px var(--shadow-line))         drop-shadow(0px 0px 0.5px var(--shadow-line)) drop-shadow(0px 0px 0px var(--shadow-line))         drop-shadow(0px 0px 0.5px var(--shadow-line)) drop-shadow(0px 0px 0px var(--shadow-line));    /* ----------- TAB 样式 ----------- */     --color-tabsect-bg222:var(--color-brown);     --color-tabsect-txt222:var(--color-red);       --tabNAV-txt:var(--color-navy);     --tabNAV-txtHover: var(--color-light);     --tabMain-txt: var(--color-darker);       --tabNAV-bgHover:var(--accentColor);     --tabNAV-bg_SEL:var(--tabNAV-bgHover);       --tabNAV-txt_SEL:var(--tabNAV-txtHover);     --tabNAV-bg_ACT:var(--tabNAV-bgHover);     --tabNAV-txt_ACT:var(--tabNAV-txtHover);       --tabNAV-border:var(--color-darker);       --tabMain-border:var(--accentColor);    --tabNAV-bg:var(--color-grey-darker);    --tabMain-bg:var(--color-grey-dark);     --tab-shadow:var(--color-grey-darkest);       /* 深线样式 */     --Line-tabNAV-txt:var(--color-navy);     --Line-tabNAV-txtHover:var(--color-light);      --Line-tabNAV-txt_SEL:var(--Line-tabNAV-txtHover);    --Line-tabNAV-txt_ACT:var(--Line-tabNAV-txtHover);      --Line-tab-base:var(--color-navy);       --Line-tabNAV-bgHover:var(--Line-tab-base);     --Line-tabNAV-bg_SEL:var(--Line-tabNAV-bgHover);     --Line-tabNAV-bg_ACT:var(--Line-tabNAV-bgHover);       --Line-tabNAV-border:var(--Line-tab-base);     --Line-tabMain-border:var(--Line-tab-base);      --Line-tabNAV-bg:var(--page-bg);    --Line-tabMain-bg:var(--Line-tabNAV-bg);    --Line-tab-shadow:transparent;    --Line-tabMain-txt:var(--Line-tab-base);      --Line-tabBD-weight:3px;       /* ------------- 文本标题框 -------------  */       --ttbox_h1BDR-color:var(--color-navy);     --ttbox_boxBDR-color:var(--ttbox_h1BDR-color);     --ttbox_bevel-color:var(--ttbox_h1BDR-color);     --ttbox_h1-color:var(--color-navy);     --ttbox_h1-bg:var(--page-bg);     --ttbox_box-bg:var(--page-bg);       --ttbox_box-size:0.2rem;     --ttbox_border-size:0.25rem;      --ttbox_padding:0.5rem;     --ttbox_margin:0.5rem;     --ttbox_h1-size:1.2rem;     --ttbox_h1-top:calc(0rem - var(--ttbox_h1-size) * 2 );     --ttbox_h1-left:calc(0rem - var(--ttbox_padding) * 4);     --mztt-h1pd-horiz:1rem;        --ttbox_bevel-size:2rem;      --ttbox_bevel-left:calc(0rem - var(--mztt-h1pd-horiz) + var(--ttbox_padding));      --ttbox_bevel-top:calc(0rem - var(--ttbox_padding) + var(--ttbox_h1-size));      --ttbox_bevel-bg:linear-gradient(-135deg, var(--ttbox_bevel-color), var(--ttbox_bevel-color) 50%, transparent 50%, transparent 100%);      /*----------------- 操作区域 -----------------------*/    /*.............. 历史区 ..............*/     --HISTORY-btn_size：1rem;     --HISTORY-form_columns:repeat(8, auto);     --HISTORY-form_td_width:100%;     --HISTORY-form_td_margin:0.2rem 0;     --HISTORY-perpage_width: 8.5rem;            /*.............. 编辑区 ..............*/     --EDIT-table_width:95%;     --EDIT-ui_size-11: 1rem;     --EDIT-ui_size-22: 0.8em;     --EDIT-ui_size-33: 0.8em;     --EDIT-ui_size-sub: 0.7em;     --EDIT-ui_size-99:1em;     --EDIT-ui_height: 2em;     --EDIT-ui_weight: var(--EDIT-ui_height);      --EDIT-ui_mono-font: 'Nanum Gothic Coding', 'Nanum Gothic';     --EDIT-ui_color:var(--color-navy);     --EDIT-ui_color_HOV:var(--EDIT-ui_color);     --EDIT-ui_bg:transparent;     --EDIT-ui_bg_HOV:var(--color-grey-dark);     --EDIT-ui-sub_HOV:var(--color-grey-darkest);     --EDIT-ui-btn_margin:0 0.5em 0 0;     --EDIT-ui-panel_margin:0 0 0.5em 0;     --EDIT-border_color:var(--color-dark);     --EDIT-border_color_Foc:var(--color-dark);          --EDIT-box_bg:var( --color-grey);     --EDIT-box_bg_Foc:var( --color-grey-pale);          --EDIT-ui_outline:1.5px solid var(--EDIT-border_color);     --EDIT-ui_font: "FontAwesome",var(--page-tt-font);              /* ----------- 页面保存文本 ----------- */ --lock-info111:"您独占并锁定本页面 15 分钟， \A 而在作业期间，他人不能直接编辑页面。\A 但注意，锁定将在闲置  "; --lock-info222:"\00A0 后自动解除。"; --lock-info333:"页面保存中......  \A 若本提示一显示很长时间， \A 您可先复制编辑框的内容到其他地方，避免丢失。";      --lock-info111_MOB:"在 "; --lock-info222_MOB:"\00A0 秒锁定时间内，您可独占地编辑本页。"; --lock-info333_MOB:"保存中... 若长时间无响应，可先备份下内容。";         /*-------------- 页脚 ----------------*/    --FOOT_size: 0.8rem; --LICENSE_bg: var(--color-grey-darker); --LICENSE_cl: var(--color-darker);    --FOOT-line_cl: var(--color-grey-darkest);      /* ----------- 讨论区帖子 ----------- */      --POST_hdbg:#e5e5e5;     --POST_short:#DBDBDB;     --POST_BDcolor:#333;     --POST_BDcolor-222:#929292;   /* ----------- 笔记本组件厚度 ----------- */ --cl-tab-bar:var(--color-navy);  --cl-tab-bar222:#fff; }   /*------------------------------------------------ PAD 根属性 ------------------------------------------------*/ @media (max-width:1000px){     :root{  /* ----------------  侧边栏  ---------------------- */     --SB-blank_right:0rem;     --SB-blank_left:0rem;   } } /*------------------------------------------------ MOB 根属性 ------------------------------------------------*/ @media (max-width:510px){   :root{     /*.............. 编辑区 ..............*/   --EDIT-ui_size-11:min(0.85rem, 3.8vw);  --EDIT-ui-btn_margin:0 0.1em 0 0;   --EDIT-box_txt-size:0.9rem;    --EDIT-ui_outline: 0.5px solid var(--EDIT-border_color);   --EDIT-bottomtable_width:100%;       --EDIT-bottomtable_columns:100%;              --EDIT-bottomtable_tip-order:-1;   --EDIT-box-btn_padding:0 1em;  --EDIT-help_size:1em;       --EDIT-help_display: inline-grid;            --EDIT-ui-panel_margin: -0.5rem 0 0.5rem 0rem;         --lock-info111: var(--lock-info111_MOB);         --lock-info222: var(--lock-info222_MOB);         --lock-info333: var(--lock-info333_MOB);           /*.............. 历史区..............*/     --HISTORY-btn_size：1rem;     --HISTORY-form_columns:repeat(4, auto);     --HISTORY-perpage_width: 5rem;         /*-------------- 页脚 ----------------*/       --FOOT_size: 0.7rem;       --FOOT-wiki_display:none;       --LICENSE-link_size:0.9em;       --LICENSE_size:1em;       --LICENSE-link_display:block;       --FOOT-AD_width:50%;   } } /* ===================================== 页面全局 ===================================== */   body {     font-family:var(--page-font), sans-serif;     background-color: var(--page-bg);     background-image:none; }   #page-content p{     font-size: 1.1em;     letter-spacing: 0.5px; }   tt {     font-family:var(--mono-font);     font-size: 98%; }   ::selection {      color: white;     background:var(--color-blue); }   ::-moz-selection {      color: white;     background:var(--color-blue); }   a {     color: var(--color-red); }   a:visited {     color:var(--accentColor); }   a.newpage {     color: var(--color-kraft); }   #page-content a {     border: none; } #page-content a {     border: none; }   #page-content .printuser img.small {     padding-right: 0.25rem; }   /* ----------------- 字体及字重 -------------------- */   #action-area h1, div#extra-div-1:before, div#extra-div-1:after, #page-title, .meta-title, #page-content :is(h1, h2, h3, h4, h5,h6) {         font-family:'华文中宋', 'Noto Serif SC', serif;         font-weight:600;         font-family:var(--page-tt-font), serif; }   #header :is(h1,h1 a,h1 a::before, h2,  h2::before){     font-family:var(--header-tt-font), serif;     font-weight:var(--header-tt-font-weight,500); }   #header h2::before {     font-weight:var(--HD-h2_font-weight,600); }   @media (max-width: 600px) { div#extra-div-1:before, div#extra-div-1:after, #page-title, .meta-title, #page-content :is(h1, h2, h3, h4, h5,h6) {        font-family:var(--mob-tt-font);        font-weight: var(--mob-hdtt-h1-font-weight,600);   } #content-wrap {       /* overflow-x: hidden; */   } } /* ===================================== 版头 ===================================== */   #container-wrap-wrap #container-wrap {     background-color: none;     background-image: none; }   div#header {          background-image: none;     width: 100%;    max-width: 100%;     height: var(--HD_height_PC);     background-color:var(--HD_bg);     background-image: var(--HD_cover);     background-size:18rem;     background-position: 0% 0%;     background-repeat: repeat;     display: grid;   justify-content: space-between;   grid-template-columns: var(--HDgrid_column_left) minmax(300px, 100%) min-content var(--HDgrid_column_right);   grid-template-rows:0  var(--HDtt_top) minmax(var(--HDtt_size), 100%) minmax(var(--HD-h2_size), 100%) auto;       grid-template-areas:     '.  upper  upper    . '     '.      leftop rightop .      '     'hdleft bigtt  bigtt   hdright'     'hdleft subtt  subtt   hdright'     'topbar topbar topbar  topbar ';   }   #header h1, #header h2, #top-bar,#login-status, #search-top-box{     position: initial;     display: grid;     top: 0;     left:0;     right:0;     margin: 0;     padding: 0;     height: auto;     align-content: center; }   #header h1 a {   padding:0; }   #header h1{     order: 1;     grid-area: bigtt;     display: inline-grid;         height: var(--HDtt_size);     line-height: 0; }   #header h2{     order: 2;     grid-area: subtt;     align-content: var(--align-subtt, center); }   /* ------------- ---- LOGO ------------------ */   #header-extra-div-1, #header-extra-div-2, #header-extra-div-3{      grid-area: upper; }   #header-extra-div-1{ height: var(--HD_height); width: 100%;     display: inline-flex;     justify-content: center;    top:var(--LOGO_top);     position: relative;     overflow: hidden; }   #header-extra-div-1:before{     content: ' ';     display: inline-flex;     align-self: center;     position: relative;     height: var(--LOGO_size); width: 100%; background-size: contain; background-position: var(--LOGO_position); background-repeat: no-repeat; background-image: var(--LOGO_image); opacity: var(--LOGO_opacity);    }   #header-extra-div-2{     order:0 } #header-extra-div-3{     order:0 }   /* ---------------- 版头标题 --------------------- */   #header h1, #header h2 {     margin-left: 0;     float: none;     text-align: center;     z-index: 1;     pointer-events: none; }   #header h1 span, #header h2 span {     font-size: 0;     display: none; }   #header h1 a::before, #header h2::before {     text-shadow: none; }   div#header h1 a{     top: var(--HD-h1_top);     position: relative;     letter-spacing: 0.1rem;     max-width: max-content;     margin: 0 auto; }   div#header h1 a:before{     font-size:var(--HDtt_size);     content: var(--header-title);     color: var(--HDtt_color); }   #header h2::before {    content: var(--header-subtitle);    font-size:var(--HD-h2_size);    top:var(--HD-h2_top);    color: var(--HD-h2_color); }   /* ------------- ---- 用户栏 ------------------ */   #login-status{     grid-area: var(--area-status,rightop);     margin-top: var(--STATUS_top);     align-items: center;     align-self: start;     grid-gap: 0.5rem 0rem;     grid-template-columns:var(--STATUS_column-11) var(--STATUS_column-22) var(--STATUS_column-33)  var(--STATUS_column-44,0);     grid-template-rows:  var(--STATUS_row-11) var(--STATUS_row-22) var(--STATUS_row-33, auto);     grid-template-areas:         'left botton   Account  right'         'left messages username right';     width: max-content;     word-break:  keep-all;     color: transparent;     font-size: 0;     max-width: var(--HD-menu_maxwidth);     min-width: var(--HD-menu_minwidth);     display: inline-grid;     height: var(--STATUS_height);     justify-self: var(--justify-status);     position: relative;     left:var(--STATUS_left, 0); }   /*------- 账户与用户名  ----------*/   #login-status .printuser, #login-status #my-account , #account-topbutton{       color: var(--USER_line);       font-size: var(--USER_font-size);     margin-left: var(--STATUS_grid-gap); }   #my-account{     grid-area: Account;     text-decoration: none;     order:0;     pointer-events: none;     width: auto;     display: var(--display-status-txt);     align-self: center;     font-family: var(--font_my-account);     font-weight: 600; }   #login-status .printuser{      font-family: var(--font_printuser);      grid-area: var(--area-username,username);      white-space: nowrap;      overflow: hidden;      text-overflow:ellipsis;      text-overflow: '.';      letter-spacing: 0.1rem;      background-image:linear-gradient(40deg, transparent 0%, transparent 2%, var(--USER_line) 14%, var(--USER_line) 15%, var(--USER_line) 60%, transparent 90%, transparent 100%);      background-size: 100% 0.15rem;      background-repeat: no-repeat;      background-position:0 75%;      width: 90%;      max-width: min-content;      cursor: default;      padding: var(--STATUS_padding);      display: var(--display-topbox-notbtn); }   #login-status:hover .printuser{     animation:  user-script 1.5s; }   #login-status:has(:is(#account-topbutton, a[href*="messages"]):hover) .printuser{     animation:  none; }   #login-status .printuser:hover{        color:var(--HD-h2_color) ;     -webkit-text-stroke: 0.5px var(--HD_mob_HOV); }   @keyframes user-script{     0% {width:10%; background-size: 0% 0.15rem;text-overflow: ' ';}     80% {width:90%; background-size: 0% 0.15rem;text-overflow: ' ';}     100%  {width:90%; background-size: 0% 0.15rem;} }   #login-status .printuser a{     width: 100%;     position: relative;     display:  inline-block;     margin-right: -100%;     height: 100%;     opacity: 0; }   #login-status .printuser img.small {  height:var(--USER_font-size); }   /*------- 菜单 ----------*/ #account-topbutton{         grid-area: botton;     font-size: 0rem;     border: none;     margin: 0 }   #account-topbutton:hover:before {     color: var(--HD_bg);  background-color:  var(--USER_line); }   #login-status #account-options{     font-size:  var(--STATUS-btn_size);     position: relative;     background-color: var(--HD_bg);     border: 2px solid var(--USER_line);     grid-area: var(--area-account-options,left);     justify-self:  var(--justify-account-options,end);     align-self: start;     overflow:hidden; }   #account-options:hover, #login-status #account-options[style*="block"]{     display: inline-grid; }   #account-options ul { margin:-0.1rem;    width:105%; height:105%; }   #login-status #account-options a {     color: var(--USER-list_txt);     background-color: var(--HD_bg);     border: 1px solid var(--USER_line);     text-decoration: none; }   #login-status  #account-options a:hover {     background-color: var(--USER_line);     color: var(--USER-list_txt_HOVer);     border: 1px solid var(--USER_unline); }   /*------------- 按钮 --------------------*/ #login-status:before, #login-status:after, #account-topbutton, #login-status :not(div) + a[href*="messages"]{     display: inline-grid;     color:var(--USER_unline);     font-size: 0rem;     margin: 0;     padding: 0;         justify-items: left;     align-content: center;     margin-left: var(--STATUS_padding);         min-height: var(--HD-menu_height); }   #account-topbutton:after, #login-status :not(div) + a[href*="messages"]:after{     width: var(--STATUS-btn_grid);     height:var(--STATUS-btn_grid);     position: absolute; }   /* 按钮样式 */ #login-status a:is(.login-status-create-account, .login-status-sign-in):before, #login-status:before, #login-status:after, #search-top-box-form:before, #account-topbutton:before {     display: inline-grid;     justify-content: center;     color: var(--USER_line);     content: '\f007';     font-family: FontAwesome;     font-size: var(--STATUS-btn_size);     border:  var(--USER_line) solid 2px;     width: var(--STATUS-btn_btn);     min-height:var(--STATUS-btn_btn);     margin-right: var(--STATUS-btn_padding,0);     content: '\f007';     border-radius:40%;     padding:1px;     align-content: center; }   /* 用户名旁的装饰 */ #login-status:before, #login-status:after{    content:"\f05a";     grid-area: messages;     border:none;     font-size: var(--STATUS-btn_btn);     justify-content: end;     display:none; }   #login-status:has(:not(div) + a[href*="messages"]):after{     display:none; }   #login-status:before{     grid-area: botton; }   #login-status:has(.printuser):after{     display: var(--display-status-txt, inherit); }   /*------------- 私信 --------------------*/ #login-status :not(div) + a[href*="messages"]{      grid-area: var(--area-messages,messages);     display: inline-grid;      align-self:  start;     align-content:  center;         height: 0; }   #login-status  :not(div) + a[href*="messages"]:before{     content: '\f0e0 ';     font-size: var(--STATUS_grid);     font-family: 'FontAwesome';     color:var(--USER_line);       -webkit-animation-name: user-messages;     -webkit-animation-iteration-count: infinite;     -webkit-animation-timing-function: cubic-bezier(1.0, 0, 0, 1.0);     -webkit-animation-duration: 1s;     animation-name: user-messages;     animation-iteration-count: infinite;     animation-timing-function: cubic-bezier(1.0, 0, 0, 1.0);     animation-duration: 1s; }   #login-status  :not(div) + a[href*="messages"]:hover:before{    color:var(--HD_mob_HOV);     -webkit-animation-play-state:paused;     animation-play-state:paused; }   #login-status > a > strong {     text-decoration: none ; }   @-webkit-keyframes user-messages {     from { content: '\f0e0 '; }     to { content: '\f003'; } }   @keyframes user-messages {     from { content: '\f0e0 '; }     to { content: '\f003'; } }   /* ----------------- 未登录 ------------------- */ #login-status {     column-gap: var(--STATUS_gridbox-gap,0); }   #login-status a:is(.login-status-create-account, .login-status-sign-in){    font-size:var(--unlogin-font-size);    grid-area: var(--area-create-account,botton);    font-family: var(--header-tt-font), var(--page-tt-font), serif;    font-weight:600;    color: var(--USER_line);    display:inline-grid;    white-space:nowrap;    grid-template-columns: var(--STATUS-btn_grid) auto;    grid-gap: var(--STATUS_grid-gap);    justify-content: start;    align-self: start;    text-decoration: none; }   #login-status a.login-status-sign-in{    grid-area: var(--area-sign-in,messages); }   #login-status a:is(.login-status-create-account, .login-status-sign-in):before{    content:"\f090";    font-family:fontawesome;    font-size:var(--STATUS-btn_size);    width: var(--STATUS-btn_btn);    height:var(--STATUS-btn_btn);    border-radius: 5px;    align-content: center;    margin-left: var(--STATUS_padding);    align-self: center; }   #login-status a.login-status-create-account:before{   content:"\f234"; }   #search-top-box-form:hover:before, #login-status :is(.login-status-create-account, .login-status-sign-in):hover:before{       color: var(--SEARCH_txt_HOV);     background: var(--SEARCH_bg_HOV); }   /* ------------- ---- 搜索栏 ------------------ */   #header  #search-top-box{     grid-area: var(--area-search, rightop);     justify-content: var(--justify-search,stretch);     align-content:   start;     width: 100%;     min-width: var(--HD-menu_minwidth);     margin-top:var(--SEARCH_top);     position: relative;     left: var(--HD-menu_left);     height: var(--STATUS_grid); }   #search-top-box-form {    position: relative;    display: grid;    width:  initial;    grid-template-columns: var(--STATUS-btn_grid) auto;    grid-gap: var(--STATUS_grid-gap); }   #search-top-box-form:before {       content: '\f002 ';       position: absolute;       z-index: -1;       border-radius: 5px;       align-self: center;       min-height: var(--STATUS-btn_btn);       margin-left: var(--STATUS_padding); }   #search-top-box input.empty, #search-top-box-input {     order: 2;     border: solid 2px var(--SEARCH_line);     background-color: transparent;     box-shadow: none;     color: var(--SEARCH_txt);    width: 100%;    margin-left:0.25rem;         display: var(--display-topbox-notbtn); }   #search-top-box-form #search-top-box-input:hover, #search-top-box-form  #search-top-box-input:focus {     border: solid 2px var(--SEARCH_line);     color: var(--SEARCH_txt_HOV);     background-color:var(--SEARCH_bg_HOV);     box-shadow: none;        outline: none; }   #search-top-box-form input[type="submit"]:focus, #search-top-box-form input[type="submit"]:hover {     color: transparent;     background: transparent;     border: none;     box-shadow: none; }   #search-top-box-form input[type="submit"] {     color: var(--SEARCH_txt);     background: transparent;     box-shadow: none;     border: none;     font-size: 0;     width: var(--USER_font-size);     height: var(--STATUS_grid);    margin-left: var(--STATUS_padding); }   /*========================== 顶栏 ==============================*/ #header #top-bar{     grid-area: topbar;     height: var(--TB_height);     font-size: var(--TB_font-size);     position: absolute;     background:var(--TB_bg);     background-size: cover;     background-position: 0% 0%;     max-width: 100%;     justify-content: center;     display: inline-grid;     align-items: center;      margin-top: var(--HDtt_gap); }   #top-bar div.top-bar  > ul > li > ul, #top-bar  .mobile-top-bar > ul > li > ul {       border: var(--accentColor)  solid 2px  ;       }   #top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a {  border-top:1px solid var(--accentColor); }   #top-bar li ul li a {     background: var(--color-kraft);     border: var(--accentColor)  solid 2px  ;       }   #top-bar ul li a {     border-left: solid 1px rgba(264,64,64,.2);     border-right: solid 1px rgba(264,64,64,.2); }   #header #top-bar a{     color:var(--TB_txt);     text-align:center;     font-size: var(--TB-li_size);     letter-spacing: 0.5px; }   #header #top-bar .sfhover a{     color: var(--accentColor);    background-color:var(--color-kraft); }   #header  #top-bar a:hover{     background: var(--accentColor);         color: var(--color-gold); }   /*========================== 版头窄屏 ==============================*/   @media (max-width: 1100px) {   div#header{     --area-status:leftop;     --area-username:Account;     --area-account-options:username;      --area-sign-in:botton;      --area-create-account:Account;     --STATUS_top:0.5rem;      --STATUS_grid-gap:0rem;      --STATUS_padding:0.25rem;     --SEARCH_top:var(--STATUS_top);     --STATUS_column-22:min-content;    --STATUS_gridbox-gap:0rem;     --display-status-txt:none;     --HD-menu_maxwidth:80vw;     --justify-account-options:start;       } }   @media (max-width: 767px) {   div#header{    --HD_height:var(--HD_height_PAD) ;      --HDtt_size:var(--HDtt_size_PAD) ;    --HD-h2_size:var(--HD-h2_size_PAD) ;    --header-title:var(--pad-title);    --header-subtitle:var(--pad-subtitle);     --HD_leftright:0;     --HD-h1_top:var(--HD-h1_top_PAD) ;     --HD-h2_top:var(--HD-h2_top_PAD) ;     --LOGO_image:var(--LOGO_image_PAD) ;     --LOGO_top:var(--LOGO_top_PAD) ;     --LOGO_size:var(--LOGO_size_PAD) ;     --LOGO_position:var(--LOGO_position_PAD) ;    --HDtt_gap:var(--HDtt_gap_MOB);     --align-subtt:var(--align-subtt_PAD) ;    --display-topbox-notbtn:none;    --HD-menu_minwidth:var(--STATUS_grid);     --HD-menu_maxwidth:var(--STATUS_grid);    --area-status:upper;    --area-search:upper;       --STATUS_row-22:auto;        --STATUS_row-33:0;   --STATUS_column-11:var(--HD-menu_minwidth);       --STATUS_column-22:var(--HD-menu_minwidth);       --STATUS_column-33:var(--HD-menu_minwidth);       --STATUS_column-44:0;       --HD-menu_left:-0.5rem;       --STATUS_gridbox-gap:calc(var(--STATUS_padding)  + var(--HD-menu_left) - var(--HD-menu_left) * 2);       --STATUS_left:calc(0rem - var(--STATUS_gridbox-gap) + var(--HD-menu_left) * 1.5  - var(--STATUS-btn_size) - var(--STATUS_grid) * 2 );       --unlogin-font-size:0rem;     --area-account-options:username ;     --area-messages:left;     --area-sign-in:left;     --area-create-account: botton ;     --justify-account-options:end;         --justify-status:end;     --justify-search:end;      }   .mobile-top-bar {    width: 100%;    justify-content: center;    display: inline-flex;    bottom: unset;    left: unset;   } }   @media (max-width: 480px) {   div#header{    --HD_height:var(--HD_height_MOB);      --HDtt_size:var(--HDtt_size_MOB);    --HD-h2_size:var(--HD-h2_size_MOB);    --header-title:var(--mob-title);    --header-subtitle:var(--mob-subtitle); --HD-h2_font-weight: 400;     --HD-h1_top:var(--HD-h1_top_MOB);     --HD-h2_top:var(--HD-h2_top_MOB);     --align-subtt:var(--align-subtt_MOB);     --LOGO_image:var(--LOGO_image_MOB);      --LOGO_top:var(--LOGO_top_MOB);      --LOGO_size:var(--LOGO_size_MOB);      --LOGO_position:var(--LOGO_position_MOB);   } }   /*===================================== 标题 =====================================*/   /* ----------- 页面标题  ---------------- */ #page-title, #page-content .meta-title{  display: var(--PGTT_display, grid); width: 100%; font-size: var(--PGtt_size); font-weight: var(--PGTT_weight, 00); color: var(--PGtt_txt-color);     background: var(--PGtt_bg); background-size: var(--PGtt_bg-size,contain); background-repeat:no-repeat;  background-position: center;   position: relative; border: none; justify-content: center;     align-items: end;     text-align: var(--PGTT_text-align,center); grid-template-columns: 100%;  grid-template-rows:  min-content var(--PGtt_underbox-gap) var(--PGtt_underbox-height); grid-template-areas: 'body' 'gap' 'underbox' ;     margin-bottom:0.5rem; }   .meta-title:before, #page-title:before{              grid-area:underbox;     align-self: center;     content: '  ';     height:var(--PGtt-linebox_gap);     background:transparent;     border:var(--PGtt-linebox_space) solid;         border-image-source:var(--PGtt-lines-img);     border-image-width: var(--PGtt-line01_height) 0px var(--PGtt-line02_height) 0px;     border-image-slice: 100% 0 100% 0;     border-image-repeat: repeat;     -webkit-clip-path:var(--PGtt-line02_clip);     clip-path:var(--PGtt-line02_clip);          /* 留空 */     background: var(--PGtt-linebox_background); } .meta-title:after, #page-title:after{       grid-area:underbox;  justify-self: center;  align-self: center;  text-align:center;     content: var(--PGtt-orn_content);  background:var(--PGtt_ornBG);  background-size:var(--PGtt_ornBG-size, contain);  background-repeat: no-repeat;  background-position: center;  height:var(--PGtt-orn_height,var(--PGtt-orn_width));  width:var(--PGtt-orn_width);  font-size: var(--PGtt-orn_size);  color: var(--PGtt-orn_txt-color);  z-index: 1; font-family: 'FontAwesome',var(--RATE_font);   margin-top: var(--PGtt-orn_top); }   /* ----------- 内文一级标题  ---------------- */ #action-area h1, #page-content h1 {     font-weight: bold;     margin-top: 0.6rem;     margin-bottom: 0.6rem;     display: flex; }   #page-content h1 {     font-weight: bold;     margin-bottom: 0.6rem;     display: flex; } #action-area h1:after, #page-content h1::after {     content: " ";     flex-grow: 1;     display: inline-flex;     height: 0.1rem;     margin: auto auto auto 0.375rem;     color: var(--accentColor);     background-color: var(--dark-accent);     width:auto; }   #page-content  blockquote :is(blockquote, .blockquote) h1, #page-content .blockquote :is(blockquote, .blockquote) h1, #page-content div:is(.note-nobody, .yui-content, .blockquote, .code, .mz-cover, .mz-textquote, .mz-outbox, .mz-blockquote,mz-board, .clip-wrap, .note-page, .mz-note ) h1{     display: block; } h1 {     color: var(--color-red);     font-size: var(--PG-h1_size, 190%); } h2 {     font-size: var(--PG-h2_size, 170%); } h3 {     font-size: var(--PG-h3_size, 150%); } h4 {     font-size: var(--PG-h4_size, 130%); } h5 {     font-size: var(--PG-h5_size, 110%); } h6 {     font-size: var(--PG-h6_size, 100%); } h2, h3, h4, h5, h6 {     color: var(--color-navy); } /* ----------- 面包屑导航------------ */ #breadcrumbs {   margin: 0.5em 0em; } /*===================================== 标题与侧边栏适应 =====================================*/ #side-bar .side-block:first-child {     padding-top: 0;     margin-top: 2em; }   #content-wrap{     display: flex;     justify-content:  flex-start;     align-items: flex-start;     max-width: 100%;     margin-left: 0;     margin-right: 0;    margin-top: var(--main-top);     width:var(--main-width, 100vw);     flex-grow: 1;     width:var(--main-width, 100vw);     padding: 0 0rem; }   #main-content{         margin: 0 auto;     padding-top: 0;     width:var(--content-width, 56rem);     max-width:calc(98% - var(--SB_width-total));       padding-right: var(--main-padding-right);     padding-left:var(--main-padding-left);     position: initial; }   #side-bar, #content-wrap:after{     content: '  ';     max-width: var(--SB_width);     height:12rem;     flex-grow: 1;     flex-shrink: 0; }   #content-wrap:after{   flex-grow: 0;   flex-shrink: 100;   flex-basis:var(--SB_width-total,inherit);   width: 0;   margin-right:var(--SB-blank_left);   margin-left:var(--SB-blank_right);   }   @media (max-width: 0rem){   #main-content{         padding-left:10rem;   } }   @media (max-width: 767px){   #main-content{        --PGtt_size: var(--PGtt_size_PAD) ;    --main-top:  var(--main-top_PAD) ;            flex-grow: 1;        max-width:90%;      padding-left:0;      padding-right:0rem;   }     #content-wrap  #side-bar{     left: -27em;     flex-basis: 0;     position: absolute;   }     #content-wrap:before,   #content-wrap:after{     display:none;     position: absolute;     margin:0;   }        } @media (max-width: 479px) {     #content-wrap{         --main-top:var(--main-top_MOB);       }        #main-content{     --PGtt_size: var(--PGtt_size_MOB);      --PG-h1_size:150%;     --PG-h2_size:135%;       --PG-h3_size:120%;       --PG-h4_size:110%;       --PG-h5_size:100%;       --PG-h6_size:90%;       } }   /*===================================== 侧边栏 =====================================*/   /* ----------- 侧边栏样式 ---------------- */   #side-bar{     flex-basis:var(--SB_width,inherit);     min-width:var(--SB_width,16em);     position:  relative;     margin-left:var(--SB-blank_left);     margin-right:var(--SB-blank_right);     left: 0;     height:100%;     margin-top: var(--SB-topbox_top222);     padding: 0;     background-color: var(--SB-bg_PC);     filter: none;     box-shadow:none;     border: none;     border-radius: 0;     letter-spacing:0.5px; }   /* ----------- 侧边栏图片与文本 ---------------- */   #side-bar:before {     position:relative;     height:auto;     width: 100%;     background-size:  auto var(--SB-topbox_size);     background-image:var(--LOGO_sidebar);     background-repeat: no-repeat;     background-position: top center;     background-color: var(--SB-bg_PC);     opacity: var(--LOGO_sidebar-opacity);     left: 0;       color:var(--SB-content_color);        content:var(--SB_content);     font-family: var(--handwriting-font);     font-size: var(--SB-phrase_size);     display: inline-grid;     justify-content: center;     padding-top: var(--SB-phrase_top);     margin-top: 1rem;     white-space: break-spaces;  }   /* ----------- 侧边栏内部 ---------------- */ #side-bar div.side-block :not(a)  img{     display: none ; }   #side-bar div.side-block:not(.side-links) a  img{     display: inline-block ; }   #side-bar div.side-block img[alt*="cc-by-sa"]{     margin: 0 auto; }   #side-bar div.side-block a[href*="https:"]:not([href*="wikidot"]){     background: none ;     padding: 0; }   #side-bar .side-block {     padding: 0rem 0.8rem;     padding-top: 20px;     border: none;     border-radius:0px;     box-shadow: none;     background: transparent;     background-color: transparent !important; }   /* 分割线 */ #side-bar hr{     display: none; }   #side-bar .side-block hr{     display: block;     border-top: 2px  dotted var(--color-hr-sidebar); }   /*-----------------侧边栏 Media 图标 -----------------------*/   #side-bar .media img{     transition:transform 0.2s; }    #side-bar .media img:hover{      --media-scale:1.2;     -ms-transform:scale(var(--media-scale));         -moz-transform:scale(var(--media-scale));     -webkit-transform:scale(var(--media-scale));     -o-transform:scale(var(--media-scale));     transform:scale(var(--media-scale));     transition:transform 0.1s; }   /*-----------------侧边栏主页按钮 / MAIN PAGE BTN -----------------------*/   #side-bar .menu-item a[href="/"], #side-bar .menu-item a:visited, #side-bar .menu-item a{     color: var(--SB-link_txt);     padding:0.2rem  0.3rem;     font-size: var(--SB-main_size); }   #side-bar .menu-item a[href="/"]:hover, #side-bar .menu-item a:hover {     color:var(--SB-link_txt_HOV);     background-color: var(--SB-link_bg_HOV);     text-decoration: none; }   #side-bar .menu-item a[href="/"] {     font-family: var(--handwriting-font);     top: 0.5em;     position: relative; }   #side-bar .side-block:nth-of-type(2) .menu-item:first-child{     text-align: center; } #side-bar .menu-item a {     font-size: var(--SB-link_size); }   /* ---------------栏目------------------ */   #side-bar .heading:not(:first-child) {     margin-top: 1.5em;   } #side-bar .heading {     border-bottom: solid 0px transparent;     padding:0;     margin-bottom: 5px;     font-size: var(--SB-hdtxt_size);     font-weight: bold;     color:var(--SB-hdtxt_color);     width: 100%; }   #side-bar .heading p{     padding-left:var(--SB-hdtxt_left);     padding-bottom: var(--SB-hdtxt_bottom, 0.1em); } /* -------- 中分侧边栏的系列 ---------- */ .menu-item:has(a[href="/"]) ~ .menu-item:has(a[href*="/scp-series"]) {     width:100%;     display: inline-grid;     grid-template-columns: 15% 2% 20% 2%  20% 2% 20% 2% 20% 0% ;      font-size: 0;     justify-items: center; } .menu-item:has(a[href="/"]) ~ .menu-item:has(a[href*="/scp-series"]) a{   --SB-item-line_cl:var(--color-dark);     text-align: center;     width: 100%;         border-image-source:linear-gradient(transparent 15%, var(--SB-item-line_cl) 15%, var(--SB-item-line_cl) 85%, transparent 85%);     border-image-width: 0 0.1rem 0 0;     border-image-slice: 0 100% 0 0;     border-image-outset: 0 1 0 0; } .menu-item:has(a[href="/"]) ~ .menu-item:has(a[href*="/scp-series"]) :is(a:hover, a:last-child, a[href*="5"]) {    --SB-item-line_cl:transparent } /*-----------------底部线条  -----------------------*/ #side-bar .heading:after, #side-bar .collapsible-block-folded:after, #side-bar .collapsible-block-unfolded-link:after{     content: ' ';     position: relative;     display: block;     max-width: 100%;     width: 100%;     font-size: var(--SB-hdtxt_size);  height: 0.15em;  border-top: var(--SB-line11_size) solid var(--SB-line_cl);  border-bottom: var(--SB-line22_size) solid var(--SB-line_cl);       -webkit-clip-path: var(--SB-line_clip);    clip-path: var(--SB-line_clip);    } /*-----------------侧边栏折叠 / collapsible  -----------------------*/   #side-bar .collapsible-block-folded{     background: none; } #side-bar .collapsible-block-unfolded-link .collapsible-block-link, #side-bar div.collapsible-block div.collapsible-block-folded > .collapsible-block-link {     display: block;       font-size: var(--SB-hdtxt_size);     margin: 0; }   /* 提示 */ #side-bar .collapsible-block-unfolded-link .collapsible-block-link, #side-bar a.collapsible-block-link{      color:var(--SB-fold_color);         text-decoration: none;         margin-left: 0px;       font-family: 'FontAwesome',var(--RATE_font); }   #side-bar .collapsible-block-folded  a.collapsible-block-link:before{    content: '\f0fe  \00A0 '; }   #side-bar .collapsible-block-unfolded-link a.collapsible-block-link:before {     content: '\f146  \00A0'; }   #side-bar .collapsible-block-folded  a.collapsible-block-link:hover:before{    content: '\f13a  \00A0 '; }   #side-bar .collapsible-block-unfolded-link a.collapsible-block-link:hover:before {     content: '\f139  \00A0'; }   /* 折叠内容 */ #side-bar .collapsible-block-unfolded-link, #side-bar .collapsible-block-unfolded {   border: none;      }   #side-bar .collapsible-block .menu-item:first-child{     padding-top: 0.5rem; }   /* ----------- 手机样式 ---------------- */   #content-wrap #side-bar:target {     display: block;     left: 0;       position: fixed;     background-color:var(--HD_bg);     background-image: var(--HD_cover);     background-size:300px;/* 20% */     background-position: 0% 0%;     background-repeat: repeat;     border: none;     border-right: 2px solid rgba(0,0,0,0.2);     overflow-y: scroll;     overflow-x: hidden; }   @media (max-width: 1100px){  #content-wrap #side-bar {     --SB-blank_right:0rem;     --SB-blank_left:0rem;   } } @media (max-width: 767px){  #content-wrap #side-bar {     --SB-fold_color:var(--color-darkred);       position: fixed;       top: 0;       margin-top: 0;       margin-left: 0;       left: -20rem;       z-index: 50;       background-image: var(--HD_cover);       background-color:var(--SB-bg_PC);       background-color:var(--HD_bg);   }     #side-bar:before {       background-color: var(--SB-bg_MOB);       background-image: var(--LOGO_sidebar_MOB);       pointer-events: none;    }     #side-bar:target .close-menu {   background: rgba(0,0,0,0.2) 1px 1px repeat;  }     div.scpnet-interwiki-wrapper {   margin:0;   min-height: 300px; }        #header #top-bar .open-menu a {          position: fixed;     top: var(--SB-btn_top);     z-index:20;     border-radius: 5px;     border: 0.15rem solid var(--SB-btn_border_cl);     color:  var(--SB-btntxt_cl);     background-color: var(--SB-btn_bgcl);     background-image: var(--SB-btn_image, unset);     font-size:0rem;     display: inline-flex;     justify-content: center;     align-items: center;     width: var(--SB-btn_square);     height: var(--SB-btn_square);     left:  var(--SB-btn_left); }     #header #top-bar .open-menu a:before {     content: var(--SB_btntxt);     font-size:var(--SB-btntxt_size);     font-family: FontAwesome; } #header #top-bar .open-menu a:hover {     --SB-btntxt_size: var(--SB-btntxt_size_HOV);     --SB-btntxt_cl: var(--SB-btntxt_cl_HOV);     --SB-btn_bgcl:var(--SB-btntxt_bg_HOV);       -webkit-box-shadow:none;       box-shadow:none;   }   }   /*===================================== 评分栏 =====================================*/   .rateBox .creditButton p a:focus, .page-rate-widget-box a:focus{ user-select:none; background:transparent; }   .talking-box, .creditRate, .page-rate-widget-box{          --RATE-btn_filter: drop-shadow(0px 0px 0.5px var(--RATE_boder-flag)) drop-shadow(0px 0px 0px var(--RATE_boder-flag))          drop-shadow(0px 0px 0.5px var(--RATE_boder-flag)) drop-shadow(0px 0px 0px var(--RATE_boder-flag))          drop-shadow(0px 0px 0.2px  var(--RATE-flag_gap)) drop-shadow(0px 0px 0.1px var(--RATE-flag_gap))          drop-shadow(0px 0px 0.1px  var(--RATE-flag_gap)) drop-shadow(0px 0px 0.1px  var(--RATE-flag_gap))          drop-shadow(0px 0px 0.1px  var(--RATE-flag_gap)) drop-shadow(0px 0px 0.1px  var(--RATE-flag_gap))          drop-shadow(0px 0px 0.5px var(--RATE_boder-flag)) drop-shadow(0px 0px 0px var(--RATE_boder-flag))          drop-shadow(0px 0px 0.5px var(--RATE_boder-flag)) drop-shadow(0px 0px 0px var(--RATE_boder-flag));             --unfold-credit-top:2px /* 第一列加起来 */; } @-moz-document url-prefix() { /* 火狐专属 */     .mz-talking-wrap, .rateBox, .page-rate-widget-box {         --RATE_boder-flag: rgba(33,33,33,0.7);     }   } /* --------------------------------- ----------- 常规 ----------- -------------------------------------- */   .page-rate-widget-box {     border-radius: 0;     box-shadow: none;     margin-top:1px;     margin-bottom:var(--RATE-box_margin-bottom);     margin-right: 0.5rem;     position: relative;     user-select:none;       z-index: 0;     transition-delay: 0.5s; }   .page-rate-widget-box:hover {     z-index: 2;      transition: z-index 0s;      transition-delay: 0s; }   /* .....评分文本栏和第一底线..... */ #main-content .page-rate-widget-box  .rate-points {     border: solid 0px transparent;     border-bottom: solid var(--RATE-line_width, 2px) var(--RATE-num_border);     border-radius: 0;     padding-top:var(--RATE_padding-top, 0.5rem);     padding-right:var(--RATE_padding-left, 1rem);     padding-bottom: var(--RATE-line_bottom,0.1rem);     font-size: 0;     color:var(--RATE-num_txt) ;     position: relative;       z-index: 1;     display: inline-grid;     align-self: start;     align-items: baseline;        background-color: transparent !important;     background-image:var(--hollow-image,none);     margin-bottom: var(--RATE-line_bottom);      grid-template-columns: var(--RATE_column-11) var(--RATE_column-22) var(--RATE_column-33); grid-template-rows: var(--RATE_row-11) var(--RATE_row-22) var(--RATE_row-33); grid-template-areas: 'top top  top ' '. text number' '. line line'  'bottom bottom bottom'  ; } .page-rate-widget-box .rate-points {     background-color: transparent !important; } /* 第二条底线 */ .rate-points::after {   grid-area: line;   content: ' ';   border-bottom: solid var(--RATE-line_width, 2px) var(--RATE-num_border); }   /* 背景遮板  */ .page-rate-widget-box:before {     content: ' ';     height: var(--RATE-box_heigh);     background-color: var(--RATE_bg);      display: inline-block;     position: absolute;     z-index: 1;     width:var(--RATE_plank-width);     left: var(--RATE_plank-left); }   /* 评分数字 */ .rate-points .number {     font-size: var(--RATE-num_size);     background-color:var(--RATE-num_bg);     color:var(--RATE-num_num);     padding: 0 var(--RATE-num_padding);     letter-spacing: 1px;     line-height: var(--RATE-num_lh);     word-break: keep-all;     grid-area: number; }   /* 评分文本 */ .page-rate-widget-box  .rate-points:before {     grid-area: text;     content: var(--RATE_text);     font-size: var(--RATE-txt_size,0.8rem);     padding: 0 var(--RATE-num_padding);     margin-left: 0rem;     font-family: 'FontAwesome',var(--RATE_font);     letter-spacing: 0.2rem;     color: var(--RATE-info_btn);     word-break:  keep-all;     white-space:pre; }   .page-rate-widget-box:hover  .rate-points:before {     content: var(--RATE_text_HOV) ; }   /*.....评分旗子........*/ .page-rate-widget-box   span.btn {     background-color: transparent;     border: solid 0px transparent;      } .mz-unfold-swap .creditRate :is(.creditButton, .creditButtonStandalone) a, .page-rate-widget-box span.btn {      font-size: var(--RATE-btn_size);      height:var(--RATE-btn_height);      width: var(--RATE-btn_width);      text-align: center;      padding: 0;     -webkit-filter:var(--RATE-btn_filter);     filter:var(--RATE-btn_filter);     position: absolute;     left: 0;     display: inline-flex;     justify-content:  center; } .mz-unfold-swap .creditRate span.btn {     position: relative;      } .page-rate-widget-box span.btn a{     width: 100%;        background-color:  var(--RATE-btn_bgcolor);     color: var(--RATE-btn_color);     margin: 0;     padding-bottom:0;     display: inline-flex;     justify-content:  center;     align-content: start; } .mz-unfold-swap .creditRate :is(.creditButton, .creditButtonStandalone) a:before, .page-rate-widget-box span.btn a{     --flag-clip: polygon(100% 0, 100% 50%, 100% 100%, 50% var(--flag-delta-count), 0 100%, 0 0);      background-color:  var(--RATE-btn_bgcolor);     -webkit-clip-path:var(--flag-clip);      clip-path: var(--flag-clip); } .modalbox .page-rate-widget-box .btn:nth-child(2), .page-rate-widget-box .btn:nth-child(2){    margin-left: var(--RATE_gap-rateup); } .modalbox .page-rate-widget-box .btn:nth-child(3), .page-rate-widget-box .btn:nth-child(3){    margin-left: var(--RATE_gap-ratedown); } .modalbox .page-rate-widget-box .btn:nth-child(4), .page-rate-widget-box .btn:nth-child(4){    margin-left:var(--RATE_gap-cancel); } .modalbox .page-rate-widget-box .btn:nth-child(4), .page-rate-widget-box .btn:nth-child(4){      margin-right: var(--RATE_flagLAST-mgRidght, 0.6rem); } /* 模块底界 */ .page-rate-widget-box:after{     position: absolute;     content: ' ';     width: 100%;     height: 0;         background-color: transparent ;     display: block;     z-index: -1; }   .page-rate-widget-box:hover:after{    height: var(--RATE-btn_height);     } /*..........鼠标移过..........*/ .page-rate-widget-box span.btn:hover  {     background: transparent; } .page-rate-widget-box span.btn{     top:var(--RATE_padding-top);     transition-property:var(--RATE-flag_top);     transition-duration: 0.5s;     height:var(--RATE-btn_width); }   .page-rate-widget-box span.btn a:hover {         background: var(--RATE_bg_HOV);           color:var(--RATE-txt_HOV);        border-radius: 0; } .page-rate-widget-box:hover :is(.rateup, .ratedown, .cancel ) {     top:var(--RATE-box_heigh);     transition-property:all;     transition-duration: 0.5s;     height: var(--RATE-btn_height); } .image .page-rate-widget-box:hover .btn:nth-child(2){    transition-delay: 0s; }   .page-rate-widget-box:hover .btn:nth-child(3) {    transition-delay: 0.2s; }   .page-rate-widget-box:hover .btn:nth-child(4){    transition-delay: 0.3s; }   /* --------------------------------- 著作信息栏 --------------------------------- */   .rateBox .rate-box-with-credit-button{     background-color: transparent;    border: none;    border-radius: 0x;    box-shadow: none;    user-select:none;      }   .rateBox .rate-box-with-credit-button{     display: flex; }   #page-content .creditRate{   margin-right: 0; }   .creditButton  p{     position: absolute; }   .creditRate :is(.creditButton, .creditButtonStandalone) a{     color: var(--RATE-info_btn);     padding-top: 0rem;     margin-left:var(--RATE-btn_mgleft);     margin-top: var(--RATE_padding-top); }   .creditRate :is(.creditButton, .creditButtonStandalone) a:after {     content: "\f07b";     color: var(--RATE-num_bg);     padding: 0 ;     left:0;     position:absolute;     word-break: keep-all;     font-size: var(--RATE-num_height); }   .creditRate :is(.creditButton, .creditButtonStandalone) a:before{       content: "\f129";     color: var(--RATE-num_num);     position: absolute;     top: var(--RATE-btn_mgleft);     left: var(--RATE-btn_mgleft_half);     font-size: var(--RATE-txt_size);     z-index: 1; }   .creditRate :is(.creditButton, .creditButtonStandalone) a:hover::before{     color: transparent; }   .creditRate :is(.creditButton, .creditButtonStandalone) a:hover::after{    content: '\f07c' }   /* 著作信息内部弹窗 */ .modalbox hr{     border: none; }   .modalcontainer  .modalbox .close-credits { -webkit-filter:sepia(100%)   saturate(500%) brightness(200%); filter: sepia(100%)   saturate(500%) brightness(200%); }   .modalcontainer  .modalbox h2:first-child{     color: var(--RATE-mobox_tt); }   /* 著作信息评分栏 */ div:is(#u-credit-view, #u-credit-otherwise) .modalcontainer .modalbox {     --RATE_bg: var(--RATE-mobox_bg) ;     --RATE-info_btn:var(--RATE-mobox_txt) ;     --RATE-num_num: var(--RATE-mobox_bg);     --RATE-num_bg: var(--RATE-mobox_border) ;        --RATE_boder-flag:var(--RATE-mobox_border);     --RATE-flag_gap: var(--RATE-num_bg);      --RATE-btn_bgcolor:var(--RATE-mobox_bg) ;        --RATE_bg_HOV:var(--RATE-mobox_btn);     --RATE-txt_HOV:var(--RATE-mobox_tt);       background: linear-gradient(var(--RATE-mobox_border) 51px,var(--RATE-mobox_bg) 51px);     border: var(--RATE-num_bg) solid 4px;     color: var(--RATE-mobox_txt) ;        scrollbar-color:  var(--RATE-mobox_btn) var(--RATE-mobox_border); }    .modalbox  .page-rate-widget-box {     top:-10px; }    .modalcontainer :is(a, .rateup a, .ratedown a, .cancel a) {   color: var(--RATE-mobox_btn); }   /* ----------- 单个著作信息框 ---------------- */   .creditRate .creditButtonStandalone :is(a, a:hover) {     background: none;     box-shadow: none;       text-decoration: none; }   .creditRate .creditButtonStandalone a::before {   top: 0; }   /* ----------- TAB 里的颜色 ---------------- */ .yui-content .page-rate-widget-box .btn:not(:first-child), .yui-content .page-rate-widget-box:before {     background-color: var(--tabMain-bg); }   .yui-content .rate-points .number{   color: var(--tabMain-bg); }   .yui-content .page-rate-widget-box .btn:not(:first-child)::after{     border-color: var(--tabMain-bg) var(--tabMain-bg) transparent var(--tabMain-bg); }   /* ----------- 窄屏 ---------------- */   @media (max-width: 500px){    .page-rate-widget-box {        z-index: 0;    }     /* 让著作信息按钮在窄屏下，不出框架 */     .creditButton  p{     position: relative;    } }   /* --------------------------------- 展开评分旗子 --------------------------------- */   .mz-unfold-swap .page-rate-widget-box {     --RATE_text:'\00A0 \00A0 评分';     --RATE_text_HOV:'\00A0 \00A0 评分';     --RATE-flag_topHover: 0;     --RATE_padding-top:0;     display: inherit; } .mz-unfold-swap .creditButton, .mz-unfold-swap .page-rate-widget-box {    margin-right: 0rem; } .mz-unfold-swap .page-rate-widget-box::before, .mz-unfold-swap .page-rate-widget-box::after, .mz-unfold-swap .creditRate :is(.creditButton, .creditButtonStandalone) a:after {     display: none; } .mz-unfold-swap .page-rate-widget-box span.btn{    height: var(--RATE-btn_height);     top: 0;     left: 0;     margin-left: var(--flag-delta-size); } .mz-unfold-swap .modalbox .page-rate-widget-box{    width: max-content;    margin: 0 auto;    right:var(--RATE_gap-cancel); } .mz-unfold-swap .modalbox .page-rate-widget-box span.btn{     top:unset;     left: unset; } /* 著作信息 */ .mz-unfold-swap .page-rate-widget-box span.btn:last-child {      margin-right: 0; } .mz-unfold-swap .creditRate .creditButton{     display: inline-flex;     position: relative;     margin-left: var(--RATE-btn_mgleft); } .mz-unfold-swap .creditRate :is(.creditButton, .creditButtonStandalone) a {     -webkit-filter: var(--RATE-btn_filter);     filter: var(--RATE-btn_filter);     margin: auto;     position: relative;         justify-content:  center;     background-color: transparent; }   #main-content .mz-unfold-swap .page-rate-widget-box .rate-points {   /*! padding: 0; */ }   .mz-unfold-swap .creditRate :is(.creditButton, .creditButtonStandalone) a:before{       --RATE-txt_size: var(--RATE-btn_size);     color: var(--RATE-num_bg);     left: unset;     top: unset;     width: 100%;     height: var(--RATE-btn_height);     display: inline-grid;     justify-content: center;        align-items: center;     grid-template-rows:var(--RATE-btn_width) auto;  }   .mz-unfold-swap .creditRate :is(.creditButton, .creditButtonStandalone) a:hover{            --RATE-btn_bgcolor:var(--RATE_bg_HOV); }   /*===================================== 正文元素 =====================================*/ /* ----------- 表格 ------------ */   table.wiki-content-table th {       --RATE-txt_size: var(--RATE-btn_size);     color: var(--RATE-num_bg);     margin:  auto;     left: unset;     top: unset;     background-color:var(--color-light);  }   /* ----------- 目录（有空再弄） ------------ */   #page-content #toc-action-bar a {      padding: 0; }   #toc{     min-width: 10rem; padding: 0em 0em; border: 0px solid var(--TOC-bd_cl); background-color: transparent; display: table;     line-height: var(--TOC-line_height);      display: flex;      flex-wrap: wrap;      flex-basis: 100%;      font-size: var(--TOC-txt_size);       /*! text-align: center; */     border-radius: 0rem 0.875rem;     border-bottom: solid 0.2rem var(--TOC-bd_cl);     border-top: solid 0.2rem var(--TOC-bd_cl);     position: relative;     flex-direction: column; }   #toc .title {     visibility: hidden;     margin-top: -1rem;     padding: 0;     position: relative;     text-align: left;   }   #toc .title:before {  content:var(--TOC_text-tt,'目录') ;     visibility: visible;     padding: 0.2rem 0.4rem;     background-color:var(--TOC-tt_bg);     color:var(--TOC-tt_cl);         border-radius: 0.5rem;     border: 2px solid var(--TOC-bd_cl); }    #toc #toc-action-bar{     order: 3;     text-align: right ;   }   #toc  #toc-action-bar { padding: 0;     line-height: 0.5rem;     position: relative;     bottom: -0.5rem; }   #toc-action-bar a{     font-size:0;     text-decoration: none; }   #toc-action-bar a[onclick*="foldToc"]:before, #toc-action-bar a[onclick*="unfoldToc"]:before{     font-size: initial;         padding: 0.2rem 0.4rem;     font-family: var(--page-font);     background-color:var(--TOC-tt_bg);     color:var(--TOC-tt_cl);         border-radius: 0.5rem;     border: 2px solid var(--TOC-bd_cl);   }   #toc-action-bar a[onclick*="foldToc"]:before{     content: var(--TOC_text-fold); }   #toc-action-bar a[onclick*="unfoldToc"]:before{     content: var(--TOC_text-unfold); }   #toc-action-bar a[onclick*="foldToc"]:hover:before, #toc-action-bar a[onclick*="unfoldToc"]:hover:before{     background:  var(--TOC-bd_cl);     color:var(--TOC-tt_bg); }   /* ----------- 引用块 ------------ */   blockquote, div.blockquote {     border: 2px dashed var(--QUOTE_border);     padding:0.5rem 0.8rem;     margin: 1rem 3em;     background-color: var(--QUOTE_bg222); }   /* ----------- 替代引用块的div ------------ */ .mz-board, .mz-blockquote {     border: 3px double var(--QUOTE_border);         border-left: 5px solid var(--QUOTE_border-left);     padding:0.5rem 0.8rem;     margin: 1rem 3em;         background-size:80px;/* 20% */     background-position: 0% 0%;  background-repeat: repeat;      }   .mz-board:after, .mz-blockquote:after {     content: '\f06c ';     font-family: 'FontAwesome';     display: block;     font-size: 1.2rem;     width: 1rem;     height:1rem;     padding: 0.5rem;     float: right;       position: relative;     margin-right: -1.5rem;    margin-top:-1rem;   background-color: var(--QUOTE_corn,var(--page-bg)); }   .mz-board:after, .mz-blockquote div  .mz-blockquote:after, .mz-blockquote div  .mz-blockquote:after {     content: '\f02e ';     font-family: 'FontAwesome';     font-size: 1.2rem;     background: none;         margin-right: -1.5rem;    margin-top:-0.5rem; }   .mz-blockquote  .mz-blockquote  .mz-blockquote:after {     display: none; }   .mz-board{     border: 2px solid #333;     border-left: 7px solid #333;     background: rgba(150,150,150,0.1); }   .yui-content .mz-blockquote::after {     background-color: var(--tabMain-bg); }   .mz-tab-line .yui-content .mz-board::after, .mz-tab-line .yui-content .mz-blockquote::after {     background-color: var(--page-bg); }   .mz-cover, .mz-paper{         border: 3.5px double #555;         padding:0.5rem 1rem;         margin: 1rem 1rem;         background-size:100px;         background-position: 0% 0%;         background-repeat: repeat;         background-color:var(--mz-paper-bg);         background-image: var(--HD_cover); }   .mz-cover{         border: 2px solid var(--color-navy);         background-color:var(--color-kraft);         background-image: var(--HD_cover); }   /**/   .mz-textquote {     border-left: 5px #75878a solid;     color: #75878a;     padding:0px 0px 0px 1em;     margin: 0.5em 1em; }   .mz-textquote *:first-child{     margin-top: 0.2rem ; }   .mz-textquote *:last-child{     margin-bottom: 0.2rem; }   /*  引用块 与 div块 在手机格式下的边距  */   @media (max-width: 600px){    blockquote, div.blockquote,   .mz-paper,  .mz-blockquote,   .mz-board, .mz-cover {       margin: 0.6rem 0.5rem;       padding:0.5em 1em;    } }   /* ----------------- 异学会装饰性框架 ---------------------- */   .poem-7 {   font-size:210%;   font-family: '思源宋体 CN', '宋体';   text-align:center; }   @media (max-width: 479px) {  .poem-7 {     font-size:120% ;  }    .yxh-maxim{     margin: 2rem;  }   .yxh-outbox, .ej-outbox{    } }   .box-outbox, .mz-outbox{   border: solid 1px #C0C0C0;   padding: 2% 2%;   box-shadow: 0 1px 3px rgba(0,0,0,.2); }   .box-innerbox, .mz-innerbox{  border: solid 1px #C0C0C0; padding: 2% 2%; box-shadow: 0 1px 3px rgba(0,0,0,.2); }   .box-tabcell, .mz-tabcell{    border: solid 1px #C0C0C0;    padding: 10px 15px;    box-shadow: 0 1px 3px rgba(0,0,0,.2); }   .suojin{    text-indent: 2em; }   .suojin-aaa{ text-indent: 2em;     margin-top: -1rem; }   /*-------------- 便利贴与脚注 ------------------*/ .hovertip .content .footnote, .mz-note{     min-width: 15vw; }   .hovertip  .content, .mz-note{     background-image:linear-gradient(var(--tip-deg),transparent 0%, transparent var(--tip-dogear-size) ,var(--tip-color) var(--tip-dogear-size), var(--tip-color) 100%);     -webkit-filter: drop-shadow(0px 0px 2px rgba(var(--tip-bdcl),0.5));     filter: drop-shadow(0px 0px 2px rgba(var(--tip-bdcl),0.5)); }   .hovertip  .content:after, .mz-note::after{     content: "  ";     display: block;     width: var(--tip-dogearoll-size);     height: var(--tip-dogearoll-size);     background-size:contain;     background-image:linear-gradient(var(--tip-deg),transparent 0%, transparent 50% , var(--tip-color) 50%, var(--tip-color) 100%);         float: right;     margin: 0 -0.5rem -0.5rem 0;     -webkit-filter: drop-shadow(-2px -1px 4px rgba(var(--tip-bdcl),0.6))  drop-shadow(2px -1px 1px rgba(var(--tip-bdcl),0.2)) grayscale(50%);     filter: drop-shadow(-2px -1px 4px rgba(var(--tip-bdcl),0.6))  drop-shadow(2px -1px 1px rgba(var(--tip-bdcl),0.2)) grayscale(50%);     position: absolute;     bottom: 0;     right: 0;     margin: 0; }   .mz-note.note-left{     --tip-deg:45deg; }   .mz-note.note-left:after{    float: left;     right: unset;     left: 0; }   .mz-note .blockquote, .mz-note blockquote{     padding:0 1em;     margin: 1rem 1em; }   .mz-note hr{    border-width: 2px;    border-style: solid; }   #page-content .mz-note{     max-width:var(--tip-maxwidth_PC);     padding: 0.5rem; }   a.footnoteref  {     display: inline-flex;     font-family:var(--page-tt-font);     text-decoration: none; }   a.footnoteref::before{     content: "(";     margin: 0 0.1em; }   a.footnoteref::after{     content: ")";       margin: 0 0.1em; }   .hovertip  {     --tip-dogear-size:1em;     --tip-dogearoll-size:1.35em;     border: none !important;     background: transparent !important;   /* width: auto !important;*/ } /* 非脚注的注释 */ .hovertip:not(:has(.f-heading))  .content {     --tip-dogear-size:0;     --tip-dogearoll-size:0;     --tip-dogear-padding:0.5rem 1em;     --tip-color:var(--color-grey-pale);     letter-spacing: 1px }  /* 脚注 */ .hovertip .content{     --tip-dogear-padding: 0.5rem  calc(var(--tip-dogearoll-size) + 0.5em) 0.5rem 0.5rem;     -webkit-filter: drop-shadow(0px 0px 3px rgba(var(--tip-bdcl),0.5))  drop-shadow(0px 0px 1px rgba(var(--tip-bdcl),1));       filter: drop-shadow(0px 0px 3px rgba(var(--tip-bdcl),0.5))  drop-shadow(0px 0px 1px rgba(var(--tip-bdcl),1));       padding:var(--tip-dogear-padding);     font-size: 110%;     min-height: var(--tip-dogearoll-size); } .hovertip .f-footer{     height: 0;     font-size: 0; }   .hovertip .f-heading  {     max-width: 11em;     padding: 0em 0 0em 0em;     font-size: 110%;     font-family:var(--handwriting-font); }   .hovertip .f-heading::after {     content: ' ';     height: 0.1rem;     display: block;         padding: 0;     margin-left: -5px;       background-image: linear-gradient(70deg, transparent 0px,  var(--color-navy) 8%,  var(--color-navy) 10%, transparent 100%); }   @media (max-width: 500px) {     #page-content .mz-note{      max-width: 90%;   }    a.footnoteref  {      font-size: 80%;   }    .hovertip {     --tip-dogear-size:1rem;     --tip-dogearoll-size:1.5rem;     max-width: 90vw;   } }   /*--------------便签纸-----------------*/   .note-page {     display: block;     overflow: hidden;    /* font-family: var(--handwriting-font);*/     font-style: normal;     background-attachment: scroll;     background-clip: border-box;     background-color: transparent;     background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);     background-origin: padding-box;     background-position: 0px 8px;     background-repeat: repeat;     background-size: 100% 20px;     border: 1px solid #CCC;     border-radius: 10px;     padding: 10px 10px;     margin-bottom: 10px;     box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2) }   .note-page p, .note-page ul {     line-height: 20px;     margin: 0; }   .note-page blockquote, .note-page .blockquote{     margin: 0.5rem 2em;   }   /*--------------回形针-----------------*/   .clip-wrap div {     max-width: 60%;     margin: 1rem auto;     width: 60%; }   .clip-wrap .clip-img, .clip-wrap .clip-body {     border: solid 2px rgb(var(--clip-border,0,0,0));     background-color: rgb(var(--clip-bg, 244, 244, 244));     box-sizing: border-box;     position: relative;     z-index: 0;     padding: 0.5rem; }   .clip-wrap .clip-img::before,.clip-wrap .clip-img::after, .clip-wrap .clip-body::before,.clip-wrap .clip-body::after {     content:'';     position: absolute;     pointer-events: none;     border: solid 0.25rem var(--color-darker);     transform: rotate(25deg); }   .clip-wrap .clip-img::before,.clip-wrap .clip-img::after {     border: solid 0.25rem var(--color-darker); }   .clip-wrap .clip-img::before, .clip-wrap .clip-body::before {   right: 0.45rem;   height: 36px;   width: 9px;   top: -0.45rem;   border-radius: 0 0 2rem 2rem;   border-top: none; }   .clip-wrap .clip-img::after, .clip-wrap .clip-body::after {     top: -24px;     right: -0.5rem;     height: 16px;     width: 14px;     border-radius: 2rem 2rem 0 0;     border-bottom: solid 0.55rem transparent;     z-index: -1; }   .clip-wrap .clip-body img, .clip-wrap .clip-img {     border: 0.15rem solid var(--color-darkest);   width: max-content; }   .clip-wrap .clip-img::before {   right: -0.2rem;   top: -0.45rem; }   .clip-wrap .clip-img::after {     right: -0.8rem;         height: 45px; }   .clip-wrap .clip-img {     padding: 0rem;     border: 0.12rem solid var(--color-darkest);     box-shadow:  0px 0px 0px 9px rgba(50,50,50, 0.1), 0px 0px 0px 12px rgba(150,150,150, 0.1); }   @media (max-width: 500px) { .clip-wrap{      max-width: 100%; } .clip-wrap .clip-img::before, .clip-wrap .clip-body::before {   right: 0.3rem;   height: 1.4rem;   width: 0.4rem;   top: 0rem; }   .clip-wrap .clip-img::after, .clip-wrap .clip-body::after {     top: -1rem;     right: -0.5rem;     height: 1rem;     width: 0.7rem; } }   /* ------------------------- 分割线 --------------------------- */   hr{     margin: 1em 0em;     padding-bottom: -1em;     height: 0px;     border-top: var(--color-hr) dashed 3.5px;     color: transparent;     background-color:  transparent; } .mz-hr{     display: flex;     flex-wrap: nowrap;     flex-basis: 20%;     width: 100%; }   .hr-double hr{     --color-hr: var(--color-dark);     height:3px; border-top: var(--color-hr) solid 3px;   border-bottom: var(--color-hr) solid 3px;        } /* 缩减  */ blockquote hr, div:is(.mz-cover, .yui-content, .mz-board, .mz-blockquote, .blockquote, .authorcontent) hr {     border-top: var(--color-hr) solid 2px;     margin: 1em 1.5em; }   .mz-tt.tt-box hr{   margin: 0.5rem  1rem;     border-top:1px solid var(--color-hr); }   /* 分割线框  */ .mz-hr.hr-contract  hr{          margin: 1em 2em;         border-block-width: 1px;   }   .mz-hr.hr-solid hr{                border-style: solid; }   .mz-hr.hr-dotted hr{            border-style: dotted; }   .mz-hr hr{     flex-basis: 20%;     flex-grow: 1;     top: 1rem;     position: relative; }   .mz-hr tt {     flex-basis: 0%;     font-size: 0rem; }   .mz-hr  sub {    font-size: inherit;   position: relative; top:0.3rem; }   .mz-hr  tt:before {     content: ' '; margin: 1rem  0.8rem 0 0.8rem;     font-size: 1.6rem;       border-left:2px solid  var(--RATE-info_border);     position: relative;     top: 0.2rem; }   .mz-hr img{     width: 2rem;     margin: 0 1rem }   /* 分割线窄屏 */ @media (max-width: 500px){     hr{     border-top: 2px dashed var(--color-hr);  }     .mz-hr{     flex-wrap: nowrap;   }       .mz-hr .page-rate-widget-box{     flex-shrink: 0;   }     .mz-hr p{     flex-shrink: 1;   }      .mz-hr img{     flex-shrink: 2;   } }   /* ----------- 插图  ---------------- */   /* 无框 */ .mz-img-wrap .scp-image-block {     margin: 0 0.5rem; }   .mz-img-wrap .scp-image-block {     border: none;     box-shadow: none; }   .mz-img-wrap .scp-image-block .scp-image-caption {     background-color: transparent;     border-top: none;     padding: 0.8rem 0;     font-size: 100%;     font-weight: normal;     letter-spacing: 1px; }   /* 图片有框  */ .mz-img-wrap.img-frame img{     border: 3px double #333; }   .mz-img-wrap.img-frame .scp-image-caption{     display: flex;     flex: 100%; }   .mz-img-wrap.img-frame .scp-image-caption:after, .mz-img-wrap.img-frame .scp-image-caption:before{    content: "";     margin: auto auto auto 0.375rem;     color: var(--color-navy);     border-top: 0px double var(--accentColor);     flex-shrink: 0;     font-size: 2rem;     position: relative;     display: inline-flex;     flex-grow: 1;     height: 1rem;     background-color: var(--dark-accent);     justify-content:  flex-start; }   .mz-img-wrap.img-frame.img-border img{         border: 2px dotted #333; }   /* 模块外框 */ .mz-img-wrap.img-border .scp-image-block {         overflow: hidden;             padding: 1rem;       background: linear-gradient(-45deg,transparent 15px,var(--mz-img-bg) 0) bottom right,               linear-gradient(45deg,transparent 15px,var(--mz-img-bg) 0) bottom left,               linear-gradient(135deg,transparent 15px,var(--mz-img-bg) 0) top left,               linear-gradient(-135deg,transparent 15px,var(--mz-img-bg) 0) top right;   background-size: 50% 51%;   background-repeat: no-repeat;     position:  inherit;     filter:var(--box-line);   }   .img-border.img-paper .scp-image-block {           background: linear-gradient(-45deg,transparent 15px,var(--mz-paper-bg222) 0) bottom right,                linear-gradient(45deg,transparent 15px,var(--mz-paper-bg222) 0) bottom left,                linear-gradient(135deg,transparent 15px,var(--mz-paper-bg222) 0) top left,                linear-gradient(-135deg,transparent 15px,var(--mz-paper-bg222) 0) top right; }   /* 3d 边框  */   .mz-img-wrap.img-b3d .scp-image-block {     border: #999 5px ridge; }   .mz-img-wrap.img-b3d .scp-image-block .scp-image-caption {     border-top: solid 3px #666; }   /* 额外适应  */ .mz-img-wrap.img-tt .scp-image-caption{     font-family: var(--page-tt-font), serif;     font-size: 150%;     letter-spacing: 1px; }   /* 弃用 */ .mz-imgbox-wrap{     position: relative;     margin: 0 auto;     padding:0rem;     margin: 1rem;     padding: 1rem;         margin: 0 auto;     display: revert; }   .mz-imgbox-wrap{ }   .mz-imgbox-txt{     text-align: center; }   /* ===================================== 更多效果 ===================================== */ #page-content  :is(.mz-tt.tt-box, .mz-tt333) h1{     display: block;     text-align: center; }   /* ----------- 内文标题   ------------ */ .mz-tt{     margin: var(--ttbox_margin);     text-align: center; }   .mz-tt :is(h1, h2,h3,h4,h5, h6) { display: flex;     align-items: center; }   .mz-tt :is(h1, h2,h3,h4,h5, h6) span{     padding: 0 var(--mztt-h1pd-horiz); margin: 0 auto; } .mz-tt :is(h1, h2,h3,h4,h5, h6):before, .mz-tt :is(h1, h2,h3,h4,h5, h6):after{ content: ""; flex-grow: 1; height: 0.1rem; color: var(--accentColor); background-color: var(--dark-accent);    } /* ----------- 横跨标题其二 ----------- */ .mz-tt222 {     border-top: 3px solid #6d6b82;     border-bottom: 3px solid #6d6b82;     padding:0 0.5rem;     margin: 1rem 3em; }   .mz-tt222:before, .mz-tt222:after{     content: ' ';     border-top: 1.5px solid #6d6b82;     margin: 0.1rem;     text-align: center; display: block; }   #page-content  .mz-tt222 *{     text-align: center;     display: block; }   /* ----------- 横跨标题其三 ----------- */ .mz-tt333{     border-bottom: 0.25em solid var(--PGtt-line_color);       text-align: center; } /* ----------- 伪黑光盒 ----------- */ #page-content  .mz-tt.tt-box h1:after {  content: " ";          width: var(--ttbox_bevel-size);     height:var(--ttbox_bevel-size);          background: var(--ttbox_bevel-bg);     color:var(--ttbox_bevel-color);     position: absolute;     font-size:var(--ttbox_bevel-size);     margin-top:var(--ttbox_bevel-top);     margin-left: var(--ttbox_bevel-left);        z-index: -1;        display: block; } .mz-tt.tt-box :is(h1, h2,h3,h4,h5, h6):before, .mz-tt.tt-box :is(h1, h2,h3,h4,h5, h6):after{     display: none; } #page-content  .mz-tt.tt-box h1{     display: block;     letter-spacing: 0.1rem;     font-size:var(--ttbox_h1-size);     background-color: var(--ttbox_h1-bg);     border: solid var(--ttbox_border-size)  var(--ttbox_h1BDR-color);     padding: var(--ttbox_padding);     color:  var(--ttbox_h1-color);     margin-left:  var(--ttbox_h1-left);     max-width:  max-content; } .mz-tt.tt-box {        background-color: var(--ttbox_box-bg);   border: solid var(--ttbox_box-size)  var(--ttbox_boxBDR-color);     padding: 0rem 0 1rem 0;    position: relative;    padding: var(--ttbox_padding);     text-align: left; } .mz-tt.tt-box  h1:first-of-type {     display: block;     top:var(--ttbox_h1-top);     position: relative; } .mz-tt.tt-box  h1:first-of-type + * {     margin-top:var(--ttbox_h1-top); } .tt-box p{       padding:inherit 0.5rem; } @media (max-width: 600px){ #page-content .mz-tt.tt-box  h1 {   font-size:130%; } }   /* ----------- 分栏 ----------- */ .mz-column p:first-of-type{    margin: 0;   }   .mz-column{     -moz-column-count:2;   -moz-column-rule:2px solid grey;   -moz-column-gap:4rem;     -webkit-column-count:2;        -webkit-column-rule:2px solid grey;   -webkit-column-gap:4rem;     column-count:2;        column-rule:2px solid grey;   column-gap:4rem;   }   .mz-column.column-333{       -moz-column-count:3;       -webkit-column-count:3;           column-count:3;      }   .mz-column.column-nip{   -moz-column-rule:0px solid grey;   -moz-column-gap:1.5rem;      -webkit-column-rule:0px solid grey;    -webkit-column-gap:1.5rem;         column-rule:0px solid grey;       column-gap:1.5rem; }   .column-img .scp-image-block{     margin: 0rem auto 1rem auto; }   @media (max-width: 600px){ .mz-column.column-333, .mz-column{   -moz-column-count:1;      -webkit-column-count:1;                column-count:1;       } } /* ===================================== tab 分页 ===================================== */   /* ---- YUI TAB BASE ---- */ .yui-navset {     margin: 0 0.1rem; }   .yui-navset .yui-nav a,.yui-navset .yui-navset-top .yui-nav a{     background-color:inherit;     background-image:inherit }   .yui-navset .yui-nav a:hover,.yui-navset .yui-nav a:focus{     background:inherit;     text-decoration:inherit }   .yui-navset .yui-nav .selected a,.yui-navset .yui-nav .selected a:focus,.yui-navset .yui-nav .selected a:hover{     color:inherit;     background:inherit; }   .yui-navset .yui-nav,.yui-navset .yui-navset-top .yui-nav{     border-color:inherit }   .yui-navset li{     line-height:inherit;     min-width: 15%;    }   /* ---- YUI TAB CUSTOMIZATION ----*/    .yui-navset .yui-nav,  .yui-navset .yui-navset-top .yui-nav{      display: flex;      flex-wrap: wrap;     /* width: calc(100% - .05rem); */      /*! margin: 0 auto; */      border-color: var(--tabNAV-border);      box-shadow: none; }  .yui-navset .yui-nav a, /* ---- Link Modifier ---- */  .yui-navset .yui-navset-top .yui-nav a{        font-weight: bold;     /* ---- Tab Background Colour | [UNSELECTED] ---- */      background-color: var(--tabNAV-bg);      border: unset;      box-shadow: none;      box-shadow: none;      transition: background-color 0.15s linear; }  .yui-navset .yui-nav a:hover,  .yui-navset .yui-nav a:focus{      color: #d6d6d6;     /* ---- Tab Background Colour | [HOVER] ---- */      background-color: var(--tabNAV-bgHover); }  .yui-navset .yui-nav li, /* ---- Listitem Modifier ---- */  .yui-navset .yui-navset-top .yui-nav li{      position: relative;      display: flex;      flex-grow: 2;      max-width: 100%;      margin: 0;      padding: 0;      color: #d6d6d6;      border-color: transparent;      box-shadow: none; }  .yui-navset .yui-nav li a,  .yui-navset-top .yui-nav li a,  .yui-navset-bottom .yui-nav li a{      display: flex;      align-items: center;      justify-content: center;      width: 100%; }  .yui-navset .yui-nav li em{      border: unset; }  .yui-navset .yui-nav a em,  .yui-navset .yui-navset-top .yui-nav a em{      padding: .35em .75em;        text-overflow: ellipsis;      overflow: hidden;      white-space: nowrap; }  .yui-navset .yui-nav .selected, /* ---- Selection Modifier ---- */  .yui-navset .yui-navset-top .yui-nav .selected{      flex-grow: 2;      margin: 0;      padding: 0;     /* ---- Tab Background Colour | [SELECTED] ---- */      background-color: var(--tabNAV-bg_SEL);      color:var(--tabNAV-txt_SEL); }  .yui-navset .yui-nav .selected a,  .yui-navset .yui-nav .selected a em{      border: none; }  .yui-navset .yui-nav .selected a{      width: 100%;      color: var(--tabNAV-txt_SEL);      font-weight: bold; }  .yui-navset .yui-nav .selected a:focus,  .yui-navset .yui-nav .selected a:active{      color:var(--tabNAV-txt_ACT);      background-color: var(--tabNAV-bg_ACT); }  .yui-navset .yui-content {     background-color:var(--tabMain-bg);     box-shadow: none; }  .yui-navset .yui-content,  .yui-navset .yui-navset-top .yui-content{      padding: .5rem;      margin: var(--tab-margin);      border: var(--tabMain-border) solid 1px;           border-top: var(--tabMain-border) solid 4px; }   .yui-navset .yui-nav{      border: none ;             filter: drop-shadow(0px -1px 1px var(--tab-shadow)); }   .mz-tab .yui-navset{      filter: drop-shadow(-1px 1px 0.5px var(--tab-shadow)) drop-shadow(1px 1px 0.5px var(--tab-shadow))          drop-shadow(0px -1px 0.5px var(--tab-shadow)) drop-shadow(0px -1px 0.5px var(--tab-shadow) ); }   /* ---------------- 线条 ---------------- */   .mz-tab-line  .yui-navset .yui-nav{     filter:none;     background-color: var(--Line-tabNAV-border);       padding-left:var(--Line-tabBD-weight); }   .mz-tab-line  .yui-navset .yui-nav li {     margin-right:var(--Line-tabBD-weight);     margin-top: var(--Line-tabBD-weight); }   .mz-tab-line .yui-navset .yui-nav a, .mz-tab-line .yui-navset .yui-navset-top .yui-nav a{      background-color: var(--Line-tabNAV-bg);     border-top: var(--Line-tabBD-weight) solid var(--Line-tabNAV-border);       color: var(--Line-tabNAV-txt); }   .mz-tab-line .yui-navset .yui-nav a:hover, .mz-tab-line .yui-navset .yui-nav a:focus{      background-color: var(--Line-tabNAV-bgHover); }   .mz-tab-line .yui-navset .yui-nav .selected, .mz-tab-line  .yui-navset .yui-navset-top .yui-nav .selected{      background-color: var(--Line-tabNAV-bg_SEL);      color:var(--Line-tabNAV-txt_SEL); }    .mz-tab-line .mz-line .yui-navset .yui-nav .selected a{      color: var(--Line-tabNAV-txt_SEL); }  .mz-tab-line .yui-navset .yui-nav .selected a:focus,  .mz-tab-line .yui-navset .yui-nav .selected a:active{      color:var(--Line-tabNAV-txt_ACT);      background-color: var(--Line-tabNAV-bg_ACT); }  .mz-tab-line .yui-navset .yui-nav  a:hover,  .mz-tab-line .yui-navset .yui-nav .selected a,  .mz-tab-line .yui-navset .yui-nav .selected a:focus,  .mz-tab-line .yui-navset .yui-nav .selected a:hover {        color:var(--Line-tabNAV-txtHover);      background-color: var(--Line-tabNAV-bgHover); }    .mz-tab-line .yui-navset .yui-nav .selected,  .mz-tab-line .yui-navset .yui-navset-top .yui-nav .selected {     background-color: var(--Line-tabNAV-bg_SEL);     color: var(--Line-tabNAV-txt_SEL); }   .mz-tab-line .yui-navset .yui-content {     background-color:var(--Line-tabMain-bg); }   .mz-tab-line .yui-navset .yui-content, .mz-tab-line .yui-navset .yui-navset-top .yui-content{      border: var(--Line-tabMain-border) solid var(--Line-tabBD-weight); }   @media (max-width:520px){   .mz-tab-line  .yui-navset .yui-nav{     width:initial;   } /*西格玛版式原有  .yui-navset {      z-index:1;   } */ }   /*===================================== 底栏 =====================================*/   #page-options-container, #footer, #license-area{     --foot-text-size:0.6rem;     --license-bg: var(--color-grey-darker); }   .page-tags a{     padding: 0.2rem 0.2rem;     margin: 0 0.05rem; }   .page-tags a:hover, .page-watch-options a:hover:before, #page-options-container  a:hover{    color: var(--SB-link_txt_HOV);  background-color: var(--SB-link_bg_HOV);     text-decoration: none; } /*============================ 操作区 =============================*/ #action-area .btn:hover{    text-decoration: none;     cursor: pointer; } /* 关闭 */ a.action-area-close{     height: 2em;     margin-top: 0.5em;     align-content: center;     display: grid;     background: var(--ACT-close_bg);     border: 2px dotted var(--color-darker) } a.action-area-close:hover{   --ACT-close_bg: var(--color-darkest);  text-decoration: none;   border: 2px solid var(--color-darker); } /* 勾选 */ #action-area .checkbox * {     display: inline-flex;     align-items: center; } #action-area input[type="checkbox"]{     margin-left: 1em;     background-color: transparent;      width: 1rem;     appearance: none;     cursor:  pointer;    } #action-area  input[type="checkbox"]::before{     content: "\f096";     font-family: fontawesome;     font-size: 150%; } #action-area input[type="checkbox"]:checked::before{     content: "\f046"; } /*---------------------------------- 历史区（未完成） ------------------------------------*/ #history-form-1 .form tbody{     display: flex;     flex-wrap: wrap; } #history-form-1 .form tbody td {     width: var(--HISTORY-form_td_width);     margin:var(--HISTORY-form_td_margin); } #history-form-1 .form tbody > tr td:last-child{     display: inline-grid;     grid-template-columns: var(--HISTORY-form_columns);     grid-template-rows: auto auto;     grid-gap: 0.25em 0rem;     font-size: var(--HISTORY-btn_size);     align-items: center;     align-content: center;     width: max-content;     padding-right: 0 } #history-form-1{   display: grid;   grid-template-areas:  'left m11 right'  'left m22 right'   'left m33 right'       'under under  under';       grid-template-columns:1fr auto 1fr;       grid-template-rows:auto auto auto auto; } #history-form-1 .form {     grid-area: m11;     margin: 0;     max-width: max-content; } #history-form-1 .buttons{     position: relative;      grid-area: m22;     text-align: right;     margin: -1.8rem 0 0 0;     padding: 0;     width: max-content;     justify-self: flex-end;  } #revision-list{     grid-area: under;      } #history-form-1 #h-perpage{     width:var(--HISTORY-perpage_width, 8.7rem); } /*---------------------------------- 编辑区 ------------------------------------*/ /*--------------- 代码按钮 ---------------------*/ .wd-editor-toolbar-panel li.hseparator { display: none; } .wd-editor-toolbar-panel {    display: flex;     flex-wrap: wrap;     align-items: center;     align-content: center;     margin: var(--EDIT-ui-panel_margin); } .wd-editor-toolbar-panel div {    flex-basis: 100%;    margin: 0.2rem 0;    height: auto;    display: flex; } .wd-editor-toolbar-panel div:nth-child(2) {     order: 3; } .wd-editor-toolbar-panel div:nth-child(1) {     order: 2; } .wd-editor-toolbar-panel div:nth-child(1):after {    content: '\f096';    width: var( --EDIT-ui_weight);    display: inline-grid;    margin: var(--EDIT-ui-btn_margin);     justify-content :center;     align-items: center; } .wd-editor-toolbar-panel ul li {  margin: var(--EDIT-ui-btn_margin); } .wd-editor-toolbar-panel, .wd-editor-toolbar-panel a , .wd-editor-toolbar-panel a:hover {         background-image:none;         font-family: var(--page-tt-font),  "FontAwesome";         letter-spacing: 1px;         text-decoration: none;         font-size: var(--EDIT-ui_size-11); } .wd-editor-toolbar-panel ul li ul li a, .wd-editor-toolbar-panel ul li a {      height: var(--EDIT-ui_height);      width: var( --EDIT-ui_weight);      display: inline-grid;      position: relative;      background-color: var(--EDIT-ui_bg);     text-align: center;      } .wd-editor-toolbar-panel a::before {     content: "";    display: inline-grid;     left: 0;     top: 0;   height: var( --EDIT-ui_height);   width: var( --EDIT-ui_weight);     text-align: center;     line-height: 1.5em;     white-space: nowrap;     z-index: 5;     color:var(--EDIT-ui_color);     align-content: center;     justify-self: center;     align-self: center; } .wd-editor-toolbar-panel a:hover {     --EDIT-ui_color: var(--EDIT-ui_color_HOV);     outline:var(--EDIT-ui_outline);     -webkit-filter:brightness(90%);       filter: brightness(90%);        background-image: var(--hollow-image); } /*---------- 引导 -----------*/ .wd-editor-toolbar-panel a[class*="wiz"]::after {     content:"\f0d0";     font-size: var(--EDIT-ui_size-99);     justify-self:right;     align-self: flex-end;     opacity: 1;     color:var(--EDIT-ui_color);       z-index: 6;     transition:  opacity 0.5s;     position: absolute; } .wd-editor-toolbar-panel a[class*="wiz"]::before {      opacity:0.25 ;      -webkit-text-stroke: 1px rgba(50,50,50,0.4);         transition:  opacity 0.5s; } .wd-editor-toolbar-panel a[class*="wiz"]:hover::before {      opacity:1 ;         transition:  opacity 0.25s; } .wd-editor-toolbar-panel a[class*="wiz"]:hover::after {     opacity: 0.25;     transition:  opacity 0.25s; } /*---------- 次级框 -----------*/ .wd-editor-toolbar-panel li li a {     --EDIT-ui_bg: var(--page-bg);     --EDIT-ui_bg_HOV:var(--EDIT-ui-sub_HOV);     outline:var(--EDIT-ui_outline);     background-image: var(--hollow-image); } .wd-editor-toolbar-panel ul li ul:before {     content: '▲';         position: relative;     top:-2em;     left: 1.2em;     font-size: 0.5em;     width: 0;     height: 0;     display: block;     color: var(--EDIT-border_color); } /*---------- 各项 -----------*/ .wd-editor-toolbar-panel ul {   display: flex; } .wd-editor-toolbar-panel ul li ul a::before {     content: "H";     font-size: var(--EDIT-ui_size-sub);     font-weight: 600; } .wd-editor-toolbar-panel a.weditor-h1::before{     content: "H1";     font-size: var(--EDIT-ui_size-11);     font-weight: 600; } .wd-editor-toolbar-panel a.weditor-h2::before {     content: "H2"; } .wd-editor-toolbar-panel a.weditor-h3::before {     content: "H3"; } .wd-editor-toolbar-panel a.weditor-h4::before {     content: "H4"; } .wd-editor-toolbar-panel a.weditor-h5::before {     content: "H5"; } .wd-editor-toolbar-panel a.weditor-h6::before {     content: "H6"; } .wd-editor-toolbar-panel a.weditor-bold::before {     content: "\f032"; } .wd-editor-toolbar-panel a.weditor-italic::before {     content: "\f033"; } .wd-editor-toolbar-panel a.weditor-underline::before {     content: "\f0cd"; } .wd-editor-toolbar-panel a.weditor-strikethrough::before {     content: "\f0cc"; } .wd-editor-toolbar-panel a.weditor-teletype::before {     content: "\f035"; } .wd-editor-toolbar-panel a.weditor-quote::before {     content: "\f10e"; } .wd-editor-toolbar-panel a.weditor-superscript::before {     content: "\f12b"; } .wd-editor-toolbar-panel a.weditor-subscript::before {     content: "\f12c"; } .wd-editor-toolbar-panel a.weditor-raw::before {     content: "\f070"; } .wd-editor-toolbar-panel a.weditor-hr::before {     content: "——";     font-weight: 900;     font-family: var(--teletype-font); font-size: var(--EDIT-ui_size-33); } .wd-editor-toolbar-panel a.weditor-div::before {     content: "div";     font-size: var(--EDIT-ui_size-33);         font-weight: 600; } .wd-editor-toolbar-panel a.weditor-clearfloat::before {     content: "\f0ec"; } .wd-editor-toolbar-panel a.weditor-clearfloatleft::before {     content: "\f177"; } .wd-editor-toolbar-panel a.weditor-clearfloatright::before {     content: "\f178"; } .wd-editor-toolbar-panel a.weditor-table::before {     content: "\f0ce"; } .wd-editor-toolbar-panel a.weditor-toc::before {     content: "toc";     font-size: var(--EDIT-ui_size-33);     font-weight: 600; } .wd-editor-toolbar-panel a.weditor-code::before, .wd-editor-toolbar-panel a.weditor-codewiz::before  {     content: "\003c\002f\003e";     font-size: var(--EDIT-ui_size-33); } .wd-editor-toolbar-panel a.weditor-uri::before, .wd-editor-toolbar-panel a.weditor-uriwiz::before {     content: "\f0c6"; } .wd-editor-toolbar-panel a.weditor-pagelink::before, .wd-editor-toolbar-panel a.weditor-pagelinkwiz::before {     content: "\f0c1"; } .wd-editor-toolbar-panel a.weditor-image::before, .wd-editor-toolbar-panel a.weditor-imagewiz::before {     content: "\f03e"; } .wd-editor-toolbar-panel a.weditor-html::before {     content: "\f1c9"; } .wd-editor-toolbar-panel a.weditor-numlist::before {     content: "\f0cb"; } .wd-editor-toolbar-panel a.weditor-bullist::before {     content: "\f0ca"; } .wd-editor-toolbar-panel a.weditor-incindent::before {     content: "\f03c"; } .wd-editor-toolbar-panel a.weditor-decindent::before {     content: "\f03b"; } .wd-editor-toolbar-panel a.weditor-deflist::before {     content: "\f03a"; } .wd-editor-toolbar-panel a.weditor-footnote::before {     content:"\f0f6";     transform:  rotateX(180deg);     margin-top: 2px; } .wd-editor-toolbar-panel li:nth-child(6){  order: 10 } .wd-editor-toolbar-panel a.weditor-math::before {     content: "√x";         font-size:  var(--EDIT-ui_size-22);         font-weight: 600; } .wd-editor-toolbar-panel a.weditor-mathinline::before {     content: "x/2";     font-size:  var(--EDIT-ui_size-22);         font-weight: 600; } .wd-editor-toolbar-panel a.weditor-eqref::before {     content: "Eq";     font-size:  var(--EDIT-ui_size-22);         font-weight: 600; } .wd-editor-toolbar-panel a.weditor-bib::before {     content: "Bib";     font-size: var(--EDIT-ui_size-33);         font-weight: 600; } .wd-editor-toolbar-panel a.weditor-bibcite::before {     content: "[n]";     font-size: var(--EDIT-ui_size-22);     font-weight: 600; } /*--------------- 编辑框 ---------------------*/  #edit-page-title,    #edit-page-textarea{   max-width: var(--EDIT-table_width) !important;   width: var(--EDIT-table_width) !important;   } #edit-page-form .form {     width: 100%;     display: flex; } #edit-page-form .form  td:first-child{   vertical-align: middle;   margin-bottom: 0.5rem;     letter-spacing: 1px } #edit-page-textarea {     font-size: var(--EDIT-box_txt-size,1.2em);     letter-spacing: 1px;     font-family: var(--EDIT-box_font); } #edit-page-form *::selection, #edit-page-form *::-moz-selection {      color: white;     background:var(--color-darker); } #main-content textarea:focus, #main-content input.text:focus{     outline:var(--EDIT-ui_outline);     background-color: var(--EDIT-box_bg_Foc); } #main-content textarea, #main-content input.text {       border: 2px solid var(--EDIT-border_color);       background-color: var(--EDIT-box_bg);       background-image: var(--hollow-image);     -webkit-filter:brightness(95%);       filter: brightness(95%);       width: 100%;     font-family: var(--EDIT-box_font); } #edit-page-title, #edit-page-comments, #edit-page-textarea{         line-height: 130%;     padding: 5px 5px;        font-size: var(--EDIT-box_txt-size, 1.05rem);     letter-spacing:0.5px; } /* 编辑框下小物件 */ .change-textarea-size {   padding:var(--EDIT-box-btn_padding, 0 2.5rem); } .edit-help-34{     display: var(--EDIT-help_display);     grid-template-areas: 'a b''c d';     margin-top: 0.5em;      } .edit-help-34 a{     font-family: fontawesome, "Trebuchet MS",  var(--mono-font);     letter-spacing: 0px;         color: var(--color-paleblue);         font-size: var(--EDIT-help_size, 0.9rem);     font-weight: 400;     letter-spacing:0.5px;     margin-right: 0.5em } .edit-help-34 a:first-child{     grid-area: d; } .edit-help-34 a:last-child{     grid-area: b; } .edit-help-34 a:before{     content:"\f002";     margin:0 0.2em 0 0.2em; } .edit-help-34 a:hover, .edit-help-34 a:hover:before{     text-decoration: none;         color: var(--color-red); } /* ---------- 编辑补充信息 ---------- */ .edit-page-bottomtable{    width: var(--EDIT-table_width); } .edit-page-bottomtable tbody td{     line-height: 1.5rem; } .edit-page-bottomtable tbody tr {     display: inline-grid;     grid-gap: 0.5em 5%;     grid-template-columns: var(--EDIT-bottomtable_columns, 40% 55%);     grid-template-rows: 50% 50%;     margin-top:0.5rem;     align-items: center;     width: 100%; } /*------------------ 修复保存卡死 || Fixed the saving box by W Asriel ------------------------- */ table.edit-page-bottomtable td {   padding: 0 !important; } table.edit-page-bottomtable td:last-child {    --lock-info_size:0.8rem;     border: 2px dashed var(--color-grey-darkest) !important;     background-color: var(--color-grey-pale) !important;     border: 2px dashed var(--color-grey-darkest);     width: 100%;     order: var(--EDIT-bottomtable_tip-order, 0);     padding: 0.3em 0.1em 0rem 0.8em !important;   } table.edit-page-bottomtable td div#lock-info {     font-family: "Trebuchet MS";     font-size: 0;     background: none !important;     border: none !important; } body[class="wait"] #odialog-shader-iframe,body[class="wait"] #odialog-shader {     display:none!important } #odialog-container {     position:fixed!important; } body[class="wait"] #odialog-container {     z-index:-1 } body[class="wait"] #odialog-container #owindow-1 {     display:none!important } body[class="wait"] a[name="page-top"][target]+div #main-content #action-area .edit-page-bottomtable td:last-child {     background-color:rgb(var(--very-light-gray-monochrome,200,200,200)) !important;;     border:2px solid rgb(var(--dark-gray-monochrome,0,0,0)) !important; } div#lock-info {     content:var(--lock-info222);     display:inline;     font-size:var(--lock-info_size); } div#lock-info::before {     content:var(--lock-info111);     display:inline;     font-size:var(--lock-info_size);     white-space:pre-wrap } div#lock-info>strong {     font-size:var(--lock-info_size); } div#lock-info>br {     display:none } div#lock-info::after {     content:var(--lock-info222);     display:inline;     font-size:var(--lock-info_size); } body[class="wait"] a[name="page-top"][target]+div #main-content #action-area div#lock-info::before {     content:var(--lock-info333);     display:inline;     font-size:var(--lock-info_size);     color:rgb(var(--gray-monochrome,33,33,33));     white-space:pre-wrap } body[class="wait"] a[name="page-top"][target]+div #main-content #action-area div#lock-info::after {     font-size:0 } body[class="wait"] a[name="page-top"][target]+div #main-content #action-area div#lock-info>strong {     font-size:0 } body[class="wait"] a[name="page-top"][target]+div #main-content #action-area div#lock-info::after {     font-size:0 }  /* ---------- 编辑操作按钮 ---------- */ .mz-btn, div.buttons input:not(.btn-sm) {   font-family: var(--EDIT-btn_font);     padding: 0.5rem;     color: var(--color-darkgrey);     border-radius:10px;     background:var(--color-light);     border: 2px double var(--color-dark);     margin:var(--EDIT-btn_margin, 0 0.6rem 0.5rem 0rem) ; } .mz-btn:hover, div.buttons input:not(.btn-sm):hover{     filter: brightness(95%);     background-image: var(--icon-noise); } /*===================================== 页脚 =====================================*/ #footer {  display: inline-grid !important;       grid-template-areas:      '. left  right'      '. under  under';     grid-template-columns: 0.5rem max-content auto 0.5rem;      font-size: 0;          width: 100%;      padding: 2px 0;      font-family:  var(--page-tt-font);    }  #footer a{      font-size: var(--FOOT_size); }  #footer a[href="http://www.wikidot.com"]{     grid-area: left;     width: max-content;      display: var(--FOOT-wiki_display, block); }  #footer a[href="http://www.wikidot.com"]:before{     content: "基于 ";      color: var(--FOOT-line_cl);      } #footer .options {   grid-area:  var(--FOOT-options_area, right);     order: 2;     width: max-content;     text-align: center;     float: unset;     justify-self: right } #footer .options a:not(:last-child):after {     content: '|';     margin: 0 0.5em;     color: var(--FOOT-line_cl); } #license-area{    background:var(--LICENSE_bg);    font-size:var(--LICENSE_size);      color: var(--LICENSE_cl); } #license-area a{      display: var(--LICENSE-link_display);     font-size:var(--LICENSE-link_size); } /*------------- 页脚广告 --------------*/ #footer-bar {    background-color: var(--LICENSE_bg);     max-width:100%;     margin: 0;     border-top:none;     } #footer-bar .units {      max-width: 750px;      display:flex;     margin: 0 auto;     justify-content:   space-around;         flex-wrap: wrap; } #footer-bar .unit {     width: var(--FOOT-AD_width, 25%);     float: none; } #footer-bar h2 {     max-width: 750px;    width: 80%;     border-top: #333 dotted 2px;      border-bottom: #333 dotted 2px;     padding: 0.5em;     margin:  0.5em auto 1em auto; } /*==========================                            讨论区帖子 ===========================*/   /* ------------------- 帖子 ----------------------- */   .thread-container .post .head {     background: var(--POST_hdbg);     box-shadow: none;     border-radius: 0;     border: 1px solid var(--POST_BDcolor);     margin: 0 -3px;   }   .thread-container .post .short {   background-color: var(--POST_short);   border: 1px solid var(--POST_BDcolor); }   /* ------------------- 评论区顶部 ----------------------- */   .forum-thread-box .description-block {     box-shadow: none;     border: 4px double var(--POST_BDcolor-222);     background-color:var(--POST_short); }   .forum-category-box, .forum-thread-box{     display: flex;     flex-wrap: wrap;     flex-basis: 100%; }   .forum-category-box div, .forum-thread-box div{     flex-basis: 100%; }   .description-block well{     order: 1; }   .forum-breadcrumbs{         order: 2; }   .forum-category-box .new-post, .options{         order: 3; }   .forum-category-box .new-post{ margin-top: -2rem;   }   .new-post{          order: 5; }   .forum-category-box table, .thread-container{      order: 4; }   @media (max-width:767px) { .forum-thread-box .description-block  .statistics{         float:  revert;     } }   /* ------------------- 最近发帖 ----------------------- */   .thread-container .post .long .head .title a {   font-weight: bold;   font-size:0.9em;     width: 100%;     padding-bottom: 0.2rem;     display: block; }   .thread-container .post .long .head .info {     display: flex;     flex-wrap:  wrap;     font-size: 0; }   .thread-container .post .long .head .info * {     font-size: initial; }   .thread-container .post .long .head .info br + a + a, .thread-container .post .long .head .info br + a, .thread-container .post .long .head .info .odate  {    margin: 0 0.1rem; }   .thread-container .post .long .head .info br {   display: none; }   .thread-container .post .long .head .info .printuser{     display:  inline-flex;     flex-wrap: nowrap;      margin: 0;     margin-right: 0.5rem; }   .thread-container .post .long .head .info br + a , .thread-container .post .long .head .info br + a + a  {     text-decoration: none;     padding:0 0.2rem;     border-bottom: 1px solid transparent;    }   .thread-container .post .long .head .info br + a:hover , .thread-container .post .long .head .info br + a + a:hover  {     border-color:var(--accentColor)   }   .thread-container .post .long .head .info br + a +  a  { padding-left: 0; }   .thread-container .post .long .head .info br + a + a:before {    content: '▷';     color:var(--POST_BDcolor);    border-bottom: 1px solid transparent;     border-color: var(--POST_hdbg);     padding-right: 0.3rem; }   @media (max-width: 480px) { .thread-container .post .long .head .info *{     font-size: 0.8rem; } }   /*===================================== 其他小组件 =====================================*/   /* ----------- 辑录  ----------------*/   .mz-mirror{      -moz-transform:scaleX(-1);     -webkit-transform:scaleX(-1);     -o-transform:scaleX(-1);     transform:scaleX(-1); }   .mz-log-trigger{   background-image: var(--mzlog-img);   width: 2rem;   height:auto;   background-size: contain;   background-repeat: no-repeat;   margin: var(--mzlog-trigger-margin);   cursor: help;   margin: 0 0.5rem;   background-position: center; }   .mz-log-hovertip{   position: absolute;   z-index: -1;   right:12%;   max-width: 15rem;   max-height:8rem;   background-color: #ecebf0;   background-color: var(--page-bg);   padding:0.1rem 0.5rem;   border: 4px double grey;   opacity: 0;         transition: opacity 0.5s;     -webkit-transition: opacity 0.5s; }   .mz-log-trigger:hover + .mz-log-hovertip, .mz-log-hovertip:hover{   z-index: 1;   opacity: 1;         transition: opacity 1s;     -webkit-transition: opacity 1s; }   .mz-log-content{   margin-top:-0.5rem; }   /* -----------内容居中左对齐 ----------------*/   .lc-mid{     display:  inline;     width: auto;         flex-shrink:0; }   .lc-wrap{     display:flex;     align-items:center; }   .lc-wrap:after, .lc-wrap:before{     align-items:center;     flex-basis:100%;     flex-shrink:2;     content: ' '; }   /* 分割为二 */ .semibox-wrap {     display: flex;     justify-content: center;     flex-wrap: wrap;     margin: 0 auto;     left: 2rem;     position: relative; }   .semibox-cell {     width: 48%;     justify-items: center; }   @media (max-width: 700px) {     .semibox-wrap {         left: 0rem;     }     .semibox-cell {         width: 100%;     }    .semibox-wrap a.button {        word-break: keep-all;    } }   .semibox-wrap + .mz-hr {     padding:0.3rem 0; }   /* -----------窄屏隐藏----------------*/   .pc-hid{     display:none !important;    }   .pc-hid-anyway{     display:none !important;    } @media (max-width: 520px) {   .mob-hid{      display:none;   }    .mob-hid-anyway{      display:none !important;     }     .center-mg-mob{        margin:0 auto;    }   .pc-hid{     display:block;    }   .pc-hid-anyway{     display:block !important;    }    .pc-width{     width: 100% !important;    } }   /* -----------悬浮目录----------------*/ .float-sticky{   position: sticky;   top: 0rem;   right: 0; }   .float-toc{   float: right;   position: absolute;   right: -16rem; }   @media (max-width: 1300px) { .float-toc{      display:none;   }       .float-sticky.not-hid, .float-sticky.not-hid .float-toc{     position: relative;     display:block;     float: none;     right: unset;      width: max-content;    } }   /*---------------------- 各种微调 ----------------------*/   .indent-2 p{     text-indent:2em; }   .padding-perc01{    padding: 1% 1%; } /*---------------------- 通常按钮 ----------------------*/ #page-content .mz-btn {     text-align: center;     width: max-content;     padding: 0.5em;     border: 0.2em double var(--color-navy);       text-decoration: none;     background-color: var(--color-grey-darkest); } #page-content .mz-btn:hover{         background-color: var(--color-grey-dark); }   /*===================================== 调整组件 =====================================*/   /*-----------------------  作者标签 ----------------------------*/   #page-content .authorlink-wrapper {  --swatch-tertiary-color:50,50,50,0.8;   z-index: 0;   margin-top: var(--author-top-adjust, 0rem);     margin-right: var(--author-right-adjust, 0.5em); }   /* ----------------- Ayers信息单  -----------------------*/   #main-content:has(.info-container) #page-title:before, #main-content:has(.info-container) #page-title:after {     display: none    }   .info-container {   top:-1rem;   position:relative; } /* ---------------------- Anomaly Class Bar ------------------- */ .w-cell > hr{ border-width: 2px; border-color: transparent; } /*-----------------------  便签纸 ----------------------------*/   #page-content .note-tip-set.tip-crease-right{   background-image: linear-gradient(-45deg,transparent 0%, transparent 1.6rem ,rgb(var(--pale-gray-monochrome)) 1.7rem,rgb(var(--pale-gray-monochrome)) 100%); }     #page-content .note-tip-set.tip-crease-left{   background-image: linear-gradient(45deg,transparent 0%, transparent 1.6rem ,rgb(var(--pale-gray-monochrome)) 1.7rem,rgb(var(--pale-gray-monochrome)) 100%); }     #page-content  .tip-crease-left .note-tip-cover:before {   border-right:2.1rem solid rgb(var(--pale-gray-monochrome)); }   #page-content  .tip-crease-right .note-tip-cover:before {     border-left:2.1rem solid rgb(var(--pale-gray-monochrome)); }   /*----------------------- 浮动菜单 ----------------------------*/   #u-float-memu #toc{   word-break: keep-all;    box-shadow: none;     display: block;     text-align:left; }   #u-float-memu #toc .title {     padding:0 1em;     text-align: left; }   #u-float-memu #toc .title:before {  border: none;     margin: 0; }   #u-float-memu #toc-list{     text-align:left;     line-height: 1.5rem; }   #u-float-memu #toc #toc-list div {     margin: 0 1.5rem !important; }   #u-float-memu  #toc #toc-list div:hover:before , #u-float-memu  #toc  #toc-list a::before {     left: 0.6rem; }   #u-float-memu .rate-btn {     display: none; }   #u-float-memu.memu-ch hr{    border-top: 1px solid var(--color-hr);     margin: 1em 2em ;     min-width: 6rem; }   .memu-ch {     right: 0.8%; }   #u-float-memu.memu-pg {     background: var(--page-bg) ; }   .fm-goto{     padding-left: 1rem; }   #u-float-memu #toc-list a:hover {     background:var(--color-paleblue);     color: var(--page-bg) ; }   #u-float-memu a {     color:var(--color-paleblue); }   #u-float-memu #toc-list a {     padding: 0rem 0.2rem;     text-decoration: none; } [[/code]] [!----------------------------- 22222222222222222222222222222 QQQQQQQQQQQQQQQQQQQQQQQQQQ -------------------------------] [[code type="CSS"]] /* =====================================     杂志主题 - 侧边栏样式 ===================================== */ :root{     --color-grey: #ecebf0;     --accentColor: #613339;     --color-light: #e8e8e8;     --color-navy: rgb(20,21,39); }   #interwiki .side-block img {  filter: hue-rotate(220deg);  -webkit-filter: hue-rotate(220deg); }   #interwiki div.side-block:nth-child(4) > div:nth-child(1) > div:nth-child(1) img {  filter: none;  -webkit-filter: none; }   #interwiki .side-block {  border: solid 1px var(--accentColor);;  border-radius: 0px;  background: var(--color-light);  box-shadow: none; }   #interwiki .side-block .heading {  padding-left: 5px;  padding-top: 3px;  height: 18px;  color:var(--color-grey);  background-color: var(--accentColor);  background-size: cover;  text-align: center; }   #interwiki .side-block div.menu-item a:visited, #interwiki .side-block div.menu-item a {  color: var(--accentColor); }   @media screen and (max-width: 230px){     #interwiki .side-block {         background: none;         border: none;   } #interwiki  .side-block div.menu-item a:visited, #interwiki  .side-block div.menu-item a {       color: var(--color-navy);   } } [[/code]] [!--------------------------- 33333333333333333333 ----------------------------] [[code type="CSS"]] /* ===================================== 杂志主题 - 可折叠侧边栏 - 333333333333333 ===================================== */ @import url("https://etinjat.wikidot.com/component:collapsible-sidebar/code/1"); :root{   --body-width-on-desktop:60rem; --sidebar-topBox-left:3.2rem;        --sidebar-bg-pc:var(--page-bg); } #content-wrap{      margin-left:0; } #content-wrap::after { display: none; } #main-content {     padding: 0;     padding-top: var(--main-top);     margin: 0 auto;     margin-top: 0em;     left: 0;     right: 0; } #main-content::after {     filter: sepia(50%) hue-rotate(150deg) saturate(150%); } #side-bar{   z-index: 1;   position: fixed;   height: 100%; } #side-bar{      margin-left:0;      margin: 0;      position: fixed;      padding-top:30px ;        transition: left 1s; } #side-bar::before {     position:  static;     margin: 0 auto; } #side-bar:hover, #side-bar:active {      transition: all 0.5s;      background-color: var(--sidebar-bg-pc); } div#extra-div-1 {     z-index: 9; } [[/code]] [!--------------------------- 44444444444444444444444444444444444 ----------------------------] [[code type="CSS"]] /*=====================================  杂志主题 异学会版  44444444444444444 =====================================*/ :root{     --tabNAV-bgHover:var(--color-navy);     --tabMain-border:var(--color-navy);     --visted-link:#333;   --header-title: " \00A0 中華 異學會" ;   --mob-title:"中華異學會";   --header-subtitle:"格異、治學、融會";   --mob-subtitle:"格異、治學、融會";    --LOGO_position-mob:51% 0%;    --LOGO_image:url('https://fastly.jsdelivr.net/gh/Etinjat/CSS@icon-min/LOGO_noricst.svg');    --LOGO_image-mob:var(--logo-image);      --LOGO_sidebar:var(--icon-cn); --LOGO_sidebar-opacity:0.7; --SB_content: "中文分部 之印";  --hr-image:var(--icon-cn);  --hr-color:192,192,192;     --icon-cn:url('https://fastly.jsdelivr.net/gh/Etinjat/CSS@icon-min/Logo_CN.svg');     --icon-yxh:url('https://fastly.jsdelivr.net/gh/Etinjat/CSS@icon-min/LOGO_YXH.svg'); } /* ============================================ 正文 ============================================ */ #page-title, .meta-title {   font-family: punctuation-marks, 'HanWang WeiBeiMedium-Gb5',var(--page-tt-font), serif; } .mz-innerbox{     font-size: 1.1rem; } .mz-poem{     text-align: center;     font-size: 1.8rem;     font-family:  punctuation-marks, 'HanWang WeiBeiMedium-Gb5', '华文新魏', lisu, 'Huiwen-mincho',  'Noto Serif SC',  sans-serif; } .yxh-img{     --yxh-size:15rem;     width: var(--yxh-size);     height: var(--yxh-size);     background-image: var(--icon-yxh);     background-size: cover;     margin: 0 auto;     opacity: 1;     filter: blur(1px); } .yxh-maxim{     border: solid 1px rgba(33,33,33,0.5);     text-align: center;     margin: 1em 3em;     font-size: 1.6rem;    font-family: 'Huiwen-Mincho'; } @media (max-width: 500px){     .mz-innerbox{     font-size: 0.8rem; } .mz-poem{     font-size: 1rem; }  .yxh-maxim {     margin: 1em 1em;     font-size: 1.4rem;  }  .yxh-maxim p{ padding: 0;      line-height: 0;  } } /* ============================================ 分割线，来自woednaz ============================================  */ .mz-poem  hr {     border-top:1px solid #000 ;     background: rgb(0, 0, 0, 0);     border: 0;     height: 1rem;     width: 70%;     position: relative;     margin: 1.5rem auto;     } .mz-poem  hr::before {     content: " ";     background-image: var(--hr-image);     color: rgb(var(--hr-color));     display: inline-block;     position: absolute;     top: -0.2rem;     left: 0;     margin: 0 auto;     font-size: 0.938rem;     line-height: 0;     height: 1.6rem;     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; } .mz-poem  hr::after {     content: " ";     height: 0.1rem;     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='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; } /* ============================================ 杂项 ============================================  */ /* ------------------假标签-------------------- */ #main-content .page-tags {    display:{$page-tags}; } div.pseudo-tags ul {     font-size: 85%;     border-top: 1px solid #BBB;     display: inline-block;     margin: 10px 0 0;     padding: 0 2px;     list-style: none; } div.pseudo-tags li {     color: #b01;     text-decoration: none;     display: inline-block;     margin: 0 1px;     cursor: pointer; } [[/code]] [!--------------------------- 555555555555555555555555 ----------------------------] [[code type="CSS"]] /*=====================================     杂志主题 - 翻页式tab 与 笔记本组件 555555555555555555 =====================================*/ @import url(https://scp-wiki.wikidot.com/local--files/theme:magazine/IMG-source_base64.css); :root{ --img-chew444: var(--MASK-chew222); } /* ================== 笔记本组件 ====================*/ :root{  --color-notepage: var(--color-light);  --NOTEBOOK-bookmark_color:var(--color-dark);   --color-header-footer:var(--color-notepage);  --cl-a1:235,235,225,1;   --cl-a2:222,210,220,1;   --cl-a3:210,200,195,1;   --cl-a4:25,25,25,1;    --page-color:#f3f3f3; /* 书本厚度描框 */ --box-bk-0:0.0625rem 0.0625rem 0 rgba(var(--cl-a1)), 0.125rem 0.125rem 0 rgba(var(--cl-a2)), 0.1875rem 0.1875rem 0 rgba(var(--cl-a2)), 0.25rem 0.25rem 0 rgba(var(--cl-a3)), 0.3125rem 0.3125rem 0 rgba(var(--cl-a2)), 0.375rem 0.375rem 0 rgba(var(--cl-a2)), 0.4375rem 0.4375rem 0 rgba(var(--cl-a2)), 0.8rem 0.8rem 0 rgba(var(--cl-a4)); /* 书籍拱起描边 */   --NOTE-book-arch:drop-shadow(0px -1px 0px rgb(var(--cl-a4))) drop-shadow(0px -1px 0px rgb(var(--cl-a4))) drop-shadow(0px -1px 0px rgb(var(--cl-a4))) drop-shadow(0px -1px 0px rgb(var(--cl-a4))) drop-shadow(0px -1px 0px rgb(var(--cl-a4))); /**/       --NOTEPAGE-txt_size: 1.1rem;   --NOTEPAGE-p_padding-top:0em;       --NOTEPAGE-line_size: 1.5em;     --NOTEPAGE-line-height: 1.5em;     --NOTEPAGE-line-height_half: calc(var(--NOTEPAGE-line-height) / 2);     --NOTEPAGE-line-height_half-OPS: calc( 0em -  var(--NOTEPAGE-line-height_half)); --color-rowline: #c0c0c0;          --NOTEPAGE-side_width: 1rem;    --NOTEPAGE-side_height: 100%;     --NOTEPAGE-txt_border-size: 0;     --MASK-chew_repeat: repeat;     --MASK-chew_size:100%;     /* 小 */     --NOTE-quote_bg:#e9e8e0;     --NOTE-quote_line: var(--NOTE-quote_bg);     --NOTE-quote_width:2em;     --NOTE-quote_shadow: drop-shadow(1px 1px 2px rgba(11,11,11,0.5));     --NOTE-quote_bg-size:  calc(var(--NOTEPAGE-line_size) * 1.4) calc(var(--NOTEPAGE-line_size) * 1.4);      --NOTE-quote_height:100%;      --NOTE-quote-side_position: 0 0.5em;     --NOTE-quote-side_clip: inset(0 0 0 25%);      --NOTE-quote_padding_lr: 0.5em;      --NOTE-quote_padding: var(--NOTEPAGE-line-height_half) var( --NOTE-quote_padding_lr);          /* 书缝 */         --NOTE-bookseam_bg: 55,55,55;      --NOTE-bookseam_width: 2rem;     --NOTE-bookseam_width-half: -1rem; } @media (max-width: 550px) {        .notebook-body, .notepage-body{      --NOTEPAGE-txt_size: 0.9rem;      --NOTE-bookmark_display:none;      --NOTE-bookseam_display:none;     }       .mz-notebook-wrap {             --NOTEBOOK-grid:'left' 'right';     --NOTEBOOK-grid-columns:auto;     --NOTEBOOK-mid_display:none;     --NOTEBOOK-bookmark_display:none;         --box-bk-0:none;      --NOTEPAGE-side_width: 0.6rem;      --NOTEBOOK_padding:0 0 1em 0;         --NOTEBOOK_border:3px solid #bbb;     }     .notebook-right{         --NOTEBOOK-bookmark_display:none;         margin-top: calc( 0em - var(--NOTEPAGE-line-height) / 2);     } } /*--------------------------- 整本 --------------------------*/ .notebook-body{        display:grid;      grid-template-areas:  var(--NOTEBOOK-grid,'left mid right');     grid-template-columns: var(--NOTEBOOK-grid-columns, 50% auto 50%);          -moz-box-shadow:  var(--box-bk-0);     -webkit-box-shadow: var(--box-bk-0);     -o-box-shadow: var(--box-bk-0);     -ms-box-shadow: var(--box-bk-0);     box-shadow: var(--box-bk-0);     background-color: #f3f3f3;     background-color: var(--page-color);     border:var(--NOTEBOOK_border, 1px solid #cccccc);     background-color: var(--color-notepage);     padding: var(--NOTEBOOK_padding, 0); } .notebook-left{     grid-area: left; } .notebook-mid{     grid-area: mid;     width: 0.15em;     height: 100%;     background-color: var(--color-dark);     display: var(--NOTEBOOK-mid_display, inline-grid);     grid-template-rows: 100% 0%; } .notebook-right{     grid-area: right; } .notebook-body .notepage-main{    margin: 0 var(--NOTEPAGE-side_width) var(--NOTEPAGE-side_width) var(--NOTEPAGE-side_width);     height: 100%;     width: calc(100% - var(--NOTEPAGE-side_width) * 2 );     align-self: flex-start;     align-items: flex-start;     align-content: flex-start } .notebook-mid:before{      content: ' ';     display: inline-grid;      } .notebook-mid:after{    content: '▲';     display: inline-grid;     position: relative;     width: 0rem;     height: 0rem;     left:-0.55rem;     bottom:-0.4rem;    color: var(--page-bg);     font-size: 1.2rem;     line-height: 0;    -webkit-filter: var(--NOTE-book-arch);     filter: var(--NOTE-book-arch);   } .mz-notebook-wrap .notebook-body:before{     content: "";     display:  var(--NOTE-bookseam_display, inline-grid);     grid-area: right;     width: var(--NOTE-bookseam_width);     margin-left: var(--NOTE-bookseam_width-half);     position: relative;     background-image: linear-gradient(to left,transparent 0%, transparent 20%, rgba(var(--NOTE-bookseam_bg),0.1) 40%, rgba(var(--NOTE-bookseam_bg),0.2) 50%, rgba(var(--NOTE-bookseam_bg),0.1) 60%, transparent 80%, transparent 100%); } .notebook-noseam{     --NOTE-bookseam_display:none; } /*---------- 书签 --------------*/ .notebook-bookmark{     display:grid;     grid-template-areas: 'mid '; } .notebook-bookmark:before{     grid-area: mid;     content: ' ';     display:var(--NOTEBOOK-bookmark_display,block);     position: relative;     width: var(--NOTEBOOK-bookmark_width, 1.2rem);     height:var(--NOTEBOOK-bookmark_height, 20rem);     max-height: 40%;     background-color: var(--NOTEBOOK-bookmark_color);     margin-top: -1px;     margin-left:var(--NOTEBOOK-bookmark_left, 90%);     z-index: 2; -webkit-clip-path:var(--NOTEBOOK-bookmark-clip); clip-path: var(--NOTEBOOK-bookmark-clip);     --NOTEBOOK-bookmark-clip:polygon(0 0, 100% 0, 100% 100%, 50% 95%, 0 100%); } /*--------------------------- 单页与边缘 --------------------------*/ .mz-notepage-wrap{     width: 100%;     margin: 0 auto;    -webkit-filter:drop-shadow(1px 2px 2px #333);     filter: drop-shadow(1px 2px 2px #333);     height: auto; } .notepage-body{  display: inline-grid;     grid-template-areas:         'header header header'         'left top  right'         'left mid right'         'left bottom right'         'footer footer footer';     grid-gap: 0;      } .notepage-body:before, .notepage-body:after{         content: ' ';     width: var(--NOTEPAGE-side_width);     height: var(--NOTEPAGE-side_height);     -webkit-mask-position: left;             mask-position: top;      -webkit-mask-repeat:var(--MASK-chew_repeat);          mask-repeat: var(--MASK-chew_repeat);      -webkit-mask-size: var(--MASK-chew_size);          mask-size:var(--MASK-chew_size);             background-color: var(--color-notepage); } .notepage-body:before{     grid-area: var(--NOTEPAGE-before_area,left);       -webkit-mask-image:var(--MASK-chew-before);             mask-image:var(--MASK-chew-before);     margin: var(--MASK-chew-before_margin);     display: var(--NOTEPAGE-before_display, inherit);   } .notepage-body:after{     grid-area:var(--NOTEPAGE-after_area,right);               -webkit-mask-image:var(--MASK-chew-after);             mask-image:var(--MASK-chew-after);         margin: var(--MASK-chew-after_margin);     display: var(--NOTEPAGE-after_display, inherit);   } .mz-notepage-wrap :is(.blockquote, blockquote):before{     content: " ";     display: block;     position: absolute;     margin:-2.5em 0em 0 -0.5em;     width: 1.5em;     height: 6em;     background: var(--NOTE-tap_bg, rgba(55,55,55,0.1));     transform: rotate(45deg);     border: var(--NOTE-tap_bd, rgba(33,33,33,0.4) solid 1.5px); } /* 撕痕 */ .chew-left .notepage-body:before{    --MASK-chew-before: var(--MASK-chew);     --NOTEPAGE-before_display:inline-grid; } .chew-right .notepage-body:after{    --MASK-chew-after: var(--MASK-chew);    --NOTEPAGE-after_display:inline-grid;    -webkit-transform:scale(-1);     transform: scale(-1); } .chew-bottom, .chew-top{     --NOTEPAGE-txt_border-size:0.8em;     --NOTEPAGE-before_area:header;     --NOTEPAGE-after_area:footer;     --NOTEPAGE-side_width: 100%;    --NOTEPAGE-side_height: 1rem;      --MASK-chew_repeat: repeat-x;     --MASK-chew_size:14rem;     --NOTEPAGE-before_display:none;     --NOTEPAGE-after_display:none;     --NOTEPAGE-header_font-size:0;     --NOTEPAGE-footer_font-size:0;     --NOTE-quote_width:100%;     --NOTE-quote_bg-size:3em;     --NOTE-quote_height:3em;      --NOTE-quote-side_clip:inset(0 0 25% 0);    --NOTE-quote-side_position: 0em 0;   --NOTE-quote-side_repeat:repeat-x; } .chew-top {         --NOTEPAGE-before_display:inline-grid;         --MASK-chew-before_margin:0px 0 -1px 0;         --NOTEPAGE-footer_font-size:0.8em;         --NOTEPAGE-header_display:none; } .chew-bottom {      --MASK-chew-after_margin: -1px 0 0 0;       --NOTEPAGE-after_display:inline-grid;     --NOTEPAGE-header_font-size:1.5em; } .chew-bottom .notepage-body:after{     --MASK-chew-after: var(--MASK-chew222); } .chew-top .notepage-body:before{     --MASK-chew-before: var(--MASK-chew222);     transform: scaleY(-1); } /*---------- 头尾 --------------*/ .notepage-header{     grid-area: top;       min-height:var(--NOTEPAGE-header_min-height, 1.5rem);     height: var(--NOTEPAGE-header_height);     background-color:var(--color-header-footer);     display: var(--NOTEPAGE-header_display, inherit);         font-size: var(--NOTEPAGE-header_font-size, inherit);     } .notepage-footer{     grid-area: bottom;     min-height:var(--NOTEPAGE-footer_min-height, 1.5rem);     height: var(--NOTEPAGE-footer_height);         width: 100%;     background-color: var(--color-header-footer);     display: var(--NOTEPAGE-footer_display, inherit);       font-size: var(--NOTEPAGE-footer_font-size, inherit);   } /*---------- 正文 --------------*/ .notepage-main:before, .notepage-main:after{   content: ' ';         height: 100%; } .notepage-main{     grid-area: mid;        display: var(--NOTE-main_display, inline-grid);   --NOTEPAGE-rowline :linear-gradient(to top ,var(--color-rowline) 0em, var(--color-rowline) 0.05em, transparent 0.06em, transparent 0.16em,#c0c0c0 0.17em, var(--color-rowline) 0.22em, transparent 0.25em,transparent 100%);   --NOTEPAGE-rowline_single:linear-gradient(to top , var(--color-rowline) 0em,  var(--color-rowline) 0.12em, transparent 0.15em); } .notepage-main :is(.blockquote, blockquote), .notepage-main{     white-space:normal;     font-style: normal;     background-attachment: scroll;     background-clip: border-box;     background-color: transparent;     background-origin: padding-box;     background-repeat: repeat;     background-position: 0rem 0;     background-size: 100% var(--NOTEPAGE-line_size);     background-image: var(--NOTEPAGE-rowline);     background-color: var(--color-notepage);     padding-top: var(--NOTEPAGE-p_padding-top);     border-left: var(--NOTEPAGE-txt_border-size)  var(--color-notepage) solid;     border-right: var(--NOTEPAGE-txt_border-size)   var(--color-notepage) solid;     color:var(--color-bookpage-txt, inherit);             font-size: var(--NOTEPAGE-txt_size); } #page-content .notepage-main p{         font-size: var(--NOTEPAGE-txt_size);         line-height: var(--NOTEPAGE-line-height);         padding:var(--NOTEPAGE-txt_padding, 0 0.5em);         margin-top: var(--NOTEPAGE-line-height);   margin-bottom: 0 } /*-------------- 洞洞书页 ------------------*/ .mz-notequote-wrap{      --NOTE-quote_line: var(--color-grey-darkest);     --NOTEPAGE-footer_display:inline-grid;     --color-header-footer: var(--NOTE-quote_bg);     --NOTEPAGE-header_min-height:1.2em;     --NOTEPAGE-footer_min-height:1.2em;         --NOTEPAGE-before_display:none;         --NOTEPAGE-after_display:none;    --MASK-chew: none;     --MASK-chew222:none;     --page-color:red; } .mz-notequote-wrap .notepage-main, .notepage-main :is(.blockquote, blockquote){     background-color:  var(--NOTE-quote_bg);    background-image: linear-gradient(to top ,var(--NOTE-quote_line) 0%, var(--NOTE-quote_bg) 10%);             border: 0;     margin-top: var(--NOTEPAGE-line-height);     margin-bottom: 0;     background-position: 0 var(--NOTEPAGE-line-height_half);     padding: var(--NOTE-quote_padding);     -webkit-filter: var(--NOTE-quote_shadow);             filter: var(--NOTE-quote_shadow); } .mz-notequote-wrap .notepage-body:before, .mz-notequote-wrap .notepage-body:after, .mz-notequote-wrap :is(.blockquote, blockquote):before{    content: '  ';     width:var(--NOTE-quote_width);     height: var(--NOTE-quote_height);     margin: var(--NOTEPAGE-line-height_half-OPS) 0  var(--NOTEPAGE-line-height_half-OPS) var(--NOTE-quote_margin-left);     position: relative;     float: left;     background-image: radial-gradient(transparent 38%,var(--NOTE-quote_bg) 41%); /* 标准的语法（必须放在最后） */      background-size:var( --NOTE-quote_bg-size);      background-position: var( --NOTE-quote-side_position);     background-repeat: var( --NOTE-quote-side_repeat); } .notepage-main :is(.blockquote, blockquote){     --NOTE-quote_width:var(--NOTE-inerquote_width, 1.5em);     --NOTE-quote_height: calc(100% + var(--NOTEPAGE-line-height_half) * 2);     --NOTE-quote_bg-size:var( --NOTE-quote_width) var( --NOTE-quote_width);     --NOTE-quote-side_repeat:repeat-y;     --NOTEPAGE-txt_padding:0;      --NOTE-quote-side_position:auto;     --NOTE-quote_margin-left: calc(0em - var(--NOTE-quote_width) - var(--NOTE-quote_padding_lr) );   } .mz-notequote-wrap .notepage-main {             margin-top: 0;     -webkit-filter: none;             filter: none;    } .mz-notequote-wrap .notepage-body{         -webkit-filter: var(--NOTE-quote_shadow);           filter: var(--NOTE-quote_shadow); } .mz-notequote-wrap .notepage-body:before, .mz-notequote-wrap .notepage-body:after{     margin: 0    ;     float: none;     font-size: var(--NOTEPAGE-txt_size);     background-color: transparent; -webkit-clip-path:  var(--NOTE-quote-side_clip); clip-path: var(--NOTE-quote-side_clip); } .mz-notequote-wrap .notepage-body:before{     display: var(--NOTEPAGE-before_display, inline-grid); } .mz-notequote-wrap .notepage-body:after{     display: var(--NOTEPAGE-after_display, inline-grid); } /*------------ 其他 --------------*/ #page-content .notepage-main :is(.blockquote, blockquote) p{    margin: 0; } .notepage-main hr{     border: none;     height:  1px;     margin: 0 auto;     position: relative;     top: 0.5em;     box-shadow: 0 0.2em 0px 1px var(--color-dark);     width: 90%;   } .notepage-main .mz-note :is(.blockquote, blockquote){     -webkit-filter: none;     filter: none;     background-image: none;     background-color: var(--QUOTE_bg222);     border: 2px dashed var(--QUOTE_border);     margin-top: 0 } .notepage-main ul{     margin: 0; } .notepage-main ul li{     line-height: var(--NOTEPAGE-line-height);   } /*------------ 扩展 --------------*/ .rowline-single .notepage-main, .notepage-main.rowline-single{         background-image: var(--NOTEPAGE-rowline_single);   } .rowline-none, .rowline-none *{         background-image: none;   }  /* ==================== 对话框 ===================== */   .mz-talking-wrap{     display: flex;     flex-wrap: wrap;     width: 100%;  /* 变量 */     --tk-img-width:5rem;     --tk-img-heigh:var(--tk-img-width);     --tk-img-margin:0rem 1.2rem;     --tk-img-left:var(--icon-scp);     --tk-img-right:var(--LOGO_sidebar);     --tk-delta-width:0.5rem;     --tk-delta-width:0.5rem;     --tk-box-bg: var(--page-bg);     --tk-txt-padd:1rem;     --tk-delta-size:2rem;     --tk-delta-horiz: -0.5rem; /* 似乎低配版chrome无法用负数margin实现该功能*/     --tk-delta-verti: -1rem;     --tk-delta-path: polygon(50% 0, 100% 0, 100% 50%, 0 100%);     --tk-bd-weight:1px;     --tk-bdops-weight:-1px;     --tk-img-out:calc(var(--tk-img-heigh) * -0.8);     --tk-img-out-ops:calc(var(--tk-img-out) * -1);       --line-border-shadow:         drop-shadow(var(--tk-bd-weight) 0px 0px var(--shadow-line)) drop-shadow(0px var(--tk-bd-weight) 0px var(--shadow-line))         drop-shadow(var(--tk-bdops-weight) 0px 0px var(--shadow-line)) drop-shadow(0px var(--tk-bdops-weight) 0px var(--shadow-line));  /* 放这里让变量可以直接在style中修改 */ }   .mz-talking-wrap :is(.talking-left,.talking-right){     display: inline-flex;     width: 100%;     margin-bottom: var(--tk-delta-size); }   .talking-img{     margin: var(--tk-img-margin);     min-height: var(--tk-img-heigh);     min-width:  var(--tk-img-width);     background-image: var(--tk-img-left);     background-size: contain;     background-repeat: no-repeat;     background-position: center;   }   .talking-right .talking-img{     background-image: var(--tk-img-right); }   .mz-talking-wrap .talking-img.no-image, .mz-talking-wrap .no-image .talking-img, .mz-talking-wrap.no-image  .talking-img{     background-image: none; }   .talking-box p:first-child{     margin: 0; }   #page-content .talking-box{         max-width: 40%; }   .talking-box{     display:flex;     flex-wrap: wrap;     max-width: 60%;     padding:var(--tk-txt-padd);     background-color: var(--tk-box-bg);       -webkit-filter: var(--line-border-shadow);     filter: var(--line-border-shadow);     align-self:   center; }   .talking-box::after, .talking-box:before{    content: ' ';    width: var(--tk-delta-size);    height: var(--tk-delta-size);    display: inline-flex;    position: absolute;     align-self: end;        background-repeat: no-repeat;      background-color: inherit;   -webkit-clip-path:var(--tk-delta-path);     clip-path: var(--tk-delta-path);     z-index: -1;       left: var(--tk-delta-horiz);     bottom:var(--tk-delta-verti); }   .talking-box::after{     display: none ; }   .talking-right, .talking-right .talking-box{     flex-direction: row-reverse; }   .talking-right, .talking-right .talking-box p{    text-align: left;     flex-basis: 100%; }   .talking-right .talking-box:before, .talking-right .talking-box:after{     -moz-transform:scaleX(-1);     -webkit-transform:scaleX(-1);     -o-transform:scaleX(-1);     transform:scaleX(-1);     left: unset;     right: var(--tk-delta-horiz); }   .talking-center{     margin: 0 auto;     display:flex;     align-items:  center; }   .talking-center *{     margin: 0 0.2rem; }   /*------ 手机 -------*/   @media (max-width: 500px) {     .talking-img{         display: none;     }       .mz-talking-wrap div:is(.talkimg-upper, .talkimg-below){         margin: 0 0 var(--tk-delta-size) 0;     }      #page-content .talking-box{         max-width: 80%;    } }   /* 方向 */ .talking-box.talkbox-righttop:before, .talking-box.talkbox-lefttop:before, .talking-box.talkbox-righttop:after, .talking-box.talkbox-lefttop:after {      align-self: start;       right: var(--tk-delta-horiz);     top:var(--tk-delta-verti);     bottom:unset;        -moz-transform:scaleY(-1);     -webkit-transform:scaleY(-1);     -o-transform:scaleY(-1);     transform:scaleY(-1); }   .talking-box.talkbox-righttop:before, .talking-box.talkbox-righttop:after{    -moz-transform:scale(-1,-1);     -webkit-transform:scale(-1,-1);     -o-transform:scale(-1,-1);      transform:scale(-1,-1);       left:unset;     right: var(--tk-delta-horiz);     top:var(--tk-delta-verti);     bottom:unset; }   .talkbox-inby{      align-self: start; }   .talkbox-inby::before, .talkbox-inby::after {        -moz-transform:scaleY(-1);     -webkit-transform:scaleY(-1);     -o-transform:scaleY(-1);     transform:scaleY(-1);       left: var(--tk-delta-verti);     bottom:0; }   .talkbox-inby.talkbox-lefttop::before, .talkbox-inby.talkbox-lefttop::after{      transform:scaleY(1);     left:var(--tk-delta-verti);     right: unset;     top:0;     bottom:unset; }   .talking-right .talkbox-inby::before, .talking-right .talkbox-inby::after{     -moz-transform:scale(-1);     -webkit-transform:scale(-1);     -o-transform:scale(-1);    transform:scale(-1);     left:unset;     right:var(--tk-delta-verti);     top:unset;     bottom:0; }   .talkbox-inby.talkbox-righttop::before, .talkbox-inby.talkbox-righttop::after {    -moz-transform:scale(-1,1);     -webkit-transform:scale(-1,1);     -o-transform:scale(-1,1);         transform:scale(-1,1);     left:unset;     right:var(--tk-delta-verti);     top:0;     bottom:unset; }   /* 内折 */ .talkbox-round.talkbox-inby{    --tk-delta-verti: var(--tk-delta-horiz) }   /*------ 自定义 -------*/   .talkbox-round{     border-radius:40px; }   .talkbox-dark, div:is(.talking-box:before, .talking-box:after) {    background-color: var(--shadow-line);    color: var(--page-bg); }   .talkbox-doubleline{     -webkit-filter: var(--RATE-btn_filter);     filter: var(--RATE-btn_filter); }   /* 图片位置 */ .mz-talking-wrap .talkimg-below {     margin-bottom: var(--tk-img-out-ops); } .mz-talking-wrap .talkimg-upper {     margin-top: var(--tk-img-out-ops); }   .talkimg-below .talking-img{     background-position: bottom center;     position: relative;     bottom: var(--tk-img-out); }   .talkimg-upper .talking-img{     background-position: top center;     position: relative;     top: var(--tk-img-out); }   /* 思考气泡 */ .talkbox-bubles.talking-box {     margin-bottom: 1.5rem }   .talkbox-bubles.talking-box::after { display: block; }   .talkbox-bubles.talking-box::before, .talkbox-bubles.talking-box::after{  --tk-delta-path: polygon(0 74%, 41% 74%, 41% 100%, 0 100%); }   .talkbox-bubles.talking-box::before {     --tk-delta-path:polygon(0 65%, 40% 65%, 39% 100%, 0 100%);     --tk-delta-size:3rem;     --tk-delta-horiz: -0.5rem;     --tk-delta-verti: -1rem; }   .talkbox-bubles.talking-box::after {     --tk-delta-path:polygon(0 65%, 40% 65%, 39% 100%, 0 100%);     --tk-delta-size:2rem;     --tk-delta-horiz: -1.2rem;     --tk-delta-verti: -2rem; }   .talkbox-round.talkbox-bubles.talking-box::before {     --tk-delta-path:circle(28% at 50% 50%); }   .talkbox-round.talkbox-bubles.talking-box::after {     --tk-delta-path:circle(20% at 50% 50%); }    /* ==================== 翻页 ===================== */ .mz-tab .yui-navset{      filter: drop-shadow(-1px 0px 1px var(--tab-shadow)) drop-shadow(1px 1px 1px var(--tab-shadow)); } .mz-tab  .yui-navset .yui-content {     border: none;     border-top: solid 4px var(--accentColor);     color:  var(--tabMain-txt);     background-color: var(--tabMain-bg);     display: flex; flex-wrap:wrap; } .mz-tab  .yui-navset .yui-content div[id*="wiki-tab"]{     width: 100%;     margin: 0 -0.2rem 0 -0.2rem;     padding: 1rem; } .mz-tab  .yui-navset .yui-content:after{      display: block;     content: '  ';     border: none;     border-top: solid 0px transparent;     padding:0rem 0;      margin: 0;     color: #ece3e3;     width: 100%;     height: 10rem;            height:auto;     background-color: var(--tabMain-bg);  -webkit-mask-repeat: repeat-x;          mask-repeat: repeat-x;  -webkit-mask-size: 10rem;          mask-size: 12rem;     -webkit-mask-image:var(--img-chew444);     mask-image:var(--img-chew444);     -webkit-mask-position: bottom;    mask-position:bottom;      position: relative; margin:0 0 -1rem 0;     z-index: 1;      top:0rem; } /**/ .mz-tab  .yui-content div[style*="display: none;"][id*="wiki-tab"]{ transform:rotateX(-180deg);         left: 0rem;     position: absolute;     opacity: 0;     display: block !important;     top:0%;         transform-origin:  50% 0;   height: 0;     visibility:  hidden;     border: 1px solid rgba(33,33,33,.8);      border-top:0px solid rgba(33,33,33,0);     background: #fffcf8;     transition:   all 0s;     height: 0 ;    z-index: -0 !important;         -webkit-backface-visibility: hidden;         backface-visibility: hidden; } .mz-tab  .yui-content div[style*="display: block;"][id*="wiki-tab"]{ transform:rotateX(0deg);         left: 0rem;         position:     relative;     top:0;     transform-origin:  50% 0;    z-index:0; height: auto; background:  var(--tabMain-bg);     border: 1px solid rgba(33,33,33,0);         transition:   all 1s; transform-style: preserve-3d; } [[/code]] [[/collapsible]] [!---------------9999999999999999999999999------------------------] [[module css]] @import url(https://scp-wiki-cn.wikidot.com/theme:magazine/code/5); #u-float-memu.memu-ch {     z-index: 1; } /**/ .mmposter-wrap{     display: flex;     justify-content: center ;        flex-wrap: nowrap; } .mmposter-cell{     min-width: 40%;         justify-self: center; } .mmposter-cell span[style*="underline"]{  display: none } @media (max-width: 700px) {     .mmposter-wrap{     display: flex;     justify-content: center ;        flex-wrap: wrap; }      } .flex-pc{     display: flex; } .flex-wrap{     display: flex;     justify-content: space-around;     } .flex-wrap div{      margin: 0 0.5rem;     width: 100%; } @media (max-width: 500px) {     .flex-wrap{ flex-wrap:wrap;             } .flex-pc{     display: block; }  .flex-wrap img{ max-height: 10rem;     } .mob-hid{  display:none; }     .mmposter-cell{         width: 100%; min-width: auto;     }         .mmposter-right{ margin-top:2rem;     }         .mob-breakkkk{     display: block } } /**/ .no-sel  p{ line-height: 1.2rem;         color:#0e1554; } .no-sel  tt{ -moz-user-select: none; -khtml-user-select: none; user-select: none;     color:#000;     padding:0 0rem 0 1.2rem;     font-family: initial; } .no-sel tt:before { content:" ←  ";         padding:0 0.2rem 0 0rem; } [[/module]] [!------aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa------------------] [[div class="float-sticky not-hid"]] [[div class="float-toc"]] [[toc]] [[/div]] [[/div]] + 介绍 该 sigma9 主题由 [[*user etinjat]] 设计，灵感来自于 [[*user MalyceGraves]] 的[[[theme:newspaper | 报纸版式]]]，而[[*user hoah2333]] 则调整了一些[[[fragment:semimonth-magazine|半月刊专属部分]]]的代码，[[[semimonth-202110-01|效果见此]]]。至于侧边栏的文书标志则由 [[*user  Kcorena]] 绘制。 +++* 在你的作品开头添加如下语法以应用此版式： [[div class="blockquote"]] @@[[include :scp-wiki-cn:theme:magazine]]@@ [[/div]] +++* 自定义选项： [[div class="blockquote no-sel"]] @@[[include :scp-wiki-cn:theme:magazine@@ |collapsible-sidebar= true {{启用可折叠侧边栏[[footnote]] 用折叠侧边栏模块的同时，若调整正文区域宽度，可令其中轴与页面中轴保持一致。 [[/footnote]]}} |content-width= {{正文区域宽度[[footnote]] 正文区域会向右延伸直至页面边界，不挤占侧边栏原本宽度。 [[/footnote]]}} |header-title= '文本' {{版头大标题文本，注意要用 '半角单引号'  框起来}} |header-subtitle= '文本' {{版头次标题文本}} |mob-title= '文本' {{窄屏（如移动端）版头大标题文本，不填默认同上[[footnote]] 若把 mob 改成 pad，可以改变屏幕尺寸在 480px ~ 767px 间的大小标题。 [[/footnote]]。}} |mob-subtitle= '文本' {{窄屏版头次标题文本，不填默认同上}} |logo-image= url('地址') {{版头标志，引号内填图片地址 }} |logo-sidebar= url('地址')  {{侧边栏标志}} |sidebar-content= '文本'  {{侧边栏标志下的文本}} |title-underlines = none   {{去掉页面标题下划线}} |title-orn-content= '★'  {{正文标题下装饰线中的图形，可用 url('xxx') 替换 'xxx' }} |title-orn-size= 1.5rem {{装饰图形大小}} |title-orn-color= #542429 {{装饰图形颜色}} |title-orn-width= 2em  {{装饰图形后部空白的宽度}}[[footnote]] 用于在插入多个装饰符号时，把后背的空白加宽。 [[/footnote]] |page-title= none {{隐藏页面标题}} |Huiwen-mincho= true {{引用完整的汇文明朝字体[[footnote]] 为了减少字体文件占用，标题提取了该字体的部分字形，所以只会在默认 文本时显示该字体。若更改标题文本，则需要引入完整的字体文件。[[/footnote]]}} |Weibei= true {{引用完整的王汉宗魏碑体。}} @@]]@@ [[/div]] +++* 预设选项，任选其一： [[div class="blockquote no-sel"]] @@[[include :scp-wiki-cn:theme:magazine@@ |yxh= true {{异学会样式}} |tradition= true {{繁体样式}} |wanderers=true {{被放逐者图书馆样式}} @@]]@@ [[/div]] @@@@ [[collapsible show="+ 更多自定义项目" hide="- 折叠里的东西"]] +++* 版头和标志 [[div class="blockquote no-sel"]] @@[[module css]]@@ :root{  @@--header-cover: url(地址)@@ {{版头遮罩图片}}  @@--header-bg:rgb(185,137,102);@@ {{版头背景颜色}}  @@--header-tt-color:rgb(110, 100, 105);@@ {{版头大标题颜色}}  @@--header-subtt-color:#000;@@ {{版头次标题颜色}}     @@--logo-size:110px;@@ {{版头标志大小}}     @@--logo-position:50.2% 0%;@@ {{左右边距与上下边距}}     @@--logo-top:11px;@@ {{标志上边距偏移}}     @@--logo-opacity:0.2;@@ {{标志透明度}} {{可在上述四项后面添加 _MOB，以调整窄屏下的元素，例如调整手机下的标志大小：@@--logo-@@size##green|_MOB##:110px; }}  @@--topbar-bg:rgb(20,21,39);@@ {{顶栏背景颜色}}  @@--topbar-txt:rgb(20,21,39);@@ {{顶栏链接颜色}} } @@[[/module]]@@ [[/div]] +++* 给页面增加背景图片： [[div class="blockquote no-sel"]] @@[[include :scp-wiki-cn:theme:magazine@@ |my-background= true |page-background= url('图片地址') @@]]@@ [[/div]] [[/collapsible]] * **PS：**由于该版式用了许多计算程式，所以修改的东西涉及元素尺寸的数值时，请去修改 :root 里面的变量，且一律用 rem 作为单位。 @@@@ @@@@ @@@@ + 常规 [[div class="mmposter-wrap" ]] [[div class="mmposter-cell" ]] +* 1 级标题 ++* 2 级标题 +++* 3 级标题 ++++* 4 级标题 +++++* 5 级标题 ++++++* 6 级标题 **在一行字的起始处加上 1~6 个 “+ ”再接一个空格来创建标题样式。**[[footnote]]这里是脚注！[[/footnote]] ||~ 一个||~ 表格|| || [http://scp-wiki-cn.wikidot.com/ 浏览过的链接] || [# 未浏览过的链接]|| ||||  [[a href="#" class="newpage"]]空链接[[/a]] || [[/div]] [[div class="mmposter-cell"]] [[>]] **通常评分模组：** [[module Rate]] [[/>]] [[>]] **著作信息块：** [[/>]] [[include :scp-wiki-cn:credit:start]] ++* 使用方法 将评分栏或者著作信息组件放进这个div里： [[div class="blockquote"]] @@[[div class="mz-unfold-swap"]]@@ @@[[>]]@@ @@[[module Rate]]@@ @@[[/>]]@@ @@[[/div]]@@ [[/div]] [[div class="blockquote"]] @@[[div class="mz-unfold-swap"]]@@ @@[[include :scp-wiki-cn:credit:start]]@@ 页面信息 @@[[include :scp-wiki-cn:credit:end]]@@ @@[[/div]]@@ [[/div]] [[include :scp-wiki-cn:credit:end]] [[>]] **展开的评分块（详见里面）** [[/>]] [[div class="mz-unfold-swap"]] [[include :scp-wiki-cn:credit:start]] 页面信息 [[include :scp-wiki-cn:credit:end]] [[/div]] [[>]] **单个著作信息块：** [[/>]] [[div style="display:flex;width: 50%;float: right;justify-content: space-around;"]] [[div]] [[include :scp-wiki-cn:credit:start-standalone]] 页面信息 [[include :scp-wiki-cn:credit:more-standalone]] 更多页面信息 [[include :scp-wiki-cn:credit:end-standalone]] [[/div]] [[div class="mz-unfold-swap"]] [[include :scp-wiki-cn:credit:start-standalone]] 页面信息 [[include :scp-wiki-cn:credit:more-standalone]] 更多页面信息 [[include :scp-wiki-cn:credit:end-standalone]] [[/div]] [[/div]] [[/div]] [[/div]] @@@@ [[collapsible show="+ 字体" hide="- 折叠里的东西"]] [[div class="mmposter-wrap" ]] [[div class="mmposter-cell" ]] +* 中文 [[div style="font-size:200%;"]] 版头：[[span style="font-family:var(--header-tt-font);"]]汇文明朝[[/span]][[footnote]] 仅为嵌入页眉所用的文本，需要使用全部字型，请引用完整字体文件，否则默认为标题字体。 +++++* [[span style="font-family:var(--header-tt-font);"]]SCP基金会會 控制收容保护護[[/span]] [[/footnote]] 标题：[[span style="font-family:'Noto Serif SC';"]]思源宋体[[/span]] 正文：[[span style="font-family:var(--page-font);"]]思源黑体[[/span]] 手写：[[span style="font-family:var(--handwriting-font);"]]钟齐志莽行书[[/span]] 等宽：{{仿宋}}[[footnote]] 仅限安装有该字体的设备，不然，则显示[[span style="font-family:var(--teletype222-font);"]]标题字体[[/span]]。 [[/footnote]] 打字机：[[span style="font-family:var(--teletype-font);"]]王汉宗魏碑简体[[/span]][[footnote]] 仅为账户一栏文本，需要使用全部字型，请引用完整字体文件，否则默认等宽字体。 +++++* [[span style="font-family:var(--teletype-font);"]]我的账户帳戶號[[/span]] [[/footnote]] [[/div]] **粗体** | //斜体// | __下划线__ | --删除线-- | {{等宽}} ^^上标^^,,下标,, [[/div]] [[/div]] [[/collapsible]] @@@@ [[collapsible show="+ 列表" hide="- 折叠里的东西"]] @@@@ @@@@ * 无序列表  * 列表  * 列表 # 有序列表  # 有序列表  # 有序列表 [[/collapsible]] @@ @@ ~~~~ + 杂志图片 [[div class="mmposter-wrap" ]] [[div class="mmposter-cell" ]] [[include component:image-block name=https://scp-wiki.wikidot.com/local--files/theme:magazine/LOGO_magazine.svg |caption=标准图片栏 |width=200px ]] [[/div]] [[div class="mmposter-cell"]] * 在标准图片栏外部套上相应的 div，即可使用下方的特殊图片栏。 [[div class="blockquote"]] @@[[div class="mz-img-wrap " ]]@@ @@[[include component:image-block@@ name= |width= |caption= |align= ]] @@[[/div]]@@ [[/div]] [[/div]] [[/div]] ~~~~ @@@@ @@@@ [[div style="display:flex;flex-wrap: wrap; justify-content:space-around; "]] [[div class="mz-img-wrap img-tt" ]] [[include component:image-block name=http://scpsandboxcn.wikidot.com/local--files/icon/IMG-vintage-dragon.png |width=120px |caption= **杂志图片区** class="mz-img-wrap img-tt" [[footnote]] img-tt 可不加，加了后改变字体字大 [[/footnote]]@@ @@ ]] [[/div]] [[div class="mz-img-wrap img-frame" ]] [[include component:image-block name=http://scpsandboxcn.wikidot.com/local--files/icon/IMG-vintage-dragon.png |width=120px |caption= **杂志图片框** class="mz-img-wrap img-frame" ]] [[/div]] [[div class="mz-img-wrap img-b3d" ]] [[include component:image-block name=http://scpsandboxcn.wikidot.com/local--files/icon/IMG-vintage-dragon.png |width=120px |caption= **杂志图片板块** class="mz-img-wrap img-b3d" ]] [[/div]] [[div class="mz-img-wrap img-border" ]] [[include component:image-block name=http://scpsandboxcn.wikidot.com/local--files/icon/IMG-vintage-dragon.png |width=120px |caption= **杂志图片块** class="mz-img-wrap img-border" ]] [[/div]] [[div class="mz-img-wrap img-border img-frame" ]] [[include component:image-block name=http://scpsandboxcn.wikidot.com/local--files/icon/IMG-vintage-dragon.png |width=120px |caption= **杂志图片板块** class="mz-img-wrap img-border img-frame" ]] [[/div]] [[/div]] ~~~~ @@@@ @@@@ + 分割线 可通过五个连字符“@@-----@@”创建水平分割线： @@@@ @@@@ ------ @@@@ @@@@ +++* 特殊分割线 [[div class="mz-hr hr-contract" ]] ------ [[/div]] @@@@ [[div class="mz-hr hr-solid" ]] ------ [[/div]] @@@@ [[div class="mz-hr hr-double" ]] ------ [[/div]] @@@@ [[div class="mz-hr hr-dotted" ]] ------ [[/div]] @@@@ [[div class="mz-hr hr-contract hr-solid" ]] ------ [[/div]] @@@@ @@@@ [[div class="mmposter-wrap" ]] [[div class="mmposter-cell" ]] **在分割线外套一个 div：** * **缩减线条尺寸：**hr-contract * **将线条变为实线：**hr-solid * **点线：**hr-dotted * **双线：**hr-double [[/div]] [[div class="mmposter-cell"]] [[div class="blockquote "]] @@[[div class="mz-hr hr-contract hr-solid" ]]@@ @@------@@ @@[[/div]]@@ [[/div]] [[/div]] [[/div]] [[div class="mz-hr" ]] [[image https://scp-wiki.wikidot.com/local--files/theme:magazine/ICON_eagle.svg class="mz-mirror" width="5rem"]] ------ {{#}} 芜湖 {{#}} ------ {{#}} [[module Rate]] [[/div]] [[div class="mmposter-wrap" ]] [[div class="mmposter-cell" ]] **在分割线侧边按任意顺序添加东西：** * 每个东西之间请空一行。 * 分割线可以重复添加。 * 注意请不要增添太多事物，以免窄屏下挤成一堆。 [[/div]] [[div class="mmposter-cell"]] [[div class="blockquote no-sel"]] @@[[div class="mz-hr" ]]@@ @@[[image xxxx ]]@@  {{图片}} @@------@@ @@{{#}}@@ {{竖线}} @@芜湖@@ {{文本}} @@[[module Rate]]@@ {{评分组件}} @@[[/div]]@@ [[/div]] [[/div]] [[/div]] [[div class="mz-log-wrap"]] [[module ListPages  category="*" limit="1" fullname="="]] [[div  class="mz-log-list"]] [[div class="mz-hr" ]] %%title%% {{,,#,,}} ------ [[div class="mz-log-trigger"]] [[/div]] [[div class="mz-log-hovertip"]] **作者：**%%created_by%% **日期：**%%created_at|%Y-%m-%d%% **标签：**%%tags%% [[/div]] [[/div]] [[div class="mz-log-content"]] [!---------------------------------] [[div class="mmposter-wrap" ]] [[div class="mmposter-cell" ]] 或者配合 ListPages 获取页面标题， 后隐藏原标题来产生某种效果。 [[div class="blockquote"]] @@[[include :scp-wiki:theme:magazine@@ |page-title= none ]] [[/div]] [[div class="blockquote"]] @@[[div class="pgtt-module  mz-hr" ]]@@ @@[[module ListPages  category="*" limit="1" fullname="="]]@@ %__#__%title%% @@[[/module]]@@ @@{{#}}@@ @@------@@ @@{{#}}@@ @@[[image source]]@@ @@[[/div]]@@ [[/div]] [[/div]] [[div class="mmposter-cell"]] 或者更多！ 将你的鼠标移到图片上看看悬浮框。 [[div class="blockquote no-sel"]] @@[[div class="mz-log-wrap"]]@@ @@[[module ListPages  category="*" limit="1" fullname="="]]@@ @@[[div  class="mz-log-list"]]@@ @@[[div class="mz-hr" ]]@@ %__#__%title%% @@{{,,#,,}}@@ @@------@@ @@[[div class="mz-log-trigger"]]@@ @@[[/div]]@@ @@[[div class="mz-log-hovertip"]]@@ @@**作者：**@@%__#__%created_by%% @@**日期：**@@%__#__%created_at|%Y-%m-%d%% @@**标签：**@@%__#__%tags%% @@[[/div]]@@ @@[[/div]]@@ @@[[div class="mz-log-content"]]@@ 或者更多！ @@[[/div]]@@ @@[[/div]]@@ @@[[/module]]@@ @@[[/div]]@@ [[/div]] [[/div]] [[/div]] [!---------------------------------] [[/div]] [[/div]] [[/module]] [[/div]] @@@@ @@@@ + 引用块 > 这是一个引用块，在一行字的起始处加上“> ”和一个空格来创建。 > >> 另一个引用块！ >> >>> ------ >>> 也可以用以下方法生成引用块： >>>> @@[[div class="blockquote"]]@@ >>>> blockquote >>>> @@[[/div]]@@ ++* 替代引用块 [[div class="mmposter-wrap" ]] [[div class="mmposter-cell" ]] [[div class="mz-blockquote" ]] @@[[div class="mz-blockquote"]]@@ mz-blockquote @@[[/div]]@@ [[/div]] [[/div]] [[div class="mmposter-cell"]] [[div class="mz-board" ]] @@[[div class="mz-board" ]]@@ mz-board @@[[/div]]@@ [[/div]] [[/div]] [[/div]] @@@@ [[div class="mmposter-wrap" ]] [[div class="mmposter-cell" ]] [[div class="mz-cover" style="font-family:var(--header-tt-font);"]] ##542429|@@[[div class="mz-cover"]]@@## mz-cover @@[[/div]]@@ [[/div]] [[/div]] [[div class="mmposter-cell"]] [[div class="mz-paper"]] @@[[div class="mz-paper"]]@@ mz-paper @@[[/div]]@@ [[/div]] [[/div]] [[/div]] [[div class="mmposter-wrap" ]] [[div class="mmposter-cell" ]] [[div class="mz-textquote"]] @@[[div class="mz-textquote"]]@@ mz-textquote @@[[/div]]@@ [[/div]] [[/div]] [[div class="mmposter-cell"]] [[div class="mz-outbox"]] [[div class="mz-innerbox"]] @@[[div class="mz-outbox"]]@@ @@[[div class="mz-innerbox"]]@@ 正文在此 @@[[/div]]@@ @@[[/div]]@@ [[/div]] [[/div]] [[/div]] [[/div]] [[div class="mob-hid"]] ++* 综合效果 [[div class="mz-paper"]] [[div class="mz-column" ]] [[div class="mz-img-wrap " ]] [[include component:image-block name=http://scpsandboxcn.wikidot.com/local--files/icon/IMG-vintage-dragon.png |width=100px |align=left |caption= **此处有龙** ]] [[/div]] 所谓半月刊，关键是半月刊需要如何写。 我认为， 史美尔斯说过一句著名的话，书籍把我们引入最美好的社会，使我们认识各个时代的伟大智者。带着这句话, 我们还要更加慎重的审视这个问题 从这个角度来看， 既然如何， 经过上述讨论， 我认为， 本人也是经过了深思熟虑，在每个日日夜夜思考这个问题。 这样看来， 我们一般认为，抓住了问题的关键，其他一切则会迎刃而解。 　半月刊，到底应该如何实现。 本人也是经过了深思熟虑，在每个日日夜夜思考这个问题。 经过上述讨论， 所谓半月刊，关键是半月刊需要如何写。 塞涅卡说过一句富有哲理的话，生命如同寓言，其价值不在与长短，而在与内容。这启发了我. 总结的来说， 既然如何， 每个人都不得不面对这些问题。 在面对这种问题时， 既然如何， 裴斯泰洛齐曾经说过，今天应做的事没有做，明天再早也是耽误了。这似乎解答了我的疑惑. 可是，即使是这样，半月刊的出现仍然代表了一定的意义。 既然如何， 所谓半月刊，关键是半月刊需要如何写。 俾斯麦曾经说过，对于不屈不挠的人来说，没有失败这回事。带着这句话, 我们还要更加慎重的审视这个问题: 半月刊，到底应该如何实现。  半月刊，到底应该如何实现。 从这个角度来看， 而这些并不是完全重要，更加重要的问题是， 而这些并不是完全重要，更加重要的问题是， 要想清楚，半月刊，到底是一种怎么样的存在。 [[/div]] [[div class="mz-hr" ]] ------ @@  @@,,乱数文本,,@@  @@ ------ [[/div]] 　　要想清楚，半月刊，到底是一种怎么样的存在。 每个人都不得不面对这些问题。 在面对这种问题时， 黑塞说过一句著名的话，有勇气承担命运这才是英雄好汉。这句话语虽然很短, 但令我浮想联翩 我们不得不面对一个非常尴尬的事实，那就是， 我认为， 我们都知道，只要有意义，那么就必须慎重考虑。 半月刊因何而发生？  带着这些问题，我们来审视一下半月刊。 培根说过一句富有哲理的话，阅读使人充实，会谈使人敏捷，写作使人精确。这句话语虽然很短, 但令我浮想联翩. 现在，解决半月刊的问题，是非常非常重要的。 [[/div]] [[/div]] @@@@ @@@@ [[div class="hr-double" style="text-align:center"]] ------ ++ 自定义块 ------ [[/div]] [[div class="clip-wrap"]] [[div class="clip-body"]] ++++* 回形针块 @@[[div class="clip-wrap"]]@@ @@[[div class="clip-body"]]@@ 文本 @@[[/div]]@@ @@[[/div]]@@ [[/div]] [[/div]] +++++* 扩展 [[div class="flex-wrap"]] [[div class="flex-wrap"]] [[div class="clip-wrap"]] [[div class="clip-body"]] [[=image http://scp-wiki-cn.wdfiles.com/local--files/gallery/The-Great-Dragon-Spine.jpg width="300px"]] 文本 [[/div]] [[/div]] [[div class="clip-wrap"]] [[div class="clip-img"]] [[image http://scp-wiki-cn.wdfiles.com/local--files/gallery/The-Great-Dragon-Spine.jpg width="300px"]] [[/div]] [[/div]] [[/div]] [[/div]] +++++* 代码 [[div class="code"]] @@[[div class="clip-wrap"]]@@ @@[[div class="clip-body"]]@@ @@[[image 图片地址]]@@ 文本 @@[[/div]]@@ @@[[/div]]@@ @@[[div class="clip-wrap"]]@@ @@[[div class="clip-img"]]@@ @@[[image 图片地址]]@@ @@[[/div]]@@ @@[[/div]]@@ [[/div]] + 书页 [[div class="flex-wrap"]] [[div class="note-page"]] > 便签纸 @@[[div class="note-page"]]@@ 正文在此 @@[[/div]]@@ [[/div]] [[div class="mz-note"]] > 便利贴 @@[[div class="mz-note"]]@@ 正文在此 @@[[/div]]@@ ------ 若想要折角在左侧，则这么写： @@[[div class="mz-note note-left"]]@@ @@[[/div]]@@ ------ 若要改变颜色，则这么写： @@[[div class="mz-note" style="--tip-color:blue"]]@@ @@[[/div]]@@ [[/div]] [[/div]] [[div class="hr-double" style="text-align:center"]] ------ ++ 横条纹书页 ------ [[/div]] [[div class="lc-wrap"]] [[div class="mz-notepage-wrap chew-top lc-mid"]] [[div class="notepage-body rowline-none"]] [[div_ class="notepage-header"]] [[/div]] [[div class="notepage-main" ]] > 使用方法 要启用单张条纹书页及笔记本书页效果，请在前面引用版式时，增加一栏： @@[[include :scp-wiki-cn:theme:magazine@@ |extensions=true @@]]@@ @@@@ 要使用更多类似效果，请使用[http://scp-wiki-cn.wikidot.com/component:note-template 此组件]。 [[div class="page-fullline"]] [[/div]] [[/div]] [[div class="notepage-footer"]] [[/div]] [[/div]] [[/div]] [[/div]] @@@@ @@@@ [[div class="flex-pc"]] [[div class="mz-notepage-wrap chew-left"]] [[div class="notepage-body"]] [[div_ class="notepage-header"]] [[/div]] [[div class="notepage-main"]] [[div class="no-sel "]] @@[[div class="mz-notepage-wrap chew-left"]]@@[[footnote]] "chew-xxx" 中，xxx 可填 left right top bottom both none 以决定撕痕位置。 [[/footnote]] @@[[div class="notepage-body"]]@@ @@[[div_ class="notepage-header"]]@@ 书页顶部文本 @@[[/div]]@@ @@[[div class="notepage-main"]]@@ 正文在此 @@[[/div]]@@ @@[[div class="notepage-footer"]]@@ 书页底部文本，一般为页码 @@[[/div]]@@ @@[[/div]]@@ @@[[/div]]@@ [[/div]] @@@@ [[/div]] [[div class="notepage-footer"]] [[/div]] [[/div]] [[/div]] @@@@ @@@@ [[div class="mz-notequote-wrap  chew-left"]] [[div class="notepage-body"]] [[div_ class="notepage-header"]] [[/div]] [[div class="notepage-main"]] 使用方法同上，只需将此处的 **mz-notepage-wrap** 改为： **mz-notequote-wrap** 就行了。 @@@@ @@@@ @@@@ [[/div]] [[div class="notepage-footer"]] [[/div]] [[/div]] [[/div]] @@@@ [[/div]] [[div class="hr-double mob-hid" style="text-align:center"]] ------ ++ 笔记本 ------ [[/div]] [[div class="mz-notebook-wrap mob-hid"]] [[div class="notebook-body"]] [[div class="notebook-left  notebook-bookmark"]] [[div class="notepage-main"]] [[div class="no-sel "]] @@[[div class="mz-notebook-wrap"]]@@ @@[[div class="notebook-body"]]@@ @@[[div class="notebook-left"]]@@ @@[[div class="notepage-main"]]@@ 左侧文本 @@[[/div]]@@ @@[[/div]]@@ @@[[div class="notebook-mid"]]@@ @@[[/div]]@@ @@[[div class="notebook-right "]]@@ @@[[div class="notepage-main "]]@@ 右侧文本 @@[[/div]]@@ @@[[/div]]@@ @@[[/div]]@@ @@[[/div]]@@ [[/div]] [[/div]] [[/div]] [[div class="notebook-mid"]] [[/div]] [[div class="notebook-right"]] [[div class="notepage-main"]] **附注：** * 笔记本样式仅在宽屏上显示完整效果，在窄屏下效果变为前项的样式一。 * 于 notebook-body 所在的 div，添加 @@style="--color-notepage: blue;--color-rowline: green;--color-bookpage-txt:red"@@ 可以分别修改书页颜色、横线颜色、文本颜色。 * 在 notebook-body 一处添加 notebook-noseam，可移除笔记本中间黑色渐变的书缝效果。 * 在 notebook-left/right 一处增添 notebook-bookmark，可启用书签。 * 在 notepage-main 一处增添 rowline-single，可变为单条纹。  * 添加 rowline-none 则移除条纹。 [[/div]] [[/div]] [[/div]] [[/div]] @@@@ @@@@ + 对话块 [[div class="mz-talking-wrap pc-width" style="width:60%;margin: 0 auto"]] [[div class="talking-left talkimg-below" ]] [[div class="talking-img"]] [[/div]] [[div class="talking-box"]] 也许你需要进行对话。 [[/div]] [[/div]] [[div class="talking-right talkimg-below" ]] [[div class="talking-img"]] [[/div]] [[div class="talking-box talkbox-round  talkbox-dark"]] 该怎么谈呢？可以看一下下面。 [[/div]] [[/div]] [[/div]] [[collapsible show="+ 那我们开始吧" hide="- 收住"]] [[div class="flex-wrap"]] [[div class="blockquote no-sel" style="margin: 0 auto;"]] ++* 代码 @@[[include :scp-wiki-cn:theme:magazine extensions=true]]@@{{启用}} @@[[div class="mz-talking-wrap"]]@@ {{起始端}} @@[[div class="talking-left talkimg-below" ]]@@{{发言区}} @@[[div class="talking-img"]]@@ {{图片区}} @@[[/div]]@@ @@[[div class="talking-box"]]@@{{文本区}} **左侧对话：** @@[[/div]]@@ @@[[/div]]@@ @@[[div class="talking-right talkimg-below" ]]@@ @@[[div class="talking-img"]]@@ @@[[/div]]@@ @@[[div class="talking-box"]]@@ **右侧对话** @@[[/div]]@@ @@[[/div]]@@ @@[[/div]]@@ [[/div]] [[div]] ++* 说明 在起始端添加  style="width:80%;margin: 0 auto" 可以让对话组变窄，免得过宽。同时在 class 里面添加 pc-width，令宽度在窄屏时恢复 100%。 [[div class="blockquote" style="margin: 0 auto;"]] @@[[div class="mz-talking-wrap pc-width"  style="width:80%;margin: 0 auto"]]@@ [[/div]] 图片区的图片会在窄屏下隐藏，将空间留给对话框。若要在宽屏时隐藏图片，则在图片区填入 no-image。像这样： [[div class="blockquote"]]  @@[[div class="talking-img no-image"]]@@ [[/div]] [[/div]] [[/div]] @@@@ @@@@ [[div class="mz-talking-wrap pc-width"  style="width:80%;margin: 0 auto"]] [[div class="talking-left talkimg-below" ]] [[div class="talking-img"]] [[/div]] [[div class="talking-box"]] **此为左侧对话块：** @@@@ @@@@ [[div class="blockquote" style="margin: 0 auto;"]] @@[[div class="talking-left talkimg-below" ]]@@ [[/div]] [[/div]] [[/div]] [[div class="talking-right talkimg-below" ]] [[div class="talking-img"]] [[/div]] [[div class="talking-box"]] **此为右侧对话块：** @@@@ @@@@ [[div class="blockquote" style="margin: 0 auto;"]] @@[[div class="talking-right talkimg-below" ]]@@ [[/div]] [[/div]] [[/div]] [[div class="talking-left talkimg-upper" ]] [[div class="talking-img"]] [[/div]] [[div class="talking-box talkbox-lefttop"]] 要对话框位于图片下方，需要： 1. **在发言区更改图片位置**，填写 talkimg-upper @@@@ [[div class="blockquote"]] @@[[div class="talking-left talkimg-upper" ]]@@ [[/div]] 2. **在文本区更改引端位置**，填写 talkbox-lefttop、talkbox-righttop，会将引端改为左上角或右上角。 @@@@ @@@@ [[div class="blockquote"]] @@[[div class="talking-box talkbox-lefttop"]]@@ [[/div]] [[/div]] [[/div]] [[div class="talking-left" ]] [[div class="talking-img"]] [[/div]] [[div class="talking-box talkbox-lefttop talkbox-inby"]] 若要图片在中间，则需要在发言区不添加 talking-left、talking-right 之外的类名，并且在文本区中添加 talkbox-inby。像这样： [[div class="blockquote"]] @@[[div class="talking-box talkbox-lefttop  talkbox-inby"]]@@ [[/div]] [[/div]] [[/div]] [[div class="talking-right talkimg-below" style="--tk-img-right:url(http://scpsandboxcn.wikidot.com/local--files/icon/IMG-goat.png)"]] [[div class="talking-img"]] [[/div]] [[div class="talking-box"]] 若要更改图片，需要看方向添加 @@--tk-img-left 或 --tk-img-right到 发言区的 style 里@@。像这样： [[div class="blockquote"]] @@[[div class="talking-right" style="--tk-img-right:url(图片地址)"]]@@ [[/div]] 当将这些添加在起始端时，则直接更改整个对话区域内左右侧的图片。 [[div class="blockquote"]]  @@[[div class="mz-talking-wrap" style="--tk-img-left:url(图片地址); --tk-img-right:url(图片地址);" ]]@@ [[/div]] [[/div]] [[/div]] [[div class="talking-left" style="--tk-img-left:url(http://scpsandboxcn.wdfiles.com/local--files/icon/ICON_angry-eagle.svg)"]] [[div class="talking-img"]] [[/div]] [[div class="talking-box talkbox-inby" style="--shadow-line:green;--tk-box-bg:skyblue;"]] 若要更改对话框颜色，需要在文本区中添加 @@--shadow-line 和 --tk-box-bg 到 style 里@@。像这样： [[div class="blockquote"]] @@[[div class="talking-box talkbox-lefttop  talkbox-inby " style="--shadow-line:green;--tk-box-bg:skyblue;color:darkred"]]@@ [[/div]] [[/div]] [[/div]] [[div class="talking-right  talkimg-below"]] [[div class="talking-img"]] [[/div]] [[div class="talking-box talkbox-round talkbox-dark"]] 也可以使用预设。在文本区填入 talkbox-round  则会让对话框变圆；填入 talkbox-dark 则会让对话框变成暗色调。像这样： [[div class="blockquote"]] @@[[div class="talking-box talkbox-round  talkbox-dark"]]@@ [[/div]] [[/div]] [[/div]] [[div class="talking-right talkimg-below"]] [[div class="talking-img  no-image"]] [[/div]] [[div class="talking-box talkbox-doubleline talkbox-righttop"]] 填 talkbox-doubleline 则会让对话框变成双线边框： [[div class="blockquote"]] @@[[div class="talking-box talkbox-doubleline"]]@@ [[/div]] [[/div]] [[/div]] [[div class="talking-left talkimg-below"]] [[div class="talking-img"]] [[/div]] [[div class="talking-box talkbox-bubles"]] 填 talkbox-bubles 则会让对话框的引端变成气泡。 [[div class="blockquote"]] @@[[div class="talking-box talkbox-bubles"]]@@ [[/div]] [[/div]] [[/div]] [[/div]] [[/collapsible]] @@@@ @@@@ + TAB 分页 @@ @@ [[tabview]] [[tab 分页]] 此为分页（tab view）。 [[/tab]] [[tab 自定义]] * 插入到 include 的下方。 [[div class="mz-blockquote no-sel"]] @@[[module CSS]]@@ :root{ @@--tabNAV-bgHover:#333;@@{{分页区背景颜色：鼠标移过/选择}} @@--tabMain-border:#333;@@ {{框架颜色}} } @@[[/module]]@@     [[/div]] [[/tab]] [[tab 空 Tab]] [[/tab]] [[tab 长 Tab]] [[div class="mz-tabcell"]] @@在tab内放置一个[[div class="mz-tabcell"]]就能生成这种边框效果。@@ @@@@ @@@@ 许多文本 许多文本 许多文本 许多文本 许多文本 许多文本 许多文本 许多文本 许多文本 许多文本 [[/div]] [[/tab]] [[tab 分页中的元素]] +* 分页中的标题 +++* 分页中的小标题 文本 — [[[into-the-void-hub|链接]]] ---- > 引用块 >> 嵌套引用块 [[/tab]] [[/tabview]] @@@@ @@@@ ++* 线型分页 [[div class="mz-tab-line"]] [[tabview]] [[tab 分页]] [[div class="mz-blockquote"]] @@[[div class="mz-tab-line"]]@@ @@[[tabview]]@@ @@[[tab 分页]]@@ @@[[/tab]]@@ @@[[/tabview]]@@ @@[[/div]]@@ [[/div]] [[/tab]] [[tab 自定义]] * 插入到 include 的下方。 [[div class="mz-blockquote no-sel"]] @@[[module CSS]]@@ :root{      @@--Line-tab-base:#333;@@ {{框架颜色}}     @@--Line-tabNAV-txt:#333;@@ {{分页区文本颜色：未选择}}     @@--Line-tabNAV-txtHover:#e8e8e8;@@ {{分页区文本颜色：鼠标移过/选择}} } @@[[/module]]@@     [[/div]] [[/tab]] [[tab 空 Tab]] [[/tab]] [[tab 长 Tab]] 许多文本 许多文本 许多文本 许多文本 许多文本 许多文本 许多文本 许多文本 许多文本 许多文本 [[/tab]] [[tab 分页中的元素]] +* 分页中的标题 +++* 分页中的小标题 文本 — [[[into-the-void-hub|链接]]] ---- > 引用块 >> 嵌套引用块 [[/tab]] [[/tabview]] [[/div]] @@@@ @@@@ ++* 翻页效果分页 [[div class="mz-tab"]] [[tabview]] [[tab 分页]] * 在引入源代码时额外添加一个选项 * 在第二次点击同一个分页时则出现翻页效果。 [[div class="mz-board"]] @@[[include :scp-wiki-cn:theme:magazine@@ |extensions=true @@]]@@ @@[[div class="mz-tab"]]@@ @@[[tabview]]@@ @@[[tab 分页]]@@ @@[[/tab]]@@ @@[[/tabview]]@@ @@[[/div]]@@ [[/div]] [[/tab]] [[tab 空 Tab]] [[/tab]] [[tab 长 Tab]] 许多文本 许多文本 许多文本 许多文本 许多文本 许多文本 许多文本 许多文本 许多文本 许多文本 [[/tab]] [[tab 分页中的元素]] +* 分页中的标题 +++* 分页中的小标题 文本 — [[[into-the-void-hub|链接]]] ---- > 引用块 >> 嵌套引用块 [[/tab]] [[/tabview]] [[/div]] @@@@ @@@@ [[div class="mz-tt"]] + 横跨标题 允许 1~6 级 标题 [[/div]] [[div class="no-sel blockquote"]] @@[[div class="mz-tt"]]@@ @@+ 横跨标题@@   ○ 居中文本 @@[[/div]]@@ [[/div]] [[div class="mz-tt222"]] +* 其二 [[/div]] [[div class="no-sel blockquote"]] @@[[div class="mz-tt222"]]@@ @@+ 横跨标题其二@@   @@[[/div]]@@ [[/div]] [[div class="mz-tt333"]] +*  其三 [[/div]] [[div class="no-sel blockquote"]] @@[[div class="mz-tt333"]]@@ @@+*  其三@@   @@[[/div]]@@ {{或者仅仅当做水平分割线：}} @@[[div class="mz-tt333"]]@@ @@[[/div]]@@ [[/div]] [[div class="meta-title"]] 迭代用的伪标题样式 [[/div]] [[div class="no-sel blockquote"]] @@[[div class="meta-title"]]@@ 伪标题 @@[[/div]]@@ {{或者仅仅当做水平分割线：}} @@[[div class="meta-title"]]@@ @@[[/div]]@@ [[/div]] @@@@ @@@@ [[div  class="mz-tt tt-box"]] + 伪黑光盒样式 [[div class="no-sel blockquote"]] @@[[div  class="mz-tt tt-box" style="padding-top: 0rem"]]@@ {{通过调节 padding-top 来调整内文上方边距。 }} @@+* 大标题@@ {{务必放一个于开头}} 内文文本 @@+* 可再添加大标题@@ @@[[/div]]@@ [[/div]] +* 全局调整 [[div class="no-sel blockquote"]] @@[[module CSS]]@@ :root{ @@--ttbox_h1BDR-color: #333;@@ {{标题框颜色}} @@--ttbox_boxBDR-color: #333;@@ {{盒子框颜色，不填默认同标题框颜色}} @@--ttbox_before-color: #333;@@ {{折角颜色，不填默认同标题框颜色}} @@--ttbox_h1-bg: #333;@@ {{标题背景色}} @@--ttbox_h1-color: fff;@@ {{标题文本色}} } @@[[/module]]@@ [[/div]] @@@@ @@@@ [[div style="height: 0;--ttbox_h1BDR-color:#333;--ttbox_before-color:#888;--ttbox_h1-bg: #000;--ttbox_h1-color: #fff;"]] +* 单项调整 [[/div]] 用div包裹起来并填写以上属性即可改变样式。 [[div class="no-sel blockquote"]] @@[[div style="height: 0;--ttbox_h1BDR-color:#333;--ttbox_before-color:#888;--ttbox_h1-bg: #000;--ttbox_h1-color: #fff;"]]@@ @@+* 单栏调整@@ @@[[/div]]@@ [[/div]] [[/div]] @@@@ @@@@ [[div class="mz-tt"]] + 分栏 [[/div]] [[div class="mz-column  " ]] 以下代码可以将页面分为二或三栏，但在窄屏时会缩为一栏。 > @@[[div class="mz-column"]]@@ > 分成两栏 > @@[[/div]]@@ > @@[[div class="mz-column column-333"]]@@ > 分成3栏 > @@[[/div]]@@ > @@[[div class="mz-column  column-nip"]]@@ > 去掉之间线条 > @@[[/div]]@@ > @@[[div class="mz-column column-nip column-333"]]@@ > 分成三栏并去掉之间线条 > @@[[/div]]@@ [[div class="mob-hid"]] **乱数文本：** 我们不得不面对一个非常尴尬的事实，那就是， 我认为， 我们都知道，只要有意义，那么就必须慎重考虑。 半月刊因何而发生？ 一般来讲，我们都必须务必慎重的考虑考虑。 这样看来， 就我个人来说，半月刊对我的意义，不能不说非常重大。  带着这些问题，我们来审视一下半月刊。 培根说过一句富有哲理的话，阅读使人充实，会谈使人敏捷，写作使人精确。这句话语虽然很短, 但令我浮想联翩. 现在，解决半月刊的问题，是非常非常重要的。 [[div style="float:right;width:160px"]] [[=image http://scpsandboxcn.wikidot.com/local--files/icon/IMG-goat.png width="150px"]] = 不知为何这里有只羊 [[/div]]  所以， 我们不得不面对一个非常尴尬的事实，那就是， 从这个角度来看， 从这个角度来看， 经过上述讨论， 半月刊的发生，到底需要如何做到，不半月刊的发生，又会如何产生。 一般来讲，我们都必须务必慎重的考虑考虑。 这样看来， 就我个人来说，半月刊对我的意义，不能不说非常重大。 一般来讲，我们都必须务必慎重的考虑考虑。 这样看来， 就我个人来说，半月刊对我的意义，不能不说非常重大。 　　 带着这些问题，我们来审视一下半月刊。 一般来说， 布尔沃说过一句富有哲理的话，要掌握书，莫被书掌握；要为生而读，莫为读而生。我希望诸位也能好好地体会这句话。** [[/div]] [[/div]] ------ [[div class="mob-hid"]] [[include :etinjat:css:column-start |name=111 |box-width=10rem |box-height=14rem ]] [[=image  http://scpsandboxcn.wikidot.com/local--files/icon/IMG-goat.png width="200px"]] [[=]] ++* 环绕分栏 ○ 无名氏 [[/=]] [[include :etinjat:css:column-left]] 我们不得不面对一个非常尴尬的事实，那就是， 我认为， 我们都知道，只要有意义，那么就必须慎重考虑。 半月刊因何而发生？ 带着这些问题，我们来审视一下半月刊。 培根说过一句富有哲理的话，阅读使人充实，会谈使人敏捷，写作使人精确。这句话语虽然很短, 但令我浮想联翩. 现在，解决半月刊的问题，是非常非常重要的。 我们不得不面对一个非常尴尬的事实，那就是， 我认为， 我们都知道，只要有意义，那么就必须慎重考虑。 半月刊因何而发生？ 我们不得不面对一个非常尴尬的事实，那就是， 我认为， 我们都知道，只要有意义，那么就必须慎重考虑。 半月刊因何而发生？ 带着这些问题，我们来审视一下半月刊。 培根说过一句富有哲理的话，阅读使人充实，会谈使人敏捷，写作使人精确。这句话语虽然很短, 但令我浮想联翩. 现在，解决半月刊的问题，是非常非常重要的。 我们不得不面对一个非常尴尬的事实，那就是， 我认为， 我们都知道，只要有意义，那么就必须慎重考虑。 半月刊因何而发生？ 我们不得不面对一个非常尴尬的事实，那就是， 我认为， 我们都知道，只要有意义，那么就必须慎重考虑。 半月刊因何而发生？ 带着这些问题，我们来审视一下半月刊。 培根说过一句富有哲理的话，阅读使人充实，会谈使人敏捷，写作使人精确。这句话语虽然很短, 但令我浮想联翩. 现在，解决半月刊的问题，是非常非常重要的。 [[include :etinjat:css:column-right]] [[div class="mob-hid"]] 我们不得不面对一个非常尴尬的事实，那就是， 我认为， 我们都知道，只要有意义，那么就必须慎重考虑。 半月刊因何而发生？ 带着这些问题，我们来审视一下半月刊。 培根说过一句富有哲理的话，阅读使人充实，会谈使人敏捷，写作使人精确。这句话语虽然很短, 但令我浮想联翩. 现在，解决半月刊的问题，是非常非常重要的。 我们不得不面对一个非常尴尬的事实，那就是， 我认为， 我们都知道，只要有意义，那么就必须慎重考虑。 半月刊因何而发生？ 我们不得不面对一个非常尴尬的事实，那就是， 我认为， 我们都知道，只要有意义，那么就必须慎重考虑。 半月刊因何而发生？ 带着这些问题，我们来审视一下半月刊。 培根说过一句富有哲理的话，阅读使人充实，会谈使人敏捷，写作使人精确。这句话语虽然很短, 但令我浮想联翩. 现在，解决半月刊的问题，是非常非常重要的。 我们不得不面对一个非常尴尬的事实，那就是， 我认为， 我们都知道，只要有意义，那么就必须慎重考虑。 半月刊因何而发生？ 我们不得不面对一个非常尴尬的事实，那就是， 我认为， 我们都知道，只要有意义，那么就必须慎重考虑。 半月刊因何而发生？ 带着这些问题，我们来审视一下半月刊。 培根说过一句富有哲理的话，阅读使人充实，会谈使人敏捷，写作使人精确。这句话语虽然很短, 但令我浮想联翩. 现在，解决半月刊的问题，是非常非常重要的。 [[/div]] [[include :etinjat:css:column-end]] @@@@ ------ @@@@ ++* 环绕分栏代码 [[div class="no-sel blockquote  "]] @@[[include :etinjat:css:column-start@@ |name=111 {{任意数字，若引用多个分栏又希望环绕部分尺寸不重复时，则此处不重复}} |box-width=10rem  {{环绕部分固定宽度}} |box-height=14rem {{环绕部分固定高度}} @@]]@@ 环绕部分 @@[[include :etinjat:css:column-left]]@@ 左侧文本 @@[[include :etinjat:css:column-right@@ |mid-style= {{中间空白区域样式，可键入 //border: none ;// 来取消竖线。或者其他改变线条样式。}} @@]]@@ 右侧文本 @@[[include :etinjat:css:column-end]]@@ [[/div]] [[/div]] [[div style="opacity:0"]] + 跳到底部 [[/div]] [[/iftags]] [!----------------------------- ssssssssssssssssssssssssssssss -------------------------------] [[module css]] /*===================================== 杂志源代码 - 本体 - 000000000000 =====================================*/ @import url(https://scp-wiki-cn.wikidot.com/theme:magazine/code/1); @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;600&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Zhi+Mang+Xing&display=swap'); /* 自定义 */ #main-content{         width:{$content-width}; } div#header h1 a::before {     content:{$header-title}; } div#header h2::before {    content: {$header-subtitle}; } #header-extra-div-1::before {       background-image:{$logo-image}; } @media (max-width: 767px) {  div#header h1 a::before {     content:{$header-title};     content:{$pad-title};    }   div#header h2::before {     content:{$header-subtitle};     content:{$pad-subtitle};    }    #header-extra-div-1::before {          background-image:{$logo-image};        background-image: {$logo-image-pad};     } } @media (max-width: 500px) {   div#header h1 a::before {     content:{$header-title};     content:{$pad-title};     content:{$mob-title};     }     div#header h2::before {     content: {$header-subtitle};     content:{$pad-subtitle};     content: {$mob-subtitle};    }    #header-extra-div-1::before {          background-image:{$logo-image};        background-image: {$logo-image-pad};        background-image: {$logo-image-mob};     } } #side-bar:before {     background-image:{$logo-sidebar};     content:{$sidebar-content}; } #page-title{    display:{$page-title}; } #page-title::after{     content:{$title-orn-content};     font-size:{$title-orn-size};     line-height:calc( {$title-orn-size} * 0.7);     width: {$title-orn-width};     color:{$title-orn-color};     word-break:{$title-orn-break} } #page-title::before, #page-title::after{ display: {$title-underlines} } [[/module]] [[div style="display:none"]] [[include :scp-wiki-cn:component:interwiki-style |priority=1 |type=sidebar |theme=https://scp-wiki-cn.wdfiles.com/local--code/theme%3Amagazine/2 ]] [[/div]] [!----------------------------- ssssssssssssssssssssssssssss -------------------------------] [[iftags [[#ifexpr {$collapsible-sidebar} == (true) | - ]]]] [[module CSS]] /*====================== 杂志主题 -  可折叠侧边栏 ======================*/ @import url(https://scp-wiki-cn.wikidot.com/theme:magazine/code/3); @media (max-width: 500px){ #container #content-wrap #side-bar {background-image: var(--HD_cover);background-color:var(--HD_bg); } } #page-content { margin: auto; } [[/module]] [[/iftags]] [!------------------------------------------------{$collapsible-sidebar} [[module CSS]] @import url(https://scp-wiki-cn.wikidot.com/theme:magazine/code/3); @media (max-width: 500px){ #container #content-wrap #side-bar {background-image: var(--HD_cover);background-color:var(--HD_bg); } } #page-content { margin: auto; } [[/module]] [!---=============================---] [[iftags [[#ifexpr {$yxh} == (true) | - ]]]] [[module CSS]] /*=====================================     杂志主题 - 异学会版 =====================================*/ @import url(https://scp-wiki-cn.wikidot.com/theme:magazine/code/4); @import url("https://fastly.jsdelivr.net/gh/Crimone/typefaces@main/whz/whz.css"); @font-face {     font-family: 'Huiwen-mincho';     src: url('https://fastly.jsdelivr.net/gh/Etinjat/CSS@Theme/typeface/Huiwen-mincho_subset-yxh_000.woff2') format('woff2');     font-weight: normal;     font-style: normal;     font-display: swap; } [[/module]] [[/iftags]] [[iftags [[#ifexpr {$Huiwen-mincho} == (true) | - ]]]] [[module CSS]] /*=====================================     汇文明朝字体 =====================================*/ @import url(https://fastly.jsdelivr.net/gh/Crimone/typefaces@main/Huiwen-Mincho/Huiwen-Mincho.css); [[/module]] [[/iftags]] [[iftags [[#ifexpr {$tradition} == (true) | - ]]]] [[module CSS]] /*=====================================     杂志主题 - 繁体 =====================================*/ @font-face {     font-family: 'Huiwen-mincho';     src: url('https://fastly.jsdelivr.net/gh/Etinjat/CSS@Theme/typeface/Huiwen-mincho_SCPF_002.woff2 ') format('woff2');     font-weight: normal;     font-style: normal;     font-display: swap; } :root {   --header-title: "\00A0 SCP基金會" ;   --header-subtitle:"\00A0 控制、收容、保護";     --RATE_text:'\f18e  評分';     --RATE_text_HOV:'\f0ab  評分';        --TOC_text-tt:'目 錄';     --TOC_text-unfold:'展開'; --lock-info111:"您握有一個獨占的 15 分鐘鎖定， \A 將會阻止其他人編輯您正在作業的頁面。\A 這個鎖定將在閒置 "; --lock-info222:"\00A0 秒後失效。"; --lock-info333:"頁面儲存中。  \A 若本提示停留長時間， \A 您可先複製編輯框的內容到其他地方，以免遺失。"; --lock-info111_MOB:"在 "; --lock-info222_MOB:"\00A0 秒鎖定時間內，您可獨占編輯本頁。"; --lock-info333_MOB:"儲存中…… 若長時間無回應，可先備份內容。"; } #side-bar .menu-item a {   padding: 0.2rem 0.1rem; } #footer a[href="http://www.wikidot.com"]:before{     content: "基於 ";      color: var(--FOOT-line_cl);      } [[/module]] [[/iftags]] [[iftags [[#ifexpr {$wanderers} == (true) | - ]]]] [[module CSS]] /*=====================================     杂志主题 - 图书馆 =====================================*/ @import url(https://fastly.jsdelivr.net/gh/Crimone/typefaces@main/Huiwen-Mincho/Huiwen-Mincho.css); :root{   --header-title: "被放逐者之图书馆" ;   --header-subtitle:"秘所思的微雕迷宫";     --mob-title:"被放逐者" ;     --mob-subtitle:"图书馆";       --SB_content:'中文馆藏区';     --LOGO_image:url(https://wanderers-library.wdfiles.com/local--files/component%3Aonce-upon-a-time/OnceUponATimeLogo);      --LOGO_sidebar:url("https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_logo.png");   --SB_topbox-size: 70% } [[/module]] [[/iftags]] [[iftags [[#ifexpr {$extensions} == (true) | - ]]]] [[module CSS]] /* =====================================     杂志主题 - 扩展功能 ===================================== */ @import url(https://scp-wiki-cn.wikidot.com/theme:magazine/code/5); [[/module]] [[/iftags]] [[iftags [[#ifexpr {$my-background} == (true) | - ]]]] [[module CSS]] /*=====================================     杂志主题 - 自定义网页背景图 =====================================*/ #container { --hollow-image: {$page-background}; background: var(--hollow-image) center 0 repeat; } #content-wrap #side-bar::before, #content-wrap #side-bar { background-color: transparent ; } [[/module]] [[/iftags]]