2026三周年竞赛

+ 超大版式代码

@import url('https://fonts.googleapis.com/css2?family=Kdam+Thmor+Pro&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@import url(https://union-icio-wiki.wdfiles.com/local--code/component%3Anice-page-options/1);
 
:root {
   --logo-image: url("http://backrooms-sandbox-es.wdfiles.com/local--files/theme%3Aalerta-roja/logo4");
   --header-title: "";
   --header-subtitle: "";
 
   --header-height-on-desktop: 12rem;
   --header-height-on-mobile: 12rem;
 
    --white-monochrome: 219, 215, 215;
    --pale-gray-monochrome: 224, 224, 224;
    --light-pale-gray-monochrome: var(--pale-gray-monochrome);
    --very-light-gray-monochrome: 161, 159, 159;
    --light-gray-monochrome: var(--pale-gray-monochrome);
    --gray-monochrome: var(--dark-accent);
    --dark-gray-monochrome: var(--bright-accent);
    --black-monochrome: var(--dark-accent);
    --pale-accent: 209, 23, 70;
    --bright-accent: 79, 7, 29;
    --medium-accent: 56, 4, 20;
    --dark-accent: 115, 16, 41;
 
    --header-gradient-color-bottom: 10, 0, 3;
    --header-gradient-color-middle: 115, 16, 41;
    --header-gradient-color-top: 209, 23, 70;
    --swatch-menubg-color: 74, 1, 25;
    --swatch-topmenu-border-color: 115, 16, 4;
    --link-color: var(--bright-accent);
    --hover-link-color: 115, 16, 4;
    --background-gradient-color: 255, 242, 219;
 
    --gradient-header: linear-gradient(
     to top,
     rgb(var(--header-gradient-color-bottom)) 0%,
     rgb(var(--header-gradient-color-middle)) 90%,
     rgb(var(--header-gradient-color-top)) 100%
    );
}
 
#header::before {
   top: -1rem;
   left: 0rem;
   background-size: auto 15rem;
}
 
#header h1, #header h1 a {
   font-family: 'Kdam Thmor Pro', sans-serif;
   font-size: 190%;
   top: 2rem;
   left: -8.5rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
   z-index: 0;
}
 
#header h2, #header h2 span, #header h2 span::before {
   position: absolute;
   font-family: 'Montserrat', sans-serif;
   top: 2rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
}
 
h1, h2, h3, h4, h5, h6 {
    font-family: 'Allerta Stencil', sans-serif;
    color: white;
}
 
#skrollr-body {
    background-image:
     var(--gradient-header),
     var(--gradient-topmenu),
     var(--gradient-background)!important;
    background-size:
     var(--header-background-image-size),
     100% var(--final-header-height-on-desktop),
     100% var(--background-gradient-distance);
}
 
body {
    background-color:
#4f0e1f
;
    color:  #e0dede!important;
    font-family: 'Noto Sans', sans-serif;
 
  }
 
#page-title {
color: white;
    font-family: 'Allerta Stencil', sans-serif;
   font-size: 180%;
}
 
a {
 
    color: #8f1d3a;
    text-decoration: none;
    background: transparent;
    transition: color 0.5s ease;
}
a.newpage {
    color: #6b1b2f;
    text-decoration: none;
    background: transparent;
 
}
 
a:visited {
    color: #ad2f4d;
    text-decoration: none;
    background-color: rgb(var(--bright-accent));
 
}
a:hover {
    text-decoration: hover;
    background-color: rgb(var(--bright-accent));
    color:  #d12e56;;
}
 
.code {
    border: 2px solid #e0dede;
    font-family: 'Allerta Stencil', sans-serif;
    color: #e0dede;
    background-color: #4a0d1c;
    border: 2px dashed #75142c;
    border-left: 5px solid #75142c;
  }
 
blockquote {
    border: 2px dashed #75142c;
    color: #e0dede;
    background-color: #4a0d1c;
}
 
/* e */
.page-rate-widget-box {
    color: white!important;
   box-shadow: 0px 0px 0px 2px rgb(var(--light-pale-gray-monochrome));
    background: rgb(var(--bright-accent));
     padding: .1em;
     border-radius: 0px 10px 0px 10px;
       border: 2px solid #75142c;
}
 
.page-rate-widget-box .rate-points {
    background-color: rgb(var(--bright-accent)) !important;
    border: none;
    color: white!important;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: rgb(var(--bright-accent));
    border-top: none;
    border-bottom: none;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: transparent;
    color: white!important;
}
.page-rate-widget-box .cancel {
    background: transparent;
    background-color: rgb(var(--bright-accent));
    border: none;
}
 
.page-rate-widget-box .cancel a {
    color: white!important;
}
 
/* ak */
.scp-image-block {
    border: solid 1px #75142c;
}
 
.scp-image-block .scp-image-caption {
    background-color: #4a0d1c;
    border-top: solid 1px #75142c;
}
 
.footnotes-footer {
    margin-left: 0px;
   margin-right: 0px;
    background: #661126;
    font-family: 'Allerta Stencil', sans-serif;
    font-size: 1.1em;
    color: #e0dede;
}
 
#search-top-box-form input[type=submit]:focus,
#search-top-box-form input[type=submit]:hover {
   --text-shadow: none;
   background-color: rgb(var(--swatch-menubg-dark-color));
   color: rgb(var(--swatch-text-general));
}
#search-top-box-input:focus, #search-top-box-input:hover {
   color: rgb(var(--swatch-text-general));
}
 
