+ Show component code

@supports(display: grid) {
    :root {
     --sidebar-width-on-desktop: calc((var(--base-font-size) * (14 / 15)) * 19);
     --body-width-on-desktop: 45.75rem;
    }
    @media only screen and (min-width: 769px) {
     #side-bar .close-menu {
     display: block;
     position: fixed;
     top: 0.25rem;
     left: 0.5rem;
     width: 3rem;
     opacity: 1;
     pointer-events: all;
     z-index: -1;
     }
 
     #side-bar .close-menu img {
     color: transparent;
     }
 
     #side-bar .close-menu::before,
     #side-bar .close-menu::after {
     content: "";
     box-sizing: border-box;
     position: fixed;
     display: block;
     top: 0.5rem;
     left: 0.5rem;
     width: 3rem;
     height: 3rem;
     padding: 0;
     margin: 0;
     text-align: center;
     pointer-events: all;
     cursor: pointer;
     transition:
     opacity var(--sidebar-transition-timing);
     }
 
     #side-bar .close-menu::before {
     --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Hamburger' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cpath d='M4 10h24c1.1 0 2-.9 2-2s-.9-2-2-2H4c-1.1 0-2 .9-2 2s.9 2 2 2zm24 4H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2zm0 8H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2z'/%3E%3C/svg%3E");
     z-index: -1;
     background-color: var(--toggle-icon-color, rgb(var(--sidebar-links-text))) !important;
     -webkit-mask: var(--mask);
     mask: var(--mask);
     -webkit-mask-repeat: no-repeat;
     mask-repeat: no-repeat;
     -webkit-mask-position: 50% 50%;
     mask-position: 50% 50%;
     -webkit-mask-size: 60%;
     mask-size: 60%;
     }
 
     #side-bar .close-menu::after {
     z-index: -2;
     background-color: var(--toggle-button-bg, rgb(var(--sidebar-bg-color))) !important;
     border-radius: var(--toggle-roundness, 50%);
     border: var(--toggle-border-color, rgb(var(--sidebar-links-text))) var(--toggle-border-width, 0.25rem) solid;
     }
 
     #side-bar:focus-within .close-menu::before,
     #side-bar:focus-within .close-menu::after {
     opacity: 0;
     }
 
     #side-bar {
     display: block;
     position: fixed;
     top: 0;
     left: calc(var(--sidebar-width-on-desktop)*-1);
     z-index: 10;
     transition:
     left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
     height: 100%;
     overflow-y: auto;
     overflow-x: hidden;
     margin-top: 0;
     }
 
     #side-bar:focus-within {
     left: 0;
     }
 
     #side-bar .side-block {
     margin-top: 1rem;
     background-color: rgb(0, 0, 0, 0);
     border-radius: 0;
     border-left-width: 0px;
     border-right-width: 0px;
     }
 
     #main-content::before {
     content: "";
     display: block;
     position: fixed;
     top: 0;
     right: 0;
     z-index: -1;
     opacity: 0;
     transition:
     opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
     width 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
     margin-left: var(--sidebar-width-on-desktop);
     background: rgba(var(--swatch-menubg-black-color), .3) 1px 1px repeat;
     padding-right: 0;
     width: 100%;
     height: 100vh;
     pointer-events: none;
     z-index: 99;
     }
 
     #side-bar:focus-within~#main-content::before {
     width: calc(100% - var(--sidebar-width-on-desktop));
     opacity: 1;
     pointer-events: all;
     }
 
     #content-wrap {
     display: flex;
     flex-direction: row;
     width: calc(100vw - (100vw - 100%));
     min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem)));
     flex-grow: 2;
     height: auto;
     position: relative;
     margin: 0 auto;
     max-width: inherit;
     }
 
     #main-content {
     width: 100%;
     position: initial;
     max-height: 100%;
     padding: 2rem 1rem;
     width: var(--body-width-on-desktop, 45.75rem);
     max-width: var(--body-width-on-desktop, 45.75rem);
     margin: 0 auto;
     }
 
     #page-content {
     max-width: min(90vw, var(--body-width-on-desktop, 45.75rem));
     }
 
     @media not all and (-webkit-min-device-pixel-ratio:0), not all and (min-resolution:.001dpcm) {
     @supports (-webkit-appearance:none) {
     #side-bar {
     transition:
     left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
     padding-right 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
     background-color 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
     padding-right: 0;
     background-color: rgb(0, 0, 0, 0);
     pointer-events: all;
     overflow-x: visible;
     overflow-y: visible;
     z-index: 999;
     }
 
     #side-bar::-webkit-scrollbar {
     opacity: 0;
     -webkit-transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
     transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
     }
 
     #side-bar .close-menu::before {
     z-index: 999;
     }
 
     #side-bar .close-menu::after {
     z-index: 998;
     }
 
     #side-bar:hover .close-menu::before {
     opacity: 0;
     }
 
     #side-bar:hover {
     left: 0;
     background-color: rgba(var(--swatch-menubg-color), 1);
     padding-right: 0;
     }
 
     #side-bar:hover::-webkit-scrollbar {
     opacity: 1;
     }
 
     #side-bar:hover~#main-content::before {
     width: calc(100% - var(--sidebar-width-on-desktop));
     opacity: 1;
     pointer-events: all;
     }
     }
     }
    }
}

---

+ Hiện code

