资源中心

:root {
    --accent-color: 40, 110, 255;
 
    --header-title: "OUR Backrooms";
    --header-subtitle: "我们在一片天空下";
    --background-image: url("https://s41.ax1x.com/2026/04/26/pehbehV.jpg");
 
    --background-color: 245, 247, 252;
    --text-color: 28, 32, 40;
 
    --light-color-1: 255, 255, 255;
    --light-color-2: 248, 250, 255;
 
    --dark-color-1: 40, 110, 255;
    --dark-color-2: 30, 80, 200;
    --dark-color-3: 20, 60, 160;
    --dark-color-4: 10, 40, 120;
 
    --link-color: 40, 110, 255;
    --hover-link-color: 40, 110, 255, 0.7;
    --visited-link-color: 90, 120, 200;
 
    --selected-background-color: 40, 110, 255, 0.15;
 
    --topbar-background-color: 255, 255, 255, 0.85;
    --topbar-hover-background-color: 40, 110, 255, 0.08;
 
    --general-button-background-color: 240, 244, 255;
    --general-hover-button-text-color: 40, 110, 255;
 
    --table-background-color: 255, 255, 255;
    --table-text-color: 30, 35, 45;
 
    --note-background-color: 220, 235, 255;
 
    --sidebar-title-background-color: 235, 240, 255;
}
 
#side-bar .heading {
    position: relative;
    overflow: hidden;
}
 
#side-bar .heading::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(40,110,255,0.2),
        transparent
    );
    opacity: 0;
    transition: opacity 0.4s ease;
}
 
#side-bar .heading:hover::after {
    opacity: 1;
}
 
#side-bar .menu-item a {
    position: relative;
    display: block;
    padding: 0.45rem 0.8rem;
    border-radius: 0.8rem;
    transition: all 0.3s ease;
}
 
#side-bar .menu-item a:hover {
    background: rgba(40,110,255,0.08);
    transform: translateX(6px);
    box-shadow: 0 0.3rem 0.8rem rgba(40,110,255,0.15);
}
 
#side-bar .menu-item a::before {
    content: "";
    position: absolute;
    left: -6px;
    top: 20%;
    width: 3px;
    height: 60%;
    border-radius: 2px;
    background: rgb(var(--accent-color));
    opacity: 0;
    transform: scaleY(0);
    transition: all 0.3s ease;
}
 
#side-bar .menu-item a:hover::before {
    opacity: 1;
    transform: scaleY(1);
}
 
#top-bar div[class*=top-bar] > ul > li > a {
    transition: transform 0.25s cubic-bezier(.2,.8,.2,1),
                color 0.2s ease;
}
 
#top-bar div[class*=top-bar] > ul > li > a:hover {
    transform: translateY(-2px) scale(1.06);
    color: rgb(var(--accent-color));
}
 
#top-bar div[class*=top-bar] > ul > li > a:active {
    transform: translateY(0) scale(0.98);
}
 
#top-bar div[class*=top-bar] > ul > li > ul {
    opacity: 0;
    transform: translateY(6px);
    transition: all 0.25s ease;
}
 
#top-bar div[class*=top-bar] > ul > li:hover > ul {
    opacity: 1;
    transform: translateY(0);
}
 
#top-bar div[class*=top-bar] > ul > li > ul {
    opacity: 0;
    transform: translateY(6px);
    transition: all 0.25s ease;
}
 
#top-bar div[class*=top-bar] > ul > li:hover > ul {
    opacity: 1;
    transform: translateY(0);
}
 
#top-bar div[class*=top-bar] > ul > li > ul > li > a {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
 
    transition: transform 0.22s cubic-bezier(.2,.8,.2,1),
                color 0.2s ease;
}
 
#top-bar div[class*=top-bar] > ul > li > ul > li > a:hover {
    transform: translateX(4px) scale(1.05);
    color: rgb(var(--accent-color));
}
 
#top-bar div[class*=top-bar] > ul > li > ul > li > a:active {
    transform: translateX(0) scale(0.97);
}
 
@keyframes smooth-fade {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
 
#main-content,
#side-bar,
#top-bar {
    animation: smooth-fade 0.6s cubic-bezier(.2,.8,.2,1);
}
 