/* i */
 
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: rgb(var(--dark-accent));
    -webkit-box-shadow: 0 -webkit-calc(0.0625rem * 5) 0 0 rgb(var(--dark-accent));
    box-shadow: 0 calc(0.0625rem * 5) 0 0 rgb(var(--light-pale-gray-monochrome));
}
 
/* Unselected Tab Values */
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color: #541625;
    border: 2px dashed #75142c;
    color: rgb(var(--light-pale-gray-monochrome));
}
 
/* Tab Hover Values */
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background: rgb(var(--medium-accent));
    color: rgb(var(--light-pale-gray-monochrome)) !important;
}
 
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
    background: rgb(var(--medium-accent));
    -webkit-box-shadow: 0 0 0 0.0625rem rgb(var(--dark-accent));
    box-shadow: 0 0 0 0.0625rem rgb(var(--dark-accent));
}
 
/* Selected Tab */
 
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected,
.yui-navset .yui-nav .selected:hover,
.yui-navset .yui-navset-top .yui-nav .selected:hover {
    color: rgb(var(--light-pale-gray-monochrome)) !important;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
    color: rgb(var(--light-pale-gray-monochrome));
}
 
.yui-navset .yui-nav .selected a {
    /* Undoes a color set by wikidot's default layout */
    color: rgb(var(--light-pale-gray-monochrome)) !important;
}
 
.yui-navset .yui-content {
    border-top: 6px solid black;
    background-color: #661126;
}
 
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
    border-color: rgb(var(--dark-accent));
}
 
.yui-navset-left .yui-content {
    border-left-color: rgb(var(--dark-accent));
}
/* 8 */
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
        background-color: rgb(var(--medium-accent));
        color: #000000;
}
 
table.wiki-content-table th {
        background-color: rgb(var(--dark-accent));
        color: rgb(var(--pale-gray-monochrome));
       border: 2px dashed #75142c;
}
 
table.wiki-content-table {
    border: 2px dashed #75142c;
}
 
table.wiki-content-table th, table.wiki-content-table tr {
    border: 2px dashed #75142c;
}
 
table.wiki-content-table td {
    border: 2px dashed #75142c;
}
 
hr {
 
color:  #75142c !important;
background-color: transparent!important;
}
 
p::selection {
  background: #75162f;
}
 
/* Log-In Info */
 
#login-status ul a {
    background-color: transparent;
    color: black;
}
 
#login-status ul a:hover {
   color: #0d0d0d;
   background-color: #ad2f4d;
}
 
#account-topbutton {
    background: transparent;
    color: #ffc780;
    border: none;
}
 
#account-options {
 
}
 
/* ###### Account ########################### */
 
#login-status a:hover{
    color: #ad2f4d;
    background-color:transparent;
}
#account-options {
    border: 2px dashed #75142c;
    color: #e0dede;
    background-color: #4a0d1c;
}
 
#account-options li a {
    color: white;
}
 
#account-options li a:hover {
    color: black;
}
 
#account-options a, a#account-topbutton{
    color: #000;
    font-weight: normal;
    background-color: transparent;
}
 
#account-options #account-options, a#account-topbutton{
    background-color: transparent;
    border-style: none;
    color: #ccc;
}
 
.lightblock {
    background: #661126;
    color: white;
}
 
.styled-quote {
    background: #661126;
    color: white;
}
 
.darkblock {
    background: #611327;
    color: white;
}
 
.dark-styled-quote {
    background: #611327;
    color: white;
}
 
#side-bar:hover::-webkit-scrollbar-thumb, #side-bar:focus::-webkit-scrollbar-thumb {
    background: rgb(135, 36, 60);
}
#side-bar:hover::-webkit-scrollbar-track, #side-bar:focus::-webkit-scrollbar-track {
    background: rgb(173, 47, 77);
}
body::-webkit-scrollbar-thumb, html::-webkit-scrollbar-thumb {
    background: rgba(173, 47, 77);
}
 
#page-content .collapsible-block-link {
    color: rgba(173, 47, 77);
}
 
.top-box {
   border-color: rgb(59, 54, 59) !important;
}
 
.bottom-box ul li {
   color: white !important;
}
 
.bottom-box ul li:before {
   background: white!important;
}
 
.top-box .gradient-box {
  background: linear-gradient(90deg, rgba(59, 54, 59, 1) 0%, rgba(59, 54, 59, 0) 36%) !important;
}
 
.header-diamond {
   background-image: url("data:image/svg+xml,%3Csvg version='1.1' 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 300.9 284.5' style='enable-background:new 0 0 300.9 284.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%233b363b;%7D .st1%7Bfill:%233b363b;%7D%0A%3C/style%3E%3Cg%3E%3Cpolygon class='st1' points='73.4,32.6 0,105.4 13.6,105.4 86.4,32.6 '/%3E%3Cpolygon class='st1' points='26.5,105.4 40.1,105.4 112.9,32.6 99.3,32.6 '/%3E%3C/g%3E%3Cpolyline class='st1' points='287.3,105.4 214.5,32.6 227.5,32.6 287.3,91.9 '/%3E%3Cpolygon class='st1' points='274.4,105.4 260.8,105.4 188,32.6 201.6,32.6 '/%3E%3C/svg%3E") !important;
}
 
.top-box.class-unknown .header-diamond { filter: none !important; }
.top-box.class-unknown:before, .top-box.class-unknown .header-diamond .diamond-pattern{ opacity: 0.15 !important; }
 
.top-box .header-diamond .diamond-image {
   filter: brightness(0%) invert(100%);
}
 