@supports(display: grid) {
    :root {
        /* header measurements */
        --header-height-on-desktop: 10rem;
        --header-height-on-mobile: 10rem;
        --header-h1-font-size: clamp(2rem, 5vw, 2.8125rem);
        --header-h2-font-size: clamp(0.875rem, 3vw, 0.9375rem);
    }
 
    #header {
        --search-textbox-text-color: var(--swatch-secondary-color);
        background: none;
    }
 
    #header::before {
        content: " ";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0.75rem;
        background-image: var(--logo-image);
        background-repeat: no-repeat;
        background-position: center 0;
        background-size: auto calc(var(--header-height-on-desktop) - 1.5rem);
        opacity: 0.8;
        pointer-events: none;
    }
 
    #header h1,
    #header h2 {
        margin: 0;
        padding: 0;
        width: 100%;
        height: var(--header-height-on-desktop);
        display: flex;
        align-items: center;
        justify-content: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
 
    #header h1 a,
    #header h1 a::before,
    #header h2 span,
    #header h2 span::before {
        margin: 0;
        padding: 0;
        z-index: 0;
        display: block;
        text-align: center;
    }
 
    #header h1 {
        z-index: 1;
    }
 
    #header h1 a::before,
    #header h1 a::after {
        content: var(--header-title);
    }
 
    #header h1 a::before  {
        color: rgb(var(--swatch-text-tertiary-color));
        z-index: -1;
        -webkit-text-stroke: 0.325rem rgb(var(--swatch-text-dark));
    }
 
    #header h1 a::after {
        color: rgb(var(--swatch-headerh1-color));
        z-index: 1;
    }
 
    #header h2 {
        z-index: 0;
        text-transform: uppercase;
        pointer-events: none;
    }
 
    #header h2 span {
        margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - 2em);
    }
 
    #header h2 span::before,
    #header h2 span::after {
        --wght: 600;
        content: var(--header-subtitle);
        position: absolute;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        width: 100%;
        text-align: center;
    }
 
    #header h2 span::before {
        -webkit-text-stroke: 0.25rem rgb(var(--swatch-text-dark));
    }
 
    #header h2 span::after {
        color: rgb(var(--swatch-headerh2-color));
        z-index: 1;
    }
 
    #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
        color: rgba(0, 0, 0, 0);
    }
 
    @media (min-width: 36rem) {
 
        #login-status {
            flex-grow: 1;
            left: 3%;
            right: initial;
        }
 
     #login-status::before {
     --mask-image: none;
     background-color: transparent;
     }
 
        #login-status:not(:focus-within) {
            color: rgb(var(--login-line-divider-color));
            -webkit-user-select: initial;
            -moz-user-select: initial;
            -ms-user-select: initial;
            user-select: initial;
        }
 
        #login-status #account-topbutton,
        #login-status:not(:focus-within) #account-topbutton {
            --clip-path:
                    polygon( 0 0, 100% 0, 100% 100%, 0 100% );
            background-color: rgba(var(--login-arrow-color), 0);
 
        }
 
        #login-status #account-topbutton::before{
            --clip-path:
                    polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% );
            --mask-image: initial;
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(var(--login-arrow-color), 1);
            -webkit-clip-path: var(--clip-path);
            clip-path: var(--clip-path);
        }
 
        #login-status #account-topbutton::before,
        #login-status:not(:focus-within) #account-topbutton::before,
        #login-status:not(:focus-within) #account-topbutton:hover::before {
            --clip-path:
                    polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% );
            --mask-image: initial;
        }
 
        #login-status:not(:focus-within) #account-topbutton::after {
            display: none;
        }
 
        #login-status:not(:focus-within) *:not(#account-topbutton):not([href*="account/messages"]) {
            --clip-path:
                    polygon(
                        0 0,
                        100% 0,
                        100% 100%,
                        0 100%
                    );
            pointer-events: all;
            -webkit-clip-path: var(--clip-path);
            clip-path: var(--clip-path);
        }
 
        #login-status:not(:focus-within) *:not(#account-topbutton):not(#account-options):not([href*="account/messages"]) {
            opacity: 1;
        }
 
        #login-status #my-account {
            --wght: 300;
        }
 
        #account-options {
            background: var(--gradient-header);
        }
 
        #search-top-box {
            top: 1.5em;
            right: 3%;
            background: rgba(var(--search-focus-textbox-bg-color), 0.4);
            box-shadow: calc(var(--search-height) / 2 * -1) 0 calc(var(--search-height) / 2) rgba(var(--search-focus-textbox-bg-color), 0.4);
        }
 
     #search-top-box:focus-within ~ #login-status {
     opacity: 1;
     }
 
        #search-top-box::after {
            transition:
                background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
                -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
            transition:
                background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
                clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
            transition:
                background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
                clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1),
                -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
        }
 
        #search-top-box:not(:focus-within)::after {
            --clip-path:
                    polygon(
                        0 0,
                        100% 0,
                        100% 100%,
                        0% 100%
                    );
            background-color: rgba(var(--search-icon-bg-color, --dark-accent), 1);
            -webkit-clip-path: var(--clip-path);
            clip-path: var(--clip-path);
        }
 
        #search-top-box:not(:focus-within):hover::after {
            --clip-path:
                    polygon(
                        0 0,
                        100% 0,
                        100% 100%,
                        0 100%
                    );
            background-color: rgb(var(--search-icon-hover-bg-color));
        }
 
        #search-top-box form[id="search-top-box-form"]:not(:focus-within) {
            max-width: var(--search-width);
        }
 
        #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
            max-width: var(--search-width);
            padding: 0 var(--search-height) 0 1em;
            outline-width: 0;
            background-color: rgb(var(--search-focus-textbox-bg-color), 0.35);
            color: rgba(var(--search-textbox-text-color), 0.4);
            cursor: pointer;
        }
 
        #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="submit"],
        #search-top-box form[id="search-top-box-form"]:focus-within input[type="submit"] {
            pointer-events: all;
            border: none;
        }
 
    }
 
    #page-title::after,
    .meta-title::after,
    #page-title::before,
    .meta-title::before {
        content: "";
        flex-grow: 1;
        height: 0.0625rem;
        background: rgb(var(--swatch-primary));
    }
 
    #page-title::before,
    .meta-title::before {
        margin: auto 1.25rem auto auto;
    }
}

