花海之红

[[include :scpsandboxcn:no-saving-page]] [[mOdUlE cSs]] /* IPix中文像素字体↓ */ @import url(https://fastly.jsdelivr.net/gh/hoah2333/Fonts@main/Typeface-IPix.css); /* 凤凰点阵体↓ */ @import url(https://fastly.jsdelivr.net/gh/hoah2333/Fonts@main/Typeface-VonwaonBitmap-12px.css); /* 观致8px字体↓ */ @import url(https://fastly.jsdelivr.net/gh/hoah2333/Fonts@main/Typeface-GuanZhi-8px.css); html, body {     height: 100%;     font-size: 96%; } :root {     --m-extra-width: 767px;     --pc-extra-width: ;     --test-color: blue; } @media (max-width: 991px) {     html, body {         font-size: 76.8%;     }     :root {         --m-extra-width: 767px;         --pc-extra-width: ;         --test-color: yellow;     } } @media (max-width: 767px) {     html, body {         font-size: 60%;     }     :root {         --m-extra-width: 100vw;         --pc-extra-width: ;         --test-color: green;     } } body {     overflow: hidden !important; } #u-html-content {     width: auto;     height: 100%;     background-color: rgba(0, 0, 0, 1);     padding: 0;     margin: 0;     position: fixed;     z-index: 10;     top: 0;     left: 0;     right: 0;     bottom: 0; } #u-html-content p {     display: block;     width: 100%;     height: 100%;     padding: 0;     margin: 0; } #u-html-content p iframe.html-block-iframe {     width: 100%;     height: 100% !important; } /* 字体↓ */ #u-rate-content div.creditRate div.rateBox div.rate-box-with-credit-button div.page-rate-widget-box span.rate-points, #u-credit-view:target div.modalcontainer div.modalbox div.page-rate-widget-box span.rate-points, #u-rate-content div.creditRate div.rateBox div.rate-box-with-credit-button div.page-rate-widget-box span.rateup, #u-credit-view:target div.modalcontainer div.modalbox div.page-rate-widget-box span.rateup, #u-rate-content div.creditRate div.rateBox div.rate-box-with-credit-button div.page-rate-widget-box span.ratedown, #u-credit-view:target div.modalcontainer div.modalbox div.page-rate-widget-box span.ratedown, #u-rate-content div.creditRate div.rateBox div.rate-box-with-credit-button div.page-rate-widget-box span.cancel, #u-credit-view:target div.modalcontainer div.modalbox div.page-rate-widget-box span.cancel {     width: 2rem;     height: 2rem;     display: inline-block;     font-size: 1.5rem;     line-height: 2rem;     font-weight: normal;     letter-spacing: 0.25rem;     vertical-align: middle;     animation: fontMixRateAnim 0.2s linear infinite;     margin-top: 0.1rem;     --ls_val: 0.23rem; } #u-rate-content div.creditRate div.rateBox div.rate-box-with-credit-button div.page-rate-widget-box span.rate-points, #u-credit-view:target div.modalcontainer div.modalbox div.page-rate-widget-box span.rate-points {     width: 9rem;     --ls_val: 0.3rem; } #u-credit-view:target div.modalcontainer div.modalbox div h2 span, #u-credit-view:target div.modalcontainer div.modalbox div > p:nth-of-type(2) {     display: inline-block;     height: 2rem;     line-height: 2rem;     letter-spacing: 0.25rem;     vertical-align: middle;     animation: fontMixAnim 0.3s linear infinite; } #u-rate-content div.creditRate div.rateBox div.rate-box-with-credit-button div.creditButton p {     width: 2.1rem;     height: 2.1rem;     display: inline-block;     line-height: 2rem;     font-weight: normal;     letter-spacing: 0.25rem;     vertical-align: middle;     animation: fontMixRateAnim 0.2s linear infinite;     margin-top: 0rem;     --ls_val: 0.23rem; } #u-rate-content div.creditRate div.rateBox div.rate-box-with-credit-button div.page-rate-widget-box span.rate-points {     padding-left: 1rem; } #u-rate-content div.creditRate div.rateBox div.rate-box-with-credit-button div.creditButton p a {     font-size: 2rem;     padding-left: 0.5rem; } @keyframes fontMixRateAnim {     0% { font-family: 'VonwaonBitmap 12px', sans-serif; letter-spacing: 0; }     49% { font-family: 'VonwaonBitmap 12px', sans-serif; letter-spacing: 0; }     50% { font-family: 'GuanZhi 8px', sans-serif; letter-spacing: var(--ls_val); }     99% { font-family: 'GuanZhi 8px', sans-serif; letter-spacing: var(--ls_val); }     100% { font-family: 'VonwaonBitmap 12px', sans-serif; letter-spacing: 0; } } @keyframes fontMixAnim {     0% { font-family: 'VonwaonBitmap 12px', sans-serif; }     33% { font-family: 'VonwaonBitmap 12px', sans-serif; }     34% { font-family: 'GuanZhi 8px', sans-serif; }     66% { font-family: 'GuanZhi 8px', sans-serif; }     67% { font-family: IPix, sans-serif; }     99% { font-family: IPix, sans-serif;  }     100% { font-family: 'VonwaonBitmap 12px', sans-serif; } } /* 字体↑ */ /* 评分模组↓ */ #u-rate-content {     opacity: 0;     margin-top: -4rem;     position: fixed;     z-index: 12;     top: 0;     right: -0.6rem;     animation: rateOpacHideAnim 30s linear;     transition: opacity 1s ease, margin-top 1s ease; } @keyframes rateOpacHideAnim {     0% { margin-top: 0; opacity: 1; }     96.6% { margin-top: 0; opacity: 1; }     100% { margin-top: -4rem; opacity: 0; } } #u-onin {     width: 20rem;     height: 3rem;     position: fixed;     z-index: 11;     top: 0;     right: -0.6rem; } #u-onin:hover + #u-rate-content, #u-rate-content:hover {     opacity: 1;     margin-top: 0;     transition: opacity 1s ease, margin-top 1s ease; } #u-rate-content div.creditRate div.rateBox div.rate-box-with-credit-button {     background-color: transparent;     border: none;     border-radius: 0;     box-shadow: none;     padding: 0; } #u-rate-content div.creditRate div.rateBox div.rate-box-with-credit-button div.page-rate-widget-box {     color: #F00;     height: 2rem;     border-radius: 0;     box-shadow: none; } #u-rate-content div.creditRate div.rateBox div.rate-box-with-credit-button div.page-rate-widget-box span.rate-points, #u-rate-content div.creditRate div.rateBox div.rate-box-with-credit-button div.creditButton p a, #u-credit-view:target div.modalcontainer div.modalbox div.page-rate-widget-box span.rate-points {     color: #F00; } #u-rate-content div.creditRate div.rateBox div.rate-box-with-credit-button div.page-rate-widget-box {     margin-right: 0.15rem; } .page-rate-widget-box .rate-points, .page-rate-widget-box .rateup, .page-rate-widget-box .ratedown, .page-rate-widget-box .cancel {     background-color: rgba(255, 0, 0, 0.3);     border-color: rgba(255, 0, 0, 0);     border-width: 0.2rem;     border-radius: 0;     padding: 0.2rem; } .page-rate-widget-box .rate-points {     background: rgba(255, 0, 0, 0.3) !important;     padding-left: 0.5rem; } .page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a, .page-rate-widget-box .cancel a {     color: #F00; } .page-rate-widget-box span.cancel a[title="取消我的投票"] {     border-radius: 0; } .page-rate-widget-box span.rateup:hover, .page-rate-widget-box span.ratedown:hover, .page-rate-widget-box span.cancel:hover {     background-color: #F00; } .page-rate-widget-box span.rateup:hover a, .page-rate-widget-box span.ratedown:hover a, .page-rate-widget-box span.cancel:hover a {     background-color: #F00;     color: rgba(255, 0, 0, 0.3); } #u-rate-content div.creditRate div.rateBox div.rate-box-with-credit-button div.creditButton {     border: solid 0.3rem rgba(255, 0, 0, 0);     background-color: rgba(255, 0, 0, 0.3);     padding: 0.3em 0.1rem;     padding-left: 0.5rem; } .rateBox .rate-box-with-credit-button .creditButton p a {     border: none; } .rateBox .rate-box-with-credit-button .page-rate-widget-box span.cancel {     border-right: solid 0.2rem rgba(255, 0, 0, 0); } #u-credit-view:target div.modalcontainer div.modalbox {     color: #F00;     font-size: 1.5rem;     background: rgba(50, 0, 0, 0.3); } /* 评分模组↑ */ [[/mOdUlE]] [[div id="onin"]] [[/div]] [[div id="rate-content"]] [[include :scp-wiki-cn:credit:start]] 若长时间未加载或崩图没声音请刷新页面喵，[[[https://scp-wiki-cn.wikidot.com/forum/t-15842893/#post-6075901|评论区→]]] [[include :scp-wiki-cn:credit:end]] [[/div]] [[div id="html-content"]] [[html]] <head> <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1"> <style type="text/css"> /* IPix中文像素字体↓ */ @import url(https://fastly.jsdelivr.net/gh/hoah2333/Fonts@main/Typeface-IPix.css); /* 站酷庆科黄油体↓ */ @import url('https://fonts.googleapis.com/css?family=ZCOOL+QingKe+HuangYou&display=swap'); /* 凤凰点阵体↓ */ @import url(https://fastly.jsdelivr.net/gh/hoah2333/Fonts@main/Typeface-VonwaonBitmap-12px.css); /* 观致8px字体↓ */ @import url(https://fastly.jsdelivr.net/gh/hoah2333/Fonts@main/Typeface-GuanZhi-8px.css); /* 主体↓ */ html, body {     width: 100%;     height: 100% !important;     color: #F00;     font-size: 78.125%;/* 16px→12.5px，1rem = 12.5px */     letter-spacing: 0;     padding: 0;     margin: 0; } #nps button#load_valbox {     font-size: 1.2rem; } #html_main_content {     width: 100%;     height: 100%;     font-size: 1.5rem;     background-color: rgba(255, 0, 0, 0.1);     overflow-x: hidden;     overflow-y: hidden;     animation: bgHmcAnim 0.3s linear infinite; } @keyframes bgHmcAnim {     0% { background-color: rgba(255, 0, 0, 0.1); }     49% { background-color: rgba(255, 0, 0, 0.1); }     50% { background-color: rgba(255, 0, 0, 0.11); }     99% { background-color: rgba(255, 0, 0, 0.11); }     100% { background-color: rgba(255, 0, 0, 0.1); } } /* 主体↑ */ /* root值↓ */ html, body {     font-size: 125%;/* 16px→20px，1rem = 20px */ } :root {     --m-extra-width: 767px;     --pc-extra-width: ;     --test-color: blue; } @media (max-width: 991px) {     html, body {         font-size: 100%;/* 16px→16px，1rem = 16px */     }     :root {         --m-extra-width: 767px;         --pc-extra-width: ;         --test-color: yellow;     } } @media (max-width: 767px) {     html, body {         font-size: 78.125%;/* 16px→12.5px，1rem = 12.5px */     }     :root {         --m-extra-width: 100vw;         --pc-extra-width: ;         --test-color: green;     } } /* root值↑ */ /* 字体↓ */ .fontNsa {     font-family: 'Noto Sans SC', sans-serif; } .fontNse {     font-family: 'Noto Serif SC', sans-serif; } .fontIPix {     font-family: IPix, sans-serif; } .fontZcool {     font-family: 'ZCOOL QingKe HuangYou', sans-serif; } .fontVb12 {     font-family: 'VonwaonBitmap 12px', sans-serif; } .fontVb16 {     font-family: 'VonwaonBitmap 16px', sans-serif; } .fontGz8 {     font-family: 'GuanZhi 8px', sans-serif; } .fontMix {     display: inline-block;     height: 2rem;     line-height: 2rem;     letter-spacing: 0.25rem;     vertical-align: middle;     animation: fontMixAnim 0.3s linear infinite; } @keyframes fontMixAnim {     0% { font-family: 'VonwaonBitmap 12px', sans-serif; }     33% { font-family: 'VonwaonBitmap 12px', sans-serif; }     34% { font-family: 'GuanZhi 8px', sans-serif; }     66% { font-family: 'GuanZhi 8px', sans-serif; }     67% { font-family: IPix, sans-serif; }     99% { font-family: IPix, sans-serif;  }     100% { font-family: 'VonwaonBitmap 12px', sans-serif; } } .fontMixEng {     display: inline-block;     height: 1.8rem;     line-height: 2rem;     vertical-align: middle;     animation: fontMixEngAnim 0.2s linear infinite; } @keyframes fontMixEngAnim {     0% { font-family: 'VonwaonBitmap 12px', sans-serif; letter-spacing: 0; }     49% { font-family: 'VonwaonBitmap 12px', sans-serif; letter-spacing: 0; }     50% { font-family: 'GuanZhi 8px', sans-serif; letter-spacing: 0.4rem; }     99% { font-family: 'GuanZhi 8px', sans-serif; letter-spacing: 0.4rem; }     100% { font-family: 'VonwaonBitmap 12px', sans-serif; letter-spacing: 0; } } .fontMixNum {     display: inline-block;     height: 1.8rem;     line-height: 1.8rem;     vertical-align: middle;     animation: fontMixNumAnim 0.2s linear infinite; } @keyframes fontMixNumAnim {     0% { font-family: 'VonwaonBitmap 12px', sans-serif; letter-spacing: 0; }     49% { font-family: 'VonwaonBitmap 12px', sans-serif; letter-spacing: 0; }     50% { font-family: 'GuanZhi 8px', sans-serif; letter-spacing: 0.2rem; }     99% { font-family: 'GuanZhi 8px', sans-serif; letter-spacing: 0.2rem; }     100% { font-family: 'VonwaonBitmap 12px', sans-serif; letter-spacing: 0; } } .fontMixDot {     display: inline-block;     height: 1.8rem;     line-height: 2rem;     vertical-align: middle;     animation: fontMixDotAnim 0.2s linear infinite; } @keyframes fontMixDotAnim {     0% { font-family: 'VonwaonBitmap 12px', sans-serif; letter-spacing: 0; }     49% { font-family: 'VonwaonBitmap 12px', sans-serif; letter-spacing: 0; }     50% { font-family: 'GuanZhi 8px', sans-serif; letter-spacing: -1rem; }     99% { font-family: 'GuanZhi 8px', sans-serif; letter-spacing: -1rem; }     100% { font-family: 'VonwaonBitmap 12px', sans-serif; letter-spacing: 0; } } /* 字体↑ */ /* 手绘基金会↓ */ .logoScp {     width: 10rem;     height: 10rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: logoAnim 0.3s linear infinite;     --logoUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_scp红logo_1");     --logoUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_scp红logo_2");     --logoUrl_3: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_scp红logo_3"); } @keyframes logoAnim {     0% { background-image: var(--logoUrl_1); }     32% { background-image: var(--logoUrl_1); }     33% { background-image: var(--logoUrl_2); }     65% { background-image: var(--logoUrl_2); }     66% { background-image: var(--logoUrl_3); }     99% { background-image: var(--logoUrl_3); }     100% { background-image: var(--logoUrl_1); } } /* 手绘基金会↑ */ /* 手绘缺失↓ */ .logoDeletion {     width: 11rem;     height: 11rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     margin-top: -0.5rem;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_缺失logo_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_缺失logo_2"); } /* 手绘缺失↑ */ /* 手绘中心↓ */ .logoHypo {     width: 11rem;     height: 11rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     margin-top: -0.5rem;     animation: logoAnim 0.3s linear infinite;     --logoUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_失温症logo_1");     --logoUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_失温症logo_2");     --logoUrl_3: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_失温症logo_3"); } /* 手绘中心↑ */ /* 手绘猫↓ */ .logoCat {     width: 11rem;     height: 11rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     margin-top: -0.5rem;     animation: logoAnim 0.3s linear infinite;     --logoUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_猫logo_1");     --logoUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_猫logo_2");     --logoUrl_3: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_猫logo_3"); } /* 手绘猫↑ */ /* 手绘墓碑↓ */ .imgGrave {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_墓碑_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_墓碑_2"); } @keyframes imgAnim {     0% { background-image: var(--imgUrl_1); }     49% { background-image: var(--imgUrl_1); }     50% { background-image: var(--imgUrl_2); }     99% { background-image: var(--imgUrl_2); }     100% { background-image: var(--imgUrl_1); } } .imgGraveA {     width: 10rem;     height: 10rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_墓碑侧_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_墓碑侧_2"); } .imgGraveB {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_墓碑B_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_墓碑B_2"); } /* 手绘墓碑↑ */ /* 手绘花↓ */ .imgFlowA, .imgFlowB, .imgFlowC, .imgFlowD, .imgFlowE {     width: 5rem;     height: 5rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite; } .imgFlowA {     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_花A_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_花A_2"); } .imgFlowB {     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_花B_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_花B_2"); } .imgFlowC {     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_花C_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_花C_2"); } .imgFlowD {     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_花D_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_花D_2"); } .imgFlowE {     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_花E_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_花E_2"); } /* 手绘花↑ */ /* 手绘铲子↓ */ .imgShovel {     width: 8rem;     height: 8rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_铲_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_铲_2"); } /* 手绘铲子↑ */ /* 手绘棺木↓ */ .imgCoffinA {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_棺A_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_棺A_2"); } .imgCoffinB {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_棺B_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_棺B_2"); } .imgCoffinC {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_棺C_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_棺C_2"); } .imgCoffinD {     width: 20rem;     height: 20rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_棺D_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_棺D_2"); } /* 手绘棺木↑ */ /* 手绘权限卡↓ */ .imgCardA {     width: 3rem;     height: 3rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_卡A_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_卡A_2"); } .imgCardB {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_卡B_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_卡B_2"); } /* 手绘权限卡↑ */ /* 手绘碎片↓ */ .imgDebrisA {     width: 3rem;     height: 3rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_碎片A_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_碎片A_2"); } .imgDebrisB {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_碎片B_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_碎片B_2"); } /* 手绘碎片↑ */ /* 手绘胶囊↓ */ .imgCapsuleA {     width: 3rem;     height: 3rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_胶囊A_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_胶囊A_2"); } .imgCapsuleB {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_胶囊B_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_胶囊B_2"); } .imgCapsuleC {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_胶囊C_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_胶囊C_2"); } .imgCapsuleD {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_胶囊D_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_胶囊D_2"); } .imgCapsuleE {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_胶囊E_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_胶囊E_2"); } .imgCapsuleF {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_胶囊F_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_胶囊F_2"); } /* 手绘胶囊↑ */ /* 手绘记忆↓ */ .imgMemoryA {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_记忆A_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_记忆A_2"); } .imgMemoryB {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_记忆B_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_记忆B_2"); } /* 手绘记忆↑ */ /* 手绘气泡↓ */ .imgBubbleA {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_气泡A_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_气泡A_2"); } .imgBubbleB {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_气泡B_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_气泡B_2"); } /* 手绘气泡↑ */ /* 手绘心电图↓ */ .imgMonitor {     width: 20rem;     height: 20rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_心电图_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_心电图_2"); } /* 手绘心电图↑ */ /* 手绘眼镜↓ */ .imgGlasses {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_眼镜_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_眼镜_2"); } /* 手绘眼镜↑ */ /* 手绘头发↓ */ .imgHairA {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_发A_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_发A_2"); } .imgHairB {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_发B_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_发B_2"); } .imgHairC {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_发C_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_发C_2"); } .imgHairD {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_发D_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_发D_2"); } /* 手绘头发↑ */ /* 手绘培养皿↓ */ .imgDish {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_皿_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_皿_2"); } /* 手绘培养皿↑ */ /* 手绘剪影↓ */ .imgSilhoueA {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_剪影A_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_剪影A_2"); } .imgSilhoueB {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_剪影B_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_剪影B_2"); } .imgSilhoueC {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_剪影C_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_剪影C_2"); } .imgSilhoueE {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_剪影E_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_剪影E_2"); } .imgSilhoueF {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_剪影F_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_剪影F_2"); } /* 手绘剪影↑ */ /* 手绘裂痕↓ */ .imgCrack {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_裂痕_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_裂痕_2"); } /* 手绘裂痕↑ */ /* 手绘水杯↓ */ .imgTumbler {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_水杯_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_水杯_2"); } /* 手绘水杯↑ */ /* 手绘绳索↓ */ .imgRopeA {     width: 10rem;     height: 10rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_绳索A_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_绳索A_2"); } .imgRopeB {     width: 10rem;     height: 10rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_绳索B_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_绳索B_2"); } /* 手绘绳索↑ */ /* 手绘小熊↓ */ .imgBearA {     width: 10rem;     height: 10rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_小熊A_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_小熊A_2"); } .imgBearB {     width: 10rem;     height: 10rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_小熊B_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_小熊B_2"); } /* 手绘小熊↑ */ /* 手绘刀↓ */ .imgKnife {     width: 10rem;     height: 10rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_刀_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_刀_2"); } /* 手绘刀↑ */ /* 手绘心脏↓ */ .imgHeartA {     width: 3rem;     height: 3rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_心脏A_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_心脏A_2"); } .imgHeartB {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_心脏B_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_心脏B_2"); } /* 手绘心脏↑ */ /* 手绘血↓ */ .imgBloodA {     width: 10rem;     height: 10rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_血A_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_血A_2"); } .imgBloodB {     width: 10rem;     height: 10rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_血B_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_血B_2"); } /* 手绘血↑ */ /* 手绘门↓ */ .imgDoorA {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_门A_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_门A_2"); } .imgDoorB {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_门B_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_门B_2"); } .imgDoorC {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_门C_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_门C_2"); } /* 手绘门↑ */ /* 手绘榨汁机↓ */ .imgJuicerA {     width: 10rem;     height: 10rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_榨汁机A_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_榨汁机A_2"); } .imgJuicerB {     width: 10rem;     height: 10rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_榨汁机B_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_榨汁机B_2"); } /* 手绘榨汁机↑ */ /* 手绘钥匙↓ */ .imgKey {     width: 3rem;     height: 3rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_钥匙_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_钥匙_2"); } /* 手绘钥匙↑ */ /* 手绘吧台↓ */ .imgCounterA {     width: 20rem;     height: 20rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_吧台A_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_吧台A_2"); } .imgCounterB {     width: 20rem;     height: 20rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_吧台B_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_吧台B_2"); } /* 手绘吧台↑ */ /* 手绘酒↓ */ .imgLiquorA {     width: 20rem;     height: 20rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_酒A_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_酒A_2"); } .imgLiquorB {     width: 20rem;     height: 20rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_酒B_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_酒B_2"); } /* 手绘酒↑ */ /* 手绘手↓ */ .imgHand {     width: 20rem;     height: 20rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_手_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_手_2"); } /* 手绘手↑ */ /* 手绘照片↓ */ .imgPhotoA {     width: 20rem;     height: 20rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_照片A_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_照片A_2"); } .imgPhotoB {     width: 20rem;     height: 20rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_照片B_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_照片B_2"); } .imgPhotoC {     width: 20rem;     height: 20rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_照片C_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_照片C_2"); } .imgPhotoD {     width: 20rem;     height: 20rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_照片D_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_照片D_2"); } /* 手绘照片↑ */ /* 手绘火苗↓ */ .imgFlameA {     width: 20rem;     height: 20rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.20s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_火苗A_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_火苗A_2"); } .imgFlameB {     width: 20rem;     height: 20rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.20s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_火苗B_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_火苗B_2"); } .imgFlameC {     width: 20rem;     height: 20rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_火苗C_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_火苗C_2"); } .imgFlameD {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_火苗D_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_火苗D_2"); } /* 手绘火苗↑ */ /* 手绘枪↓ */ .imgGunA {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_枪A_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_枪A_2"); } .imgGunB {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_枪B_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_枪B_2"); } .imgGunC {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_枪C_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_枪C_2"); } .imgGunD {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_枪D_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_枪D_2"); } /* 手绘枪↑ */ /* 手绘乌鸦↓ */ .imgCrowA {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_乌鸦A_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_乌鸦A_2"); } .imgCrowB {     width: 15rem;     height: 15rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_乌鸦B_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_乌鸦B_2"); } /* 手绘乌鸦↑ */ /* 手绘场景↓ */ .imgSceneA {     width: 20rem;     height: 20rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_场景A_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_场景A_2"); } .imgSceneB {     width: 20rem;     height: 20rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_场景B_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_场景B_2"); } .imgSceneC {     width: 20rem;     height: 20rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_场景C_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_场景C_2"); } .imgSceneD {     width: 20rem;     height: 20rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.2s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_场景D_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_场景D_2"); } .imgSceneE {     width: 20rem;     height: 20rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.20s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_场景E_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_场景E_2"); } .imgSceneF {     width: 20rem;     height: 20rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.20s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_场景F_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_场景F_2"); } /* 手绘场景↑ */ /* 手绘直升机↓ */ .imgHelicopter {     width: 20rem;     height: 20rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.10s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_直升机_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_直升机_2"); } .imgHelicopterR {     width: 20rem;     height: 20rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgAnim 0.10s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_直升机R_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_直升机R_2"); } /* 手绘直升机↑ */ /* 手绘警笛↓ */ .imgSirenA {     width: 20rem;     height: 20rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgSirenAnim 1s linear infinite;     animation-delay: 0.13s;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_警笛_1");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_警笛_2");     --imgUrl_3: url(); } .imgSirenB {     width: 20rem;     height: 20rem;     background-size: 100% 100%;     background-position: 50%;     background-repeat: no-repeat;     margin: 0 auto;     animation: imgSirenAnim 1s linear infinite;     --imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_警笛_3");     --imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_警笛_4");     --imgUrl_3: url(); } @keyframes imgSirenAnim {     0% { background-image: var(--imgUrl_1); }     12.4% { background-image: var(--imgUrl_1); }     12.6% { background-image: var(--imgUrl_3); }     24.9% { background-image: var(--imgUrl_3); }     25.1% { background-image: var(--imgUrl_1); }     37.4% { background-image: var(--imgUrl_1); }     37.6% { background-image: var(--imgUrl_3); }     49.9% { background-image: var(--imgUrl_3); }     50.1% { background-image: var(--imgUrl_2); }     62.4% { background-image: var(--imgUrl_2); }     62.6% { background-image: var(--imgUrl_3); }     74.9% { background-image: var(--imgUrl_3); }     75.1% { background-image: var(--imgUrl_2); }     87.4% { background-image: var(--imgUrl_2); }     87.6% { background-image: var(--imgUrl_3); }     100% { background-image: var(--imgUrl_3); } } /* 手绘警笛↑ */ /* 红色之雨↓ */ .redRain::before, .redRain::after {     content: "";     display: block;     width: 100%;     height: 100%;     position: absolute;     z-index: -1;     top: 0;     left: 0; } .redRain::before {     background-image: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_雨A");     animation: redRainAnim 0.8s linear infinite; } .redRain::after {     background-image: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_雨B");     animation: redRainAnim 0.5s linear infinite; } @keyframes redRainAnim {     0% { background-position: 0% 0%; }     100% { background-position: 0% 500px; } } /* 红色之雨↑ */ /* 页000↓ */ #A_000 {     width: 100%;     min-height: 100%;     position: relative;     top: 0;     left: 0; } #A_000 div {     z-index: -1; } #A_000 > div {     position: absolute; } #A_000_Scp, #A_000_Hypo, #A_000_Cat {     width: 12rem;     top: calc(50% - 10rem);     left: calc(50% - 6rem); } #A_000_Deletion {     width: 15rem;     top: calc(50% - 10rem);     left: calc(50% - 7.5rem); } #A_000_Flow {     width: 90%;     top: 30%;     left: calc(5% + 1rem); } #A_000_Flow div span {     font-size: calc(1rem + (var(--m-extra-width) / 36));     letter-spacing: 2rem; } #A_000_Grave {     width: 15rem;     height: 15rem;     transition: filter 3s linear;     top: 40%;     left: calc(50% - 7.5rem); } .A_000_Flows {     width: 5rem;     height: 5rem; } .A_000_Flows:nth-of-type(8) {     top: calc(40% + 7.5rem);     left: calc(50% - 12rem); } .A_000_Flows:nth-of-type(9) {     top: calc(40% + 6.7rem);     left: calc(50% - 9.2rem); } .A_000_Flows:nth-of-type(10) {     top: calc(40% + 8.6rem);     left: calc(50% - 7.3rem); } .A_000_Flows:nth-of-type(11) {     top: calc(40% + 6.9rem);     left: calc(50% - 6.2rem); } .A_000_Flows:nth-of-type(12) {     top: calc(40% + 10.3rem);     left: calc(50% - 2.5rem); } .A_000_Flows:nth-of-type(13) {     top: calc(40% + 9.8rem);     left: calc(50% + 0.5rem); } .A_000_Flows:nth-of-type(14) {     top: calc(40% + 6.6rem);     left: calc(50% + 1.3rem); } .A_000_Flows:nth-of-type(15) {     top: calc(40% + 6.8rem);     left: calc(50% + 3.5rem); } .A_000_Flows:nth-of-type(16) {     top: calc(40% + 8.1rem);     left: calc(50% + 5.1rem); } .A_000_Flows:nth-of-type(17) {     top: calc(40% + 7.5rem);     left: calc(50% + 7rem); } #A_000_Title1, #A_000_Title2, #A_000_Title3, #A_000_Title4 {     width: 100%;     transition: filter 3s linear;     top: calc(40% - 5rem); } #A_000_Title1 div b span span:nth-of-type(1), #A_000_Title2 div b span span:nth-of-type(1), #A_000_Title3 div b span span:nth-of-type(1), #A_000_Title4 div b span span:nth-of-type(1) {     font-size: 2rem; } #A_000_Title1 div b span span:nth-of-type(2), #A_000_Title2 div b span span:nth-of-type(2), #A_000_Title3 div b span span:nth-of-type(2), #A_000_Title4 div b span span:nth-of-type(2) {     font-size: 1.2rem; } #A_000_GraveA {     width: 10rem;     height: 10rem;     top: 40%;     left: calc(50% - 2rem); } .A_000_Flows:nth-of-type(20) {     top: calc(40% + 7rem);     left: calc(50% - 6rem); } #A_000_GraveB, #A_000_DebrisB, #A_000_CapsuleF, #A_000_DoorText, #A_000_EndText {     width: 20rem;     top: calc(40% - 8rem);     left: calc(50% - 10rem); } #A_000_Shovel {     width: 8rem;     height: 8rem;     top: calc(40% + 8rem);     left: calc(50% + 3rem); } #A_000_CoffinA, #A_000_CoffinB, #A_000_CoffinC {     width: 15rem;     height: 15rem;     top: calc(40% + 5rem);     left: calc(50% - 13rem); } #A_000_CoffinD {     width: 20rem;     height: 20rem;     top: calc(40% - 4rem);     left: calc(50% - 10rem); } #A_000_CardA {     width: 3rem;     height: 3rem;     top: calc(40% + 0rem);     left: calc(50% - 1rem); } #A_000_CardB, #A_000_CapsuleB, #A_000_CapsuleC, #A_000_CapsuleD, #A_000_MemoryA, #A_000_MemoryB, #A_000_BubbleA, #A_000_BubbleB, #A_000_Glasses, #A_000_HairA, #A_000_HairB, #A_000_HairC, #A_000_Dish, #A_000_SilhoueA, #A_000_SilhoueB, #A_000_SilhoueC, #A_000_Crack, #A_000_Tumbler, #A_000_SilhoueD, #A_000_SilhoueE, #A_000_HeartB, #A_000_DoorA, #A_000_DoorB, #A_000_DoorC, #A_000_FlameD, #A_000_SilhoueF, #A_000_GunA, #A_000_GunB, #A_000_GunC, #A_000_GunD, #A_000_CrowA, #A_000_CrowB {     width: 15rem;     height: 15rem;     top: calc(40% - 6rem);     left: calc(50% - 7.5rem); } #A_000_CardB .imgCardB > div {     font-size: 1rem;     position: absolute;     top: 4.5rem;     left: 6rem; } #A_000_DebrisA {     width: 3rem;     height: 3rem;     top: calc(40% + 5rem);     left: calc(50% - 0rem); } #A_000_CapsuleA {     width: 3rem;     height: 3rem;     top: calc(40% + 10rem);     left: calc(50% - 1rem); } #A_000_MemoryB, #A_000_BubbleA, #A_000_BubbleB {     transition: filter 3s linear; } .A_000_Flows:nth-of-type(40), .A_000_Flows:nth-of-type(41) {     top: calc(40% + 0rem);     left: calc(50% - 2.5rem); } #A_000_Monitor {     width: 20rem;     height: 20rem;     top: calc(40% - 8.5rem);     left: calc(50% - 10rem); } #A_000_Monitor .imgMonitor > div {     font-size: 1.5rem;     position: absolute;     top: 6.4rem;     left: 12rem; } #A_000_Monitor .imgMonitor > div b:nth-of-type(1) {     animation: monitorOpacAnim 1s linear infinite; } @keyframes monitorOpacAnim {     0% { opacity: 1; }     49.9% { opacity: 1; }     50.1% { opacity: 0; }     100% { opacity: 0; } } #A_000_HairC {     clip-path: inset(40% 10% 40% 70%); } #A_000_HairD {     width: 15rem;     height: 15rem;     clip-path: inset(50% 25% 0 25%);     top: calc(40% - 12rem);     left: calc(50% - 7.5rem); } #A_000_Tumbler, #A_000_SilhoueF {     transition: filter 3s linear; } #A_000_Tumbler, #A_000_SilhoueD, #A_000_SilhoueE, #A_000_SilhoueF {     top: 40%; } #A_000_SilhoueD div.imgSilhoueC {     height: 0;     background-size: 100% 15rem;     background-position: 50% 0;     margin-top: 5.45rem; } #A_000_SilhoueE div.imgSilhoueE {     height: 9rem;     background-size: 100% 15rem;     background-position: 50% 0;     margin-top: -3.55rem; } #A_000_CapsuleE {     width: 15rem;     height: 15rem;     clip-path: inset(20% 20% 20% 20%);     transition: filter 3s linear;     top: calc(40% + 5rem);     left: calc(50% - 14rem); } #A_000_RopeA {     width: 10rem;     height: 10rem;     top: calc(40% - 11rem);     left: calc(50% - 5rem); } #A_000_RopeA div.imgRopeA {     height: 10rem;     background-size: 100% 10rem;     background-position: 50% 0; } #A_000_RopeB {     width: 10rem;     height: 10rem;     top: calc(40% - 6rem);     left: calc(50% - 5rem); } #A_000_BearA {     width: 10rem;     height: 10rem;     top: calc(40% + 9rem);     left: calc(50% - 5rem); } #A_000_BearB {     width: 10rem;     height: 10rem;     top: calc(40% - 6rem);     left: calc(50% - 5rem); } #A_000_Knife {     width: 10rem;     height: 10rem;     clip-path: inset(20% 0 20% 0);     top: calc(40% + 15rem);     left: calc(50% + 1rem); } #A_000_HeartA {     width: 3rem;     height: 3rem;     top: calc(40% + 3rem);     left: calc(50% - 3rem); } #A_000_BloodA {     width: 10rem;     height: 10rem;     top: calc(40% - 6rem);     left: calc(50% - 5rem); } #A_000_BloodB {     width: 10rem;     height: 10rem;     top: calc(40% + 15rem);     left: calc(50% + 1rem); } #A_000_DoorA {     clip-path: inset(30% 25.5% 15% 19.5%); } .A_000_Flows:nth-of-type(70) {     top: calc(40% + 7.5rem);     left: calc(50% - 12rem); } .A_000_Flows:nth-of-type(71) {     top: calc(40% + 6.7rem);     left: calc(50% - 9.2rem); } .A_000_Flows:nth-of-type(72) {     top: calc(40% + 8.6rem);     left: calc(50% - 7.3rem); } .A_000_Flows:nth-of-type(73) {     top: calc(40% + 6.9rem);     left: calc(50% - 6.2rem); } .A_000_Flows:nth-of-type(74) {     top: calc(40% + 10.3rem);     left: calc(50% - 2.5rem); } .A_000_Flows:nth-of-type(75) {     top: calc(40% + 6.6rem);     left: calc(50% + 1.3rem); } .A_000_Flows:nth-of-type(76) {     top: calc(40% + 8.1rem);     left: calc(50% + 5.1rem); } .A_000_Flows:nth-of-type(77) {     top: calc(40% + 7.5rem);     left: calc(50% + 7rem); } .A_000_Flows:nth-of-type(78) {     top: calc(40% + 9.8rem);     left: calc(50% + 0.5rem); } .A_000_Flows:nth-of-type(79) {     top: calc(40% + 6.8rem);     left: calc(50% + 3.5rem); } #A_000_JuicerA, #A_000_JuicerB {     width: 10rem;     height: 10rem;     top: calc(40% - 1rem);     left: calc(50% - 14rem); } #A_000_JuicerB div.imgJuicerB {     height: 5.8rem;     background-size: 100% 10rem;     background-position: 50% 0;     margin-top: 2.2rem; } #A_000_DoorText, #A_000_EndText {     padding-top: 10rem; } #A_000_Key {     width: 3rem;     height: 3rem;     top: calc(40% + 7.5rem);     left: calc(50% - 10.5rem); } #A_000_CounterA, #A_000_CounterB, #A_000_LiquorA, #A_000_LiquorB, #A_000_Hand, #A_000_PhotoA, #A_000_PhotoB, #A_000_PhotoC, #A_000_PhotoD, #A_000_FlameA, #A_000_FlameB, #A_000_FlameC, #A_000_SceneA, #A_000_SceneB, #A_000_SceneC, #A_000_SceneD, #A_000_SceneE, #A_000_SceneF, #A_000_Helicopter, #A_000_HelicopterR, #A_000_SirenA, #A_000_SirenB {     width: 20rem;     height: 20rem;     top: calc(40% - 8.5rem);     left: calc(50% - 10rem); } #A_000_LiquorB {     clip-path: inset(10% 70% 30% 0); } #A_000_LiquorB div.imgLiquorB {     height: 16rem;     background-size: 100% 20rem;     background-position: 50% 100%;     position: absolute;     bottom: 0; } #A_000_Hand, #A_000_PhotoA {     top: calc(40% - 3.5rem); } #A_000_PhotoB {     clip-path: inset(33% 17% 35% 58%); } #A_000_PhotoC {     clip-path: inset(33% 17% 35% 45%); } #A_000_PhotoD {     clip-path: inset(18% 17% 35% 43%); } #A_000_FlameAera {     width: 5rem;     height: 5rem;     top: calc(40% - 0.6rem);     left: calc(50% - 4.4rem); } #A_000_FlameB, #A_000_FlameC {     clip-path: inset(35% 45% 35% 25%); } #A_000_GunA, #A_000_GunB, #A_000_GunC {     top: calc(40% - 1rem); } #A_000_GunB {     margin-left: 0rem;/* -2.7rem(归位) */ } #A_000_GunC div.imgGunC {     width: 3.8rem;/* 1.1rem(归位) */     background-size: 15rem 100%;     background-position: 0 50%;     position: absolute;     left: 0; } #A_000_GunD {     clip-path: inset(10% 15% 30% 45%);     top: calc(40% + 5rem);/* -6rem(归位)0rem(预备) */     left: calc(50% - 10.5rem);/* 3rem(归位)5.5rem(预备) */ } #A_000_GunD div.imgGunD {     height: 12.4rem;/* 6.4rem(归位) */     background-size: 100% 15rem;     background-position: 50% 100%;     position: absolute;     bottom: 0; } #A_000_GunAera {     width: 6rem;     height: 7rem;     top: calc(40% + 1.4rem);     left: calc(50% - 0rem); } #A_000_Helicopter, #A_000_HelicopterR {     margin-left: -15rem;     animation: helicopterAnim 40s linear infinite; } #A_000_Helicopter > div {     animation: helicopterOpacAnim 40s linear infinite; } #A_000_HelicopterR > div {     animation: helicopterROpacAnim 40s linear infinite; } @keyframes helicopterAnim {     0% { margin-left: -15rem; }     50% { margin-left: 5rem; }     100% { margin-left: -15rem; } } @keyframes helicopterOpacAnim {     0% { opacity: 0; }     2% { opacity: 0; }     6% { opacity: 1; }     44% { opacity: 1; }     48% { opacity: 0; }     100% { opacity: 0; } } @keyframes helicopterROpacAnim {     0% { opacity: 0; }     52% { opacity: 0; }     56% { opacity: 1; }     94% { opacity: 1; }     98% { opacity: 0; }     100% { opacity: 0; } } #A_000_SceneE {     clip-path: inset(30% 30% 30% 30%); } #A_000_End {     width: 6rem;     height: 6rem;     top: calc(40% + 4rem);     left: calc(50% - 3rem); } #A_000_End div.logoCat {     width: 6rem;     height: 6rem; } #A_000_Comment {     width: 20rem;     top: calc(40% + 5.8rem);     left: calc(50% - 10rem); } /* 页000↑ */ /* 杂项↓ */ .poi {     cursor: pointer; } .blur {     filter: blur(0.3rem);     transition: filter 5s linear; } .clipAll {     clip-path: inset(0 49% 0 51%);     transition: clip-path 0.5s linear; } .clipLeft {     clip-path: inset(0 49% 0 41%);     transition: clip-path 0.5s linear; } .clipNon {     clip-path: inset(0 39% 0 41%);     transition: clip-path 0.4s linear; } .drift {     animation: driftAnim 3s ease infinite;     --drift_val_max: 0.15rem;     --drift_val_min: -0.15rem; } .driftFast {     animation: driftAnim 3s ease infinite;     --drift_val_max: 0.3rem;     --drift_val_min: -0.3rem; } .driftCaps {     animation: driftAnim 3s ease infinite;     --drift_val_max: -3rem;     --drift_val_min: -3.6rem; } @keyframes driftAnim {     0% { margin-top: var(--drift_val_max); }     50% { margin-top: var(--drift_val_min); }     100% { margin-top: var(--drift_val_max); } } .floatUp {     animation: floatUpAnim 5s linear infinite; } .floatUpFast {     animation: floatUpAnim 3s linear infinite; } .floatUp > div {     animation: floatUpOpacAnim 5s linear infinite; } .floatUpFast > div {     animation: floatUpOpacAnim 3s linear infinite; } @keyframes floatUpAnim {     0% { margin-top: 8rem; }     100% { margin-top: -6rem; } } @keyframes floatUpOpacAnim {     0% { opacity: 0; }     10% { opacity: 1; }     90% { opacity: 1; }     100% { opacity: 0; } } .rotate {     animation: rotateAnim 3s linear infinite; } @keyframes rotateAnim {     0% { transform:rotate(0deg); }     100% { transform:rotate(360deg); } } .shake {     animation: shakeAnim 2s ease-in-out infinite;     --drift_val_left: 0rem;     --drift_val_right: -0.5rem; } @keyframes shakeAnim {     0% { margin-left: var(--drift_val_left); }     50% { margin-left: var(--drift_val_right); }     100% { margin-left: var(--drift_val_left); } } </style> <!--jQuery 2.2.4↓--> <script type="text/javascript" language="javascript" src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-2.2.4.min.js"></script> <!--howler.js 2.2.3(已弃用)↓--> <!-- <script type="text/javascript" language="javascript" src="https://cdnjs.cloudflare.com/ajax/libs/howler/2.2.3/howler.min.js"></script> --> <!--device.js 0.10.2↓--> <script type="text/javascript" language="javascript" src="https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/device.0.10.2.js"></script> <!--jq-easing.js 1.3↓--> <script type="text/javascript" language="javascript" src="https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/jquery.easing.1.3.js"></script> <!--l-by-l.js↓--> <script type="text/javascript" language="javascript" src="https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/l-by-l.min.js"></script> </head> <body> <audio id="bgm_prologue" preload="auto">     <source src="https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/序章.ogg" type="audio/ogg">     </source>     <source src="https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/序章.mp3" type="audio/mp3">     </source> </audio> <audio id="bgm_tragedy" preload="auto">     <source src="https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/悲剧.ogg" type="audio/ogg">     </source>     <source src="https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/悲剧.mp3" type="audio/mp3">     </source> </audio> <audio id="bgm_end" preload="auto">     <source src="https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/结束.ogg" type="audio/ogg">     </source>     <source src="https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/结束.mp3" type="audio/mp3">     </source> </audio> <audio id="bgm_gunfire" preload="auto">     <source src="https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/枪声.ogg" type="audio/ogg">     </source>     <source src="https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/枪声.mp3" type="audio/mp3">     </source> </audio> <div class="mainFont" id="html_main_content">     <div id="A_000"> <!--忘了干什么用了↓--> <div id="nps"><input type="text" class="fontMix logoCat" id="passWord" placeholder="" style="width: 2rem; height: 2rem; margin-top: 0; background-color: rgba(255, 0, 0, 0.3); border: none; color: red"> <button onclick="psFunc()" class="fontMix" id="load_valbox" style="color: red; width: 3rem; background-color: rgba(255, 0, 0, 0.3); border: none; text-align: left; overflow: hidden"><span class="fontMixNum" id="load_val">0</span>%<span id="load_tips">加载中</span></button></div> <!--忘了干什么用了↑-->         <div id="A_000_Scp" style="opacity: 0">             <div class="logoScp"></div>             <div style="text-align: center"><b><span class="fontMixEng" style="width: 3.2rem">SCP</span><span class="fontMix">基金会</span></b></div>         </div>         <div id="A_000_Deletion" style="opacity: 0">             <div class="logoDeletion"></div>             <div style="text-align: center; margin-top: -0.5rem"><b><span class="fontMix"><span style="width: 1rem; display: inline-block"></span><span class="fontMixNum" style="width: 3rem">2023</span><span class="fontMixDot" style="width: 3rem">「</span>缺失<span style="width: 0.5rem; display: inline-block"></span>」<br>设定竞赛</span></b></div>         </div>         <div id="A_000_Hypo" style="opacity: 0">             <div class="logoHypo"></div>             <div style="text-align: center"><b><span class="fontMix">设定：失温症</span></b></div>         </div>         <div id="A_000_Cat" style="opacity: 0">             <div class="logoCat"></div>             <div style="text-align: center"><b><span class="fontMix">猫江月工作室</span></b></div>         </div>         <div id="A_000_Flow" style="opacity: 0">             <div style="text-align: center"><b><span class="fontMix">花海之红</span></b></div>         </div>         <div id="A_000_Grave" style="opacity: 0">             <div class="imgGrave"></div>         </div>         <div class="A_000_Flows" style="opacity: 0">             <div class="imgFlowB"></div>         </div>         <div class="A_000_Flows" style="opacity: 0">             <div class="imgFlowA"></div>         </div>         <div class="A_000_Flows" style="opacity: 0">             <div class="imgFlowA"></div>         </div>         <div class="A_000_Flows" style="opacity: 0">             <div class="imgFlowB"></div>         </div>         <div class="A_000_Flows" style="opacity: 0">             <div class="imgFlowA"></div>         </div>         <div class="A_000_Flows" style="opacity: 0">             <div class="imgFlowB"></div>         </div>         <div class="A_000_Flows" style="opacity: 0">             <div class="imgFlowA"></div>         </div>         <div class="A_000_Flows" style="opacity: 0">             <div class="imgFlowB"></div>         </div>         <div class="A_000_Flows" style="opacity: 0">             <div class="imgFlowA"></div>         </div>         <div class="A_000_Flows" style="opacity: 0">             <div class="imgFlowB"></div>         </div>         <div id="A_000_Title1" style="opacity: 0">             <div style="text-align: center"><b><span class="fontMix"><span>一</span><br><span>墓碑，范沧海</span></span></b></div>         </div>         <div id="A_000_GraveA" style="opacity: 0">             <div class="imgGraveA"></div>         </div>         <div class="A_000_Flows" style="opacity: 0">             <div class="imgFlowB"></div>         </div>         <div id="A_000_GraveB" style="opacity: 0">             <div class="imgGraveB"></div>             <div style="text-align: center"><span class="fontMix"><span class="fontMixDot" style="width: 3rem">「</span>我长眠于此<span class="fontMixNum">。」</span></span></div>         </div>         <div id="A_000_Shovel" style="opacity: 0">             <div class="imgShovel"></div>         </div>         <div id="A_000_CoffinA" style="opacity: 0">             <div class="imgCoffinA"></div>         </div>         <div id="A_000_CoffinB" style="opacity: 0">             <div class="imgCoffinB"></div>         </div>         <div id="A_000_CoffinC" style="opacity: 0">             <div class="imgCoffinC"></div>         </div>         <div id="A_000_CoffinD" style="opacity: 0">             <div class="imgCoffinD"></div>         </div>         <div id="A_000_CardA" style="opacity: 0">             <div class="imgCardA"></div>         </div>         <div id="A_000_DebrisA" style="opacity: 0">             <div class="imgDebrisA"></div>         </div>         <div id="A_000_CapsuleA" style="opacity: 0">             <div class="imgCapsuleA"></div>         </div>         <div id="A_000_CardB" style="opacity: 0">             <div class="imgCardB">                 <div><b><span class="fontMix">范沧海</span><br><span class="fontMixNum" style="width: 6.5rem">SCPFMDS</span><span class="fontMix">▶</span><br><span class="fontMixNum" style="width: 4rem; margin-top: -1rem">LEVEL</span><span class="fontMix" style="margin-top: -1rem">4</span><br><span class="fontMix" style="width: 8rem; margin-top: -0.2rem">❙❘❙❘❘❘❙❘❘❙❙❚❘❙</span></b></div>             </div>         </div>         <div id="A_000_DebrisB" style="opacity: 0">             <div class="imgDebrisB"></div>             <div style="text-align: center"><span class="fontMix"><span class="fontMixDot" style="width: 3rem">「</span><span class="fontMixNum" style="width: 6.5rem; text-align: left">......</span>」　</span></div>         </div>         <div id="A_000_CapsuleD" style="opacity: 0">             <div class="imgCapsuleD"></div>         </div>         <div id="A_000_CapsuleC" style="opacity: 0">             <div class="imgCapsuleC"></div>         </div>         <div id="A_000_CapsuleB" style="opacity: 0">             <div class="imgCapsuleB"></div>         </div>         <div class="clipAll drift" id="A_000_MemoryA" style="opacity: 0">             <div class="imgMemoryA"></div>         </div>         <div class="floatUpFast" id="A_000_BubbleA" style="opacity: 0">             <div><div class="imgBubbleA"></div></div>         </div>         <div class="floatUp" id="A_000_BubbleB" style="opacity: 0">             <div><div class="imgBubbleB"></div></div>         </div>         <div id="A_000_Title2" style="opacity: 0">             <div style="text-align: center"><b><span class="fontMix"><span>二</span><br><span>轮回，范沧海</span></span></b></div>         </div>         <div class="driftFast" id="A_000_MemoryB" style="opacity: 0">             <div class="imgMemoryB"></div>         </div>         <div class="A_000_Flows" style="opacity: 0">             <div class="imgFlowA"></div>         </div>         <div class="A_000_Flows" style="opacity: 0">             <div class="imgFlowC"></div>         </div>         <div id="A_000_Monitor" style="opacity: 0">             <div class="imgMonitor">                 <div><b><span class="fontMixNum" style="width: 6rem; font-size: 3.2rem">00</span><br><span class="fontMixNum" style="width: 6rem; font-size: 2.4rem; margin-top: 1.4rem">00</span><br><span class="fontMixNum" style="width: 6rem; margin-top: 0.3rem; margin-left: 1.5rem">0</span><br><span class="fontMixNum" style="width: 6rem; margin-top: 0.3rem; margin-left: 0.3rem">00/00</span><br></b><b><span class="fontMixNum" style="width: 6rem; margin-top: -2.3rem; margin-left: -8rem">12.5</span></b></div>             </div>         </div>         <div id="A_000_HairA" style="opacity: 0">             <div class="imgHairA"></div>         </div>         <div id="A_000_HairB" style="opacity: 0">             <div class="imgHairB"></div>         </div>         <div id="A_000_Glasses" style="opacity: 0">             <div class="imgGlasses"></div>         </div>         <div id="A_000_HairC" style="opacity: 0">             <div class="imgHairC"></div>         </div>         <div id="A_000_Dish" style="opacity: 0">             <div class="imgDish"></div>         </div>         <div id="A_000_HairD" style="opacity: 0">             <div class="imgHairD"></div>         </div>         <div id="A_000_SilhoueA" style="opacity: 0">             <div class="imgSilhoueA"></div>         </div>         <div id="A_000_SilhoueB" style="opacity: 0">             <div class="imgSilhoueB"></div>         </div>         <div id="A_000_SilhoueC" style="opacity: 0">             <div class="imgSilhoueC"></div>         </div>         <div id="A_000_Crack" style="opacity: 0">             <div class="imgCrack"></div>         </div>         <div id="A_000_Tumbler" style="opacity: 0">             <div class="imgTumbler"></div>         </div>         <div id="A_000_SilhoueD" style="opacity: 0">             <div class="imgSilhoueC"></div>         </div>         <div id="A_000_SilhoueE" style="opacity: 0">             <div class="imgSilhoueE"></div>         </div>         <div id="A_000_CapsuleE" style="opacity: 0">             <div><div class="imgCapsuleE"></div></div>         </div>         <div id="A_000_CapsuleF" style="opacity: 0">             <div class="imgCapsuleF"></div>             <div style="text-align: center"><span class="fontMix"><span class="fontMixDot" style="width: 3rem">「</span>冷漠、压抑、易溶于水<span class="fontMixNum">。」</span></span></div>         </div>         <div id="A_000_Title3" style="opacity: 0">             <div style="text-align: center"><b><span class="fontMix"><span>三</span><br><span>记忆，范沧海</span></span></b></div>         </div>         <div id="A_000_RopeA" style="opacity: 0">             <div class="imgRopeA"></div>         </div>         <div id="A_000_RopeB" style="opacity: 0">             <div class="imgRopeB"></div>         </div>         <div id="A_000_BearA" style="opacity: 0">             <div class="imgBearA"></div>         </div>         <div id="A_000_BloodA" style="opacity: 0">             <div class="imgBloodA"></div>         </div>         <div id="A_000_BloodB" style="opacity: 0">             <div class="imgBloodB"></div>         </div>         <div id="A_000_Knife" style="opacity: 0">             <div class="imgKnife"></div>         </div>         <div id="A_000_BearB" style="opacity: 0">             <div class="imgBearB"></div>         </div>         <div id="A_000_HeartA" style="opacity: 0">             <div class="imgHeartA"></div>         </div>         <div id="A_000_HeartB" style="opacity: 0">             <div class="imgHeartB"></div>         </div>         <div id="A_000_DoorA" style="opacity: 0">             <div class="imgDoorA"></div>         </div>         <div id="A_000_DoorB" style="opacity: 0">             <div class="imgDoorB"></div>         </div>         <div class="A_000_Flows" style="opacity: 0">             <div class="imgFlowE"></div>         </div>         <div class="A_000_Flows" style="opacity: 0">             <div class="imgFlowD"></div>         </div>         <div class="A_000_Flows" style="opacity: 0">             <div class="imgFlowD"></div>         </div>         <div class="A_000_Flows" style="opacity: 0">             <div class="imgFlowE"></div>         </div>         <div class="A_000_Flows" style="opacity: 0">             <div class="imgFlowD"></div>         </div>         <div class="A_000_Flows" style="opacity: 0">             <div class="imgFlowD"></div>         </div>         <div class="A_000_Flows" style="opacity: 0">             <div class="imgFlowD"></div>         </div>         <div class="A_000_Flows" style="opacity: 0">             <div class="imgFlowE"></div>         </div>         <div class="A_000_Flows" id="A_000_Flows78" style="opacity: 0">             <div class="imgFlowA"></div>         </div>         <div class="A_000_Flows" id="A_000_Flows79" style="opacity: 0">             <div class="imgFlowB"></div>         </div>         <div id="A_000_JuicerA" style="opacity: 0">             <div class="imgJuicerA"></div>         </div>         <div id="A_000_JuicerB" style="opacity: 0">             <div class="imgJuicerB"></div>         </div>         <div id="A_000_DoorText" style="opacity: 0">             <div style="text-align: center"><span class="fontMix"><span class="fontMixDot" style="width: 3rem">「</span>痛苦、绝望、沉溺于此<span class="fontMixNum">。」</span></span></div>         </div>         <div id="A_000_Key" style="opacity: 0">             <div class="imgKey"></div>         </div>         <div id="A_000_DoorC" style="opacity: 0">             <div class="imgDoorC"></div>         </div>         <div id="A_000_CounterA" style="opacity: 0">             <div class="imgCounterA"></div>         </div>         <div id="A_000_CounterB" style="opacity: 0">             <div class="imgCounterB"></div>         </div>         <div id="A_000_CounterC" style="opacity: 0">             <div class="imgCounterC"></div>         </div>         <div id="A_000_FlameAera" style="opacity: 0">         </div>         <div id="A_000_FlameA" style="opacity: 0">             <div class="imgFlameA"></div>         </div>         <div id="A_000_LiquorA" style="opacity: 0">             <div class="imgLiquorA"></div>         </div>         <div id="A_000_LiquorB" style="opacity: 0">             <div class="imgLiquorB"></div>         </div>         <div id="A_000_Hand" style="opacity: 0">             <div class="imgHand"></div>         </div>         <div id="A_000_PhotoA" style="opacity: 0">             <div class="imgPhotoA"></div>         </div>         <div id="A_000_PhotoB" style="opacity: 0">             <div class="imgPhotoB"></div>         </div>         <div id="A_000_PhotoC" style="opacity: 0">             <div class="imgPhotoC"></div>         </div>         <div id="A_000_PhotoD" style="opacity: 0">             <div class="imgPhotoD"></div>         </div>         <div id="A_000_FlameB" style="opacity: 0">             <div class="imgFlameB"></div>         </div>         <div id="A_000_FlameC" style="opacity: 0">             <div class="imgFlameC"></div>         </div>         <div id="A_000_FlameD" style="opacity: 0">             <div class="imgFlameD"></div>         </div>         <div id="A_000_SilhoueF" style="opacity: 0">             <div class="imgSilhoueF"></div>         </div>         <div id="A_000_Title4" style="opacity: 0">             <div style="text-align: center"><b><span class="fontMix"><span>四</span><br><span>花海，范沧海</span></span></b></div>         </div>         <div id="A_000_GunAera" style="opacity: 0">         </div>         <div id="A_000_GunA" style="opacity: 0">             <div class="imgGunA"></div>         </div>         <div id="A_000_GunB" style="opacity: 0">             <div class="imgGunB"></div>         </div>         <div id="A_000_GunC" style="opacity: 0">             <div class="imgGunC"></div>         </div>         <div id="A_000_GunD" style="opacity: 0">             <div class="imgGunD"></div>         </div>         <div id="A_000_CrowA" style="opacity: 0">             <div class="imgCrowA"></div>         </div>         <div id="A_000_CrowB" style="opacity: 0">             <div class="imgCrowB"></div>         </div>         <div id="A_000_SceneA" style="opacity: 0">             <div class="imgSceneA"></div>         </div>         <div id="A_000_SceneB" style="opacity: 0">             <div class="imgSceneB"></div>         </div>         <div id="A_000_SceneC" style="opacity: 0">             <div class="imgSceneC"></div>         </div>         <div id="A_000_Helicopter" style="opacity: 0">             <div><div class="drift"><div class="imgHelicopter"></div></div></div>         </div>         <div id="A_000_HelicopterR" style="opacity: 0">             <div><div class="drift"><div class="imgHelicopterR"></div></div></div>         </div>         <div id="A_000_SirenA" style="opacity: 0">             <div class="imgSirenA"></div>         </div>         <div id="A_000_SirenB" style="opacity: 0">             <div class="imgSirenB"></div>         </div>         <div id="A_000_SceneD" style="opacity: 0">             <div class="imgSceneD"></div>         </div>         <div id="A_000_SceneE" style="opacity: 0">             <div class="imgSceneE"></div>         </div>         <div id="A_000_SceneF" style="opacity: 0">             <div class="imgSceneF"></div>         </div>         <div id="A_000_EndText" style="opacity: 0">             <div style="text-align: center"><b><span class="fontMix">作品　花海之红</span></b></div>         </div>         <div id="A_000_End" style="opacity: 0">             <div class="logoCat"></div>         </div>         <div id="A_000_Comment" style="opacity: 0">             <div style="color: rgba(0, 0, 0, 0.8); text-align: center"><b><span class="fontMix">▶</span></b></div>         </div>     </div> </div> <script type="text/javascript" language="javascript"> /* 参数变量↓ */ var cd = 0; var step = 0; var load_flag = 0; var item_Shovel = 0; var item_Hole = 0; var item_Card = 0; var item_Debris = 0; var item_Caps = 0; var item_Hair = 0; var item_Dish = 0; var item_Silhoue = 0; var item_Tumb = 0; var item_Implan = 0; var item_Rope = 0; var item_Knife = 0; var item_Juicer = 0; var item_PulverA = 0; var item_PulverB = 0; var item_Key = 0; var item_Liquor = 0; var item_LiquorVal = 0; var item_LiquorFlame = 0; var item_LiquorNum = 0; var item_Photo = 0; var item_Flame = 0; var item_Gun = 0; /* 参数变量↑ */ /* 预执行↓ */ $(function() {     var i = 0;     var timer = setInterval(function() {         if (i<82) {             i += Math.random() * 2;             if (i>=82) i = 82;             $("#load_val").html(Math.trunc(i));             $("#load_valbox").css("width", i * 0.09 + 3 + "rem");         } else if (i<91&&load_flag>=1) {             i += Math.random() * 1;             if (i>=91) i = 91;             $("#load_val").html(Math.trunc(i));             $("#load_valbox").css("width", i * 0.09 + 3 + "rem");         } else if (i<96&&load_flag>=2) {             i += Math.random() * 1;             if (i>=96) i = 96;             $("#load_val").html(Math.trunc(i));             $("#load_valbox").css("width", i * 0.09 + 3 + "rem");         } else if (i<=100&&load_flag==3) {             i += Math.random() * 1;             if (i>=100) i = 100;             $("#load_val").html(Math.trunc(i));             $("#load_valbox").css("width", i * 0.09 + 3 + "rem");             if (i==100) $("#load_tips").html("加载完成");             if (i==100) load_finish = 1;             if (i==100) clearInterval(timer);         }         if (load_flag==0) bgm_prologue.onloadedmetadata = function() {             load_flag = 1;         }         if (load_flag==1) bgm_end.onloadedmetadata = function() {             load_flag = 2;         }         if (load_flag==2) bgm_tragedy.onloadedmetadata = function() {             load_flag = 3;         }     }, 100); }); /* 预执行↑ */ /* 加载执行↓ */ $(window).load(function() {     cd = 1;     /* bgm_prologue = new Howl({         src: ['https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/序章.mp3'],         html5: true,         volume: 0,         sprite: {             all: [0, 188000, true],             pre: [0, 0],             frag: [0, 3000],         }     });     bgm_nightrain = new Howl({         src: ['https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/夜雨.mp3'],         html5: true,         volume: 0,         sprite: {             all: [0, 229000, true],             pre: [0, 0],         }     });     bgm_hostelry = new Howl({         src: ['https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/酒吧.mp3'],         html5: true,         volume: 0,         sprite: {             all: [0, 148000, true],             pre: [0, 0],         }     });     bgm_lonely = new Howl({         src: ['https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/孤独.mp3'],         html5: true,         volume: 0,         sprite: {             all: [0, 116000, true],             pre: [0, 0],         }     });     bgm_end = new Howl({         src: ['https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/结束.mp3'],         html5: true,         volume: 0,         sprite: {             all: [0, 358000, true],             pre: [0, 0],         }     });     bgm_gunfire = new Howl({         src: ['https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/枪声.mp3'],         html5: true,         volume: 1,         sprite: {             all: [0, 2000],             pre: [0, 0],         }     }); */     $("#nps").css("z-index", "1");     setTimeout(function() {         $("#A_000_Scp").css("z-index", "1");         $("#A_000_Scp").animate({             opacity: '1',         }, 3000, "swing", function() {             cd = 0;         });     }, 3000);     setTimeout(function() {         load_flag = 3;     }, 20000); }); /* 加载执行↑ */ /* 全屏触发↓ */ $("#html_main_content").on("click", function() {if (cd==0&&step==0&&load_finish==1) {     cd = 1;     step = 1;     /* bgm_pro = bgm_prologue.play('all'); */     /* bgm_one = bgm_nightrain.play('all'); */     /* bgm_two = bgm_hostelry.play('all'); */     /* bgm_three = bgm_lonely.play('all'); */     /* bgm_four = bgm_end.play('all'); */     $("#nps").animate({         opacity: '0',         marginTop: '-4rem'     }, 1000, "swing", function() {         $("#nps").css("display", "none");     });     setTimeout(function() {         /* bgm_prologue.fade(0, 1, 5000, bgm_pro); */         /* bgm_nightrain.fade(0, 1, 5000, bgm_one); */         /* bgm_hostelry.fade(0, 1, 5000, bgm_two); */         /* bgm_lonely.fade(0, 1, 5000, bgm_three); */         /* bgm_end.fade(0, 1, 5000, bgm_four); */     }, 100);     $("#html_main_content").removeClass("poi");     logoAnimFunc("Scp", '0', 2000);     setTimeout(function() {         logoAnimFunc("Deletion", '1', 3000);         setTimeout(function() {             logoAnimFunc("Deletion", '0', 2000);             setTimeout(function() {                 logoAnimFunc("Hypo", '1', 3000);                 setTimeout(function() {                     logoAnimFunc("Hypo", '0', 2000);                     setTimeout(function() {                         logoAnimFunc("Cat", '1', 3000);                         setTimeout(function() {                             logoAnimFunc("Cat", '0', 2000);                             setTimeout(function() {                                 opacityFunc("#A_000_Flow", '1', 3000);                                 setTimeout(function() {                                     opacityFunc("#A_000_Grave", '1', 3000);                                     setTimeout(function() {                                         flowsShowFunc(12, 1500, 3000);                                         flowsShowFunc(13, 2800, 3000);                                         flowsShowFunc(11, 3100, 3000);                                         flowsShowFunc(14, 3300, 3000);                                         flowsShowFunc(10, 3500, 3000);                                         flowsShowFunc(15, 3700, 3000);                                         flowsShowFunc(9, 3900, 3000);                                         flowsShowFunc(16, 4100, 3000);                                         flowsShowFunc(8, 4300, 3000);                                         flowsShowFunc(17, 4500, 3000);                                         setTimeout(function() {                                             cd = 0;                                             $("#A_000_Grave").addClass("poi");                                         }, 7500);//结束                                     }, 1500);//花淡入                                 }, 1500);//墓碑淡入                             }, 2500);//tittle淡入                         }, 2500);//cat淡出                     }, 2500);//cat淡入                 }, 2500);//cen淡出             }, 2500);//cen淡入         }, 2500);//del淡出     }, 4500);//del淡出     bgm_prologue.volume = "0";     bgm_tragedy.volume = "0";     bgm_end.volume = "0";     bgm_gunfire.volume = "0.7";     bgm_prologue.play();     $("#bgm_prologue").animate({volume:'1'}, 10000);     bgm_tragedy.play();     bgm_tragedy.pause();     bgm_end.play();     bgm_end.pause();     bgm_gunfire.play();     bgm_gunfire.pause(); } if (cd==0&&step==2.1) {     cd = 1;     opacityFunc("#A_000_GraveB", '0', 1000);     opacityFunc("#A_000_GraveA", '1', 1000);     if (item_Hole==0) opacityFunc(".A_000_Flows:nth-of-type(20)", '1', 1000);     if (item_Hole==1) opacityFunc("#A_000_CoffinA", '1', 1000);     if (item_Hole==2) opacityFunc("#A_000_CoffinB", '1', 1000);     if (item_Shovel==1) opacityFunc("#A_000_Shovel", '1', 1000);     setTimeout(function() {         cd = 0;         step = 2;         $("#A_000_GraveA, #A_000_Shovel").addClass("poi");     }, 1000); } if (cd==0&&step==4.1) {     cd = 1;     opacityFunc("#A_000_CardB, #A_000_DebrisB", '0', 1000);     opacityFunc("#A_000_CoffinD, #A_000_CardA, #A_000_DebrisA", '1', 1000);     if (item_Card==1&&item_Debris==1) opacityFunc("#A_000_CapsuleA", '1', 1000);     setTimeout(function() {         cd = 0;         step = 4;         $("#A_000_CardA, #A_000_DebrisA").addClass("poi");         if (item_Card==1&&item_Debris==1) $("#A_000_CapsuleA").addClass("poi");     }, 1000); } if (cd==0&&step==17.1) {     cd = 1;     opacityFunc("#A_000_CapsuleF", '0', 1000);     opacityFunc("#A_000_Tumbler, #A_000_SilhoueD, #A_000_CapsuleE", '1', 1000);     setTimeout(function() {         cd = 0;         step = 18;         if (item_Tumb==0) {item_Tumb=1; touchEAnim("#A_000_CapsuleE", "#A_000_SilhoueD", function() {             if (item_Implan==1) {                 /* bgm_nightrain.fade(1, 0, 10000, bgm_one);                 setTimeout(function() {                     bgm_two = bgm_hostelry.play('all');                     setTimeout(function() {                         bgm_hostelry.fade(0, 1, 10000, bgm_two);                     }, 100);                 }, 11000); */                 if (device.desktop()) {                     $("#A_000_CapsuleE").off("mousedown");                     $(document).off("mousemove");                     $(document).off("mouseup");                 } else {                     $("#A_000_CapsuleE").off("touchstart");                     $("#A_000_CapsuleE").off("touchmove");                     $("#A_000_CapsuleE").off("touchend");                 }                 $("#A_000_SilhoueD").animate({ marginTop: '0' }, 1000);                 opacityFunc("#A_000_SilhoueD", '0', 1000);                 $("#A_000_SilhoueD div.imgSilhoueC").animate({ height: '0' }, 1000);                 $("#A_000_CapsuleE").animate({ marginTop: '0' }, 1000, "linear", function() {                     $("#A_000_CapsuleE > div").addClass("rotate");                     $("#A_000_CapsuleE").animate({                         marginTop: '-=3rem',                         marginLeft: '6.5rem'                     }, 1000, "easeOutSine", function() {                         $("#A_000_CapsuleE").css("z-index", "-1");                         $("#A_000_CapsuleE").addClass("driftCaps");                         $("#A_000_Tumbler, #A_000_CapsuleE, #A_000_Title3").addClass("blur");                         setTimeout(function() {                             $("#A_000_Tumbler, #A_000_CapsuleE, #A_000_Title3").removeClass("blur");                             opacityFunc("#A_000_Title3", '1', 3000);                             setTimeout(function() {                                 step = 19;                                 $("#A_000_Tumbler").addClass("poi");                             }, 3000);                         }, 4000);                     });                 });             }         });}         $("#A_000_CapsuleE").addClass("poi");     }, 1000); } if (cd==0&&step==22.1) {     cd = 1;     opacityFunc("#A_000_DoorText", '0', 1000);     opacityFunc("#A_000_DoorB, .A_000_Flows:nth-of-type(70), .A_000_Flows:nth-of-type(71), .A_000_Flows:nth-of-type(72), .A_000_Flows:nth-of-type(73), .A_000_Flows:nth-of-type(74), .A_000_Flows:nth-of-type(75), .A_000_Flows:nth-of-type(76), .A_000_Flows:nth-of-type(77), #A_000_JuicerA, #A_000_JuicerB", '1', 1000);     if (item_PulverA==0) opacityFunc(".A_000_Flows:nth-of-type(78)", '1', 1000);     if (item_PulverB==0) opacityFunc(".A_000_Flows:nth-of-type(79)", '1', 1000);     setTimeout(function() {         cd = 0;         step = 22;         if (item_Juicer==0) {             item_Juicer=1;             $(".A_000_Flows:nth-of-type(78)").addClass("poi");             $(".A_000_Flows:nth-of-type(79)").addClass("poi");             touchEAnim(".A_000_Flows:nth-of-type(78)", "#A_000_JuicerA", function() {                 if (item_PulverA==1) {                     if (device.desktop()) {                         $(".A_000_Flows:nth-of-type(78)").off("mousedown");                         $(document).off("mousemove");                         $(document).off("mouseup");                     } else {                         $(".A_000_Flows:nth-of-type(78)").off("touchstart");                         $(".A_000_Flows:nth-of-type(78)").off("touchmove");                         $(".A_000_Flows:nth-of-type(78)").off("touchend");                     }                     $(".A_000_Flows:nth-of-type(78)").animate({                         marginTop: '-11rem',                         marginLeft: '-12rem'                     }, 500, "swing", function() {                         opacityFunc(".A_000_Flows:nth-of-type(78)", '0', 1000);                         $("#A_000_JuicerB div.imgJuicerB").animate({                             height: '+=1.2rem',                             marginTop: '-=1.1rem'                         }, 1000, "swing", function() {                             if (item_PulverB==1) {                                 $("#A_000_Key").css("z-index", "1");                                 $("#A_000_Key").animate({                                     opacity: '1',                                     marginTop: '+=1rem'                                 }, 500, "swing", clickStep21());                             }                         });                     });                 }             });             touchEAnim(".A_000_Flows:nth-of-type(79)", "#A_000_JuicerA", function() {                 if (item_PulverB==1) {                     if (device.desktop()) {                         $(".A_000_Flows:nth-of-type(79)").off("mousedown");                         $(document).off("mousemove");                         $(document).off("mouseup");                     } else {                         $(".A_000_Flows:nth-of-type(79)").off("touchstart");                         $(".A_000_Flows:nth-of-type(79)").off("touchmove");                         $(".A_000_Flows:nth-of-type(79)").off("touchend");                     }                     $(".A_000_Flows:nth-of-type(79)").animate({                         marginTop: '-8rem',                         marginLeft: '-15rem'                     }, 500, "swing", function() {                         opacityFunc(".A_000_Flows:nth-of-type(79)", '0', 1000);                         $("#A_000_JuicerB div.imgJuicerB").animate({                             height: '+=1.2rem',                             marginTop: '-=1.1rem'                         }, 1000, "swing", function() {                             if (item_PulverA==1) {                                 $("#A_000_Key").addClass("poi");                                 $("#A_000_Key").css("z-index", "1");                                 $("#A_000_Key").animate({                                     opacity: '1',                                     marginTop: '+=1rem'                                 }, 500, "swing", clickStep21());                             }                         });                     });                 }             });         }         $("#A_000_DoorB").addClass("poi");     }, 1000); } if (cd==0&&step==36) {     cd = 1;     setTimeout(function() {         /* bgm_lonely.fade(1, 0, 0, bgm_three);         bgm_five = bgm_gunfire.play('all');         setTimeout(function() {             bgm_four = bgm_end.play('all');             setTimeout(function() {                 bgm_end.fade(0, 1, 5000, bgm_four);             }, 100);         }, 1000); */         opacityFunc("#A_000_SceneD, #A_000_SirenA, #A_000_SirenB, #A_000_SceneF, #A_000_Helicopter, #A_000_HelicopterR", '0', 100);         setTimeout(function() {             opacityFunc("#A_000_EndText", '1', 100);             setTimeout(function() {$("#A_000_EndText > div > b > span").html("作者　五月猫")}, 4000);             setTimeout(function() {$("#A_000_EndText > div > b > span").html("代码设计　五月猫")}, 8000);             setTimeout(function() {$("#A_000_EndText > div > b > span").html("美术　五月猫")}, 12000);             setTimeout(function() {$("#A_000_EndText > div > b > span").html("音效设计　五月猫")}, 16000);             setTimeout(function() {$("#A_000_EndText > div > b > span").html("校正　五月猫")}, 20000);             setTimeout(function() {$("#A_000_EndText > div > b > span").html("遵循<span class='fontMixNum' style='width: 9rem'>CC-BY-SA</span>3.0")}, 24000);             setTimeout(function() {$("#A_000_EndText > div > b > span").html("音效来源<span class='fontMixNum' style='width: 10rem'>aigei.com</span>")}, 28000);             setTimeout(function() {$("#A_000_EndText > div > b > span").html("<span class='fontMix' style='margin-left: -1.5rem'><span class='fontMixDot' style='width: 3rem'>「</span><span style='display: inline-block; width: 8rem'>未完待续</span>」</span>")}, 32000);             setTimeout(function() {cd = 0;$("#A_000_End").addClass("poi");opacityFunc("#A_000_End, #A_000_Comment", '1', 1000)}, 34000);         }, 2000);         $("#bgm_tragedy").animate({volume:'0'}, 0);         setTimeout(function() {$("#bgm_gunfire").animate({volume:'0'}, 0);}, 3000);         setTimeout(function() {bgm_end.play(); $("#bgm_end").animate({volume:'0.5'}, 15000);}, 2000);     }, 500);     setTimeout(function() {bgm_gunfire.play();}, 300); }}); /* 全屏触发↑ */ /* 特殊触发↓ */ $("#A_000_Grave").on("click", function() {if (cd==0&&step==1) {     cd = 1;     step = 2;     $("#A_000_Grave").removeClass("poi");     $("#A_000_Flow, #A_000_Grave, .A_000_Flows, #A_000_Title1").addClass("blur");     opacityFunc("#A_000_Flow, .A_000_Flows", '0', 5000);     setTimeout(function() {         $("#A_000_Flow, #A_000_Grave, .A_000_Flows, #A_000_Title1").removeClass("blur");         opacityFunc("#A_000_Title1", '1', 3000);         setTimeout(function() {             opacityFunc("#A_000_Title1, #A_000_Grave", '0', 2000);             setTimeout(function() {                 opacityFunc("#A_000_GraveA, .A_000_Flows:nth-of-type(20)", '1', 3000);                 setTimeout(function() {                     cd = 0;                     $("#A_000_GraveA").addClass("poi");                 }, 3000);             }, 5000);         }, 5000);     }, 4500); }}); $("#A_000_GraveA").on("click", function() {if (cd==0&&step==2) {     cd = 1;     step = 2.1;     if (item_Shovel==0) touchAnim("#A_000_Shovel", "#A_000_CoffinA", function() {         if (item_Hole==1) {             opacityFunc(".A_000_Flows:nth-of-type(20)", '0', 250);             opacityFunc("#A_000_CoffinA", '1', 250);         }         if (item_Hole==2) {             $("#A_000_CoffinB").addClass("poi");             opacityFunc("#A_000_CoffinA", '0', 250);             opacityFunc("#A_000_CoffinB", '1', 250);         }     });     $("#A_000_GraveA, #A_000_Shovel").removeClass("poi");     $("#A_000_Shovel").css("z-index", "-1");     opacityFunc("#A_000_GraveA", '0.3', 1000);     if (item_Shovel==1) opacityFunc("#A_000_Shovel", '0.3', 1000);     if (item_Hole==0) opacityFunc(".A_000_Flows:nth-of-type(20)", '0.3', 1000);     if (item_Hole==1) opacityFunc("#A_000_CoffinA", '0.3', 1000);     if (item_Hole==2) opacityFunc("#A_000_CoffinB", '0.3', 1000);     opacityFunc("#A_000_GraveB", '1', 1000);     setTimeout(function() {         cd = 0;         item_Shovel = 1;     }, 1000); }}); $("#A_000_CoffinB").on("click", function() {if (cd==0&&step==2) {     cd = 1;     step = 3;     $("#A_000_GraveA, #A_000_Shovel, #A_000_CoffinB").removeClass("poi");     opacityFunc("#A_000_CoffinB", '0', 1000);     opacityFunc("#A_000_CoffinC", '1', 1000);     if (device.desktop()) {         $("#A_000_Shovel").off("mousedown");         $(document).off("mousemove");         $(document).off("mouseup");     } else {         $("#A_000_Shovel").off("touchstart");         $("#A_000_Shovel").off("touchmove");         $("#A_000_Shovel").off("touchend");     }     setTimeout(function() {         cd = 0;         $("#A_000_CoffinC").addClass("poi");     }, 1000); }}); $("#A_000_CoffinC").on("click", function() {if (cd==0&&step==3) {     cd = 1;     step = 4;     $("#A_000_CoffinC").removeClass("poi");     opacityFunc("#A_000_GraveA, #A_000_Shovel, #A_000_CoffinC", '0', 1000);     opacityFunc("#A_000_CoffinD, #A_000_CardA, #A_000_DebrisA", '1', 1000);     setTimeout(function() {         cd = 0;         $("#A_000_CardA, #A_000_DebrisA").addClass("poi");     }, 1000); }}); $("#A_000_CardA").on("click", function() {if (cd==0&&step==4) {     cd = 1;     step = 4.1;     item_Card = 1;     $("#A_000_CardA, #A_000_DebrisA").removeClass("poi");     opacityFunc("#A_000_CoffinD, #A_000_CardA, #A_000_DebrisA", '0.3', 1000);     opacityFunc("#A_000_CardB", '1', 1000);     setTimeout(function() {         cd = 0;     }, 1000); }}); $("#A_000_DebrisA").on("click", function() {if (cd==0&&step==4) {     cd = 1;     step = 4.1;     item_Debris = 1;     $("#A_000_CardA, #A_000_DebrisA").removeClass("poi");     opacityFunc("#A_000_CoffinD, #A_000_CardA, #A_000_DebrisA", '0.3', 1000);     opacityFunc("#A_000_DebrisB", '1', 1000);     setTimeout(function() {         cd = 0;     }, 1000); }}); $("#A_000_CapsuleA").on("click", function() {if (cd==0&&step==4) {     cd = 1;     step = 5;     $("#A_000_CardA, #A_000_DebrisA, #A_000_CapsuleA").removeClass("poi");     opacityFunc("#A_000_CoffinD, #A_000_CardA, #A_000_DebrisA, #A_000_CapsuleA", '0', 1000);     opacityFunc("#A_000_CapsuleB, #A_000_CapsuleC", '1', 1000);     touchXLAnim("#A_000_CapsuleB", 0.3, function() {         if (item_Caps==1) {             if (device.desktop()) {                 $("#A_000_CapsuleB").off("mousedown");                 $(document).off("mousemove");                 $(document).off("mouseup");             } else {                 $("#A_000_CapsuleB").off("touchstart");                 $("#A_000_CapsuleB").off("touchmove");                 $("#A_000_CapsuleB").off("touchend");             }             $("#A_000_CapsuleB").removeClass("poi");             $("#A_000_CapsuleD").addClass("poi");             touchXRAnim("#A_000_CapsuleD", 0.3, function() {                 if (item_Caps==2) {                     if (device.desktop()) {                         $("#A_000_CapsuleD").off("mousedown");                         $(document).off("mousemove");                         $(document).off("mouseup");                     } else {                         $("#A_000_CapsuleD").off("touchstart");                         $("#A_000_CapsuleD").off("touchmove");                         $("#A_000_CapsuleD").off("touchend");                     }                     $("#A_000_CapsuleD").removeClass("poi");                     $("#A_000_MemoryA").removeClass("clipNon").addClass("poi");                 }             });         }     });     setTimeout(function() {         cd = 0;         $("#A_000_CapsuleB").addClass("poi");     }, 1000); }}); $("#A_000_MemoryA").on("click", function() {if (cd==0&&step==5) {     cd = 1;     step = 6;     $("#A_000_MemoryA").removeClass("poi");     opacityFunc("#A_000_CapsuleB, #A_000_CapsuleD, #A_000_MemoryA", '0', 1000);     opacityFunc("#A_000_MemoryB, #A_000_BubbleA, #A_000_BubbleB", '1', 1000);     setTimeout(function() {         cd = 0;         $("#A_000_MemoryB").addClass("poi");     }, 1000); }}); $("#A_000_MemoryB").on("click", function() {if (cd==0&&step==6) {     cd = 1;     step = 7;     /* bgm_prologue.fade(1, 0, 10000, bgm_pro);     setTimeout(function() {         bgm_one = bgm_nightrain.play('all');         setTimeout(function() {             bgm_nightrain.fade(0, 1, 10000, bgm_one);         }, 100);     }, 11000); */     $("#A_000_MemoryB").removeClass("poi");     $("#A_000_MemoryB, #A_000_BubbleA, #A_000_BubbleB, #A_000_Title2").addClass("blur");     $("#A_000_MemoryB").animate({ top: '40%' }, 5000, "swing");     setTimeout(function() {         $("#A_000_MemoryB, #A_000_BubbleA, #A_000_BubbleB, #A_000_Title2").removeClass("blur");         opacityFunc("#A_000_Title2", '1', 3000);         setTimeout(function() {             cd = 0;             $("#A_000_MemoryB").addClass("poi");         }, 3000);     }, 4500);     $("#bgm_prologue").animate({volume:'0'}, 10000); } if (cd==0&&step==7) {     cd = 1;     step = 8;     $("#A_000_MemoryB").removeClass("poi");     opacityFunc("#A_000_MemoryB, #A_000_BubbleA, #A_000_BubbleB, #A_000_Title2", '0', 2000);     setTimeout(function() {         opacityFunc(".A_000_Flows:nth-of-type(40)", '1', 3000);         setTimeout(function() {             cd = 0;             $(".A_000_Flows:nth-of-type(40)").addClass("poi");         }, 3000);         setTimeout(function() {bgm_tragedy.play(); $("#bgm_tragedy").animate({volume:'0.5'}, 20000);}, 1000);     }, 5000); }}); $(".A_000_Flows:nth-of-type(40)").on("click", function() {if (cd==0&&step==8) {     cd = 1;     step = 9;     $(".A_000_Flows:nth-of-type(40)").removeClass("poi");     opacityFunc(".A_000_Flows:nth-of-type(40)", '0', 1000);     opacityFunc(".A_000_Flows:nth-of-type(41)", '1', 1000);     setTimeout(function() {         opacityFunc(".A_000_Flows:nth-of-type(41)", '0', 1000);         setTimeout(function() {             opacityFunc("#A_000_Monitor", '1', 1000);             setTimeout(function() {                 cd = 0;                 $("#A_000_Monitor").addClass("poi");             }, 1000);         }, 3000);     }, 3000); }}); $("#A_000_Monitor").on("click", function() {if (cd==0&&step==9) {     cd = 1;     step = 10;     $("#A_000_Monitor").removeClass("poi");     opacityFunc("#A_000_Monitor", '0', 1000);     setTimeout(function() {         opacityFunc("#A_000_Glasses", '1', 1000);         setTimeout(function() {             cd = 0;             $("#A_000_Glasses").addClass("poi");         }, 1000);     }, 3000); }}); $("#A_000_Glasses").on("click", function() {if (cd==0&&step==10) {     cd = 1;     if (item_Hair==0) {         alterImgFunc("#A_000_Glasses", "#A_000_Glasses", "", "#A_000_HairA", "item_Hair", 1, function() { cd = 0; });     }     if (item_Hair==1) {         alterImgFunc("#A_000_Glasses", "#A_000_Glasses", "#A_000_HairA", "#A_000_HairB", "item_Hair", 2, function() { cd = 0; });     }     if (item_Hair==2) {         alterImgFunc("#A_000_Glasses", "#A_000_Glasses", "#A_000_HairB", "#A_000_HairC", "item_Hair", 3, function() {             cd = 0;             $("#A_000_HairC").addClass("poi");         });     }     if (item_Hair==3) {         $("#A_000_HairC").removeClass("poi");         alterImgFunc("#A_000_Glasses", "#A_000_Glasses", "#A_000_HairC", "#A_000_HairB", "item_Hair", 4, function() { cd = 0; });     }     if (item_Hair==4) {         alterImgFunc("#A_000_Glasses", "#A_000_Glasses", "#A_000_HairB", "#A_000_HairA", "item_Hair", 5, function() { cd = 0; });     }     if (item_Hair==5) {         alterImgFunc("#A_000_Glasses", "#A_000_Glasses", "#A_000_HairA", "", "item_Hair", 0, function() { cd = 0; });     } }}); $("#A_000_HairC").on("click", function() {if (cd==0&&step==10) {     cd = 1;     step = 11;     $("#A_000_HairC").removeClass("poi");     opacityFunc("#A_000_Glasses, #A_000_HairC", '0', 1000);     opacityFunc("#A_000_Dish, #A_000_HairD", '1', 1000);     touchYAnim("#A_000_HairD", 0.4, function() {         if (item_Dish==1) {             $("#A_000_HairD").removeClass("poi");             if (device.desktop()) {                 $("#A_000_HairD").off("mousedown");                 $(document).off("mousemove");                 $(document).off("mouseup");             } else {                 $("#A_000_HairD").off("touchstart");                 $("#A_000_HairD").off("touchmove");                 $("#A_000_HairD").off("touchend");             }             opacityFunc("#A_000_HairD", '0', 1000);             opacityFunc("#A_000_SilhoueA", '1', 1000);             setTimeout(function() {                 $("#A_000_SilhoueA").addClass("poi");             }, 1000);         }     });     setTimeout(function() {         cd = 0;         $("#A_000_HairD").addClass("poi");     }, 1000); }}); $("#A_000_SilhoueA").on("click", function() {if (cd==0&&step==11) {     cd = 1;     step = 12;     $("#A_000_SilhoueA").removeClass("poi");     opacityFunc("#A_000_SilhoueA", '0', 1000);     opacityFunc("#A_000_SilhoueB", '1', 1000);     setTimeout(function() {         cd = 0;         $("#A_000_SilhoueB").addClass("poi");     }, 1000); }}); $("#A_000_SilhoueB").on("click", function() {if (cd==0&&step==12) {     cd = 1;     step = 13;     $("#A_000_SilhoueB").removeClass("poi");     opacityFunc("#A_000_SilhoueB", '0', 1000);     opacityFunc("#A_000_SilhoueC", '1', 1000);     setTimeout(function() {         cd = 0;         $("#A_000_SilhoueC").addClass("poi");     }, 1000); }}); $("#A_000_SilhoueC").on("click", function() {if (cd==0&&step==13) {     cd = 1;     step = 14;     $("#A_000_SilhoueC").removeClass("poi");     setTimeout(function() {         opacityFunc("#A_000_Crack", '1', 100);         setTimeout(function() {             opacityFunc("#A_000_Dish, #A_000_SilhoueC, #A_000_Crack", '0', 1000);             setTimeout(function() {                 opacityFunc("#A_000_Tumbler, #A_000_SilhoueD", '1', 1000);                 touchYTAnim("#A_000_SilhoueD", 0.6, function() {                     if (item_Silhoue==1) {                         if (device.desktop()) {                             $("#A_000_SilhoueD").off("mousedown");                             $(document).off("mousemove");                             $(document).off("mouseup");                         } else {                             $("#A_000_SilhoueD").off("touchstart");                             $("#A_000_SilhoueD").off("touchmove");                             $("#A_000_SilhoueD").off("touchend");                         }                         setTimeout(function() {step = 15;}, 100);                         $("#A_000_SilhoueD").css("pointer-events", "");                     }                 });                 setTimeout(function() {                     cd = 0;                     $("#A_000_SilhoueD").addClass("poi");                 }, 1000);             }, 2000);         }, 1000);     }, 1000); }}); $("#A_000_SilhoueD").on("click", function() {if (cd==0&&step==15) {     cd = 1;     step = 16;     $("#A_000_SilhoueD").removeClass("poi");     opacityFunc("#A_000_SilhoueD", '0', 250);     opacityFunc("#A_000_SilhoueE", '1', 250);     setTimeout(function() {         cd = 0;         $("#A_000_CapsuleE").addClass("poi");         $("#A_000_CapsuleE").css("z-index", "1");     }, 250); }}); $("#A_000_CapsuleE").on("click", function() {if (cd==0&&step==16) {     cd = 1;     step = 17;     $("#A_000_CapsuleE").removeClass("poi");     opacityFunc("#A_000_SilhoueE", '0', 250);     opacityFunc("#A_000_SilhoueD, #A_000_CapsuleE", '1', 250);     setTimeout(function() {         cd = 0;         $("#A_000_CapsuleE").addClass("poi");     }, 250); } if (cd==0&&step==17) {     cd = 1;     step = 17.1;     $("#A_000_CapsuleE").removeClass("poi");     opacityFunc("#A_000_Tumbler, #A_000_SilhoueD, #A_000_CapsuleE", '0.3', 1000);     opacityFunc("#A_000_CapsuleF", '1', 1000);     setTimeout(function() {         cd = 0;     }, 1000); }}); $("#A_000_Tumbler").on("click", function() {if (cd==0&&step==19) {     cd = 1;     step = 20;     $("#A_000_Tumbler").removeClass("poi");     opacityFunc("#A_000_Tumbler, #A_000_CapsuleE, #A_000_Title3", '0', 2000);     setTimeout(function() {         opacityFunc("#A_000_RopeA, #A_000_BearA, #A_000_Knife", '1', 3000);         setTimeout(function() {             cd = 0;             $("#A_000_BearA, #A_000_Knife").addClass("poi");             touchEAnim("#A_000_BearA", "#A_000_RopeA", function() {                 if (item_Rope==1) {                     if (device.desktop()) {                         $("#A_000_BearA").off("mousedown");                         $(document).off("mousemove");                         $(document).off("mouseup");                     } else {                         $("#A_000_BearA").off("touchstart");                         $("#A_000_BearA").off("touchmove");                         $("#A_000_BearA").off("touchend");                     }                     opacityFunc("#A_000_RopeB", '1', 250);                     $("#A_000_RopeA div.imgRopeA").animate({ height: '-=4.2rem' }, 250);                     $("#A_000_BearA").animate({                         marginTop: '-15rem',                         marginLeft: '0'                     }, 100, "swing", function() {                         $("#A_000_RopeA, #A_000_RopeB, #A_000_BearA, #A_000_BearB, #A_000_BloodA").addClass("shake");                     });                 }             });             touchEAnim("#A_000_Knife", "#A_000_BearA", function() {                 if (item_Knife==1&&item_Rope==1) {                     if (device.desktop()) {                         $("#A_000_Knife").off("mousedown");                         $(document).off("mousemove");                         $(document).off("mouseup");                     } else {                         $("#A_000_Knife").off("touchstart");                         $("#A_000_Knife").off("touchmove");                         $("#A_000_Knife").off("touchend");                     }                     opacityFunc("#A_000_BearA", '0', 250);                     opacityFunc("#A_000_BearB", '1', 250);                     $("#A_000_HeartA").css("z-index", "1");                     $("#A_000_HeartA").animate({ opacity: '1', marginTop: '+=15rem' }, 800, "easeInSine", function() {                         $(this).animate({ marginTop: '-=0.3rem' }, 100, "easeOutSine");                         $(this).animate({ marginTop: '+=0.3rem' }, 100, "easeInSine");                         $(this).animate({ marginTop: '-=0.1rem' }, 50, "easeOutSine");                         $(this).animate({ marginTop: '+=0.1rem' }, 50, "easeInSine", function() {                             cd = 0;                             $("#A_000_HeartA").addClass("poi");                         });                     });                 }             });         }, 3000);     }, 5000); }}); $("#A_000_HeartA").on("click", function() {if (cd==0&&step==20) {     cd = 1;     step = 21;     $("#A_000_HeartA").removeClass("poi");     opacityFunc("#A_000_BloodA, #A_000_BloodB", '1', 100);     setTimeout(function() {         opacityFunc("#A_000_RopeA, #A_000_RopeB, #A_000_BearB, #A_000_Knife, #A_000_BloodA, #A_000_BloodB, #A_000_HeartA", '0', 100);         opacityFunc("#A_000_HeartB, #A_000_DoorA", '1', 1000);         setTimeout(function() {             cd = 0;             $("#A_000_DoorA").addClass("poi");         }, 1000);     }, 1000); }}); $("#A_000_DoorA").on("click", function() {if (cd==0&&step==21) {     cd = 1;     step = 22;     $("#A_000_DoorA").removeClass("poi");     opacityFunc("#A_000_HeartB, #A_000_DoorA", '0', 500);     opacityFunc("#A_000_DoorB, .A_000_Flows:nth-of-type(70), .A_000_Flows:nth-of-type(71), .A_000_Flows:nth-of-type(72), .A_000_Flows:nth-of-type(73), .A_000_Flows:nth-of-type(74), .A_000_Flows:nth-of-type(75), .A_000_Flows:nth-of-type(76), .A_000_Flows:nth-of-type(77), .A_000_Flows:nth-of-type(78), .A_000_Flows:nth-of-type(79)", '1', 1000);     setTimeout(function() {         cd = 0;         $("#A_000_DoorB").addClass("poi");     }, 1000); }}); $("#A_000_DoorB").on("click", function() {if (cd==0&&step==22&&item_PulverA==0&&item_PulverB==0) {     cd = 1;     step = 22.1;     $("#A_000_DoorB").removeClass("poi");     opacityFunc("#A_000_DoorB, .A_000_Flows:nth-of-type(70), .A_000_Flows:nth-of-type(71), .A_000_Flows:nth-of-type(72), .A_000_Flows:nth-of-type(73), .A_000_Flows:nth-of-type(74), .A_000_Flows:nth-of-type(75), .A_000_Flows:nth-of-type(76), .A_000_Flows:nth-of-type(77)", '0.3', 1000);     if (item_PulverA==0) opacityFunc(".A_000_Flows:nth-of-type(78)", '0.3', 1000);     if (item_PulverB==0) opacityFunc(".A_000_Flows:nth-of-type(79)", '0.3', 1000);     if (item_Juicer==1) opacityFunc("#A_000_JuicerA, #A_000_JuicerB", '0.3', 1000);     opacityFunc("#A_000_DoorText", '1', 1000);     setTimeout(function() {         cd = 0;     }, 1000); }}); function clickStep21() {     touchEAnim("#A_000_Key", "#A_000_DoorB", function() {         if (item_Key==1) {             $(".A_000_Flows:nth-of-type(78)").removeClass("poi");             $(".A_000_Flows:nth-of-type(79)").removeClass("poi");             $("#A_000_Key").removeClass("poi");             if (device.desktop()) {                 $("#A_000_Key").off("mousedown");                 $(document).off("mousemove");                 $(document).off("mouseup");              } else {                 $("#A_000_Key").off("touchstart");                 $("#A_000_Key").off("touchmove");                 $("#A_000_Key").off("touchend");             }             $("#A_000_Key").animate({                 marginTop: '-8rem',                 marginLeft: '11rem'             }, 500, "swing", function() {                 opacityFunc("#A_000_Key", '0', 500);                 setTimeout(function() {                     opacityFunc("#A_000_DoorB", '0', 250);                     opacityFunc("#A_000_DoorC", '1', 250);                     setTimeout(function() {                         step = 23;                         $("#A_000_DoorC").addClass("poi");                     }, 250);                 }, 500);             });         }     }); } $("#A_000_DoorC").on("click", function() {if (cd==0&&step==23) {     cd = 1;     step = 24;     $("#A_000_DoorC").removeClass("poi");     opacityFunc("#A_000_DoorC, .A_000_Flows:nth-of-type(70), .A_000_Flows:nth-of-type(71), .A_000_Flows:nth-of-type(72), .A_000_Flows:nth-of-type(73), .A_000_Flows:nth-of-type(74), .A_000_Flows:nth-of-type(75), .A_000_Flows:nth-of-type(76), .A_000_Flows:nth-of-type(77), #A_000_JuicerA, #A_000_JuicerB", '0', 500);     opacityFunc("#A_000_CounterA", '1', 1000);     setTimeout(function() {         cd = 0;         $("#A_000_CounterA").addClass("poi");     }, 1000); }}); $("#A_000_CounterA").on("click", function() {if (cd==0&&step==24) {     cd = 1;     step = 25;     $("#A_000_CounterA").removeClass("poi");     opacityFunc("#A_000_CounterA", '0', 500);     opacityFunc("#A_000_CounterB, #A_000_LiquorA, #A_000_LiquorB", '1', 1000);     setTimeout(function() {         cd = 0;         $("#A_000_LiquorB").addClass("poi");         touchYBAnim("#A_000_LiquorB", "#A_000_LiquorA", 0.5, function() {             if (item_Liquor==1) {                 $("#A_000_LiquorB").css("pointer-events", "none");                 setTimeout(function() {                     if (item_LiquorNum==1) {item_LiquorFlame = 1; opacityFunc("#A_000_FlameA", '1', 1000);}                     if (item_LiquorNum==2) {                         $("#A_000_Hand, #A_000_PhotoA").css("z-index", "1");                         $("#A_000_Hand, #A_000_PhotoA").animate({                             opacity: '1',                             marginTop: '-5rem'                         }, 1000, "swing", function() {                             $("#A_000_PhotoB").addClass("poi");                             opacityFunc("#A_000_PhotoA", '0', 250);                             opacityFunc("#A_000_PhotoB", '1', 250);                             $("#A_000_Hand, #A_000_PhotoA").animate({                                 opacity: '0',                                 marginTop: '0'                             }, 1000, "swing", function() {                                 $("#A_000_Hand, #A_000_PhotoA").css("z-index", "-1");                             });                         });                     }                 }, 500);                 $("#A_000_LiquorA, #A_000_LiquorB").animate({                     opacity: '0',                     marginLeft: '-=3rem'                 }, 1000, "swing", function() {                     item_Liquor = 0;                     item_LiquorVal = 0;                     $("#A_000_LiquorA, #A_000_LiquorB").css({"marginTop": "-3rem", "marginLeft": "0"});                     $("#A_000_LiquorB div.imgLiquorB").css("height", "16rem");                     setTimeout(function() {                         $("#A_000_LiquorA, #A_000_LiquorB").animate({                             opacity: '1',                             marginTop: '0'                         }, 500, "swing", function() {                             $("#A_000_LiquorB").css("pointer-events", "");                         });                     }, 500);                 });             }         });     }, 1000); }}); $("#A_000_PhotoB").on("click", function() {if (cd==0&&step==25) {     if (item_Photo==0) {         cd = 1;         $("#A_000_PhotoB").removeClass("poi");         opacityFunc("#A_000_PhotoB", '0', 500);         opacityFunc("#A_000_PhotoC", '1', 500);         setTimeout(function() {             cd = 0;             item_Photo = 1;             $("#A_000_PhotoC").addClass("poi");         }, 500);     } }}); $("#A_000_PhotoC").on("click", function() {if (cd==0&&step==25) {     if (item_Photo==1) {         cd = 1;         $("#A_000_PhotoC").removeClass("poi");         opacityFunc("#A_000_PhotoC", '0', 500);         opacityFunc("#A_000_PhotoD", '1', 500);         setTimeout(function() {             cd = 0;             item_Photo = 2;             $("#A_000_PhotoD").addClass("poi");         }, 500);     }     if (item_Photo==3) {         cd = 1;         $("#A_000_PhotoC").removeClass("poi");         opacityFunc("#A_000_PhotoC", '0', 500);         opacityFunc("#A_000_PhotoB", '1', 500);         setTimeout(function() {             cd = 0;             item_Photo = 4;             $("#A_000_PhotoB").addClass("poi");             touchEAnim("#A_000_PhotoB", "#A_000_FlameAera", function() {                 if (item_Flame==1) {                     if (device.desktop()) {                         $("#A_000_PhotoB").off("mousedown");                         $(document).off("mousemove");                         $(document).off("mouseup");                     } else {                         $("#A_000_PhotoB").off("touchstart");                         $("#A_000_PhotoB").off("touchmove");                         $("#A_000_PhotoB").off("touchend");                     }                     opacityFunc("#A_000_PhotoB, #A_000_FlameA", '0', 250);                     opacityFunc("#A_000_FlameB", '1', 250);                     setTimeout(function() {                         step = 26;                         $("#A_000_FlameB").addClass("poi");                     }, 250);                 }             });         }, 500);     } }}); $("#A_000_PhotoD").on("click", function() {if (cd==0&&step==25) {     if (item_Photo==2) {         cd = 1;         $("#A_000_PhotoD").removeClass("poi");         opacityFunc("#A_000_PhotoD", '0', 500);         opacityFunc("#A_000_PhotoC", '1', 500);         setTimeout(function() {             cd = 0;             item_Photo = 3;             $("#A_000_PhotoC").addClass("poi");         }, 500);     } }}); $("#A_000_FlameB").on("click", function() {if (cd==0&&step==26) {     cd = 1;     step = 27;     $("#A_000_FlameB").removeClass("poi");     opacityFunc("#A_000_FlameB", '0', 500);     opacityFunc("#A_000_FlameC", '1', 1000);     setTimeout(function() {         cd = 0;         $("#A_000_FlameC").addClass("poi");     }, 1000); }}); $("#A_000_FlameC").on("click", function() {if (cd==0&&step==27) {     cd = 1;     step = 28;     $("#A_000_FlameC").removeClass("poi");     opacityFunc("#A_000_CounterB, #A_000_LiquorA, #A_000_LiquorB, #A_000_FlameC", '0', 500);     setTimeout(function() {$("#A_000_LiquorA, #A_000_LiquorB").css("display", "none");}, 500);     opacityFunc("#A_000_FlameD", '1', 1000);     setTimeout(function() {         cd = 0;         $("#A_000_FlameD").addClass("poi");     }, 1000); }}); $("#A_000_FlameD").on("click", function() {if (cd==0&&step==28) {     cd = 1;     step = 29;     $("#A_000_FlameD").removeClass("poi");     opacityFunc("#A_000_FlameD", '0', 500);     opacityFunc("#A_000_SilhoueF", '1', 1000);     setTimeout(function() {         cd = 0;         $("#A_000_SilhoueF").addClass("poi");     }, 1000); }}); $("#A_000_SilhoueF").on("click", function() {if (cd==0&&step==29) {     cd = 1;     step = 30;     /* bgm_hostelry.fade(1, 0, 10000, bgm_two);     setTimeout(function() {         bgm_three = bgm_lonely.play('all');         setTimeout(function() {             bgm_lonely.fade(0, 1, 10000, bgm_three);         }, 100);     }, 11000); */     $("#A_000_SilhoueF").removeClass("poi");     $("#A_000_SilhoueF, #A_000_Title4").addClass("blur");     setTimeout(function() {         $("#A_000_SilhoueF, #A_000_Title4").removeClass("blur");         opacityFunc("#A_000_Title4", '1', 3000);         setTimeout(function() {             cd = 0;             $("#A_000_SilhoueF").addClass("poi");         }, 3000);     }, 4500); } if (cd==0&&step==30) {     cd = 1;     step = 31;     $("#A_000_SilhoueF").removeClass("poi");     opacityFunc("#A_000_SilhoueF, #A_000_Title4", '0', 2000);     setTimeout(function() {         opacityFunc("#A_000_GunA, #A_000_GunB, #A_000_GunC, #A_000_GunD", '1', 3000);     }, 5000);     setTimeout(function() {         cd = 0;         $("#A_000_GunD").addClass("poi");         touchEAnim("#A_000_GunD", "#A_000_GunAera", function() {             if (item_Gun==1) {                 if (device.desktop()) {                     $("#A_000_GunD").off("mousedown");                     $(document).off("mousemove");                     $(document).off("mouseup");                 } else {                     $("#A_000_GunD").off("touchstart");                     $("#A_000_GunD").off("touchmove");                     $("#A_000_GunD").off("touchend");                 }                 $("#A_000_GunD").animate({                     marginTop: '0',                     marginLeft: '5.5rem'                 }, 1000, "swing", function() {                     $("#A_000_GunD").animate({                         marginTop: '-6rem',                         marginLeft: '3rem'                     }, 500, "linear");                     $("#A_000_GunD div.imgGunD").animate({                         height: '6.4rem'                     }, 500, "linear", function() {                         setTimeout(function() {                             $("#A_000_GunB").animate({                                 marginLeft: '-2.7rem'                             }, 100, "easeInQuad");                             $("#A_000_GunC div.imgGunC").animate({                                 width: '1.1rem'                             }, 100, "easeInQuad", function() {                                 setTimeout(function() {                                     opacityFunc("#A_000_GunA, #A_000_GunB, #A_000_GunC, #A_000_GunD", '0', 1000);                                     setTimeout(function() {                                         opacityFunc("#A_000_CrowA", '1', 1000);                                         setTimeout(function() {                                             cd = 0;                                             $("#A_000_CrowA").addClass("poi");                                         }, 1000);                                     }, 2000);                                 }, 1000);                             });                         }, 500);                     });                 });             }         });     }, 8000); }}); $("#A_000_CrowA").on("click", function() {if (cd==0&&step==31) {     cd = 1;     step = 32;     $("#A_000_CrowA").removeClass("poi");     opacityFunc("#A_000_CrowA", '0', 500);     opacityFunc("#A_000_CrowB", '1', 500);     setTimeout(function() {         opacityFunc("#A_000_CrowB", '0', 1000);         setTimeout(function() {             opacityFunc("#A_000_SceneA", '1', 1000);             setTimeout(function() {                 cd = 0;                 $("#A_000_SceneA").addClass("poi");             }, 1000);         }, 2000);     }, 1500); }}); $("#A_000_SceneA").on("click", function() {if (cd==0&&step==32) {     cd = 1;     step = 33;     $("#A_000_SceneA").removeClass("poi");     opacityFunc("#A_000_SceneA", '0', 1000);     opacityFunc("#A_000_SceneB", '1', 1000);     setTimeout(function() {         cd = 0;         $("#A_000_SceneB").addClass("poi");     }, 1000); }}); $("#A_000_SceneB").on("click", function() {if (cd==0&&step==33) {     cd = 1;     step = 34;     $("#A_000_SceneB").removeClass("poi");     opacityFunc("#A_000_SceneB", '0', 1000);     opacityFunc("#A_000_SceneC", '1', 1000);     setTimeout(function() {         cd = 0;         $("#A_000_SceneC").addClass("poi");     }, 1000); }}); $("#A_000_SceneC").on("click", function() {if (cd==0&&step==34) {     cd = 1;     step = 35;     $("#A_000_SceneC").removeClass("poi");     opacityFunc("#A_000_SceneC", '0', 1000);     opacityFunc("#A_000_SceneE", '1', 1000);     setTimeout(function() {         opacityFunc("#A_000_SceneD, #A_000_Helicopter, #A_000_HelicopterR, #A_000_SirenA, #A_000_SirenB", '1', 3000);         setTimeout(function() {             cd = 0;             $("#A_000_SceneE").addClass("poi");         }, 3000);     }, 2000); }}); $("#A_000_SceneE").on("click", function() {if (cd==0&&step==35) {     cd = 1;     step = 36;     $("#A_000_SceneE").removeClass("poi");     opacityFunc("#A_000_SceneE", '0', 500);     opacityFunc("#A_000_SceneF", '1', 500);     setTimeout(function() {         cd = 0;     }, 500); }}); $("#A_000_End, #A_000_Comment").on("click", function() {     $("#A_000_End").removeClass("poi");     window.top.location.href = "//scp-wiki-cn.wikidot.com/forum/t-15842893/#post-6075901"; }); /* 特殊触发↑ */ /* 功能调用↓ */ /* logo动画↓ */ function logoAnimFunc(name, num, time) {     if (num==1) $("#A_000_" + name).css("z-index", "1");     if (num==0) $("#A_000_" + name).css("z-index", "-1");     $("#A_000_" + name).animate({         opacity: num     }, time, "swing");     $("#A_000_" + name + " .logo" + name).animate({         width: '-=1rem',         height: '-=1rem',         marginTop: '+=0.5rem'     }, time, "swing"); } /* logo动画↑ */ /* 显隐动画↓ */ function opacityFunc(name, num, time) {     if (num==1) $(name).css("z-index", "1");     if (num==0) $(name).css("z-index", "-1");     $(name).animate({         opacity: num     }, time, "swing"); } /* 显隐动画↑ */ /* 花海动画↓ */ function flowsShowFunc(nth, pre, time) {     setTimeout(function() {         $(".A_000_Flows:nth-of-type(" + nth + ")").css("z-index", "1");         $(".A_000_Flows:nth-of-type(" + nth + ")").animate({             opacity: '1'         }, time, "swing");     }, pre); } /* 花海动画↑ */ /* 拖动动画↓ */ function touchAnim(target, scope, callback) {     cd = 1;     var oldX;     var oldY;     var startX;     var startY;     var endX;     var endY;     var divLeft;     var divRight;     var divTop;     var divBottom;     if (device.desktop()) {         $(target).on("mousedown", function(e) {             oldX = e.clientX,             oldY = e.clientY;             startX = oldX;             startY = oldY;             endX = oldX;             endY = oldY;             divLeft = $(scope).offset().left;             divRight = $(scope).offset().left +$(scope).width();             divTop = $(scope).offset().top;             divBottom = $(scope).offset().top +$(scope).height();             $(document).on("mousemove", function(e) {                 endX = e.clientX,                 endY = e.clientY;                 $(target).css('marginTop', '+=' + (endY - startY));                 $(target).css('marginLeft', '+=' + (endX - startX));                 startX = endX;                 startY = endY;             });             $(document).on("mouseup", function() {                 $(target).css("pointer-events", "none");                 $(document).off("mousemove");                 if (endX>=divLeft&&endX<=divRight&&endY>=divTop&&endY<=divBottom) {                     if (target=="#A_000_Shovel"&&item_Hole<2) item_Hole += 1;                 }                 callback();                 $(target).animate({                     marginTop: '0',                     marginLeft: '0'                 }, 500, function() {                     cd = 0;                     $(this).css("pointer-events", "");                     endX = oldX;                     endY = oldY;                     $(document).off("mouseup");                 });             });         });     } else {         $(target).on("touchstart", function(e) {             oldX = e.originalEvent.changedTouches[0].clientX,             oldY = e.originalEvent.changedTouches[0].clientY;             startX = oldX;             startY = oldY;             endX = oldX;             endY = oldY;             divLeft = $(scope).offset().left;             divRight = $(scope).offset().left +$(scope).width();             divTop = $(scope).offset().top;             divBottom = $(scope).offset().top +$(scope).height();         });         $(target).on("touchmove", function(e) {             endX = e.originalEvent.changedTouches[0].clientX,             endY = e.originalEvent.changedTouches[0].clientY;             $(this).css('marginTop', '+=' + (endY - startY));             $(this).css('marginLeft', '+=' + (endX - startX));             startX = endX;             startY = endY;         });         $(target).on("touchend", function() {             $(this).css("pointer-events", "none");             if (endX>=divLeft&&endX<=divRight&&endY>=divTop&&endY<=divBottom) {                 if (target=="#A_000_Shovel"&&item_Hole<2) item_Hole += 1;             }             callback();             $(this).animate({                 marginTop: '0',                 marginLeft: '0'             }, 500, function() {                 cd = 0;                 $(this).css("pointer-events", "");                 endX = oldX;                 endY = oldY;             });         });     } } function touchEAnim(target, scope, callback) {     var oldX;     var startX;     var endX;     var oldY;     var startY;     var endY;     var divTop;     var divLeft;     var divRight;     var divBottom;     if (device.desktop()) {         $(target).on("mousedown", function(e) {             oldX = e.clientX;             startX = oldX;             endX = oldX;             oldY = e.clientY;             startY = oldY;             endY = oldY;             divTop = $(scope).offset().top;             divLeft = $(scope).offset().left;             divRight = $(scope).offset().left + $(scope).width();             divBottom = $(scope).offset().top + $(scope).height();             divWidth = $(scope).width();             divHeight = $(scope).height();             $(document).on("mousemove", function(e) {                 endX = e.clientX;                 endY = e.clientY;                 $(target).css('marginTop', '+=' + (endY - startY));                 $(target).css('marginLeft', '+=' + (endX - startX));                 startX = endX;                 startY = endY;             });             $(document).on("mouseup", function() {                 $(target).css("pointer-events", "none");                 $(document).off("mousemove");                 if (endX>=divLeft&&endX<=divRight&&endY>=divTop&&endY<=divBottom) {                     if (target=="#A_000_CapsuleE"&&item_Implan==0) item_Implan = 1;                     if (target=="#A_000_BearA"&&item_Rope==0) item_Rope = 1;                     if (target=="#A_000_Knife"&&item_Knife==0) {                         if (item_Rope==1) item_Knife = 1;                         endX = startX;                         endY = startY;                         $(target).animate({                             marginTop: '0',                             marginLeft: '0'                         }, 500, function() {                             $(this).css("pointer-events", "");                             endX = oldX;                             endY = oldY;                             $(document).off("mouseup");                         });                     }                     if (target==".A_000_Flows:nth-of-type(78)" ) item_PulverA = 1;                     if (target==".A_000_Flows:nth-of-type(79)" ) item_PulverB = 1;                     if (target=="#A_000_Key") item_Key = 1;                     if (target=="#A_000_PhotoB") item_Flame = 1;                     if (target=="#A_000_GunD") item_Gun = 1;                     $(document).off("mouseup");                 } else {                     endX = startX;                     endY = startY;                     $(target).animate({                         marginTop: '0',                         marginLeft: '0'                     }, 500, function() {                         $(this).css("pointer-events", "");                         endX = oldX;                         endY = oldY;                         $(document).off("mouseup");                     });                 }                 callback();             });         });     } else {         $(target).on("touchstart", function(e) {             oldX = e.originalEvent.changedTouches[0].clientX;             startX = oldX;             endX = oldX;             oldY = e.originalEvent.changedTouches[0].clientY;             startY = oldY;             endY = oldY;             divTop = $(scope).offset().top;             divLeft = $(scope).offset().left;             divRight = $(scope).offset().left + $(scope).width();             divBottom = $(scope).offset().top + $(scope).height();             divWidth = $(scope).width();             divHeight = $(scope).height();         });         $(target).on("touchmove", function(e) {             endX = e.originalEvent.changedTouches[0].clientX;             endY = e.originalEvent.changedTouches[0].clientY;             $(target).css('marginTop', '+=' + (endY - startY));             $(target).css('marginLeft', '+=' + (endX - startX));             startX = endX;             startY = endY;         });         $(target).on("touchend", function() {             $(this).css("pointer-events", "none");             if (endX>=divLeft&&endX<=divRight&&endY>=divTop&&endY<=divBottom) {                 if (target=="#A_000_CapsuleE"&&item_Implan==0) item_Implan = 1;                 if (target=="#A_000_BearA"&&item_Rope==0) item_Rope = 1;                 if (target=="#A_000_Knife"&&item_Knife==0) {                     if (item_Rope==1) item_Knife = 1;                     endX = startX;                     endY = startY;                     $(target).animate({                         marginTop: '0',                         marginLeft: '0'                     }, 500, function() {                         $(this).css("pointer-events", "");                         endX = oldX;                         endY = oldY;                     });                 }                 if (target==".A_000_Flows:nth-of-type(78)" ) item_PulverA = 1;                 if (target==".A_000_Flows:nth-of-type(79)" ) item_PulverB = 1;                 if (target=="#A_000_Key") item_Key = 1;                 if (target=="#A_000_PhotoB") item_Flame = 1;                 if (target=="#A_000_GunD") item_Gun = 1;             } else {                 endX = startX;                 endY = startY;                 $(this).animate({                     marginTop: '0',                     marginLeft: '0'                 }, 500, function() {                     $(this).css("pointer-events", "");                     endX = oldX;                     endY = oldY;                 });             }             callback();         });     } } /* 横向拖动↓ */ function touchXLAnim(target, num, callback) {     cd = 1;     var oldX;     var startX;     var endX;     var divLeft;     var divRight;     if (device.desktop()) {         $(target).on("mousedown", function(e) {             oldX = e.clientX;             startX = oldX;             endX = oldX;             divLeft = $(target).offset().left;             divRight = $(target).offset().left + $(target).width();             divWidth = $(target).width();             if (target=="#A_000_CapsuleB") {                 opacityFunc("#A_000_CapsuleC", '0', 250);                 opacityFunc("#A_000_CapsuleD, #A_000_MemoryA", '1', 250);                 $("#A_000_MemoryA").removeClass("clipAll").addClass("clipLeft");             }             $(document).on("mousemove", function(e) {                 endX = e.clientX;                 if (endX<=startX&&(endX - oldX)>=(-divWidth * num)) {                     $(target).css('marginLeft', '+=' + (endX - startX));                     startX = endX;                 }             });             $(document).on("mouseup", function() {                 $(target).css("pointer-events", "none");                 $(document).off("mousemove");                 if ((endX - oldX)<=(-divWidth * num)) {                     cd = 0;                     if (target=="#A_000_CapsuleB"&&item_Caps<2) item_Caps += 1;                     $(document).off("mouseup");                 } else {                     endX = startX;                     $(target).animate({                         marginLeft: '0'                     }, 500, function() {                         cd = 0;                         $(this).css("pointer-events", "");                         endX = oldX;                         $(document).off("mouseup");                     });                     if (target=="#A_000_CapsuleB") {                         opacityFunc("#A_000_CapsuleD, #A_000_MemoryA", '0', 250);                         opacityFunc("#A_000_CapsuleC", '1', 250);                         $("#A_000_MemoryA").removeClass("clipLeft").addClass("clipAll");                     }                 }                 callback();             });         });     } else {         $(target).on("touchstart", function(e) {             oldX = e.originalEvent.changedTouches[0].clientX;             startX = oldX;             endX = oldX;             divLeft = $(target).offset().left;             divRight = $(target).offset().left + $(target).width();             divWidth = $(target).width();             if (target=="#A_000_CapsuleB") {                 opacityFunc("#A_000_CapsuleC", '0', 250);                 opacityFunc("#A_000_CapsuleD, #A_000_MemoryA", '1', 250);                 $("#A_000_MemoryA").removeClass("clipAll").addClass("clipLeft");             }         });         $(target).on("touchmove", function(e) {             endX = e.originalEvent.changedTouches[0].clientX;             if (endX<=startX&&(endX - oldX)>=(-divWidth * num)) {                 $(this).css('marginLeft', '+=' + (endX - startX));                 startX = endX;             }         });         $(target).on("touchend", function() {             $(this).css("pointer-events", "none");             if ((endX - oldX)<=(-divWidth * num)) {                 cd = 0;                 if (target=="#A_000_CapsuleB"&&item_Caps<2) item_Caps += 1;             } else {                 endX = startX;                 $(this).animate({                     marginLeft: '0'                 }, 500, function() {                     cd = 0;                     $(this).css("pointer-events", "");                     endX = oldX;                 });                 if (target=="#A_000_CapsuleB") {                     opacityFunc("#A_000_CapsuleD, #A_000_MemoryA", '0', 250);                     opacityFunc("#A_000_CapsuleC", '1', 250);                     $("#A_000_MemoryA").removeClass("clipLeft").addClass("clipAll");                 }             }             callback();         });     } } function touchXRAnim(target, num, callback) {     cd = 1;     var oldX;     var startX;     var endX;     var divLeft;     var divRight;     if (device.desktop()) {         $(target).on("mousedown", function(e) {             oldX = e.clientX;             startX = oldX;             endX = oldX;             divLeft = $(target).offset().left;             divRight = $(target).offset().left + $(target).width();             divWidth = $(target).width();             if (target=="#A_000_CapsuleD") {                 $("#A_000_MemoryA").removeClass("clipLeft").addClass("clipNon");             }             $(document).on("mousemove", function(e) {                 endX = e.clientX;                 if (endX>=startX&&(endX - oldX)<=(divWidth * num)) {                     $(target).css('marginLeft', '+=' + (endX - startX));                     startX = endX;                 }             });             $(document).on("mouseup", function() {                 $(target).css("pointer-events", "none");                 $(document).off("mousemove");                 if ((endX - oldX)>=(divWidth * num)) {                     cd = 0;                     if (target=="#A_000_CapsuleD"&&item_Caps<2) item_Caps += 1;                     $(document).off("mouseup");                 } else {                     endX = startX;                     $(target).animate({                         marginLeft: '0'                     }, 500, function() {                         cd = 0;                         $(this).css("pointer-events", "");                         endX = oldX;                         $(document).off("mouseup");                     });                     if (target=="#A_000_CapsuleD") {                         $("#A_000_MemoryA").removeClass("clipNon").addClass("clipLeft");                     }                 }                 callback();             });         });     } else {         $(target).on("touchstart", function(e) {             oldX = e.originalEvent.changedTouches[0].clientX;             startX = oldX;             endX = oldX;             divLeft = $(target).offset().left;             divRight = $(target).offset().left + $(target).width();             divWidth = $(target).width();             if (target=="#A_000_CapsuleD") {                 $("#A_000_MemoryA").removeClass("clipLeft").addClass("clipNon");             }         });         $(target).on("touchmove", function(e) {             endX = e.originalEvent.changedTouches[0].clientX;             if (endX>=startX&&(endX - oldX)<=(divWidth * num)) {                 $(this).css('marginLeft', '+=' + (endX - startX));                 startX = endX;             }         });         $(target).on("touchend", function() {             $(this).css("pointer-events", "none");             if ((endX - oldX)>=(divWidth * num)) {                 cd = 0;                 if (target=="#A_000_CapsuleD"&&item_Caps<2) item_Caps += 1;             } else {                 endX = startX;                 $(this).animate({                     marginLeft: '0'                 }, 500, function() {                     cd = 0;                     $(this).css("pointer-events", "");                     endX = oldX;                 });                 if (target=="#A_000_CapsuleD") {                     $("#A_000_MemoryA").removeClass("clipNon").addClass("clipLeft");                 }             }             callback();         });     } } /* 横向拖动↑ */ /* 纵向拖动↓ */ function touchYAnim(target, num, callback) {     cd = 1;     var oldY;     var startY;     var endY;     var divTop;     var divBottom;     if (device.desktop()) {         $(target).on("mousedown", function(e) {             oldY = e.clientY;             startY = oldY;             endY = oldY;             divTop = $(target).offset().top;             divBottom = $(target).offset().top + $(target).height();             divHeight = $(target).height();             $(document).on("mousemove", function(e) {                 endY = e.clientY;                 if ((endY - oldY)<=(divHeight * num)) {                     $(target).css('marginTop', '+=' + (endY - startY));                     startY = endY;                 }             });             $(document).on("mouseup", function() {                 $(target).css("pointer-events", "none");                 $(document).off("mousemove");                 if ((endY - oldY)>=(divHeight * num)) {                     cd = 0;                     if (target=="#A_000_HairD"&&item_Dish==0) item_Dish = 1;                     $(document).off("mouseup");                 } else {                     endY = startY;                     $(target).animate({                         marginTop: '0'                     }, 500, function() {                         cd = 0;                         $(this).css("pointer-events", "");                         endY = oldY;                         $(document).off("mouseup");                     });                 }                 callback();             });         });     } else {         $(target).on("touchstart", function(e) {             oldY = e.originalEvent.changedTouches[0].clientY;             startY = oldY;             endY = oldY;             divTop = $(target).offset().top;             divBottom = $(target).offset().top + $(target).height();             divHeight = $(target).height();         });         $(target).on("touchmove", function(e) {             endY = e.originalEvent.changedTouches[0].clientY;             if ((endY - oldY)<=(divHeight * num)) {                 $(this).css('marginTop', '+=' + (endY - startY));                 startY = endY;             }         });         $(target).on("touchend", function() {             $(this).css("pointer-events", "none");             if ((endY - oldY)>=(divHeight * num)) {                 cd = 0;                 if (target=="#A_000_HairD"&&item_Dish==0) item_Dish = 1;             } else {                 endY = startY;                 $(this).animate({                     marginTop: '0'                 }, 500, function() {                     cd = 0;                     $(this).css("pointer-events", "");                     endY = oldY;                 });             }             callback();         });     } } function touchYTAnim(target, num, callback) {     cd = 1;     var oldY;     var startY;     var endY;     var divTop;     var divBottom;     if (device.desktop()) {         $(target).on("mousedown", function(e) {             oldY = e.clientY;             startY = oldY;             endY = oldY;             divTop = $(target).offset().top;             divBottom = $(target).offset().top + $(target).height();             divHeight = $(target).height();             $(document).on("mousemove", function(e) {                 endY = e.clientY;                 if (endY<=startY&&(endY - oldY)>=(-divHeight * num)) {                     $(target).css('marginTop', '+=' + (endY - startY));                     if (target=="#A_000_SilhoueD") $("#A_000_SilhoueD div.imgSilhoueC").css('height', -(endY - oldY));                     startY = endY;                 }             });             $(document).on("mouseup", function() {                 $(target).css("pointer-events", "none");                 $(document).off("mousemove");                 if ((endY - oldY)<=(-divHeight * num)) {                     cd = 0;                     if (target=="#A_000_SilhoueD"&&item_Silhoue==0) item_Silhoue = 1;                     $(document).off("mouseup");                 } else {                     endY = startY;                     $(target).animate({                         marginTop: '0'                     }, 1000, function() {                         cd = 0;                         $(this).css("pointer-events", "");                         endY = oldY;                         $(document).off("mouseup");                     });                     if (target=="#A_000_SilhoueD") $("#A_000_SilhoueD div.imgSilhoueC").animate({ height: '0' }, 1000);                 }                 callback();             });         });     } else {         $(target).on("touchstart", function(e) {             oldY = e.originalEvent.changedTouches[0].clientY;             startY = oldY;             endY = oldY;             divTop = $(target).offset().top;             divBottom = $(target).offset().top + $(target).height();             divHeight = $(target).height();         });         $(target).on("touchmove", function(e) {             endY = e.originalEvent.changedTouches[0].clientY;             if (endY<=startY&&(endY - oldY)>=(-divHeight * num)) {                 $(this).css('marginTop', '+=' + (endY - startY));                 if (target=="#A_000_SilhoueD") $("#A_000_SilhoueD div.imgSilhoueC").css('height', -(endY - oldY));                 startY = endY;             }         });         $(target).on("touchend", function() {             $(this).css("pointer-events", "none");             if ((endY - oldY)<=(-divHeight * num)) {                 cd = 0;                 if (target=="#A_000_SilhoueD"&&item_Silhoue==0) item_Silhoue = 1;             } else {                 endY = startY;                 $(this).animate({                     marginTop: '0'                 }, 1000, function() {                     cd = 0;                     $(this).css("pointer-events", "");                     endY = oldY;                 });                 if (target=="#A_000_SilhoueD") $("#A_000_SilhoueD div.imgSilhoueC").animate({ height: '0' }, 1000);             }             callback();         });     } } function touchYBAnim(target, scope, num, callback) {     var oldY;     var startY;     var endY;     var divTop;     var divBottom;     if (device.desktop()) {         $(target).on("mousedown", function(e) {             oldY = e.clientY;             startY = oldY;             endY = oldY;             divTop = $(scope).offset().top;             divBottom = $(scope).offset().top + $(scope).height();             divHeight = $(scope).height();             $(document).on("mousemove", function(e) {                 endY = e.clientY;                 if (endY>=startY&&(endY - oldY)<=(divHeight * num - item_LiquorVal)) {                     if (target=="#A_000_LiquorB") {                         $("#A_000_LiquorB div.imgLiquorB").css('height', '-=' + (endY - startY));                     }                     startY = endY;                 }                 if ((endY - oldY)>=(divHeight * num - item_LiquorVal)) {                     item_LiquorVal = divHeight * num;                     $("#A_000_LiquorB div.imgLiquorB").css('height', '4rem');                 }             });             $(document).on("mouseup", function() {                 $(document).off("mousemove");                 $(document).off("mouseup");                 if (target=="#A_000_LiquorB") item_LiquorVal += (endY - oldY);                 if (item_LiquorVal>=(divHeight * num)) {                     if (target=="#A_000_LiquorB") item_Liquor = 1;                     if (target=="#A_000_LiquorB") item_LiquorNum ++;                 }                 callback();             });         });     } else {         $(target).on("touchstart", function(e) {             oldY = e.originalEvent.changedTouches[0].clientY;             startY = oldY;             endY = oldY;             divTop = $(scope).offset().top;             divBottom = $(scope).offset().top + $(scope).height();             divHeight = $(scope).height();         });         $(target).on("touchmove", function(e) {             endY = e.originalEvent.changedTouches[0].clientY;             if (endY>=startY&&(endY - oldY)<=(divHeight * num - item_LiquorVal)) {                 if (target=="#A_000_LiquorB") {                     $("#A_000_LiquorB div.imgLiquorB").css('height', '-=' + (endY - startY));                 }                 startY = endY;             }             if ((endY - oldY)>=(divHeight * num - item_LiquorVal)) {                 item_LiquorVal = divHeight * num;                 $("#A_000_LiquorB div.imgLiquorB").css('height', '4rem');             }         });         $(target).on("touchend", function() {             if (target=="#A_000_LiquorB") item_LiquorVal += (endY - oldY);             if (item_LiquorVal>=(divHeight * num)) {                 if (target=="#A_000_LiquorB") item_Liquor = 1;                 if (target=="#A_000_LiquorB") item_LiquorNum ++;             }             callback();         });     } } /* 纵向拖动↑ */ /* 拖动动画↑ */ /* 快速切图动画↓ */ function alterImgFunc(trigger, newtrigger, hide, show, item, val, callback) {     $(trigger).removeClass("poi");     opacityFunc(hide, '0', 500);     opacityFunc(show, '1', 500);     setTimeout(function() {         if (item=="item_Hair") item_Hair = val;         if (item=="item_Photo") item_Photo = val;         $(newtrigger).addClass("poi");         callback();     }, 500); } /* 快速切图动画↑ */ /* 功能调用↑ */ /* 施工专用！↓ */ function psFunc() { ps = document.getElementById("passWord").value; if (ps==235) { load_finish=1; $("#nps").css("z-index", "-1"); nps.style.display = "none"; } if (ps==2351) { step=2; load_finish=1; $("#nps").css("z-index", "-1"); nps.style.display = "none"; opacityFunc("#A_000_Scp", '0', 100); opacityFunc("#A_000_GraveA, .A_000_Flows:nth-of-type(19)", '1', 100); } if (ps==2352) { step=5; load_finish=1; $("#nps").css("z-index", "-1"); nps.style.display = "none"; opacityFunc("#A_000_Scp", '0', 100); opacityFunc("#A_000_MemoryA", '1', 100); $("#A_000_MemoryA").removeClass("clipAll"); } if (ps==2353) { step=17.1; load_finish=1; $("#nps").css("z-index", "-1"); nps.style.display = "none"; opacityFunc("#A_000_Scp", '0', 100); opacityFunc("#A_000_Tumbler, #A_000_SilhoueD, #A_000_CapsuleE", '1', 100); } if (ps==2354) { step=23; $("#nps").css("z-index", "-1"); nps.style.display = "none"; opacityFunc("#A_000_Scp", '0', 100); opacityFunc("#A_000_DoorC", '1', 100); } if (ps==2355) { step=29; $("#nps").css("z-index", "-1"); nps.style.display = "none"; opacityFunc("#A_000_Scp", '0', 100); opacityFunc("#A_000_SilhoueF", '1', 100); } if (ps==2356) { step=36; $("#nps").css("z-index", "-1"); nps.style.display = "none"; opacityFunc("#A_000_Scp", '0', 100); opacityFunc("#A_000_SceneF", '1', 100); }} /* 记得删掉！↑ */ </script> </body> [[/html]] [[/div]]