.top-box.class-0,
.header-diamond .diamond-color.class-0 {
   background: rgb(156, 30, 61) !important;
}
 
.top-box.class-1,
.header-diamond .diamond-color.class-1 {
   background: rgb(138, 26, 54) !important;
}
 
.top-box.class-2,
.header-diamond .diamond-color.class-2 {
   background: rgb(120, 23, 47) !important;
}
 
.top-box.class-3,
.header-diamond .diamond-color.class-3 {
   background: rgb(102, 19, 40) !important;
}
 
.top-box.class-4,
.header-diamond .diamond-color.class-4 {
   background: rgb(84, 16, 33) !important;
}
 
.top-box.class-5,
.header-diamond .diamond-color.class-5 {
   background: rgb(64, 12, 25) !important;
}
 
.top-box.class-unknown,
.header-diamond .diamond-color.class-unknown {
   background: rgb(59, 54, 59) !important;
}
 
.top-box.class-habitable,
.header-diamond .diamond-color.class-habitable {
   background: rgb(161, 34, 65) !important;
}
 
#main-content::after {
    background-image: url("http://backrooms-sandbox-es.wdfiles.com/local--files/theme%3Aalerta-roja/Dise%C3%B1o%20sin%20t%C3%ADtulo%20%2813%29.png");
    background-size: 2.70rem 12.875rem;
}
#h-perpage,
.optionstd a,
.new-post .btn,
#history-form-1 .btn-sm,
.well .btn-sm,
.change-textarea-size a,
.buttons .btn-small,
.action-area .btn-default,
.action-area .btn-primary,
.col-lg-10 .form-control,
.form-actions .btn-danger,
.buttons .btn-default,
.target a,
.buttons .btn-danger,
.button-close-message,
.button-close-window,
.button-cancel,
.button-insert-code,
#wd-ed-codewizard-type,
#wd-ed-imagewizard-position,
#wd-ed-imagewizard-uri,
#wd-ed-imagewizard-byuri .button,
#wd-ed-imagewizard-flickr,
#wd-ed-imagewizard-byflickr .button,
.query-area .button,
.button-close,
.button-rename,
.button-no,-cancel,
.button-yes,-delete,
#file-upload-form .btn-primary,
.button-move,
#action-area .buttons .btn-primary,
#edit-page-form .buttons .btn-info,
#view-diff-div .button,
.button-yes,-revert,
.modal-footer .btn-danger,
.modal-footer .btn-default,
.modal-footer .btn-primary,
#mba-apply,
.yui-content .button,
.btn-warning,
#edit-meta-newtag-form div .btn,
.new-page-box .button,
#page-templates,
#recent-posts-category,
.forum-recent-posts-box form .btn,
.owindow .button-bar .btn {
    font-family: 'Allerta Stencil', sans-serif;
    background-color: #300707;
    border-color: rgb(var(--gray-monochrome));
    color: #ededed;
    border-radius: 10px;
}
 
#h-perpage:hover,
.optionstd a:hover,
.new-post .btn:hover,
#history-form-1 .btn-sm:hover,
.well .btn-sm:hover,
.change-textarea-size a:hover,
.buttons .btn-small:hover,
.action-area .btn-default:hover,
.action-area .btn-primary:hover,
.col-lg-10 .form-control:hover,
.form-actions .btn-danger:hover,
.buttons .btn-default:hover,
.target a:hover,
.buttons .btn-danger:hover,
#edit-cancel-button:hover,
#edit-save-button:hover,
.button-close-message:hover,
.button-close-window:hover,
.button-cancel:hover,
.button-insert-code:hover,
#wd-ed-codewizard-type:hover,
#wd-ed-imagewizard-position:hover,
#wd-ed-imagewizard-uri:hover,
#wd-ed-imagewizard-byuri .button:hover,
#wd-ed-imagewizard-flickr:hover,
#wd-ed-imagewizard-byflickr .button:hover,
.query-area .button:hover,
.button-close:hover,
.action-area .buttons .btn-primary:hover,
.button-rename:hover,
.button-no,-cancel:hover,
.button-yes,-delete:hover,
#file-upload-form .btn-primary:hover,
.button-move:hover,
#action-area .buttons .btn-primary:hover,
#edit-page-form .buttons .btn-info:hover,
#view-diff-div .button:hover,
.button-yes,-revert:hover,
.modal-footer .btn-danger:hover,
.modal-footer .btn-default:hover,
.modal-footer .btn-primary:hover,
#mba-apply:hover,
.yui-content .button:hover,
.btn-warning:hover,
#edit-meta-newtag-form div .btn:hover,
.new-page-box .button:hover,
#page-templates:hover,
#recent-posts-category:hover,
.forum-recent-posts-box form .btn:hover,
.owindow .button-bar .btn:hover {
    font-family: 'Allerta Stencil', sans-serif;
    background-color: #5f0000;
    color: rgb(var(--swatch-text-light));
    text-decoration: none;
}
 
.pager .current {
    border: 2px solid rgb(var(--gray-monochrome));
    font-family: 'Allerta Stencil', sans-serif;
    background-color: #300707;
    border-radius: 10px;
    border-color: rgb(var(--gray-monochrome));
    color: #ededed;
}
 
.pager {
    padding-top: 20px;
    border-radius: 10px;
    padding-bottom: 20px;
    font-family: 'Allerta Stencil', sans-serif;
    background-color: #300707;
    border-color: rgb(var(--gray-monochrome));
    color: #ededed;
    border-radius: 10px;
    line-height: 25px;
}
 