Hướng dẫn sử dụng Hệ thống Phân loại Dị thể (ACS)

---

ACS là gì?

ACS là một hệ thống phân loại dị thể mới giúp bổ sung thêm chiều sâu cho hệ thống Phân loại hiện đang được sử dụng. Vai trò của nó không phải là thay thế hệ thống Phân loại hiện nay. Nó chỉ có mục đích là bổ trợ cho hệ thống này.

Các thành viên đóng góp

Hệ thống Phân loại Dị thể được tạo bởi Woedenaz với sự giúp đỡ hết mình của: The Great Hippo | Rounderhouse | djkaktus | Yossipossi | Captain Kirby | CadaverCommander | Uncle Nicolini | aismallard | Jade Skylar | Lt Flops | Sterbai

Cơ sở dữ liệu bao gồm tất cả những bài viết sử dụng ACS

*(Phần lớn) bảng này được tự động tạo bởi một công cụ có khả năng quét tất cả các SCP và tìm ra mọi trang đang sử dụng ACS, bất kể trang đó có đang sử dụng Thanh Component ACS hay không.

Nếu bạn tìm được một bài viết có sử dụng ACS nhưng không nằm trong danh sách dưới đây, hãy báo cho Woedenaz!

TÍNH ĐẾN NGÀY: 21/3/2021

<<MỞ CƠ SỞ DỮ LIỆU ACS>>

VÍ DỤ

Ví dụ về ACS Dạng Chuẩn

Mã vật thể: 2105

Cấp2

Phân loại Quản thúc:

euclid

Phân loại Bổ sung:

none

Phân loại Quy mô:

vlam

Phân loại Hiểm họa:

notice

Để sử dụng, hãy xem Hướng dẫn sử dụng Component tại đây

---

Xem thêm về ACS Dạng Trung Gian và Dạng Chữ tại đây.

Ví dụ Dạng Trung Gian

Đường link tới trang hướng dẫn

Mã Vật thể: 2105

Cấp độ An ninh 2: Giới hạn

Phân loại Quản thúc: Euclid

Phân loại Quy mô: 2/Vlam

Phân loại Ảnh hưởng: 1/Notice

+ Mở mã nguồn ví dụ ACS dạng trung gian

[[module css]]
:root {
    --five-color: 196,2,51;
    --four-color: 255,109,0;
    --three-color: 255,211,0;
    --two-color: 0,135,189;
    --one-color: 0,159,107;
}

.acs-hybrid {
    display: -ms-grid;
    display: grid;
        grid-template-areas:
     "item item clear"
     "contain disrupt disrupt"
     "contain risk risk";
    -ms-grid-rows: 1fr 0.125rem 1fr 0.125rem 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    -ms-grid-columns: 25% 0.125rem 1fr 0.125rem 1fr;
    grid-template-columns: 25% 1fr 1fr;
    grid-gap: 0.125rem;
    width: 100%;
    height: 6.5rem;
    background-color: rgb(var(--black-monochrome, 12, 12, 12));
    position: relative;
}

.acs-hybrid > a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: rgb(0,0,0,0);
}

@media (max-width: 500px ) {
    .acs-hybrid {
     grid-template-areas:
     "item item clear"
     "contain contain contain"
     "disrupt disrupt disrupt"
     "risk risk risk";
     grid-template-rows: 2fr 2fr 1fr 1fr;
     height: 10rem;
     max-height: 50vh;
    }
}

.acs-hybrid > div {
    background-color: rgb(var(--white-monochrome, 252, 252, 252));
    padding: 0.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.acs-hybrid > div strong {
    margin-right: 0.25rem;
}

.acs-hybrid > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.acs-hybrid > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.acs-hybrid .acs-hybrid-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: 0.25rem;
}

.acs-hybrid .acs-hybrid-icon img {
    border-radius: 50%;
    border: 0.125rem solid rgb(var(--black-monochrome,12,12,12));
}

.acs-hybrid > .acs-hybrid-contain .acs-hybrid-icon {
    height: 3.5rem;
    width: 3.5rem;
}

.acs-hybrid > .acs-hybrid-disrupt .acs-hybrid-icon,
.acs-hybrid > .acs-hybrid-risk .acs-hybrid-icon {
    height: 1.5rem;
    width: 1.5rem;
}

.acs-hybrid > .acs-hybrid-item {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: item;
    font-size: 1.5em;
}

.acs-hybrid > .acs-hybrid-clear {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    grid-area: clear;
    font-size: 1.25em;
}

.acs-hybrid > .acs-hybrid-clear.acs-clear-1 {
    -webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--one-color));
            box-shadow: inset 0.25rem 0 0 0 rgb(var(--one-color));
    padding-left: 0.5em;
}

