:root { --lh-red: #c0392b; --lh-blue: #2980b9; --lh-green: #27ae60; --lh-dark-green: #16a085; --lh-purple: #8e44ad; --lh-orange: #e67e22; --lh-yellow: #f1c40f; --lh-paper-bg: 255, 251, 240; --lh-string-color: 192, 57, 43; --lh-book-color: var(--gray-monochrome); --lh-tape-color: 90,90,90,0.3; --lh-white-bg: 249,249,249; --lh-dark-bg: 50, 50, 50; --lh-highlighter: var(--bright-accent); --lh-border-color: var(--gray-monochrome); --lh-wiki-note-color: var(--bright-accent) } /** * 旧代码合集 * 为了向下兼容而保留 */ .grid-container{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.grid-container,.grid-container [class*=grid]{box-sizing:border-box}[class*=grid]{padding:5px}.grid{width:100%}.grid-large{width:75%}.grid-big{width:50%}.grid-medium{width:33.33%}.grid-small{width:25%}@media screen and (min-width:768px){.wd-grid-large{width:75%}.wd-grid,.wd-grid-big{width:50%}.wd-grid-medium{width:33.33%}.wd-grid-small{width:25%}}.text-hover-hide{opacity:0;transition:opacity .3s}.text-hover-hide:hover{opacity:1}.text-block-hide{background:rgb(var(--black-monochrome));color:rgb(var(--black-monochrome));transition:background .3s}.text-block-hide:hover{background:0 0}.text-blur-hide,.text-blur-hover-hide{filter:blur(.3rem);-webkit-filter:blur(.3rem) transition: blur .3s}.text-blur-hover-hide:hover{filter:blur(0);-webkit-filter:blur(0)}.lyric-box{text-align:center;font-size:1.05rem;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}.lyric-box p{margin:1.5em auto}.lyric-box.with-bigger-line p{margin:3em auto} /** * 便签纸 * notepaper */ .notepaper { background: linear-gradient(rgb(var(--lh-paper-bg)) 95%, #ddd 0); line-height: 2em; background-size: 100% 2em; background-attachment: local; border: 2em solid rgb(var(--lh-paper-bg)); box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,0.2); padding: 0; margin: 1em auto; box-sizing: border-box; position: relative } .notepaper p { margin: 0; font-size: 1.05rem; letter-spacing: 0.1rem; line-height: inherit } .notepaper.narrow, .notepaper.wide { width: 90% } @media screen and (min-width:768px){ .notepaper.narrow { width: 50% } .notepaper.wide { width: 75% } } .notepaper.tight { border-width: 1rem; border-left-width: 1.2rem; border-right-width: 1.2rem; line-height: 1.8em; background-size: 100% 1.8em; font-size: 13px } .notepaper.with-string::before { content: ''; width: 0.5em; height: 6rem; background: rgb(var(--lh-string-color)); top: -2rem; right: -1rem; display: block; position: absolute; box-shadow: 0 0.1em 0.2em rgba(0,0,0,0.2); clip-path: polygon(-100% -100%,100% 0%,100% 100%,50% 98%,0% 100%); } .notepaper.with-tape::before { content: ''; border: 1px solid #ddd; background: rgba(var(--lh-tape-color)); width: 1.5em; height: 4em; transform: rotate(45deg); display: block; position: absolute; top: -3em; left: -1.8em } .notepaper.tight.with-string::before { top: -1rem; right: -0.25rem; } .notepaper.tight.with-tape::before { top: -2.5em; left: -1.3em } .notepaper.page { min-height: 36em; counter-increment: page; display: flex; flex-direction: column; justify-content: space-between } @media screen and (min-width:768px){ .notepaper.page { width: 70% } } .notepaper.page:after { content: counter(page); display: block; text-align: center } .notepaper-group { counter-reset: page; } .book-pattern { display: flex; flex-wrap: wrap; flex-direction: row } .book-pattern .notepaper.page:not(.notepaper > .notepaper) { width: 100% } @media screen and (min-width: 768px) { .book-pattern .notepaper.page:not(.notepaper > .notepaper) { width: 50% } } .book-wrapper { background: rgb(var(--lh-book-color)); padding: 0.5rem; box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.2); border-radius: 5px; margin: 1rem auto } @media screen and (min-width: 768px) { .book-wrapper .notepaper { margin: 0 } } /** * 文字修饰 */ .text-highlighted { position: relative } .text-highlighted::before { content: ""; position: absolute; height: 0.9em; bottom: 2px; left: -2px; width: 105%; z-index: -1; background-color: rgb(var(--lh-highlighter)); opacity: .6; transform: skew(-15deg); transition: opacity .2s ease; border-radius: 3px 8px 10px 6px; transition: 0.1s ease background-color; } .text-underlined { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 2px; text-decoration-color: rgb(var(--lh-highlighter)) } .text-wavy { text-decoration: underline wavy; text-underline-offset: 4px; text-decoration-color: rgb(var(--lh-highlighter)) } .text-circled, .text-squared { display: inline-block; border: 2px solid rgb(var(--lh-highlighter)); border-radius: 100%; box-sizing: border-box } .text-squared { border-radius: 0 } .text-shadow { text-shadow: 0.075em 0.075em 0 rgb(var(--lh-highlighter)) } .text-highlighted.td-red::before { background: var(--lh-red) } .text-circled.td-red, .text-squared.td-red { border-color: var(--lh-red) } .text-underlined.td-red, .text-wavy.td-red { text-decoration-color: var(--lh-red) } .text-highlighted.td-blue::before { background: var(--lh-blue) } .text-circled.td-blue, .text-squared.td-blue { border-color: var(--lh-blue) } .text-underlined.td-blue, .text-wavy.td-blue { text-decoration-color: var(--lh-blue) } .text-highlighted.td-green::before { background: var(--lh-green) } .text-circled.td-green, .text-squared.td-green { border-color: var(--lh-green) } .text-underlined.td-green, .text-wavy.td-green { text-decoration-color: var(--lh-green) } .text-highlighted.td-darkgreen::before { background: var(--lh-dark-green) } .text-circled.td-darkgreen, .text-squared.td-darkgreen { border-color: var(--lh-dark-green) } .text-underlined.td-darkgreen, .text-wavy.td-darkgreen { text-decoration-color: var(--lh-dark-green) } .text-highlighted.td-purple::before { background: var(--lh-purple) } .text-circled.td-purple, .text-squared.td-purple { border-color: var(--lh-purple) } .text-underlined.td-purple, .text-wavy.td-purple { text-decoration-color: var(--lh-purple) } .text-highlighted.td-yellow::before { background: var(--lh-yellow) } .text-circled.td-yellow, .text-squared.td-yellow { border-color: var(--lh-yellow) } .text-underlined.td-yellow, .text-wavy.td-yellow { text-decoration-color: var(--lh-yellow) } .text-highlighted.td-orange::before { background: var(--lh-orange) } .text-circled.td-orange, .text-squared.td-orange { border-color: var(--lh-orange) } .text-underlined.td-orange, .text-wavy.td-orange { text-decoration-color: var(--lh-orange) } /* 隐藏文字 */ .text-blank { color: rgba(0,0,0,0) } .text-block { background: rgb(var(--black-monochrome)); color: rgb(var(--black-monochrome)); } .text-blur { filter: blur(0.3em); -webkit-filter: blur(0.3em) } .text-hoverback, .text-selectback { transition-duration: 0.3s; transition-property: background, transform, color } .text-blank.text-hoverback:hover, .text-blank.text-selectback::selection, .text-blank.text-selectback *::selection { color: rgb(var(--black-monochrome)) } .text-block.text-hoverback:hover { background: transparent!important } .text-block.text-selectback::selection, .text-block.text-selectback *::selection { color: rgb(var(--white-monochrome, 255, 255, 255)) } .text-blur.text-hoverback:hover { filter: blur(0)!important; -webkit-filter: blur(0)!important } /** * 附加项 */ .with-border, .with-box-style { border: 1px solid rgb(var(--bright-accent)) } .with-border-dark { border: 1px solid rgb(var(--black-monochrome)) } .with-border-light { border: 1px solid rgb(var(--white-monochrome)) } .with-border-thick { border-width: 2px } .with-shadow-sm { box-shadow: 0 0 0.1em rgba(0,0,0,0.2) } .with-shadow { box-shadow: 0 0.1em 0.2em rgba(0,0,0,0.2) } .with-shadow-lg { box-shadow: 0 0.15em 0.3em rgba(0,0,0,0.2) } .with-shadow-xl { box-shadow: 0 0.2em 0.5em rgba(0,0,0,0.2) } .with-shadow-xxl { box-shadow: 0 0.25em 0.8em rgba(0,0,0,0.2) } .with-padding, .with-box-style { padding: 0.25em 1em } .with-p-sm { padding: 0.125em 0.5em } .with-p-lg { padding: 0.5em 2em } .with-margin, .with-box-style { margin: 1em auto } .with-m-sm { margin: 0.5em auto } .with-m-lg { margin: 2em auto } .with-narrow-width { width: 90%!important; margin-left: auto; margin-right: auto } @media screen and (min-width: 768px) { .with-narrow-width { width: 75%!important } } [class*="with-bg-"], [class*="with-bg-"] h1 { color: #fff!important } .with-bg-red { background: var(--lh-red)!important } .with-bg-blue { background: var(--lh-blue)!important } .with-bg-green { background: var(--lh-green)!important } .with-bg-darkgreen { background: var(--lh-dark-green)!important } .with-bg-yellow { background: var(--lh-yellow)!important } .with-bg-orange { background: var(--lh-orange)!important } .with-bg-purple { background: var(--lh-purple)!important } /** * 删除类 */ .offwith-shadow { box-shadow: none!important } .offwith-border { border: none!important } .offwith-padding, .offwith-pam { padding: 0!important } .offwith-margin, .offwith-pam { margin: 0!important } .offwith-width-limit { width: auto!important; margin-left: auto!important; margin-right: auto!important } div[class*="grider"].offwith-grid-gap { grid-gap: 0!important } /** * 网格布局 */ /* Gridder 容器 */ div[class*="gridder"] { display: grid; box-sizing: border-box; grid-gap: 1rem; padding: 0 } div[class*="gridder"] * { box-sizing: border-box } .gridder, .gridder-col-2 { grid-template-columns: 1fr 1fr; } .gridder-col-3 { grid-template-columns: repeat(3, 1fr); } .gridder-col-4 { grid-template-columns: repeat(4, 1fr); } @media screen and (min-width: 768px) { .pc-gridder, .pc-gridder-col-2 { grid-template-columns: 1fr 1fr; } .pc-gridder-col-3 { grid-template-columns: repeat(3, 1fr); } .pc-gridder-col-4 { grid-template-columns: repeat(4, 1fr); } } .spanner, .spanner-2 { grid-column-start: span 2; } .spanner-3 { grid-column-start: span 3; } /** * 告示组件 */ .signblock, .signblock-dark, .signblock-warn { margin: 1rem auto; box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,0.4); background: rgb(var(--lh-white-bg)); font-size: 1.05rem; padding: 2rem } @media screen and (min-width: 768px) { .signblock, .signblock-dark, .signblock-warn { width: 75% } } .signblock-dark, .signblock-dark h1 { background: rgb(var(--lh-dark-bg)); color: #fff } .signblock-warn, .signblock-warn h1 { background: var(--lh-red); color: #fff } .signblock h1, .signblock-dark h1, .signblock-warn h1 { text-align: center; font-size: 2rem; margin: 0; font-weight: 700 } .signblock-img { display: flex; flex-direction: row; justify-content: center } .signblock-img img { width: 8em } .signblock-footer { font-size: 0.9em; text-align: center; margin: 0.5rem 0; font-weight: bolder; display: block } /** * 报告 */ .reportblock, .reportblock-dark { border: 2px solid rgb(var(--lh-border-color)); box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.3); background: rgb(var(--white-monochrome)); padding: 0.8rem 1.5rem; padding-bottom: 0.4rem; margin: 1.5rem auto; margin-bottom: 1rem; position: relative } .reportblock hr, .reportblock-dark hr { background-color: rgb(var(--lh-border-color)); margin-left: -1.5rem; margin-right: -1.5rem } .reportblock h1:first-child, .reportblock-dark h1:first-child { position: absolute; top: -1rem; left: 1.5rem; font-size: 110%; font-weight: 600; background: rgb(var(--lh-border-color)); color: #fff; padding: 0.2rem 0.5rem; margin: 0; } .reportblock-dark, .reportblock-dark h1 { border-color: rgb(var(--lh-white-bg)); background: rgb(var(--lh-dark-bg)); color: #fff } .reportblock-dark hr { background-color: rgb(var(--lh-white-bg)); } /* 更好的折叠框 */ .bettercollap { margin: 1em 0; } .bettercollap .collapsible-block { width: auto; overflow: hidden; border: 1px solid rgb(var(--lh-border-color)) } .bettercollap .collapsible-block-content, .bettercollap .collapsible-block-link { background: rgb(var(--white-monochrome)); padding: 0.5em } .bettercollap .collapsible-block-content { padding-left: 1em; padding-right: 1em } .bettercollap .collapsible-block-link { color: rgb(var(--lh-border-color)); background: rgb(var(--white-monochrome)); transition: .3s; display: block; } .bettercollap .collapsible-block-link:hover, .bettercollap .collapsible-block-unfolded .collapsible-block-link, .styledcollap.bettercollap .collapsible-block-link { color: rgb(var(--white-monochrome)); background: rgb(var(--lh-border-color))!important; text-decoration: none } .bettercollap .collapsible-block-link:hover a { color: rgb(var(--white-monochrome)) } .bettercollap .collapsible-block-link::before { content: "\25BC"; display: inline-block; margin-right: 0.5em; transform: rotate(-90deg) scale(0.9) } .bettercollap .collapsible-block-unfolded .collapsible-block-link::before { transform: rotate(0) scale(0.9) } .bettercollap .collapsible-block + .collapsible-block { border-top: none } .styledcollap.bettercollap .collapsible-block { border-radius: 2px; box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.3) } .styledcollap.bettercollap .collapsible-block-content { background-color: rgb(var(--pale-gray-monochrome)); border-width: 3px } .styledcollap.bettercollap .collapsible-block-link:hover { background: rgba(var(--lh-border-color),0.95)!important; } /** * 提示框 */ .infoblock { color: #f1f1f1; font-weight: bold; background: #424242; padding: 5px 5px 5px 5px; border-radius: 4px; margin: -0.5rem 0 1rem 0; display: block; width: fit-content; padding-right: 25px; } .infoblock::before { content: "ⓘ " } /** * 单页迭代 */ .offset-page:not(:target), .offset-page:target ~ div#u-default-page { display: none } .offset-page:target { display: block }
Logo SVG
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
width="600.000000pt" height="384.000000pt" viewBox="0 0 600.000000 384.000000"
preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,384.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M2750 3739 c-700 -77 -1253 -296 -1780 -705 -142 -110 -417 -383
-532 -527 -154 -193 -358 -518 -358 -569 0 -13 25 -67 55 -120 470 -836 1282
-1430 2215 -1622 428 -88 788 -92 1200 -15 897 170 1664 678 2164 1434 124
187 189 308 181 336 -12 37 -125 231 -199 339 -242 357 -541 654 -901 895
-465 311 -942 482 -1535 550 -143 16 -384 18 -510 4z m0 -122 c0 -1 -42 -45
-93 -97 -158 -160 -272 -329 -417 -615 -134 -266 -205 -502 -232 -777 l-12
-128 -403 0 -403 0 0 48 c0 117 49 330 111 487 85 213 208 396 384 570 264
262 594 431 970 499 93 17 95 17 95 13z m311 -39 c137 -92 295 -267 424 -473
85 -135 226 -425 267 -550 46 -137 85 -329 94 -457 l7 -98 -85 0 -85 0 -7 51
c-18 135 -109 305 -216 401 -221 200 -520 242 -790 111 -80 -38 -108 -59 -180
-132 -119 -120 -164 -208 -205 -403 -5 -28 -6 -28 -85 -28 l-80 0 0 45 c0 75
30 262 60 382 40 152 85 265 182 456 120 235 238 408 373 543 102 102 220 194
250 194 7 0 41 -19 76 -42z m313 16 c468 -92 914 -397 1169 -802 132 -210 217
-464 242 -724 l7 -68 -410 0 -409 0 -7 94 c-19 279 -102 557 -250 841 -141
272 -254 435 -407 588 l-98 99 42 -7 c23 -3 77 -13 121 -21z m-1539 -202 c-6
-4 -32 -26 -60 -47 -296 -230 -508 -529 -620 -870 -44 -133 -85 -339 -85 -426
l0 -49 -416 0 -416 0 28 48 c232 402 596 786 994 1048 156 102 300 182 449
250 112 51 146 63 126 46z m2530 -97 c535 -263 965 -650 1289 -1159 42 -65 76
-123 76 -127 0 -5 -184 -9 -409 -9 l-410 0 -6 58 c-36 350 -137 629 -323 892
-76 108 -283 322 -387 400 -92 69 -62 59 170 -55z m-1319 -1160 c86 -25 144
-105 144 -198 0 -148 -145 -246 -285 -192 -85 32 -148 142 -130 227 16 78 77
145 153 168 41 12 63 11 118 -5z m-1973 -345 c28 -323 148 -636 343 -897 77
-102 237 -268 336 -345 43 -34 76 -63 74 -65 -6 -6 -167 66 -281 126 -459 240
-856 591 -1148 1014 -63 91 -157 242 -157 252 0 3 186 4 413 3 l412 -3 8 -85z
m683 83 l240 -6 12 -124 c24 -250 92 -486 207 -721 135 -276 277 -482 456
-660 101 -101 102 -102 70 -102 -57 0 -232 40 -356 81 -357 119 -655 333 -880
634 -171 228 -292 546 -312 815 l-6 90 165 0 c91 0 273 -3 404 -7z m2094 -45
c-1 -131 -48 -367 -110 -543 -92 -262 -277 -571 -473 -789 -69 -77 -258 -236
-280 -236 -22 0 -151 104 -244 197 -158 159 -303 372 -424 618 -104 213 -179
484 -195 703 l-7 93 84 -3 84 -3 7 -53 c20 -134 114 -302 225 -401 67 -60 209
-134 303 -157 150 -38 347 -13 493 63 99 52 240 192 289 288 38 74 78 200 78
247 l0 28 85 0 85 0 0 -52z m935 42 c4 -6 1 -54 -5 -108 -66 -573 -427 -1069
-971 -1331 -184 -89 -380 -149 -561 -170 l-57 -7 97 96 c200 197 371 449 502
740 99 222 180 552 180 741 l0 49 404 0 c262 0 407 -4 411 -10z m945 -6 c0
-10 -124 -203 -184 -287 -152 -212 -400 -473 -601 -633 -154 -122 -358 -253
-532 -342 -142 -72 -283 -136 -283 -128 0 2 35 30 77 61 331 250 587 656 667
1060 13 64 36 234 36 267 0 3 8 8 17 10 27 5 803 -2 803 -8z"/>
</g>
</svg>版式CSS
务必强制加载以下内容!/* thème « anamnêse » pour la série « anamnêsis » série par alba et doc thème par scutoïde basé sur code par ambersight son thème Super Liminal et son thème de l'année 2025 un super thème sous une super license CC-BY-SA 3.0 */ @import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&amp;amp;amp;amp;amp;amp;amp;amp;display=swap'); @import url("https://fontsapi.zeoseven.com/73/main/result.css"); /*一点明体,IPA*/ /* ROOT (couleurs et tout ça) */ :root { --header-title: "记忆回溯"; --body-width: 65rem; /* Font Set */ --body-font: 'Courier Prime', "Noto Serif SC", "Noto Serif TC" , monospace; --header-font: 'Courier Prime', "I.Ming" , monospace; --title-font: var(--header-font); /* Basic Colors (couleurs de base) */ --background-color: 8, 7, 14; --text-color: 189, 198, 198; /* Deco Colors (couleurs décoratives) */ --light-color-1: 42, 42, 55; --light-color-2: 20, 21, 26; --light-color-3: 85, 86, 94; --dark-color-1: 189, 198, 198; --dark-color-2: 173, 171, 151; --dark-color-3: 183, 187, 177; --dark-color-4: 152, 156, 146; /* Link Colors (couleurs des liens) */ --link-color: 162, 97, 236; --hover-link-color: 85, 18, 161; --visited-link-color: 124, 125, 136; --newpage-color: 221, 102, 17; /* Select Colors (couleurs de sélection) */ --selected-background-color: 67, 98, 197; --selected-text-color: 253, 253, 253; /* Scrollbar Colors (couleurs de la barre de défilement) */ --scrollbar-color: var(--dark-color-1), 0.75; --scrollbar-background-color: var(--dark-color-1), 0.15; /* Note Colors (couleurs des notes) */ --note-background-color: var(--dark-color-2); --note-text-color: 24, 27, 27; /* Sidebar Vs */ --sidebar-title-shadow-color: none; --dark-gray-monochrome: var(--general-dark-background-color), 0.5; --sidebar-title-background-color: var(--general-dark-background-color), 0.8; --bright-accent: var(--dark-color-2); /* Topbar Vs */ --topbar-border-color: 131, 130, 138; --topbar-height: 3rem; --topbar-height-on-mobile: 3.2rem; --topbar-font-size: 0.8rem; --topbar-font-size-on-mobile: 1rem; --topbar-hover-text-color: var(--dark-color-2); --topbar-hover-background-color: var(--light-color-1); --topbar-hover-border-color: 0,0,0,0; --topbar-drop-text-color: var(--dark-color-1); --topbar-drop-hover-text-color: var(--light-color1); --topbar-drop-background-color: var(--light-color-2); --topbar-drop-hover-background-color: var(--dark-color-2); --topbar-drop-border-color: 0,0,0,0; --topbar-drop-shadow-color: 0,0,0,0; /* Code block */ --code-block-text-color: var(--light-color-1); /* Image block */ --image-block-bg-color: var(--dark-color-2); --mono-contrast: 10; } /* Header */ #header { position: sticky; top: -5rem; height: 8rem; grid-template-areas: "h1 search user" "topbar topbar topbar"; grid-template-rows: 5rem 3rem; grid-template-columns: 1fr 5rem 5rem; box-shadow: 0 0.15rem 0 rgba(var(--2025-black), 0.95), 0 0.6rem 1rem rgba(var(--2025-black), 0.3); text-transform: uppercase; } #header::before { display: none; } #header h1 { flex-direction: row; padding: 0; align-items: left; } #header h1 a { padding: 0; width: min-content; } #header h1 a span { padding-top: 0; flex-direction: row; gap: 0.4rem; align-items: center; justify-content: left; transition: color 0.2s; } #header h1 a span:is(:hover, :active, :focus, :focus-within) { opacity: 0.8; transition: opacity 0.1s; } #header h1 a span::before { font-weight: 900; border-right: solid 2px rgb(var(--topbar-border-color)); height: 5rem; padding: 0.3rem 1rem 0 7rem; display: flex; align-items: center; background-image: url("https://img.imagebed.pro/img/vlaf7e.png"); background-size: 5rem; background-repeat: no-repeat; background-position: 1rem center; white-space: nowrap; } @media only screen and (max-width: 450px) { #header h1 a span::before { font-size: 1.5rem; } } @media only screen and (max-width: 400px) { #header h1 a span::before { font-size: 0.8rem; } } #header h1 a span::after { display: none; } #header h2 { display: none; } /* Top Bar */ #top-bar { padding: 0; border-top: solid 2px rgb(var(--topbar-border-color)); } #top-bar div[class*=top-bar] > ul { justify-content: stretch; } #top-bar div[class*=top-bar] > ul > li { flex: 1; border-right: solid 2px rgb(var(--topbar-border-color)); } #top-bar div[class*="top-bar"] > ul > li > ul > li, #top-bar div[class*="top-bar"] > ul > li > ul > li > ul > li { height: 3rem; box-shadow: none !important; } #top-bar div[class*="top-bar"] > ul > li > a, #top-bar div[class*="top-bar"] > ul > li > ul > li a, #top-bar div[class*="top-bar"] > ul > li > ul > li > ul > li a { font-size: 0.95rem; } #top-bar div[class*=top-bar] > ul > li:last-of-type { border-right: 0; } /* Search */ #search-top-box { grid-area: search; position: relative; right: 0; top: 0; width: 5rem; height: 5rem; background: transparent; transition: background 0.2s; } #search-top-box:is(:hover, :active, :focus, :focus-within) { background: rgba(var(--light-color-1)); } #search-top-box-form { display: contents; } #search-top-box-form .button { font-size: 0; width: 100%; height: 100%; -webkit-mask-image: var(--search-icon-mask); mask-image: var(--search-icon-mask); -webkit-mask-size: 40%; mask-size: 40%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } /* User */ #login-status { grid-area: user; position: relative; top: 0; right: 0; width: 5rem; height: 5rem; font-size: 0; transition: background 0.2s; } #login-status:is(:hover, :focus-within) { background: rgb(var(--light-color-1)) } #header #login-status .printuser a { pointer-events: none; } #login-status > a[href*='account/messages'] { position: absolute; top: 0.2rem; right: 0.2rem; width: 0.8rem; height: 0.8rem; font-size: 0; z-index: 2; border-radius: 50%; background-color: rgb(var(--link-color)); pointer-events: none; /* too small a target anyway */ } #login-status > a[href*='account/activity'] { display: none; } #login-status .printuser { display: block; width: 100%; height: 100%; padding: 0.5rem; box-sizing: border-box; } #login-status .printuser > a:first-child { width: 100%; height: 100%; } #login-status .printuser > a:first-child img { background-image: none !important; padding: 0; width: 4rem; height: 4rem; object-fit: cover; object-position: center; } #login-status:is(:hover, :focus-within) .printuser > a:first-child img { opacity: 0.7; } a#account-topbutton { display: none; } #account-options { border: none; width: 9rem; font-size: 0.9rem; transition: opacity 0.2s; pointer-events: none; opacity: 0; box-sizing: border-box; } #account-options::before { content: ""; display: block; position: absolute; top: 0.3rem; left: 0.3rem; width: calc(100% - 0.6rem); height: calc(100% - 0.6rem); z-index: -1; box-sizing: border-box; } #login-status:is(:hover, :active, :focus, :focus-within) #account-options { opacity: 1; transition: clip-path 0.2s; pointer-events: auto; } #account-options li a { padding: 0.5rem 0; } /* Sign in buttons for logged out users */ .login-status-create-account, .login-status-sign-in { display: flex; width: 5rem; height: 2.5rem; position:relative; z-index: 10; font-size: 0.8rem; font-weight: bold; justify-content: center; align-items: center; text-align: center; border-left: solid 2px rgb(var(--topbar-border-color));; box-sizing: border-box; background: rgb(var(--dark-color-3)) } #header .login-status-create-account:is(:hover, :focus), #header .login-status-sign-in:is(:hover, :focus) { background: rgb(var(--light-color-1)); color: rgb(var(--dark-color-2)); text-decoration: none; } .login-status-sign-in { border-top: solid 2px rgb(var(--topbar-border-color)); font-weight: normal; } /* Main content */ #main-content { margin-top: 3rem;} /* The divs */ .dark-styled-quote, .darkblock { background-color: rgb(var(--dark-color-2)); border-color: rgb(var(--light-color-1)); } .styled-quote { border-color: rgb(var(--dark-color-2)); } :is(.styled-quote, .dark-styled-quote, .lightblock, .darkblock):after { content: ""; height: 1.5rem; display: block; background-image: url("https://img.imagebed.pro/img/vlaf7e.png"); background-size: auto 100%; background-repeat: no-repeat; background-position: center; margin-bottom: 0.5rem; filter: brightness(140%) } :is(.darkblock, .dark-styled-quote):after { opacity: 0.5; filter: none; } .scp-image-block { border-color: rgb(var(--image-block-bg-color)); border-width: 0.6rem; } .scp-image-block .scp-image-caption { background-color: rgb(var(--image-block-bg-color)); color: rgb(var(--background-color)); padding-top: 0.6rem; } .film-reel { --h1-color: var(--darkblock-text-color); --h2-color: var(--darkblock-text-color); --h3-color: var(--darkblock-text-color); --h4-color: var(--darkblock-text-color); --h5-color: var(--darkblock-text-color); --h6-color: var(--darkblock-text-color); background: linear-gradient(rgb(var(--light-color-3)) 0, rgb(var(--light-color-3)) 0.3rem, transparent 0.3rem, transparent 1rem, rgb(var(--light-color-3)) 1rem, rgb(var(--light-color-3)) 1.3rem, rgb(var(--dark-color-1)) 1.3rem, rgb(var(--dark-color-1)) calc(100% - 1.3rem), rgb(var(--light-color-3)) calc(100% - 1.3rem), rgb(var(--light-color-3)) calc(100% - 1rem), transparent calc(100% - 1rem), transparent calc(100% - 0.3rem), rgb(var(--light-color-3)) calc(100% - 0.3rem)), repeating-linear-gradient(to right, rgb(var(--light-color-3)) 0, rgb(var(--light-color-3)) 0.3rem, transparent 0.3rem, transparent 1rem); color: rgba(var(--darkblock-text-color)); background-position-x: 0, 0.3rem; margin: 1rem 0; padding: 1.7rem 1rem; } .logoblock { --h1-color: var(--darkblock-text-color); --h2-color: var(--darkblock-text-color); --h3-color: var(--darkblock-text-color); --h4-color: var(--darkblock-text-color); --h5-color: var(--darkblock-text-color); --h6-color: var(--darkblock-text-color); background: rgba(var(--dark-color-2)); color: rgba(var(--darkblock-text-color)); margin: 1rem 0; padding: 0.7rem 1.2rem; position: relative; filter: blur(0px); /* create a stacking context */ } .logoblock::before { display: block; content: ""; position: absolute; top: 0.3rem; left: 0.3rem; bottom: 0.3rem; right: 0.3rem; border: solid rgb(var(--light-color-1)) 3px; box-shadow: inset 0 0 0 3px rgb(var(--dark-color-2)); background-image: url("https://img.imagebed.pro/img/vlaf7e.png"); background-size: 15rem; background-position: center; background-repeat: no-repeat; z-index: -1; /* this is why i need the stacking context, so logo goes behind text */ opacity: 0.1; } /* Code Block */ /* Super Liminal is supposed to support dark themes, but actually code blocks break in them because the text within them isn't styled by Super Liminal's colours. On a light theme, the default Wikidot colours work fine, but of course they break on a black background. */ /* It's complex and not really my problem to fix so for now here's an aesthetically pretty stopgap solution! */ .code { /* Give it a light bg */ background: #EEE; /* Invert it so no flashbang */ filter: invert(100); } /* Monochrome image divs */ :is(.monochrome-img, .monochrome-img-block .scp-image-block) img { filter: contrast(var(--mono-contrast)) grayscale(1); } :is(.monochrome-img, .monochrome-img-block .scp-image-block) { position: relative; } .monochrome-img-block .scp-image-caption { background: white; } :is(.monochrome-img, .monochrome-img-block .scp-image-block)::after, :is(.monochrome-img, .monochrome-img-block .scp-image-block)::before { content: ""; display: block; width: 100%; height: 100%; background: rgb(var(--image-block-bg-color)); position: absolute; top: 0; left: 0; pointer-events: none; } :is(.monochrome-img, .monochrome-img-block .scp-image-block)::before { mix-blend-mode: multiply; z-index: 1; } :is(.monochrome-img, .monochrome-img-block .scp-image-block)::after { opacity: 0.2; z-index: 2; } /* Film splay */ .film-splay { display: flex; flex-direction: row-reverse; margin: 1rem 0; } .film-splay .amazing-film-document { flex: 2; } .film-splay .amazing-film-document > div { margin: 1rem auto; max-width: 40rem; } .film-splay :is(.yui-navset, .yui-content, .yui-navset, yui-navset-top, .yui-nav) { all: unset; } .film-splay :is(.yui-navset) { filter: drop-shadow(0 2px 3px rgb(var(--background-color), 0.7)); } .film-splay :is(.yui-nav) { position: sticky; top: 3.5rem; z-index: 1; display: block; transition: 0.5s; } .film-splay :is(.yui-nav):has(li:last-of-type.selected) { margin-left: -8rem; } .film-splay :is(.yui-content, .yui-content > div) { height: 100%; display: block; overflow-x: hidden; } .film-splay :is(.yui-content, .yui-content > div:first-of-type) { display: block !important; } .film-splay :is(.yui-content > div:nth-of-type(2)) { display: none !important; } .film-splay :is(.yui-nav li.selected) { display: none; } .film-splay :is(.yui-navset) .amazing-film { width: 20rem; background: url(https://img.imagebed.pro/img/19maud.png), linear-gradient(to right, rgb(var(--light-color-3)) 0, rgb(var(--light-color-3)) 0.3rem, transparent 0.3rem, transparent 1rem, rgb(var(--light-color-3)) 1rem, rgb(var(--light-color-3)) 1.3rem, rgb(var(--light-color-1), 0.7) 1.3rem, rgb(var(--light-color-1), 0.7) calc(100% - 1.3rem), rgb(var(--light-color-3)) calc(100% - 1.3rem), rgb(var(--light-color-3)) calc(100% - 1rem), transparent calc(100% - 1rem), transparent calc(100% - 0.3rem), rgb(var(--light-color-3)) calc(100% - 0.3rem)), repeating-linear-gradient(to bottom, rgb(var(--light-color-3)) 0, rgb(var(--light-color-3)) 0.3rem, transparent 0.3rem, transparent 1rem), repeating-linear-gradient(to bottom, rgb(var(--light-color-3)) 0, rgb(var(--light-color-3)) 0.3rem, transparent 0.3rem, transparent 1rem); color: rgba(var(--text-color)); background-position-y: 0, 0, 0.3rem, 0.3rem; background-position-x: center, center, left, right; background-size: calc(100% - 2.6rem) auto, 100% 100%, 1rem 1rem, 1rem 1rem; background-repeat: repeat-y, no-repeat, repeat-y, repeat-y; height: calc(100% + 4rem); padding: 4rem 1.3rem; box-sizing: border-box; margin-top: -4rem; mask-image: linear-gradient( to bottom, transparent 0, rgba(0,0,0,0.07) 1.167rem, rgba(0,0,0,0.25) 2.333rem, rgba(0,0,0,0.5) 3.5rem, rgba(0,0,0,0.75) 4.667rem, rgba(0,0,0,0.93) 5.833rem, black 7rem, black calc(100% - 7rem), rgba(0,0,0,0.93) calc(100% - 5.833rem), rgba(0,0,0,0.75) calc(100% - 4.667rem), rgba(0,0,0,0.5) calc(100% - 3.5rem), rgba(0,0,0,0.25) calc(100% - 2.333rem), rgba(0,0,0,0.07) calc(100% - 1.167rem), transparent 100% ); } .film-splay :is(.yui-navset) .amazing-film-inner { padding: 0.5rem 1rem; border-bottom: solid 3px rgb(var(--light-color-3)); } .film-splay :is(.yui-navset):has(li:first-of-type) { transition: 0.5s; width: 0; margin-left: 0; position: relative; } .film-splay :is(.yui-navset):has(li:first-of-type.selected) { width: 20rem; margin-left: -8%; margin-right: 1rem; } /* On mobile it mostly just covers the document and you flip it open and closed to view the content vs the document */ @media only screen and (max-width: 750px) { .film-splay :is(.yui-navset):has(li:first-of-type.selected) { margin-left: -21rem; } } /* for scutoidbox.wikidot.com */ .accessibility-helper { display: none !important; }
本文内容涉及精神疾病、自杀等相关描写。请谨慎阅读。
警告
你正在访问 REDE区域性极端灾难实体 实体文档。
勿惊慌,应接受它们存在的事实。
栖息地:N/A
灾害等级:● - 移动天灾
事件名称:万象归帧
描述
摄影师是近期被归类的区域性极端灾难实体个体。该实体外观与人类高度相似,通常身着带有多个口袋的摄影马甲。马甲及长裤表面多处分布有不自然的血迹,构成其显著视觉特征之一;除血迹外,其缺失眼球的右眼眶可作为第二辨识特征。
行为
摄影师会不定期出现在任何人类聚集地较多的层级当中。若该实体出现,便可视为恶性事件「万象归帧」开始发生——实体空洞的右眼眶中会伸出大量细长的物体,推测为摄影师的狩猎器官。由于物体外观与前厅中的胶片极为相似,为便于说明,后文将称其为「胶片」。摄影师的捕猎行为均由胶片执行——它才是真正对流浪者构成严重威胁的主体,而本体仅发挥辅助作用。
胶片移动速度极高,难以被普通摄像机所捕捉,且其在移动时所发出的声音极其细微,极难被察觉。值得一提的是,一旦胶片触碰到某一可狩猎的活体,便会蜂拥而上,快速缠住其肢体,剥夺活动能力,并转移至摄影师所处区域。鉴于胶片数量无法估计,且其狩猎范围可扩散至整个层级,能逃离的幸存者屈指可数。
所有的猎物均被胶片转移位置后,从该时间段到摄影师离开的时间段内无任何信息可供描述,只留下千疮百孔、荒芜死寂的层级。目前尚未在灾区中发现幸存者。
「妈……爸……」
声音被胶片勒成游丝,消失在漫天飞舞的切割声里。没有用,跑也没有用,胶片已经缠住了所有人的脚踝、手腕、脖颈——越挣扎,那些边缘锋利的带子就嵌得越深,温热的液体正顺着小腿往下淌,落到城市中。天暗了下来,不是天黑,是胶片——它们遮天蔽日,在空中绞拧、穿梭,把所触及的一切——衣物、建筑、呼喊都切成碎末,除了被它们缠着的活物。
而在这一切的中心,摄影师站在那里,仰望着天,相机被他死死抵进空洞的右眼眶,手指在调节环上缓慢转动,发出齿轮咬合的轻响。每一个参数,都对应着一条胶片勒紧的力度。所有人的眼睛,此刻都映着同一个画面:那个黑洞洞的镜头,和后面那张没有一丝光的脸。
「不!不要——!」
咔嚓!
快门被按下,恐惧、挣扎、求生的嘶喊,在那一瞬被永久定格。血雨淋′落,胶片飞舞,剜下一片一片的肉,无数人的创伤经历被完整的记录下,切割成帧,烙印在肉片上。充当定影液和显影液的猩红渐渐褪去,无数帧画面显现于黑白的边框中——一张崭新的胶片就此诞生。它们彼此衔接,拼合成数千米长的胶片,在空中飘扬。所有的胶片都获得了渴望的养料以及新的同伴,发了疯似的疯狂蠕动着、啃食着。那不适感缓缓平息,脑海中翻涌的画面也如潮水退去。
皓月西沉,狩猎如期结束。新得的胶卷质量很低,或许两三周后便会彻底散归尘埃——但换来将十几天的平静期,也足够了。
鉴于尚无有效措施限制摄影师的行为,唯一可靠应对方法就是加强各个人类聚落的警戒,及时发现,及时响应,及时撤离,目前还没有发现该实体能够跨层级造成影响的案例。值得一提的是,若有流浪者在人迹罕至的层级发现摄影师,摄影师并不会表现出任何敌意行为,且会主动远离记录者。即便如此也绝不应靠近,并尽快逃离当前层级。
生物学特征
有关摄影师的信息已于上文提及,因种种原因,无法对其进行更进一步研究。鉴于胶片对人类的威胁更大,且样本获取难度相对而言更低,故下文将对其进行详细阐述。
胶片的形体特征近似前厅中的胶片,鉴于其危险性,以下数据均采集于无狩猎能力和已死亡个体。
胶片体长通常在 5 km 到 40 km 之间,体宽在 8 mm 至 35 mm 不等,厚度则约为 0.5 mm。其身躯柔软而坚韧,边缘异常锐利,能够轻易切割骨骼、高级防弹衣,甚至是金属;据推测,此种特性有助于它在狩猎过程中更顺畅地穿行并捕获猎物。胶片的形态十分特殊,不具备一般实体应有的器官结构——如四肢、头部等,也因此无法运用传统的解剖方法对其开展更进一步的研究。
*好-饿饿饿饿饿-£÷¥π÷π%^$%#^$%
除了物理层面的危害,胶片的精神危害同样不容小觑:观看过胶片画面的流浪者必会留下不可逆的精神创伤——其中多数表现为精神分裂——这也使得与其沟通遭遇变得极为困难,甚至全无可能。病症通常在开始数天内加剧,轻重因人而异;现有疗法仅能暂缓其恶化。
已死亡的胶片个体外表会逐渐褪色、龟裂,画面颗粒变粗、对比度异常、色彩失真。躯体边缘变钝,同时变得极度脆弱,稍加压力便会碎裂成粉末。但这并不代表胶片就此无害——相反,残存画面所造成的精神危害更为剧烈,其将导致观看者进行无休止地自残而必然死亡。
所幸,佩戴某些特定装备、对相关图像进行一定处理等便可有效避开胶片的精神危害,但仍不应放松警惕。
硝烟浸透天空,残垣间,一位母亲跪在焦土之上,双臂如锈蚀的锁,紧紧箍住怀中幼小的身躯。那身体还柔软,胸口却已静默。她干裂的唇间挤不出声音,只有风从她张开的喉咙里穿过,带走所有未被听见的呼喊。
火焰下方,人群汇聚成一片模糊的潮。声音彼此推挤、蒸腾,汇成同一个短促而尖锐的浪头:「跳啊!你不跳你不是人!!!」那些喊声像一把钝刀,割开沉闷的空气。楼沿上的人影微微一顿,仿佛被那声浪推了一下,向前倾去——
沉重的闷响在地面绽开,几乎同时,另一道声音破门而入,那是父亲和母亲嘶哑的对骂:「要不是为了这个家,我他妈会过成这样?!」玻璃碎裂声清脆而冰冷,随后是持续的辱骂与撞击,一下,又一下,重重砸在薄薄的门板后面……
……
世界在坍塌,现实与虚幻模糊彼此的边界。回响从所有方向涌来,分不清远近,仿佛同时跌进亿万个场景、亿万个时空——信息的洪流蛮横地灌入感官,冲撞着颅腔。痛。像有铁锤反复捣砸头颅,捶成混沌的浆,却又将原本零落的记忆残片捶得更碎。越是破碎,越有画面疯涌而出:一帧帧,一幕幕,在视网膜上高频闪烁、交叠、切换,嗤嗤地灼烧着。
头颅反复撞向墙壁,沉闷的撞击声在昏暗中回荡。撞裂头盖骨,伸手探入,指尖触到滑腻蠕动的胶片。它们之中的一部分成员在颅内溃烂:边缘泛起霉斑,影像剥落,稍一施压便碎成粉末。牙关紧咬,攥住湿滑的胶片向外撕扯——一卷,两卷,三卷……断裂的神经,喷涌的胶片,越扯越多,越缠越紧,仿佛要将头颅由内向外彻底翻卷。每一寸胶片都在沙沙作响,每一帧画面都在湮灭。
定影液从眼角涌出,不必哭泣——胶片上那些重叠、褪色的人影,早已在流逝的每一寸时光里,替这具躯体流干了泪。无数张翕动的嘴,无数双空洞的眼,在银盐剥落的嘶嘶声中永远泣不成声;他们的悲伤如此浩瀚,早已淹没了所有仅存的、属于自己的泪水。
几天前才封存的新胶片正飞速腐败:影像从片头至片尾节节褪色、龟裂,散作尘灰。溃烂在扩散,蔓延向其他贮藏的胶片:记忆在霉变,往昔在朽烂,自身存在的轮廓也随之渐渐模糊,即将散入虚无——连一丝涟漪也来不及泛起。
不能停下……
无论如何……必须再度开始狩猎……
更新:因代价过大,M.E.G. 已不再对其进行更深一步研究。
行为准则
- 对大型聚居地保持警觉。
- 切出摄影师所在层级后不应再次切入。
- 勿靠近,远离求求你们了来个人陪陪我吧你们要我做什么都可以真的好难受好孤单我真的很对不起我对不起所有人对不起所有人对不起人对不起对不起对不起对不起对不起对不起起起起起起起起起起起
咔嚓!
狩猎已然落幕,Level AS-64 内遍布疮痍。然而那些胶片却未餍足,仍在躯壳中疯狂蠕动,如影随形地驱赶着残破的脚步,奔赴下一场杀戮。每一步都像踩在刀尖上,每一次呼吸都搅动着翻涌的痛楚,视野逐渐被虚无抹去。
直到,一束光在画上句号的箱庭中,照了下来。
视野被另一种场景覆盖——是亡者生前记忆的碎片,被细心拼合。众生悬空旋转,在形似万花筒的领域中彼此相拥:湛蓝天穹舒展开来,天花板上飘着白云;风在四周轻盈旋转,带领着人们起舞……这幸福如此真实,真实到几乎要覆写痛楚。躯壳仿佛生出羽翼,在这超凡脱俗的幻境中翱翔,遁入这天堂。
胶片同样陷入了狂喜,却并非为此而欢庆——它们自右眼眶中倾泻而出,贪婪地扑向那些记忆,咀嚼、吞噬,直至彻底脱离躯壳的束缚。仿佛被黑暗本身攫取,那光鲜亮丽的滤镜在瞬间被打破,露出精美包装底下的真面目——是母亲失去孩子的凄厉哀鸣、是轻生者坠入永恒的缄默、是家庭崩解时撕裂的咒骂……一切都在拉伸、扭曲,胶片在各个景观间来回穿梭——死者生前的记忆场景不停地突现消失,彼此相融或是湮灭。
那些胶片突然回来了:它们像行星环一样围绕在周边,骤然收束,交织成一张巨大而黏腻的蜘蛛网,缠裹住躯体。它们一寸寸没入皮肤,切开柔软的血肉,不断向深处侵入——直至触到搏动的脉络,而后割断,显影液便顺着那些创口静静地淌了出来。
然而——在这风暴与束缚的正中央,在一切皆被剥夺的边缘,手,竟还能动。
它摸索着,在一片湿滑黏腻的混沌中,抓住了那台相机——用尽残存的气力,将它举起,对准自己,对准这具罪该万死的躯壳。
展露从未有过的笑颜。
食指,搭上快门。
然后,压下。
咔嚓!
可回应的,仅有一片死寂。