.owindow {
    color: white;
    border: 2px solid #75142c;
    background-color: #300707;
 
}
 
.owindow .modal-header {
    background-color: #2e2e2e;
}
 
.owindow .modal-body img {
    background-color: transparent !important;
}
 
.owindow .title {
    font-family: 'Allerta Stencil', sans-serif;
    border-bottom: 2px dashed #75142c;
    background-color: #300707;
    color: rgb(var(--swatch-text-light));
}
 
.owindow .button-bar a {
    background-color: black;
    border-color: rgb(var(--gray-monochrome));
    color: #ededed;
}
.owindow .button-bar a:hover {
    background-color: #4a0d1c;
 
}
 
/* ===CHECKBOXES=== */
input[type=checkbox] {
    display: inline-block;
    position: relative;
    width: 1em;
    height: 1em;
    transition:
     box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1),
     border-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
       background-color: #300707;
      border-color: rgb(var(--gray-monochrome));
      color: #ededed;
    border-radius: 10px;
    outline: 0 solid rgb(var(--swatch-primary));
    cursor: pointer;
    appearance: none;
    will-change: box-shadow, border-color;
}
 
input[type=checkbox]::before,
input[type=checkbox]::after {
    --clip-path:
     polygon(
     0 0,
     100% 0,
     100% 0,
     0 0
     );
    content: " ";
    display: inline-block;
    position: absolute;
    width: 20%;
    height: 0;
    transform-origin: left top;
    background-color: #5f0000;
    box-shadow: 0 0 0 0 rgb(var(--swatch-secondary-color));
    clip-path: var(--clip-path);
    will-change: box-shadow, border-color;
}
 
input[type=checkbox]::before {
    top: 75%;
    left: 40%;
    height: 150%;
    transform: rotate(-135deg);
    transition:
     background-color 50ms cubic-bezier(0.4, 0, 0.2, 1) 50ms,
     box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1),
     clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
 
input[type=checkbox]::after {
    top: 40%;
    left: 5%;
    height: 50%;
    transform: rotate(-45deg);
    transition:
     background-color 50ms cubic-bezier(0.4, 0, 0.2, 1) 200ms,
     box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 150ms,
     clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
}
 
input[type=checkbox]:checked {
      border-color: rgb(var(--gray-monochrome));
        background-color: #5f0000;
    outline: 0 solid rgb(var(--swatch-primary));
    box-shadow: 0 0 0 0.125rem rgb(var(--swatch-primary));
}
 
input[type=checkbox]:checked::before,
input[type=checkbox]:checked::after {
    --clip-path:
     polygon(
     0 0,
     100% 0,
     100% 100%,
     0 100%
     );
    background-color: rgba(var(--swatch-primary),1);
    box-shadow: 0 0 0 0.05em rgb(var(--swatch-secondary-color));
}
 
input[type=checkbox]:checked::before {
    transition:
     background-color 50ms cubic-bezier(0.4, 0, 0.2, 1) 200ms,
     box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 150ms,
     clip-path 159ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
}
 
input[type=checkbox]:checked::after {
    transition:
     background-color 50ms cubic-bezier(0.4, 0, 0.2, 1) 50ms,
     box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1),
     clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
 
/* Mobile Compatibility */
@media (max-width: 878px) {
 
#header::before {
   top: 0.50rem;
 
}
}

请以“腐蚀”为主题，撰写一篇文章。

此处不就主题做任何提示。请按你自己对主题的理解写作。我们会尽量放宽主题认定标准。

我们鼓励参赛者为其他参赛作品留下评分和评价。

竞赛规则

• 参赛作品需为虚构文章（包含搞笑文章）且符合上述主题要求。

• 参赛作品需打上2026三周年竞赛的标签。

• 参赛作品需于下文中的指定时间段发布。这意味着本站上已有的文章不能参赛。

• 参赛作品适用本站其他规定，包括低分删除政策。

• 作品发布后不得进行大规模修改，直至竞赛结束，违规作品视为退赛。

• 竞赛期间被删除的文章视为退赛。

• 若文章被删除或作者自删，修改文章后重新发布并参赛是允许的，但不允许一稿多投等行为。

• 有严重违规行为者、不正当竞争者，站务组将视情况予以作品退赛及个人禁赛处分。

• 竞赛负责人为全体站务。

竞赛日程

时间（北京时间）	日程安排
2026年4月10日	竞赛开始，开始接受投稿
6月10日（周三）	停止接受投稿
6月15日（周一）	排名及奖励结算，竞赛结束

参赛作品

带有正确标签的参赛作品将被自动抓取并在此展示。

参赛作品	创建者
Level ZD-202 “脑蚀”	algodoo

排名

结算排名时，参赛作品将依据其页面评分进行排名。自我评分不计数。

奖励

所有参赛者只需满足以下条件，即可领取官方奖励：

• 未有严重违规行为。
• 结算奖励时，拥有至少一篇未进入删除流程的参赛作品。
• 为至少三篇他人创作的参赛作品撰写评价，每篇不少于20字，并发布于对应作品的讨论区。

奖励如下：

排名	奖励
🥇	15元人民币 + Level ZD-200编号
🥈	10元 + Level ZD-222编号
🥉	5元
其他	共5元，由前三名之外各参赛者平分

若参赛者不足四人，则改为如下规则：

排名	奖励
🥇	16元 + Level ZD-200编号
🥈	12元 + Level ZD-222编号
🥉	7元

其中：