.acs-hybrid > .acs-hybrid-clear.acs-clear-2 {
    -webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--two-color));
            box-shadow: inset 0.25rem 0 0 0 rgb(var(--two-color));
    padding-left: 0.5em;
}

.acs-hybrid > .acs-hybrid-clear.acs-clear-3 {
    -webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--three-color));
            box-shadow: inset 0.25rem 0 0 0 rgb(var(--three-color));
    padding-left: 0.5em;
}

.acs-hybrid > .acs-hybrid-clear.acs-clear-4 {
    -webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--four-color));
            box-shadow: inset 0.25rem 0 0 0 rgb(var(--four-color));
    padding-left: 0.5em;
}

.acs-hybrid > .acs-hybrid-clear.acs-clear-5 {
    -webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--five-color));
            box-shadow: inset 0.25rem 0 0 0 rgb(var(--five-color));
    padding-left: 0.5em;
}

.acs-hybrid > .acs-hybrid-contain {
    -ms-grid-row: 3;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    grid-area: contain;
    font-size: 1.25em;
    padding-left: 0.75em;
}

.acs-hybrid > .acs-hybrid-contain.acs-neutralized,
.acs-hybrid > .acs-hybrid-contain.acs-esoteric {
    -webkit-box-shadow: inset 0.5rem 0 0 0 rgba(var(--gray-monochrome, 66, 66, 72),0.15);
            box-shadow: inset 0.5rem 0 0 0 rgba(var(--gray-monochrome, 66, 66, 72),0.15);
}

.acs-hybrid > .acs-hybrid-contain.acs-pending {
    -webkit-box-shadow: inset 0.5rem 0 0 0 rgb(var(--white-monochrome, 12, 12, 12));
            box-shadow: inset 0.5rem 0 0 0 rgb(var(--white-monochrome, 12, 12, 12));
    background-color: rgb(var(--black-monochrome, 12, 12, 12));
    color: rgb(var(--white-monochrome, 252, 252, 252));
}

.acs-hybrid > .acs-hybrid-contain.acs-explained {
    -webkit-box-shadow: inset 0.5rem 0 0 0 rgb(var(--black-monochrome, 12, 12, 12));
            box-shadow: inset 0.5rem 0 0 0 rgb(var(--black-monochrome, 12, 12, 12));
}

.acs-hybrid > .acs-hybrid-contain.acs-safe {
    -webkit-box-shadow: inset 0.5rem 0 0 0 rgb(var(--one-color));
            box-shadow: inset 0.5rem 0 0 0 rgb(var(--one-color));
}

.acs-hybrid > .acs-hybrid-contain.acs-euclid {
    -webkit-box-shadow: inset 0.5rem 0 0 0 rgb(var(--three-color));
            box-shadow: inset 0.5rem 0 0 0 rgb(var(--three-color));
}

.acs-hybrid > .acs-hybrid-contain.acs-keter {
    -webkit-box-shadow: inset 0.5rem 0 0 0 rgb(var(--five-color));
            box-shadow: inset 0.5rem 0 0 0 rgb(var(--five-color));
}

.acs-hybrid > .acs-hybrid-contain.acs-euclid img {
    background-color: rgb(var(--three-color));
}

.acs-hybrid > .acs-hybrid-disrupt {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
    grid-area: disrupt;
}

.acs-hybrid > .acs-hybrid-disrupt.acs-dark,
.acs-hybrid > .acs-hybrid-disrupt.acs-vlam,
.acs-hybrid > .acs-hybrid-disrupt.acs-keneq,
.acs-hybrid > .acs-hybrid-disrupt.acs-ekhi,
.acs-hybrid > .acs-hybrid-disrupt.acs-amida, {
    padding-left: 0.5em;
}

.acs-hybrid > .acs-hybrid-disrupt.acs-dark {
    -webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--one-color));
            box-shadow: inset 0.25rem 0 0 0 rgb(var(--one-color));
}

.acs-hybrid > .acs-hybrid-disrupt.acs-dark img {
    background-color: rgb(var(--one-color));
}

.acs-hybrid > .acs-hybrid-disrupt.acs-vlam img {
    background-color: rgb(var(--two-color));
}

.acs-hybrid > .acs-hybrid-disrupt.acs-vlam {
    -webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--two-color));
            box-shadow: inset 0.25rem 0 0 0 rgb(var(--two-color));
}

.acs-hybrid > .acs-hybrid-disrupt.acs-keneq {
    -webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--three-color));
            box-shadow: inset 0.25rem 0 0 0 rgb(var(--three-color));
}

.acs-hybrid > .acs-hybrid-disrupt.acs-keneq {
    -webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--three-color));
            box-shadow: inset 0.25rem 0 0 0 rgb(var(--three-color));
}

.acs-hybrid > .acs-hybrid-disrupt.acs-ekhi {
    -webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--four-color));
            box-shadow: inset 0.25rem 0 0 0 rgb(var(--four-color));
}

.acs-hybrid > .acs-hybrid-disrupt.acs-ekhi {
    -webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--four-color));
            box-shadow: inset 0.25rem 0 0 0 rgb(var(--four-color));
}

.acs-hybrid > .acs-hybrid-disrupt.acs-amida {
    -webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--five-color));
            box-shadow: inset 0.25rem 0 0 0 rgb(var(--five-color));
}

.acs-hybrid > .acs-hybrid-disrupt.acs-amida {
    -webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--five-color));
            box-shadow: inset 0.25rem 0 0 0 rgb(var(--five-color));
}