#page-content a:not([href*="user"]):not([href*="javascript:;"]):not([href*="#u-credit-view"]),
#page-content .avatarhover,
.hovertip a,
.classic-collap a.collapsible-block-link {
    padding: 0.15em;
    margin: -0.15em;
    color: rgb(var(--text-color));
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    box-shadow: inset 0 -0.12rem 0 0 rgba(var(--accent-color), 0.8);
    transition:
        box-shadow 260ms cubic-bezier(.2,.8,.2,1),
        color 220ms ease;
}
 
#page-content a:not([href*="user"]):not([href*="javascript:;"]):not([href*="#u-credit-view"]):hover,
#page-content .avatarhover:hover,
.hovertip a:hover,
.classic-collap a.collapsible-block-link:hover {
    box-shadow: inset 0 -1.4em 0 0 rgba(var(--accent-color), 0.18);
    color: rgb(var(--accent-color));
    text-decoration: none;
}
 
a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *) {
    padding-right: 0.4em;
    color: rgb(var(--text-color));
    transition: color 0.25s ease, background-color 0.25s ease;
}
 
.collapsible-block {
    margin: 1em 0; 
}
 
#toc-action-bar > a {
    width: 100%;
    color: rgb(var(--text-color));
    transition: color 0.25s ease, background-color 0.25s ease;
}
 
#toc-action-bar > a:hover,
a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *):hover {
    color: rgb(var(--accent-color));
    background-color: rgba(var(--accent-color), 0.12);
    text-decoration: none;
}
 
#toc-action-bar > a:nth-child(1)::before,
#toc-action-bar > a:nth-child(2)::before,
.collapsible-block-folded a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *)::before,
.collapsible-block-unfolded-link a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *)::before {
 
    margin: 0 0.2em 0 0.4em;
    content: "▼";
 
    color: rgba(var(--accent-color), 0.85);
 
    background-color: transparent;
    display: inline-block;
 
    transition: transform 0.3s cubic-bezier(.2,.8,.2,1),
                color 0.25s ease;
}
 
#toc-action-bar > a:hover::before,
.collapsible-block-link:hover::before {
    color: rgb(var(--accent-color));
}
 
#toc-action-bar > a:nth-child(2)::before,
.collapsible-block-folded a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *)::before {
    animation: collapsible-arrow-spin 0.3s cubic-bezier(.25,.8,.25,1) forwards;
}
 
#toc-action-bar > a:nth-child(1)::before,
.collapsible-block-unfolded-link a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *)::before {
    animation: collapsible-arrow-spin-back 0.3s cubic-bezier(.25,.8,.25,1) forwards;
}
 
a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *) {
    padding-right: 0.4em;
    color: rgb(var(--text-color));
    transition: color 0.25s ease, background-color 0.25s ease;
}
 
.collapsible-block {
    margin: 1em 0; 
}
 
#toc-action-bar > a {
    width: 100%;
    color: rgb(var(--text-color));
    transition: color 0.25s ease, background-color 0.25s ease;
}
 
#toc-action-bar > a:hover,
a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *):hover {
    color: rgb(var(--accent-color));
    background-color: rgba(var(--accent-color), 0.12);
    text-decoration: none;
}
 
#toc-action-bar > a:nth-child(1)::before,
#toc-action-bar > a:nth-child(2)::before,
.collapsible-block-folded a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *)::before,
.collapsible-block-unfolded-link a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *)::before {
 
    margin: 0 0.2em 0 0.4em;
    content: "▼";
 
    color: rgba(var(--accent-color), 0.85);
 
    background-color: transparent;
    display: inline-block;
 
    transition: transform 0.3s cubic-bezier(.2,.8,.2,1),
                color 0.25s ease;
}
 
#toc-action-bar > a:hover::before,
.collapsible-block-link:hover::before {
    color: rgb(var(--accent-color));
}
 
#toc-action-bar > a:nth-child(2)::before,
.collapsible-block-folded a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *)::before {
    animation: collapsible-arrow-spin 0.3s cubic-bezier(.25,.8,.25,1) forwards;
}
 
