Hub Bảy Đại Tội

:root {
    --posX: calc(50% - 358px - 12rem);
    --fnTransition: 0.3s;
    --fnLinger: 0.15s;
    --fnInteract: calc(var(--fnTransition) + var(--fnLinger));
}
 
/*--- Footnote Auto-counter --*/
#main-content {
    counter-reset: megacount;
}
 
/*--- Footnote Superscript Number --*/
.fnnum {
    display: inline-block;
    width: max-content;
    text-indent: -0.475ex;
    vertical-align: super;
    line-height: 80%;
    word-break: initial;
    text-decoration: none;
    font-weight: bold;
    font-style: initial;
    color: transparent;
    position: relative;
    font-size: 80%;
    padding: .15em .05em;
    margin-right: -0.25em;
    counter-increment: megacount;
    -webkit-user-select: none;
    user-select: none;
}
.fnnum::after {
    content: "" counter(megacount);
    color: var(--fnColor, #E6283C);
}
.fnnum:hover {
    text-decoration: none;
    cursor: pointer;
    background-color: var(--fnColor, #E6283C);
}
.fnnum:hover::after { color: white; }
 
/*--- Footnote Content Wrapper --*/
.fncon {
    position: absolute;
    right: calc(var(--posX) + 80px);
    line-height: 1.25;
    padding: 0.8125rem;
    width: 12.5rem;
    box-sizing: border-box;
    background: white;
    border: .125rem solid black;
    font-size: .9125rem;
    font-weight: initial;
    font-style: normal;
    text-align: initial;
    visibility: hidden;
    opacity: 0;
    z-index: 9;
    transition:
        opacity 0.15s linear var(--fnLinger),
        right var(--fnTransition) cubic-bezier(.08,.72,.5,.94) var(--fnLinger),
        visibility 0.01s linear var(--fnInteract);
}
.fnnum:hover + .fncon, .fncon:hover {
    opacity: 1;
    z-index: 10;
    right: var(--posX);
    visibility: visible;
    transition:
        opacity 0.15s linear,
        right var(--fnTransition) cubic-bezier(.08,.72,.5,.94);
}
 
.fncon::before {
    position: absolute;
    top: 0; left: 0;
    transform: translateX(-52%) translateY(-55%) scale(1.15);
    background-color: var(--fnColor, #E6283C);
    color: white;
    content: counter(megacount);
    font-size: initial;
    font-weight: bold;
    font-style: initial;
    padding: 0.18rem 0.32em 0.08rem;
}
 
/*--- Mobile Query --*/
@media only screen and (max-width: 1279px) {
    .fncon {
        position: fixed;
        bottom: 1.5rem;
        left: calc(15% - 50px);
        width: 70%;
        transition:
            opacity 0.15s linear var(--fnLinger),
            left var(--fnTransition) cubic-bezier(.08,.72,.5,.94) var(--fnLinger),
            visibility 0.01s linear var(--fnInteract);
    }
    .fnnum:hover + .fncon, .fncon:hover {
        left: 15%;
        transition:
            opacity 0.15s linear,
            left var(--fnTransition) cubic-bezier(.08,.72,.5,.94);
    }
}

"Nhân chi sơ tính bản thiện - Mạnh Tử", "Nhân chi sơ, tính bản ác - Tuân Tử", "Thất hình đại tội"…là hai mặt của một đồng xu, là bản chất thâm sâu, nguyên thủy nhất của nhân loại. Việc nhận thức được tội lỗi, và hành động để cứu chuộc bản thân, hay buông thả theo cám dỗ của bản năng, là tiền đề để định nghĩa con người: con người.

RedEyeMikeyy

TỘI LỖI THỨ NHẤT
NGẠO

TRUY CẬP

Dept

TỘI LỖI THỨ HAI
THAM

TRUY CẬP

KirQ

TỘI LỖI THỨ BA
DỤC

TRUY CẬP

Tutel

TỘI LỖI THỨ BỐN
SÂN

TRUY CẬP

Erebus030

TỘI LỖI THỨ NĂM
PHÀM

TRUY CẬP

Flawed

TỘI LỖI THỨ SÁU
HẬN

TRUY CẬP

Yohank

TỘI LỖI THỨ BẢY
LÃN

TRUY CẬP

Để chào mừng tháng Mười năm 2024, một nhóm tác giả nhỏ của chi nhánh Việt Nam đã tụ họp lại với nhau để cùng nhau cho ra một tệp tác phẩm mang tông màu của "tháng ma quỷ" nhằm hưởng ứng với các nhánh chị em khác của Tổ Chức SCP.

Bảy mối tội đầu luôn khiến chúng ta phải e sợ xuyên suốt hàng thiên niên kỷ, và chúng sẽ ra sao ở trong vũ trụ này? Chuỗi tác phẩm sẽ đi vào một số khía cạnh của tội lỗi, về góc nhìn của Tổ Chức đối với chúng hay chỉ đơn giản là cách tội lỗi được giáng xuống cho họ.

Note: Xin hãy lưu ý rằng, đây không phải là series Anthology chính thức của chi nhánh Việt Nam! Toàn bộ các bài viết này được coi là một chuỗi tác phẩm do các tác giả làm việc cùng nhau để hưởng ứng tinh thần tháng ma quái. Cảm ơn mọi người. 👻👻👻

Xin đặc biệt gửi lời cảm ơn đến artist Duy Giang đã thiết kế banner và phần hình ảnh cho hub!