• 人民币共35元由algodoo和jiliangjiyin提供，LYH0818负责发放，仅限微信支付。
• 层级编号的占用期限为六个月。若到期后编号仍为空，或到期后编号对应文章被删除，则站务组有权撤销获奖者对此编号的占用权，具体另行通知。

成就赞助

本次竞赛接受成就赞助。赞助者需设置一项成就，并在结算奖励时给予达成成就者相应的奖励。具体规则如下：

• 不接受高度定制文章内容的成就。
• 不接受以其他成就作为条件的成就。
• 当有多个文章达成同一成就时，获奖者由赞助者决定。
• 站务组有权撤下他们认为不合适的成就。
• 赞助者应确保奖励的按时完整发放。站务组有权对食言者给予处分。

如果不知道如何设置成就，可参考本站的往期活动。

请在下表登记你的成就：

赞助者	成就名称	达成条件	青睐者奖励
示例：algodoo	“名称”	条件	奖励

+ 展开样式代码

/* BHL Style Search Top Box And User Account */
/* By Mercuresphere */
/* Based on BHL Theme */
 
:root, :root:lang(cn) {
    --merc-light-color: var(--swatch-menutxt-light-color);
    --merc-dark-color: var(--swatch-menubg-dark-color);
 
    --user-account-mask: url("https://fastly.jsdelivr.net/gh/Crimone/crimson-anemone@main/files/user-circle.svg");
    --search-top-box-mask: url("https://fastly.jsdelivr.net/gh/Crimone/crimson-anemone@main/files/search-top-box-mask.svg");
}
 
/* ===用户和搜索栏=== */
@media only screen and (max-width: 768px) {
    #login-status {
        right: unset;
        font-size: unset;
    }
 
    #navi-bar, #navi-bar-shadow, #search-top-box-input {
        display: unset;
    }
 
    #search-top-box-input {
        min-width: unset;
    }
 
    #search-top-box {
        top: unset;
        right: unset;
        height: unset;
    }
 
    #search-top-box:focus-within {
        box-shadow: unset;
        background: unset;
        padding: unset;
    }
 
    #search-top-box:not(:focus-within):before {
        -webkit-mask-size: calc(calc(0.9375rem * 1.8) / 2) calc(calc(0.9375rem * 1.8) / 2);
        -webkit-mask-position: center center;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-image: var(--search-top-box-mask);
        z-index: 14;
        background-color: rgb(var(--merc-light-color));
        color: rgb(var(--merc-dark-color));
        text-align: center;
        cursor: pointer;
        mask-image: var(--search-top-box-mask);
        mask-position: center center;
        mask-repeat: no-repeat;
        mask-size: calc(calc(0.9375rem * 1.8) / 2) calc(calc(0.9375rem * 1.8) / 2);
        pointer-events: none;
        position: absolute;
        top: 0;
        right: 0;
        width: calc(0.9375rem * 1.8);
        height: 100%;
        content: " ";
    }
 
    #search-top-box form[id=search-top-box-form] {
        visibility: unset;
        height: unset;
    }
 
    #search-top-box form[id=search-top-box-form]:focus-within {
        visibility: unset;
    }
 
    #search-top-box form[id=search-top-box-form] input {
        -webkit-appearance: unset;
        -moz-appearance: unset;
        position: unset;
        top: unset;
        transform: unset;
        appearance: unset;
        height: unset;
    }
 
    #search-top-box form[id=search-top-box-form] input[type=text] {
        visibility: unset;
        transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1), font-variation-settings .2s cubic-bezier(.4, 0, .2, 1), font-weight .2s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), color .15s cubic-bezier(.4, 0, .2, 1), right .2s cubic-bezier(.4, 0, .2, 1), width .6s cubic-bezier(.4, 0, .2, 1), padding .6s cubic-bezier(.4, 0, .2, 1), max-width .6s cubic-bezier(.4, 0, .2, 1);
    }
 
    #search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=text] {
        position: unset;
        right: unset;
        transform: unset;
        cursor: unset;
        border-width: unset;
        width: unset;
        height: unset;
        color: unset;
    }
 
    #search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=text]:hover {
        background-color: unset;
    }
 
    #search-top-box form[id=search-top-box-form] input[type=submit] {
        background: none;
        transition: unset;
    }
 
    #search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=submit] {
        opacity: unset;
        margin: unset;
        padding: unset;
        width: unset;
    }
 
    #header h1 a {
        z-index: unset;
    }
}
 
@media only screen and (max-width: 56.25rem) {
    #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
        background-color: rgba(0, 0, 0, 0);
    }
}
 
@media (min-width: 36rem) {
    #login-status {
        flex-grow: unset;
        left: unset;
        right: unset;
    }
 
    #login-status:not(:hover):not(:focus-within) {
        visibility: hidden;
    }
 
    #login-status::before {
        visibility: visible;
    }
}
 
#search-top-box-input {
    min-width: unset;
    display: inline-block;
}
 
#search-top-box-form input[type=submit], #search-top-box-form input[type=submit]:focus, #search-top-box-form input[type=submit]:hover {
    color: transparent;
}
 
#search-top-box-form input[type=submit]:focus, #search-top-box-form input[type=submit]:hover {
    border: none;
    text-shadow: none;
}
 
#search-top-box-form input[type=submit], #search-top-box-input:focus, #search-top-box-input:hover {
    border: none;
}
 
#search-top-box {
    display: flex;
    z-index: 12;
    position: absolute;
    top: 1.5em;
    right: calc(3% - .25em);
    align-items: center;
    justify-content: center;
    width: auto;
    height: calc(0.9375rem * 1.8);
    transform: translateY(-50%);
    font-size: calc(0.9375rem * .86667);
}
 