.acs-text > .acs-text-risk,
.acs-hybrid > .acs-hybrid-risk {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
    grid-area: risk;
}

.acs-hybrid > .acs-hybrid-risk.acs-notice,
.acs-hybrid > .acs-hybrid-risk.acs-caution,
.acs-hybrid > .acs-hybrid-risk.acs-warning,
.acs-hybrid > .acs-hybrid-risk.acs-danger,
.acs-hybrid > .acs-hybrid-risk.acs-critical {
    padding-left: 0.5em;
}

.acs-hybrid > .acs-hybrid-risk.acs-notice {
    -webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--one-color));
            box-shadow: inset 0.25rem 0 0 0 rgb(var(--one-color));
}

.acs-hybrid > .acs-hybrid-risk.acs-notice img {
    background-color: rgb(var(--one-color));
}

.acs-hybrid > .acs-hybrid-risk.acs-caution {
    -webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--two-color));
            box-shadow: inset 0.25rem 0 0 0 rgb(var(--two-color));
}

.acs-hybrid > .acs-hybrid-risk.acs-caution img {
    background-color: rgb(var(--two-color));
}

.acs-hybrid > .acs-hybrid-risk.acs-warning {
    -webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--three-color));
            box-shadow: inset 0.25rem 0 0 0 rgb(var(--three-color));
}

.acs-hybrid > .acs-hybrid-risk.acs-warning img {
    background-color: rgb(var(--three-color));
}

.acs-hybrid > .acs-hybrid-risk.acs-danger {
    -webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--four-color));
            box-shadow: inset 0.25rem 0 0 0 rgb(var(--four-color));
}

.acs-hybrid > .acs-hybrid-risk.acs-danger img {
    background-color: rgb(var(--four-color));
}

.acs-hybrid > .acs-hybrid-risk.acs-critical {
    -webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--five-color));
            box-shadow: inset 0.25rem 0 0 0 rgb(var(--five-color));
}

.acs-hybrid > .acs-hybrid-risk.acs-critical img {
    background-color: rgb(var(--five-color));
}
[[/module]]