#toc-action-bar > a:nth-child(1)::before,
.collapsible-block-unfolded-link a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *)::before {
    animation: collapsible-arrow-spin-back 0.3s cubic-bezier(.25,.8,.25,1) forwards;
}
 
@keyframes collapsible-arrow-spin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(-90deg); }
}
 
@keyframes collapsible-arrow-spin-back {
    from { transform: rotate(-90deg); }
    to   { transform: rotate(0deg); }
}
 
#header h1 a span {
    background: radial-gradient(
        ellipse at center,
        #A0B8FF 0%,
        #80D0FF 35%,
        #8A80FF 70%,
        #C0A0FF 100%
    );
    background-size: 200% 200%;
    background-position: center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    -webkit-text-stroke: 2px rgba(40, 40, 60, 0.2);
    text-shadow:
        0 0 2px rgba(120,160,255,0.9),
        0 0 6px rgba(120,160,255,0.7),
        0 0 12px rgba(120,160,255,0.5),
        0 0 20px rgba(120,160,255,0.35);
 
    transition: all 0.35s ease;
    animation: radial-breath 4.5s ease-in-out infinite;
}
 
#header h1 a span:hover {
    text-shadow:
        0 0 8px rgba(130,170,255,0.9),
        0 0 20px rgba(130,170,255,0.7),
        0 0 36px rgba(130,170,255,0.5);
    transform: scale(1.03);
}
 
@keyframes radial-breath {
    0%, 100% {
        background-size: 180% 180%;
        text-shadow: 
            0 0 2px rgba(120,160,255,0.9),
            0 0 6px rgba(120,160,255,0.7),
            0 0 12px rgba(120,160,255,0.5),
            0 0 20px rgba(120,160,255,0.35);
    }
    50% {
        background-size: 220% 220%;
        text-shadow:
            0 0 4px rgba(120,160,255,0.9),
            0 0 10px rgba(120,160,255,0.7),
            0 0 18px rgba(120,160,255,0.5),
            0 0 28px rgba(120,160,255,0.35);
    }
}
 
/* 修正 */
#side-bar .heading, #side-bar .collapsible-block-unfolded-link a, #side-bar .collapsible-block-folded a {
    background: rgb(20 60 160);
}

Fold

Table of Contents

欢迎来到资源中心！

与维基官方提供的指导中心不同，资源中心包含了各路经验丰富的维基老手提供的心得体会和实用工具。它们不是必须阅读的条目，可能具备一定的主观性，但大多十分有用。如你创作了一篇议论、总览或工具，也可以自行编辑本页面，将其添加至合适的位置。如果你不确定自己的作品是否符合列入此处的标准，或者你认为这里应该出现一个新的板块，请联系职员咨询。

资源中心都挂载哪些文章？

拥有 议论 标签，带有作者主观色彩，更近乎“心得体会”的文章。
拥有 总览 标签，系对某一方面内容的总结，被认为有必要贴在本页的文章。
拥有 工具 标签，专用于实现特定目的的功能性页面或介绍。

以上介绍中涉及的各种标签，其更加具体的定义可在标签指导找到。

[+] 如何添加一篇议论 / 总览 / 功能页面

« 指导中心 | 资源中心 |

创作与鉴赏资源

写作指南

文章分析

艺术创作

资源分享

代码与格式帮助

排版帮助

组件中心 - 通过 [[include]] 将这些组件引入你的页面，从而获得用户制作的自定义效果。

版式中心 - 使你的页面风格焕然一新。

代码指南

实用工具

评价与社区交流

社区交流

代码合集（社区贡献） - 由社區成员收集或制作的各种新奇代码。

社区资讯

旧新闻归档 - 快速了解至今以来网站的所有大事件。

社区访谈

其他资源

归档合集

归档页中心 - 因特殊原因归档的页面。

精品归档 - 因主页轮换而归档的精品页面。

竞赛 / 活动归档 - 因竞赛/活动结束而归档的中心页页面。

合作总览

页面版本: 13, 最后编辑于: 30 Apr 2026 15:33

编辑评分 (0) 标签讨论历史记录附件打印网站工具 + 选项

OUR World！

我们在此团聚

欢迎来到资源中心！

资源中心都挂载哪些文章？

创作与鉴赏资源

代码与格式帮助

评价与社区交流

其他资源