#search-top-box, #search-top-box * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: none;
    transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1), font-variation-settings .2s cubic-bezier(.4, 0, .2, 1), font-weight .2s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), color .15s cubic-bezier(.4, 0, .2, 1), right .2s cubic-bezier(.4, 0, .2, 1), width .6s cubic-bezier(.4, 0, .2, 1), padding .6s cubic-bezier(.4, 0, .2, 1), max-width .6s cubic-bezier(.4, 0, .2, 1);
    will-change: box-shadow, font-variation-settings, font-weight, background-color, color, right, width, padding, max-width;
}
 
#search-top-box:focus-within, #search-top-box:focus-within *, #search-top-box:focus-within :after, #search-top-box:focus-within :before {
    margin: 0;
    padding: 0;
    transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1), font-variation-settings .2s cubic-bezier(.4, 0, .2, 1), font-weight .2s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), color .15s cubic-bezier(.4, 0, .2, 1), right .2s cubic-bezier(.4, 0, .2, 1), width .3s cubic-bezier(.4, 0, .2, 1), padding .3s cubic-bezier(.4, 0, .2, 1), max-width .3s cubic-bezier(.4, 0, .2, 1);
    will-change: box-shadow, font-variation-settings, font-weight, background-color, color, right, width, padding, max-width;
}
 
#search-top-box:focus-within {
    background: rgba(var(--merc-dark-color), .7);
    box-shadow: calc(calc(0.9375rem * 1.8) / 2 * -1) 0 calc(calc(0.9375rem * 1.8) / 2) rgba(var(--merc-dark-color));
}
 
#search-top-box:after, #search-top-box:before {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(0.9375rem * 1.8);
    height: 100%;
    content: " ";
}
 
#search-top-box:before {
    -webkit-mask-size: calc(calc(0.9375rem * 1.8) / 2) calc(calc(0.9375rem * 1.8) / 2);
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: var(--search-top-box-mask);
    z-index: 14;
    background-color: rgb(var(--merc-light-color));
    color: rgb(var(--merc-dark-color));
    text-align: center;
    cursor: pointer;
    mask-image: var(--search-top-box-mask);
    mask-position: center center;
    mask-repeat: no-repeat;
    mask-size: calc(calc(0.9375rem * 1.8) / 2) calc(calc(0.9375rem * 1.8) / 2);
    pointer-events: none;
}
 
#search-top-box:not(:focus-within):hover:before {
    background-color: rgb(var(--merc-light-color));
}
 
#search-top-box:after {
    --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    -webkit-clip-path: var(--clip-path);
    z-index: 13;
    clip-path: var(--clip-path);
    pointer-events: none;
    background-color: transparent;
}
 
#search-top-box:not(:focus-within):after {
    --clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    background-color: rgb(var(--merc-light-color), 0);
}
 
#search-top-box form[id=search-top-box-form] {
    display: flex;
    visibility: visible;
    position: relative;
    right: 0;
    max-width: 100%;
    height: calc(0.9375rem * 1.8);
}
 
#search-top-box form[id=search-top-box-form]:not(:focus-within) {
    max-width: calc(0.9375rem * 15);
}
 
#search-top-box form[id=search-top-box-form] input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    top: 0;
}
 
#search-top-box form[id=search-top-box-form] input[type=text] {
    z-index: 13;
    position: absolute;
    right: 0;
    width: calc(0.9375rem * 15);
    max-width: calc(0.9375rem * 15);
    height: 100%;
    padding: 0 calc(0.9375rem * 1.8) 0 1em;
    outline: 0 solid rgb(var(--merc-light-color));
    background-color: rgb(var(--merc-dark-color), .7);
    box-shadow: 0 0 0 .125rem rgb(var(--merc-light-color));
    color: rgba(var(--merc-light-color));
}
 
#search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=text] {
    max-width: calc(0.9375rem * 1.8);
    padding: 0;
    outline-width: 0;
    background-color: rgba(var(--merc-dark-color), 0);
    box-shadow: 0 0 0 0 rgb(var(--merc-light-color));
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
}
 
#search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=text]:hover {
    background-color: rgba(var(--merc-dark-color), 1);
}
 
#search-top-box form[id=search-top-box-form] input[type=submit] {
    visibility: visible;
    z-index: 14;
    position: absolute;
    right: 0;
    width: calc(0.9375rem * 1.8);
    height: calc(0.9375rem * 1.8);
    outline: 0 solid rgb(var(--merc-light-color));
    background-color: transparent;
    box-shadow: 0 0 0 .125rem rgb(var(--merc-light-color));
    color: t;
    font-size: calc(0.9375rem * .86667);
    cursor: pointer;
    pointer-events: all;
}
 
#search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=submit] {
    box-shadow: 0 0 0 0 rgb(var(--merc-light-color));
    pointer-events: none;
}
 
#login-status {
    --wght: var(--ui-wght);
    display: flex;
    z-index: 11;
    position: absolute;
    top: 1.5em;
    right: calc(3% + calc(0.9375rem * 1.8) - .25em);
    align-items: center;
    justify-content: center;
    height: 2em;
    margin: 0 0 0 .5em;
    transform: translateY(-50%);
    color: rgb(var(--merc-light-color));
    font-weight: var(--wght);
    font-size: 1em;
    font-family: var(--UI-font);
    white-space: nowrap;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1);
}
 