[[div_ class="acs-hybrid"]]
[http://scp-vn.wikidot.com/anomaly-classification-system-guide Đường link tới trang hướng dẫn]
[[div_ class="acs-hybrid-item"]]
[[span]]**Mã Vật thể:** 2105[[/span]]
[[/div]]
[[div_ class="acs-hybrid-clear acs-clear-2"]]
**Cấp độ An ninh 2:** Giới Hạn
[[/div]]
[[div_ class="acs-hybrid-contain acs-euclid"]]
[[div_ class="acs-hybrid-text"]]
**Phân loại Quản thúc:** Euclid
[[/div]]
[[div_ class="acs-hybrid-icon"]]
[[image http://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/euclid-icon.svg]]
[[/div]]
[[/div]]
[[div_ class="acs-hybrid-disrupt acs-vlam"]]
[[div_ class="acs-hybrid-text"]]
**Phân loại Quy mô:** 2/Vlam
[[/div]]
[[div_ class="acs-hybrid-icon"]]
[[image http://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/vlam-icon.svg]]
[[/div]]
[[/div]]
[[div_ class="acs-hybrid-risk acs-notice"]]
[[div_ class="acs-hybrid-text"]]
**Phân loại Ảnh hưởng:** 1/Notice
[[/div]]
[[div_ class="acs-hybrid-icon"]]
[[image http://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/vlam-icon.svg]]
[[/div]]
[[/div]]
[[/div]]

---

Ví dụ Dạng Chữ

Đường link tới trang hướng dẫn

Mã Vật thể: 2105

Cấp độ An ninh 2: Giới Hạn

Phân loại Quản thúc: Euclid

Phân loại Quy mô: 2/Vlam

Phân loại Hiểm họa: 1/Notice

+ Mở mã nguồn ví dụ dạng chữ

[[module css]]
.acs-text {
    display: grid;
    grid-template-areas:
     "item item clear"
     "contain disrupt disrupt"
     "contain risk risk";
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-columns: 25% 1fr 1fr;
    grid-gap: 0.125rem;
    width: 100%;
    height: 6.5rem;
    background-color: rgb(var(--black-monochrome, 12, 12, 12));
    line-height: 1;
    position: relative;
}

.acs-text > a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: rgb(0,0,0,0);
}

@media (max-width: 500px ) {
    .acs-text {
     grid-template-areas:
     "item item clear"
     "contain contain contain"
     "disrupt disrupt disrupt"
     "risk risk risk";
     grid-template-rows: 2fr 2fr 1fr 1fr;
     height: 10rem;
     max-height: 50vh;
    }
}

.acs-text > div {
    background-color: rgb(var(--white-monochrome, 252, 252, 252));
    padding: 0.25rem;
    display: flex;
    align-items: center;
}

.acs-text > div strong {
    margin-right: 0.25rem;
}

.acs-text > .acs-text-item {
    grid-area: item;
    font-size: 1.5em;
}

.acs-text > .acs-text-clear {
    grid-area: clear;
    font-size: 1.25em;
}

.acs-text > .acs-text-contain {
    grid-area: contain;
    font-size: 1.25em;
}

.acs-text > .acs-text-disrupt {
    grid-area: disrupt;
}

.acs-text > .acs-text-risk {
    grid-area: risk;
}
[[/module]]
[http://scp-vn.wikidot.com/anomaly-classification-system-guide Đường link tới trang hướng dẫn]
[[div_ class="acs-text"]]
[[div_ class="acs-text-item"]]
[[span]]**Mã Vật thể:** 2105[[/span]]
[[/div]]
[[div_ class="acs-text-clear"]]
**Cấp độ An ninh 2:** Giới Hạn
[[/div]]
[[div_ class="acs-text-contain"]]
[[span]]**Phân loại Quản thúc:** Euclid[[/span]]
[[/div]]
[[div_ class="acs-text-disrupt"]]
**Phân loại Quy mô:** 2/Vlam
[[/div]]
[[div_ class="acs-text-risk"]]
**Phân loại Hiểm họa:** 1/Notice
[[/div]]
[[/div]]

---

Ví dụ Dạng Cơ Bản

Mã Vật thể: SCP-4205
Cấp độ An ninh 2: Giới Hạn

Phân loại Quản thúc: Euclid
Phân loại Quy mô: 2/Vlam
Phân loại Hiểm họa: 1/Notice

+ Mở mã nguồn ví dụ dạng cơ bản

**Mã Vật thể:** SCP-4205
**Cấp độ An ninh 2:** Restricted

**Phân loại Quản Thúc:** Euclid
**Phân loại Quy mô:** 2/Vlam
**Phân loại Hiểm họa:** 1/Notice

---

Các phân loại dị thể được sử dụng trong ACS được liệt kê dưới đây:

Cấp độ An ninh

Đây là kết quả của việc áp dụng các Cấp độ An ninh sẵn có vào hên thống ACS. Một số thay đổi sẽ được mô tả dưới đây. Các Cấp độ An ninh mô tả cấp độ quyền truy cập mà nhân sự cần có để được phép đọc thông tin bên trong văn bản.

Phân loại Quản thúc

Phân loại này giống với phần "Phân loại" thường thấy. Phân loại này được thay đổi tên gọi để làm rõ hơn chức năng của nó: Quản thúc. Đây là phần "Quản thúc" trong "Lưu trữ, Quản thúc, Bảo vệ."

Phân loại Quy mô

Đây là một trong số những phân loại mới được sáng tạo cho Hệ thống Phân loại này. Phân loại Quy mô đề cập tới khả năng dị thể làm biến đổi trạng thái bình thường và/hoặc đe dọa đến Tấm Màn. Đây là phần "Lưu trữ" trong "Lưu trữ, Quản thúc, Bảo vệ."

Khi cân nhắc về một Phân loại Quy mô cho một dị thể, bạn hãy tự hỏi những câu hỏi sau:

1. Ảnh hưởng của dị thể có thể lan truyền nhanh đến mức nào?
2. Ảnh hưởng đó sẽ lan truyền đến đâu nếu không được kiểm soát?
3. Tổ Chức có khả năng vô hiệu hóa dị thể một cách dễ dàng không?

Phân loại Hiểm họa

Đây là một trong số những phân loại mới được sáng tạo cho Hệ thống Phân loại này. Phân loại Hiểm họa đề cập đến mức độ nghiêm trọng mà dị tính của dị thể tác động lên một cá nhân và khả năng họ hồi phục từ những tác động này. Đây là phần "Bảo vệ" trong "Lưu trữ, Quản thúc, Bảo vệ."

Khi cân nhắc về một Phân loại Hiểm họa cho một dị thể, bạn hãy tự hỏi những câu hỏi sau:

1. Một cá nhân có thể hồi phục sau khi bị dị thể tác động hay không, và nếu có, họ có hồi phục dễ dàng hay không?
2. Tác động của dị thể mạnh đến mức nào?

#Có thể nhận biết tác động của dị thể từ khoảng cách bao xa?

Phân loại Phụ

Đây là một mục phân loại không bắt buộc, và vốn đã có sẵn từ trước. Phân loại Phụ cũng có thể được gọi là "Phân loại Huyền bí."

Các Phân loại Huyền bí trong danh sách này có thể được sử dụng tại đây.

Phân loại Quản thúc cần được đặt thành "Esoteric" khi sử dụng một Phân loại Phụ, dù điều này cũng không gây ảnh hưởng đến mã nguồn.

Mô tả Chi tiết

Cấp độ An ninh

Cấp độ An ninh là một thành phần chính của Hệ thống Phân loại Dị thể được xác định chủ yếu phụ thuộc vào headcanon của tác giả và người đọc. Phần mô tả dưới đây sẽ đề cập đến một trong số những cách thức hoạt động cụ thể của Tổ Chức, và cách thức này có thể không giống với quan điểm của bạn về Tổ Chức, nhưng không sao cả! Hãy coi đó như một hướng dẫn chung và chỉnh sửa nó theo cách bạn cần.

Cấp độ 1: Không giới hạn (UR)

Mọi nhân sự của Tổ Chức có thể xem tài liệu này. Nếu ai đó được Tổ Chức trả lương định kì, họ có thể xem tài liệu..

Cấp độ 2: Giới hạn (RS)

Phần lớn nhân sự Tổ Chức có thể xem tài liệu này nếu yêu cầu của họ được chấp nhận. Nếu một nhân sự là thượng cấp của nhân sự khác, họ hiển nhiên có quyền truy cập Cấp 2. Nếu một nhân sự không là thượng cấp của nhân sự nào khác, họ sẽ cần yêu cầu thượng cấp của mình cho phép truy cập.

Cấp độ 3: Nhạy cảm (CF)

Chỉ một số ít các nhân sự được phép xem tài liệu này. Những nhân sự phụ trách quản lý chính tại một Điểm sẽ có quyền truy cập Cấp 3. Nếu một nhân sự là thượng cấp của nhân sự khác, tuy nhiên chưa có quyền truy cập Cấp 3, họ cần gửi yêu cầu truy cập đến nhân sự quản lý điểm. Nếu một nhân sự không là thượng cấp của nhân sự nào khác, họ cần gửi yêu cầu truy cập đến thượng cấp của mình, và người này sẽ gửi yêu cầu truy cập đến nhân sự quản lý điểm.

Cấp độ 4: Bí mật (SC)

CHỈ những nhân sự quản lý điểm và quản lý chung Tổ Chức mới có quyền truy cập tài liệu này. Nhìn chung, yêu cầu truy cập của nhân sự không có quyền truy cập Cấp độ 4 thường sẽ bị từ chối, và chỉ được chấp nhận cho những mục đích hết sức cụ thể.

Cấp độ 5: Tuyệt Mật (TS)

CHỈ những nhân sự quản lý cấp cao nhất của Tổ Chức, như Ủy ban Đạo đức hay Hội đồng O5, mới có quyền truy cập vào tài liệu này. Mọi yêu cầu truy cập của nhân sự không có quyền truy cập cấp độ 5 đều sẽ bị từ chối.

Cấp độ 6: Tối Mật (CTS)¹

Chỉ một thành viên của Hội đồng O5 được phép truy cập tài liệu này. Chỉ thành viên Hội đồng O5 này có quyền quyết định đối với những yêu cầu truy cập tài liệu.

Phân loại Quản thúc

Bạn có thể tham khảo Danh sách Phân loại tại đây.

GHI CHÚ: Trong ACS, Thaumiel là một Phân loại Phụ, không phải Phân loại Quản thúc.

Các Phân loại Quản thúc

safe

euclid

keter

neutralized

pending

explained

esoteric

Phân loại Phụ

Xem chi tiết trong Danh sách Phân loại Huyền bí tại đây.

GHI CHÚ: Trong ACS, Thaumiel được coi là một Phân loại Phụ, không phải Phân loại Quản thúc.

Các Phân loại Phụ

Không phải mọi Phân loại Phụ đều được liệt kê ở đây; đây chỉ là những phân loại đã có biểu tượng quy ước. Bạn có thể xem Danh sách Phân loại Huyền bí. để tìm hiểu về tất cả các Phân loại Phụ.

apollyon

archon

cernunnos

hiemal

tiamat

ticonderoga

thaumiel

Các Phân loại Quy mô²

dark

vlam

keneq

ekhi

amida

Dark³

Ảnh hưởng đã biết hoặc tiềm tàng của vật thể rất yếu và không đáng quan ngại.

Nhìn chung, dị thể ở trong trạng thái bất hoạt khi không bị tác động và chỉ có khả năng ảnh hưởng đến một cá nhân ở mỗi thời điểm nhất định.

Việc khắc phục hậu quả đối với Tổ Chức chỉ là chuyện nhỏ.

Vlam⁴

Ảnh hưởng đã biết hoặc tiềm tàng của vật thể sẽ chỉ tác động lên một vài người ở mỗi thời điểm nhất định.

Dị tính của dị thể khả năng cao sẽ ảnh hưởng đến nhiều người, nhưng sẽ không lan quá rộng.

Việc khắc phục hậu quả đối với Tổ Chức là khá đơn giản.

Keneq⁵

Ảnh hưởng đã biết hoặc tiềm tàng của vật thể sẽ tác động đến nhiều người với số lượng tương đương một thành phố.

Hiệu ứng dị thường có thể lan truyền tương đối nhanh, nhanh đến mức gây quan ngại.

Đối với Tổ Chức, việc vô hiệu hóa ảnh hưởng của dị thể tương đối khó.

Ekhi⁶

Mức độ ảnh hưởng đã biết của dị thể có thể mở rộng ra tương đương với một vùng đô thị lớn cho đến một quốc gia. Mức độ ảnh hưởng tiềm tàng có thể lan rộng ra toàn thế giới như chúng ta đã biết.

Sự lan truyền ảnh hưởng này sẽ rất nhanh và rất khó để kiểm soát.

Đối với Tổ Chức, việc vô hiệu hóa hiệu ứng của dị thể sẽ khá khó khăn.

Amida⁷

Phân loại Quy mô này chỉ nên được sử dụng trong các trường hợp đặc biệt khi Tổ Chức đã ở trong trạng thái "tuyên chiến" với dị thể. Khi đó, dị thể được nói tới đã đe dọa nghiêm trọng đến tình trạng bình thường và Tấm Màn, đến nỗi Tổ Chức không còn lựa chọn nào khác ngoài việc sử dụng mọi biện pháp khả thi để vô hiệu hóa nó.

Hiệu ứng của một dị thể cấp độ Amida có khả năng lan rộng ra toàn thế giới, và có thể là toàn vũ trụ.

Các Phân loại Hiểm họa

notice

caution

warning

danger

critical

Notice

Hiệu ứng dị thường của dị thể nằm ở mức độ gần như không thể nhận diện hoặc nhẹ.

Một cá nhân ở gần dị thể sẽ không cảm nhận được điều gì bất thường do dị thể gây ra.

Dị thể không gây nguy hiểm tới cá nhân nào xung quanh nó.

Caution

Hiệu ứng dị thường của dị thể nằm ở mức độ nhẹ đến vừa.

Một cá nhân ở gần dị thể có thể sẽ cảm nhận được những tác động nhẹ do dị thể gây ra.

Dị thể chỉ gây nguy hiểm ở mức độ nhẹ tới những cá nhân xung quanh nó.

Warning

Hiệu ứng dị thường của dị thể nằm ở mức độ từ vừa phải đến đáng chú ý.

Một cá nhân ở gần dị thể sẽ cảm nhận được hiệu ứng nhẹ hoặc mạnh do dị thể gây ra.

Dị thể gây nguy hiểm tương đối lớn tới các cá nhân xung quanh nó.

Danger

Hiệu ứng dị thường của dị thể nằm ở mức độ từ rõ rệt đến trầm trọng.

Một cá nhân ở gần dị thể sẽ cảm nhận được những tác động lớn hoặc có thể cảm nhận được những tác động ở mức cực đoan do dị thể gây ra.

Dị thể gây nguy hiểm rõ rệt tới những cá nhân xung quanh nó.

Critical

Phân loại Hiểm họa này chỉ nên được sử dụng khi hiệu ứng dị thường do dị thể gây ra sẽ xảy ra ngay lập tức khi tiếp xúc và/hoặc hết sức nghiêm trọng.

Dị thể không nhất thiết phải luôn gây ra thiệt hại về tính mạng, tuy nhiên điều này gần như chắc chắn sẽ xảy ra. Bất cứ cá nhân nào ở gần dị thể đều sẽ cảm nhận được hiệu ứng của nó ngay lập tức và hoàn toàn không có khả năng hồi phục.

Các công cụ mở rộng của ACS

Thêm nhiều biểu tượng khác!

Nếu bạn muốn sử dụng thêm những biểu tượng phân loại phụ ACS ngầu lòi khác

tạo bởi ShineShadowD

Dịch bởi Dr Fishbone

---

{$caption}

Kho Biểu tượng Phân loại của JosephJoestar

tạo bởi JosephJoestar

Dịch bởi Dr Fishbone

---

{$caption}

Trang Nghệ Thuật Siêu Ngầu của Calibri (Chủ Yếu Là Biểu Tượng, Nhưng Nó Vẫn Siêu Siêu Ngầu)

tạo bởi Calibold

---

{$caption}

Những Biểu tượng và Tranh vẽ của Dr Moned

tạo bởi Dr Moned

---

{$caption}

Chuồng Bò Rừng của ItsDenali

tạo bởi ItsDenali

---

{$caption}

Trang Nghệ Thuật của Greyve

tạo bởi Greyve

---

{$caption}

Các phiên bản Thay thế và Chỉnh sửa của ACS

Mẫu Header của Flops

tạo bởi Lt Flops

---

MÃ VẬT THỂ: SCP-4205	CẤP 2/4205
PHÂN LOẠI QUẢN THÚC: euclid	bí mật

PHÂN LOẠI QUY MÔ: vlam

Phương Pháp Thông Tin Nâng Cao

tạo bởi Dr Moned

---

MÃ VẬT THỂ: SCP-4205

QUYỀN HẠN- 

PHÂN LOẠI QUẢN THÚC: EUCLID

PHÂN LOẠI QUY MÔ: Vlam

---

Điểm quản thúc

---

Điểm-0

Giám đốc

---

Ts Woed

Trưởng nghiên cứu

---

Ts Naz

Đội Đặc nhiệm

---

Alpha-80085

MÃ VẬT THỂ: SCP-4205

QUYỀN HẠN- 

PHÂN LOẠI QUẢN THÚC: EUCLID

PHÂN LOẠI QUY MÔ: Vlam

---

Điểm quản thúc

---

Điểm-0

Giám đốc

---

Ts Woed

Trưởng nghiên cứu

---

Ts Naz

Đội Đặc nhiệm

---

Alpha-80085

Giản Hóa ACS bởi Peppo

tạo bởi PeppersGhost

---

{$caption}

Trình Phân ACS bởi Peppo

tạo bởi PeppersGhost

---

{$caption}

Hiệu ứng Hoạt hình ACS

tạo bởi EstrellaYoshte

---

Di chuột vào đây để thấy hiệu ứng!

Phần Mở Rộng ACS Tùy Chỉnh Siêu Ngầu Phiên Bản 2.0

Tạo bởi Calibold

---

Mã vật thể: SCP-5956

Cấp5

Phân loại Quản thúc:

antithesis

Phân loại Bổ sung:

{$secondary-class}

Phân loại Quy mô:

amida

Phân loại Hiểm họa:

caution

Footnotes

1. Cái tên buồn cười phải không? Ừ, có lẽ vậy. Nhưng đó cũng là tên gọi của Cấp độ An ninh cao nhất được sử dụng tại NATO.

2. Các Phân loại Quy mô được đặt tên theo các cấp độ của ánh sáng hoặc sự chiếu sáng. Phân loại Quy mô càng cao, ánh sáng càng lan truyền được ra xa nguồn sáng.

3. Được chọn làm một cấp độ chuẩn dễ hiểu tương tự như "Safe."

4. Tiếng Hà Lan, nghĩa là "ngọn lửa", tương tự như một cây nến đang cháy.

5. Tiếng Pacific Gulf Yupik, nghĩa là "lửa", tương đương với một đám lửa trại hoặc lớn hơn một chút.

6. Tiếng Basque, nghĩa là "Mặt Trời".

7. Có nhiều ý nghĩa, tuy nhiên trong trường hợp này, tên gọi này đang nói đến Phật A Di Đà, nghĩa là "ánh sáng vô lượng".