#search-top-box:focus-within ~ #login-status {
    opacity: 0;
}
 
#login-status span.printuser a:first-of-type {
    width: 1.75em;
}
 
#login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-create-account, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-sign-in {
    margin: 0 1em;
    background-color: rgb(var(--pale-gray-monochrome));
    color: rgb(var(--merc-dark-color));
    padding: 0.1em 1em;
    text-decoration: none;
}
 
#login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-create-account:active, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-create-account:hover, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-sign-in:active, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-sign-in:hover, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-create-account:focus-within, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-sign-in:focus-within {
    background-color: rgba(var(--merc-light-color), 1);
    color: rgb(var(--merc-dark-color));
    text-decoration: none;
}
 
#login-status span.printuser {
    --wght: var(--ui-wght);
    margin-right: .5em;
    color: rgb(var(--merc-light-color));
    font-weight: var(--wght);
}
 
#login-status a#my-account, #login-status a[href*="account/messages"] {
    color: rgb(var(--merc-light-color));
}
 
#login-status a#my-account {
    --wght: var(--ui-wght);
    -webkit-text-decoration: underline rgb(var(--merc-dark-color)) .125em;
    display: flex;
    align-items: center;
    padding: 0 .5em;
    background-color: initial;
    box-shadow: inset 0 0 0 0 rgb(var(--merc-dark-color));
    font-weight: var(--wght);
    text-decoration: underline rgb(var(--merc-dark-color)) .125em;
    transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1), text-decoration .2s cubic-bezier(.4, 0, .2, 1), -webkit-text-decoration .2s cubic-bezier(.4, 0, .2, 1);
}
 
#login-status a#my-account:active, #login-status a#my-account:hover {
    --wght: var(--ui-hvr-wght);
    -webkit-text-decoration: underline rgb(var(--merc-dark-color)) 0;
    box-shadow: inset 0 -2em 0 0 rgb(var(--merc-dark-color));
    color: rgb(var(--merc-light-color));
    font-weight: var(--wght);
    text-decoration: underline rgb(var(--merc-dark-color)) 0;
}
 
#login-status a#my-account:focus-within {
    --wght: var(--ui-hvr-wght);
    -webkit-text-decoration: underline rgb(var(--merc-dark-color)) 0;
    box-shadow: inset 0 -2em 0 0 rgb(var(--merc-dark-color));
    color: rgb(var(--merc-light-color));
    font-weight: var(--wght);
    text-decoration: underline rgb(var(--merc-dark-color)) 0;
}
 
#login-status #account-topbutton {
    --clip-path: polygon(30% 35%, 70% 35%, 50% 60%, 50% 60%);
    -webkit-clip-path: var(--clip-path);
    position: relative;
    width: var(--account-height);
    height: var(--account-height);
    margin: 0;
    padding: 0;
    background-color: rgb(var(--merc-light-color));
    color: transparent;
    clip-path: var(--clip-path);
    transition: -webkit-clip-path .1s cubic-bezier(.4, 0, .2, 1);
    transition: clip-path .1s cubic-bezier(.4, 0, .2, 1), -webkit-clip-path .1s cubic-bezier(.4, 0, .2, 1);
}
 
#login-status #account-options {
    display: block !important;
    z-index: 12;
    position: absolute;
    top: 1.5rem;
    right: 0;
    width: 10em;
    margin: .25em 0 0;
    padding: 0;
    overflow: hidden;
    background-image: var(--gradient-header);
    background-color: rgb(var(--merc-dark-color));
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s cubic-bezier(.4, 0, .2, 1);
}
 
#login-status #account-options:focus-within, #login-status #account-topbutton:active + #account-options, #login-status #account-topbutton:focus + #account-options {
    opacity: 1;
    pointer-events: all;
}
 
@media (pointer: coarse) {
    #login-status #account-options:hover, #login-status #account-topbutton:hover + #account-options {
        opacity: 1;
        pointer-events: all;
    }
}
 
#login-status #account-options * {
    margin: 0;
    padding: 0;
}
 
#login-status #account-options ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 2em;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    font-size: .85em;
}
 
#login-status #account-options ul li {
    position: relative;
}
 
#login-status #account-options ul li, #login-status #account-options ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
 
#login-status #account-options a {
    --box-shadow: rgba(var(--merc-dark-color));
    --wght: var(--ui-wght);
    position: relative;
    flex-grow: 1;
    height: 100%;
    max-height: 2em;
    padding: 0 .25em;
    box-shadow: inset 0 0 0 .0625rem var(--merc-dark-color);
    font-weight: var(--wght);
    transition: color .15s cubic-bezier(.4, 0, .2, 1), font-weight .15s cubic-bezier(.4, 0, .2, 1), font-variation-settings .15s cubic-bezier(.4, 0, .2, 1);
}
 
#login-status #account-options li > a, #login-status #account-options li > a:visited {
    color: rgb(var(--merc-light-color));
}
 
#login-status #account-options li > a:active, #login-status #account-options li > a:hover {
    --wght: var(--ui-hvr-wght);
    color: rgb(var(--merc-dark-color));
    font-weight: var(--wght);
    text-decoration: none;
}
 
#login-status #account-options li > a:focus-within {
    --wght: var(--ui-hvr-wght);
    color: rgb(var(--merc-dark-color));
    font-weight: var(--wght);
    text-decoration: none;
}
 
#login-status #account-options li > a[href*="/messages"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    font-size: 0;
}
 
#login-status #account-options li > a[href*="/messages"]:after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    content: "信息";
    font-size: calc(0.9375rem * .765);
    pointer-events: none;
}
 
#login-status #account-options li > a:before {
    --clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    -webkit-clip-path: var(--clip-path);
    z-index: -1;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(var(--merc-light-color));
    content: " ";
    clip-path: var(--clip-path);
    pointer-events: none;
    transition: -webkit-clip-path .2s cubic-bezier(.4, 0, .2, 1);
    transition: clip-path .2s cubic-bezier(.4, 0, .2, 1), -webkit-clip-path .2s cubic-bezier(.4, 0, .2, 1);
}
 
#login-status #account-options li > a:active:before, #login-status #account-options li > a:hover:before {
    --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%);
}
 
#login-status #account-options li > a:focus-within:before {
    --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%);
}
 
/* ===默认收起用户信息栏和搜索栏=== */
#search-top-box {
    top: 23px;
    right: calc(3%);
}
 
#login-status {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    top: 24px;
    right: calc(3% + calc(0.9375rem * 1.8) + .25em);
    color: transparent;
    pointer-events: none;
    transition: color .2s cubic-bezier(.4, 0, .2, 1);
    user-select: none;
}
 
@media only screen and (min-width: 980px) {
    #search-top-box {
        right: calc(3% + (-100vw + var(--header-width-on-desktop, 61.25rem)) / 2);
    }
 
    #login-status {
        right: calc(3% + calc(0.9375rem * 1.8) + .25em + (-100vw + var(--header-width-on-desktop, 61.25rem)) / 2);
    }
}
 
#login-status:active, #login-status:hover {
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    color: rgb(var(--merc-light-color));
    pointer-events: all;
    user-select: auto;
}
 
#login-status:focus-within {
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    color: rgb(var(--merc-light-color));
    pointer-events: all;
    user-select: auto;
}
 
#login-status:active #account-options, #login-status:hover #account-options {
    pointer-events: all;
}
 
#login-status:focus-within #account-options {
    pointer-events: all;
}
 
#login-status > :not(#account-topbutton):not([href*="account/messages"]) {
    --clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    -webkit-clip-path: var(--clip-path);
    clip-path: var(--clip-path);
    opacity: 0;
    transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1), text-decoration .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1), clip-path .2s cubic-bezier(.4, 0, .2, 1), opacity .2s cubic-bezier(.4, 0, .2, 1), -webkit-text-decoration .2s cubic-bezier(.4, 0, .2, 1), -webkit-clip-path .2s cubic-bezier(.4, 0, .2, 1);
}
 
#login-status:active > :not(#account-topbutton):not([href*="account/messages"]), #login-status:hover > :not(#account-topbutton):not([href*="account/messages"]) {
    --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    -webkit-clip-path: var(--clip-path);
    clip-path: var(--clip-path);
    opacity: 1;
}
 
#login-status:focus-within > :not(#account-topbutton):not([href*="account/messages"]) {
    --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    -webkit-clip-path: var(--clip-path);
    clip-path: var(--clip-path);
    opacity: 1;
}
 
#login-status #account-topbutton {
    margin-left: 0;
    background-color: initial;
    pointer-events: all;
    transition: clip-path .15s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), -webkit-clip-path .15s cubic-bezier(.4, 0, .2, 1);
}
 
#login-status:hover #account-topbutton {
    background-color: rgb(var(--merc-light-color));
}
 
#login-status:before {
    -webkit-mask-image: var(--user-account-mask);
    -webkit-mask-size: calc(calc(0.9375rem * 1.8) - .5em);
    -webkit-mask-position: center right;
    -webkit-mask-repeat: no-repeat;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--merc-light-color), 1);
    content: "";
    cursor: pointer;
    mask-image: var(--user-account-mask);
    mask-position: center right;
    mask-repeat: no-repeat;
    mask-size: calc(calc(0.9375rem * 1.8) - .5em);
    pointer-events: all;
    transition: background-color .15s cubic-bezier(.4, 0, .2, 1);
}
 
#login-status:hover:before {
    background-color: rgba(var(--search-icon-hover-color), 1);
}
 
#login-status:active:after, #login-status:active:before, #login-status:hover:after, #login-status:hover:before {
    background-color: rgba(var(--search-icon-hover-bg-color), 0);
    cursor: auto;
    pointer-events: none;
}
 
#login-status:focus-within:after, #login-status:focus-within:before {
    background-color: rgba(var(--search-icon-hover-bg-color), 0);
    cursor: auto;
    pointer-events: none;
}
 
#login-status #account-topbutton {
    --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    -webkit-clip-path: var(--clip-path);
    background-color: rgba(var(--merc-light-color), 0);
    clip-path: var(--clip-path);
}
 
#login-status:active #account-topbutton, #login-status:hover #account-topbutton {
    --clip-path: polygon(30% 35%, 70% 35%, 50% 60%, 50% 60%);
    -webkit-clip-path: var(--clip-path);
    background-color: rgb(var(--merc-light-color));
    clip-path: var(--clip-path);
}
 
#login-status:focus-within #account-topbutton {
    --clip-path: polygon(30% 35%, 70% 35%, 50% 60%, 50% 60%);
    -webkit-clip-path: var(--clip-path);
    background-color: rgb(var(--merc-light-color));
    clip-path: var(--clip-path);
}
 
#login-status #account-options {
    margin: 0;
}
 
#login-status a[href*="account/messages"] {
    color: rgb(var(--merc-light-color));
    pointer-events: all;
}
 
#account-topbutton {
    border: none;
}
 
#account-options {
    border: none;
}