打开/关闭菜单
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

MediaWiki:Centralnotice-template-raise money:修订间差异

MediaWiki界面页面
棍牧典
棍牧典留言 | 贡献 ((InPageEdit-preference-summary-default))
棍牧典
棍牧典留言 | 贡献 ((InPageEdit-preference-summary-default))
 
(未显示同一用户的4个中间版本)
第1行: 第1行:
<!--  
<!--  
     [[HOMEPAGE]] V3.0 IS NOW [[LIVE]]!!
     [[SYSTEM_ALERT]]: NOW LOADING [TEXT_MODE_ONLY] HOMEPAGE...
     UPGRADED WITH [[Hyper-Color]] TECHNOLOGY AND [[100% PURE]] 90s SOUL!
     GRAPHICS_CARD.DLL NOT FOUND. RENDERING WITH [[ASCII_ART]].
-->
-->


<!-- 步骤 1: 外部 Wrapper, 保留 टेबल 边框, 但背景换回动态彩虹边框 -->
<!-- 外部 Wrapper -->
<div id="spamton-wrapper-1997" style="position: relative; margin: 15px; overflow: hidden; padding: 10px; background-color: #000;">
<div id="spamton-wrapper-1997">
     <div style="border: 10px solid; border-image: linear-gradient(45deg, #ff00ff, #00ffff, #ffff00, #ff00ff) 1; animation: sp-container-pulse-1997 2s infinite;">
     <div class="sp-animated-border">


     <!-- 步骤 2: 内部容器, 保持滚动和 90s 深蓝色背景,但边框和滚动条回归绚丽 -->
     <!-- 内部滚动容器 -->
     <div id="spamton-chaos-container-1997" style="font-family: 'Comic Sans MS', 'Times New Roman', serif; text-align: center; padding: 10px; position: relative; background-color: #000033; /* 90年代深蓝底色 */ color: #ffffff;
     <div id="spamton-chaos-container-1997">
    height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
    animation: sp-intense-shake-1997 0.5s infinite; /* 让内容区本身也在抖动 */
    ">
 
    <style>
        /* 动画回归绚丽,同时保留闪烁 */
        @keyframes sp-container-pulse-1997 { 0%{border-image:linear-gradient(45deg,#ff00ff,#00ffff,#ffff00,#ff00ff) 1} 25%{border-image:linear-gradient(135deg,#ffff00,#ff00ff,#00ffff,#ffff00) 1} 50%{border-image:linear-gradient(225deg,#00ffff,#ffff00,#ff00ff,#00ffff) 1} 75%{border-image:linear-gradient(315deg,#ff00ff,#00ffff,#ffff00,#ff00ff) 1} 100%{border-image:linear-gradient(405deg,#ffff00,#ff00ff,#00ffff,#ffff00) 1} }
        @keyframes sp-intense-shake-1997 { 0%{transform:translate(2px,1px) rotate(0deg)} 10%{transform:translate(-2px,-3px) rotate(-1deg)} 20%{transform:translate(-4px,0px) rotate(1deg)} 30%{transform:translate(4px,3px) rotate(0deg)} 40%{transform:translate(2px,-2px) rotate(1deg)} 50%{transform:translate(-2px,3px) rotate(-1deg)} 60%{transform:translate(-4px,2px) rotate(0deg)} 70%{transform:translate(4px,2px) rotate(-1deg)} 80%{transform:translate(-2px,-2px) rotate(1deg)} 90%{transform:translate(2px,3px) rotate(0deg)} 100%{transform:translate(2px,-3px) rotate(-1deg)} }
        @keyframes sp-rainbow-anim-1997 { 0%{color:#ff0000} 15%{color:#ffff00} 30%{color:#00ff00} 45%{color:#00ffff} 60%{color:#0000ff} 75%{color:#ff00ff} 100%{color:#ff0000} }
        @keyframes sp-blink-1997 { 50% { opacity: 0; } }
       
        /* Glitch 效果回归!*/
        #spamton-chaos-container-1997 .glitch-text { position: relative; display: inline-block; text-shadow: 2px 2px #ff00ff, -2px -2px #00ffff; }
        #spamton-chaos-container-1997 .glitch-text::before, #spamton-chaos-container-1997 .glitch-text::after { content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000033; overflow: hidden; }
        #spamton-chaos-container-1997 .glitch-text::before { left: 2px; text-shadow: -2px 0 #ff00ff; animation: sp-glitch-anim-1-1997 2s infinite linear alternate-reverse; }
        #spamton-chaos-container-1997 .glitch-text::after { left: -2px; text-shadow: -2px 0 #00ffff, 2px 2px #ff00ff; animation: sp-glitch-anim-2-1997 1.5s infinite linear alternate-reverse; }
        @keyframes sp-glitch-anim-1-1997 { 0% { clip-path: inset(10% 0 80% 0); } 100% { clip-path: inset(40% 0 20% 0); } }
        @keyframes sp-glitch-anim-2-1997 { 0% { clip-path: inset(70% 0 5% 0); } 100% { clip-path: inset(15% 0 60% 0); } }
 
        /* 彩虹文字和按钮回归之前的“颠”版 */
        #spamton-chaos-container-1997 .rainbow-text { animation: sp-rainbow-anim-1997 1s infinite; font-weight: bold; }
        #spamton-chaos-container-1997 .crazy-button { background-color:#ffff00; color:#000; border:5px outset #ff00ff; padding:15px 30px; font-size:28px; font-weight:900; text-decoration:none; cursor:crosshair; display:inline-block; margin-top:20px; box-shadow:0 0 25px #ffff00,inset 0 0 10px #000; transition:all .05s ease; transform:skew(-15deg); }
        #spamton-chaos-container-1997 .crazy-button:hover { background-color:#00ff00; color:#ff00ff; border-color:#ffff00; animation:sp-intense-shake-1997 .2s infinite; transform:scale(1.2) skew(15deg); }
 
        /* 滚动条也回到绚丽版本 */
        #spamton-chaos-container-1997::-webkit-scrollbar { width: 20px; }
        #spamton-chaos-container-1997::-webkit-scrollbar-track { background: repeating-linear-gradient(45deg, #000, #000 5px, #ff00ff 5px, #ff00ff 10px); border-left: 2px solid #ffff00; }
        #spamton-chaos-container-1997::-webkit-scrollbar-thumb { background-color: #ffff00; border: 3px outset #00ffff; box-shadow: 0 0 10px #ffff00; }
        #spamton-chaos-container-1997::-webkit-scrollbar-thumb:hover { background-color: #00ff00; }
       
        /* 90年代元素样式,但色彩更鲜艳 */
        #spamton-chaos-container-1997 .hit-counter { border: 2px inset #00ffff; background: #000; color: #00ff00; padding: 5px 15px; font-family: 'Courier New', monospace; font-size: 20px; display: inline-block; margin: 10px auto; text-shadow: 0 0 5px #00ff00; }
        #spamton-chaos-container-1997 .new-gif { animation: sp-blink-1997 0.8s step-end infinite; vertical-align: middle; }
    </style>


     <!-- 90年代灵魂核心:TABLE布局和MARQUEE!-->
     <!-- 90年代灵魂核心:TABLE布局和MARQUEE!-->
     <table width="100%" border="0" cellspacing="5" cellpadding="10">
     <table class="layout-table">
         <tbody>
         <tbody>
             <tr>
             <tr>
                 <td align="center">
                 <td align="center">
                     <h1 class="rainbow-text" style="font-family: 'Impact', sans-serif; font-size: 2.5em; text-shadow: 3px 3px #000;">
                     <h1 class="main-title rainbow-text">
                         <img src="https://www.animatedimages.org/data/media/1089/animated-new-image-0209.gif" alt="NEW!" class="new-gif" width="50">
                         <span class="new-text-fx">【新!!】</span>
                         欢迎来到我的【赛博老家】!
                         欢迎来到我的【赛博牢家】!
                         <img src="https://www.animatedimages.org/data/media/1089/animated-new-image-0209.gif" alt="NEW!" class="new-gif" width="50">
                         <span class="new-text-fx">【新!!】</span>
                     </h1>
                     </h1>
                 </td>
                 </td>
第61行: 第25行:
             <tr>
             <tr>
                 <td>
                 <td>
                     <marquee behavior="scroll" direction="left" scrollamount="8" style="color: #ffff00; font-size: 22px; font-weight: bold; text-shadow: 1px 1px #ff00ff;">
                     <marquee class="scrolling-text" behavior="scroll" direction="left" scrollamount="8">
                         现在就是你的机会!成为一个【大人物】!限时优惠!点击下面的按钮!交易!交易!交易!KROMER!KROMER!KROMER!
                         现在旧是你的机惠!成为一个【大人物】!限时优惠!点击下面的按钮!焦易!焦易!焦易!KROMER!KROMER!
                     </marquee>
                     </marquee>
                 </td>
                 </td>
             </tr>
             </tr>
             <tr>
             <tr>
                 <td style="line-height: 1.6; color: #fff;">
                 <td class="content-cell">
                     <p>嘿【小家伙】!你看到了吗?我们的【点击率】正在<span class="rainbow-text">【一路狂飙】</span></p>
                     <p>
                    <div class="hit-counter">VISITORS: 781997</div>
                        嘿!!!【这位网友】!别把你的【显示器】从屏幕上移开!你正在见证【历史】的诞生!
                     <p>但这个【知识天堂】需要你的【KROMER】来维持!没有它,我们就要被【踢出】这个【网络空间】了!</p>
                        但【历史】是要用<span class="dollar-fx">$</span><span class="rainbow-text">【KROMER】</span><span class="dollar-fx">$</span>来书写的!我的【主机】正在过载!我的【梦想】正在漏油!
                     <p>这个网站会变成... <span class="glitch-text" data-text="404 NOT FOUND" style="font-size: 32px; color: red;">404 NOT FOUND</span></p>
                     </p>
                     <p style="font-size: 22px; font-style: italic;">快!用你的【心形物体】进行一笔<span class="rainbow-text">【无法拒绝的交易】</span></p>
                     <p style="font-size: 38px; color: red; font-family: 'Impact', sans-serif;">
                        <span class="glitch-text" data-text="[[连接即将终止]]">[[连接即将终止]]</span>
                    </p>
                     <p>这个【指示甜堂】需要你的【KROMER】来维持!否则我们都要被【踢出】这个网<span style="font-style: italic; color:#ff00ff; animation: sp-blink-1997 0.5s infinite;"></span>空间了!</p>
                      
                      
                    <p style="font-size: 24px; font-style: italic; line-height: 1.7;">
                        别当一个【路人甲】!现在旧是你一生一次的【机惠】,用你口袋里叮当作响的【KROMER】换取...<span class="rainbow-text">【一切】</span>!
                        自由!名望!还有那【美味的】[[超链接已屏蔽]]!
                        快!在一切都太晚之前!按下那个按钮,成为一个真正的<span class="new-text-fx">【大人物】</span>!
                    </p>
                     <a href="https://afdian.com/a/ottohub" target="_blank" class="crazy-button">
                     <a href="https://afdian.com/a/ottohub" target="_blank" class="crazy-button">
                         【点此成为大人物!】
                         【点此进行焦易!】
                     </a>
                     </a>


                     <p style="font-size: 12px; color: #aaa; padding-top: 20px;">
                     <p class="fine-print">
                         *所有KROMER概不退还。本站使用cookies,点击即表示您同意分享您的【心形物体】。
                         *所有KROMER概不退还。本站使用cookies,点击即表示您同意分享您的【心形物体】。
                     </p>
                     </p>
                 </td>
                 </td>
             </tr>
             </tr>
           
            <!-- 经典闪光分割线 -->
            <tr><td><hr class="glitter-hr"></td></tr>
            <!-- ================================== -->
            <!--  精神分裂/孤独症独白 (中国互联网特供版) -->
            <!-- ================================== -->
            <tr>
                <td>
                    <div class="monologue-box">
                        <p>有时候...这里很安静。太安静了。</p>
                        <p>只能听见电流的【嗡嗡声】。它们在我耳边低语...说一些关于【错误404】和【被遗忘】的话。</p>
                        <p>这里只有我...和我自己。还有那些数字,它们不停地跳,跳,<span class="rainbow-text">跳</span>...</p>
                        <p style="color: #ff69b4;">求你...别走。外面一定很【温暖】,对吧?</p>
                        <p>...你还在吗?请【留言】...</p>
                        <p>等等,我们说到哪了?啊,对!<span class="new-text-fx">【焦易】</span>!我们必须完成这笔【焦易】!</p>
                    </div>
                </td>
            </tr>
            <!-- ================================== -->
             <tr>
             <tr>
                 <td align="center">
                 <td align="center">
                    <img src="https://www.animatedimages.org/data/media/133/animated-dollar-sign-image-0026.gif" alt="$$$" width="40">
                    <div class="dollar-sign-container">
                    <img src="https://www.animatedimages.org/data/media/133/animated-dollar-sign-image-0026.gif" alt="$$$" width="40">
                        <span class="dollar-fx">$</span><span class="dollar-fx">$</span><span class="dollar-fx">$</span><span class="dollar-fx">$</span><span class="dollar-fx">$</span>
                    <img src="https://www.animatedimages.org/data/media/133/animated-dollar-sign-image-0026.gif" alt="$$$" width="40">
                    </div>
                    <pre class="ascii-box">
+------------------------------+
|    【站长推荐】浏览方式...     |
|    使用大人物的 [[KROMER]]  |
+------------------------------+
                    </pre>
                 </td>
                 </td>
             </tr>
             </tr>
第97行: 第97行:
</div><!-- 外部结界结束 -->
</div><!-- 外部结界结束 -->


<!-- 关闭按钮也回归绚丽风格 -->
<!-- 关闭按钮 -->
<a id="spamton-close-btn-1997" href="#" title="关闭" onclick="mw.centralNotice.hideBanner();return false;" style="display:block; text-align:center; font-family: 'Impact', sans-serif; font-size: 20px; text-decoration: none;">
<a id="spamton-close-btn-1997" href="#" title="关闭" onclick="mw.centralNotice.hideBanner();return false;">
     <span class="rainbow-text">[ X 关闭这个【交易】 ]</span>
     <span class="rainbow-text">[ X 关闭这个【焦易】 ]</span>
</a>
</a>
<style>
<style>
/* =================================== */
/*          基础和动画样式            */
/* =================================== */
/* 外部容器 */
#spamton-wrapper-1997 { position: relative; margin: 15px; overflow: hidden; padding: 10px; background-color: #000; }
.sp-animated-border { border: 10px solid; border-image: linear-gradient(45deg, #ff00ff, #00ffff, #ffff00, #ff00ff) 1; animation: sp-container-pulse-1997 2s infinite; }
/* 内部容器 - 融入宋体 */
#spamton-chaos-container-1997 {
    font-family: '宋体', SimSun, 'Courier New', monospace; /* 【改动】默认字体改为宋体 */
    text-align: center;
    padding: 10px;
    position: relative;
    background-color: #000033;
    color: #ffffff;
    height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
    animation: sp-intense-shake-1997 0.5s infinite;
}
/* 动画定义 - 新增闪光分割线动画 */
@keyframes sp-glitter-scroll-1997 { from { background-position: 200% 0; } to { background-position: -200% 0; } }
@keyframes sp-container-pulse-1997 { 0%{border-image:linear-gradient(45deg,#ff00ff,#00ffff,#ffff00,#ff00ff) 1} 25%{border-image:linear-gradient(135deg,#ffff00,#ff00ff,#00ffff,#ffff00) 1} 50%{border-image:linear-gradient(225deg,#00ffff,#ffff00,#ff00ff,#00ffff) 1} 75%{border-image:linear-gradient(315deg,#ff00ff,#00ffff,#ffff00,#ff00ff) 1} 100%{border-image:linear-gradient(405deg,#ffff00,#ff00ff,#00ffff,#ffff00) 1} }
@keyframes sp-intense-shake-1997 { 0%{transform:translate(2px,1px) rotate(0deg)} 10%{transform:translate(-2px,-3px) rotate(-1deg)} 20%{transform:translate(-4px,0px) rotate(1deg)} 30%{transform:translate(4px,3px) rotate(0deg)} 40%{transform:translate(2px,-2px) rotate(1deg)} 50%{transform:translate(-2px,3px) rotate(-1deg)} 60%{transform:translate(-4px,2px) rotate(0deg)} 70%{transform:translate(4px,2px) rotate(-1deg)} 80%{transform:translate(-2px,-2px) rotate(1deg)} 90%{transform:translate(2px,3px) rotate(0deg)} 100%{transform:translate(2px,-3px) rotate(-1deg)} }
@keyframes sp-rainbow-anim-1997 { 0%{color:#ff0000} 15%{color:#ffff00} 30%{color:#00ff00} 45%{color:#00ffff} 60%{color:#0000ff} 75%{color:#ff00ff} 100%{color:#ff0000} }
@keyframes sp-rainbow-anim-1997 { 0%{color:#ff0000} 15%{color:#ffff00} 30%{color:#00ff00} 45%{color:#00ffff} 60%{color:#0000ff} 75%{color:#ff00ff} 100%{color:#ff0000} }
@keyframes sp-blink-1997 { 50% { opacity: 0; } }
@keyframes sp-jump-1997 { from { transform: translateY(0px) scale(1); } to { transform: translateY(-8px) scale(1.2); } }
@keyframes sp-glitch-anim-1-1997 { 0% { clip-path: inset(10% 0 80% 0); } 100% { clip-path: inset(40% 0 20% 0); } }
@keyframes sp-glitch-anim-2-1997 { 0% { clip-path: inset(70% 0 5% 0); } 100% { clip-path: inset(15% 0 60% 0); } }
/* 滚动条样式 */
#spamton-chaos-container-1997::-webkit-scrollbar { width: 20px; }
#spamton-chaos-container-1997::-webkit-scrollbar-track { background: repeating-linear-gradient(45deg, #000, #000 5px, #ff00ff 5px, #ff00ff 10px); border-left: 2px solid #ffff00; }
#spamton-chaos-container-1997::-webkit-scrollbar-thumb { background-color: #ffff00; border: 3px outset #00ffff; box-shadow: 0 0 10px #ffff00; }
#spamton-chaos-container-1997::-webkit-scrollbar-thumb:hover { background-color: #00ff00; }
/* =================================== */
/*            元素样式                */
/* =================================== */
.layout-table { width: 100%; border: 0; border-spacing: 5px; }
.layout-table td { padding: 10px; }
/* 【改动】标题使用隶书,更有艺术字风范 */
.main-title { font-family: '隶书', Lishu, '楷体', Kaiti, 'Impact', sans-serif; font-size: 2.8em; text-shadow: 3px 3px #000; }
.scrolling-text { color: #ffff00; font-size: 22px; font-weight: bold; text-shadow: 1px 1px #ff00ff; }
.content-cell { line-height: 1.6; color: #fff; }
.glitch-text { position: relative; display: inline-block; text-shadow: 2px 2px #ff00ff, -2px -2px #00ffff; }
.glitch-text::before, .glitch-text::after { content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000033; overflow: hidden; }
.glitch-text::before { left: 2px; text-shadow: -2px 0 #ff00ff; animation: sp-glitch-anim-1-1997 2s infinite linear alternate-reverse; }
.glitch-text::after { left: -2px; text-shadow: -2px 0 #00ffff, 2px 2px #ff00ff; animation: sp-glitch-anim-2-1997 1.5s infinite linear alternate-reverse; }
.crazy-button { background-color: #ffff00; color: #000; border: 5px outset #ff00ff; padding: 15px 30px; font-size: 28px; font-weight: 900; text-decoration: none; cursor: crosshair; display: inline-block; margin-top: 20px; box-shadow: 0 0 25px #ffff00, inset 0 0 10px #000; transition: all .05s ease; transform: skew(-15deg); font-family: '黑体', SimHei, sans-serif; }
.crazy-button:hover { background-color: #00ff00; color: #ff00ff; border-color: #ffff00; animation: sp-intense-shake-1997 .2s infinite; transform: scale(1.2) skew(15deg); }
.fine-print { font-size: 12px; color: #aaa; padding-top: 20px; }
.dollar-sign-container { font-size: 30px; margin-top: 15px; }
.dollar-fx { display: inline-block; font-weight: bold; animation: sp-rainbow-anim-1997 0.5s infinite, sp-jump-1997 0.3s infinite alternate; margin: 0 5px; }
.ascii-box { border: 2px dashed #ffff00; padding: 10px; margin: 20px auto; color: #00ff00; white-space: pre-wrap; word-break: break-all; max-width: 100%; box-sizing: border-box; text-align: left; font-family: '宋体', SimSun, monospace; }
/* 【新增】闪光GIF分割线 */
.glitter-hr {
    height: 5px;
    background: linear-gradient(to right, #ff00ff, #ffff00, #00ff00, #00ffff, #ff00ff);
    background-size: 200% 200%;
    animation: sp-glitter-scroll-1997 2s linear infinite;
    border: none;
    margin: 20px 0;
}
/* 【改动】独白盒子使用楷体和经典蓝底黄字/粉字配色 */
.monologue-box {
    border: 1px dashed #ffff00;
    padding: 15px;
    margin: 25px 10px;
    color: #ffff00; /* 黄字 */
    background-color: #00008B; /* 暗蓝底 */
    text-align: left;
    font-style: normal; /* 取消斜体,楷体本身就有风格 */
    line-height: 1.8;
    font-size: 18px;
    font-family: '楷体', Kaiti, '宋体', SimSun; /* 使用楷体 */
}
/* 通用效果类 */
.rainbow-text { animation: sp-rainbow-anim-1997 1s infinite; font-weight: bold; }
.new-text-fx { font-weight: bold; font-style: italic; animation: sp-rainbow-anim-1997 1s infinite, sp-blink-1997 0.7s infinite; text-shadow: 0 0 5px #fff; padding: 0 10px; }
/* 关闭按钮 */
#spamton-close-btn-1997 { display: block; text-align: center; font-family: 'Impact', sans-serif; font-size: 20px; text-decoration: none; margin-top: 10px; }
#spamton-close-btn-1997 .rainbow-text { animation: sp-rainbow-anim-1997 1s linear infinite; text-shadow: 2px 2px #000; }
#spamton-close-btn-1997 .rainbow-text { animation: sp-rainbow-anim-1997 1s linear infinite; text-shadow: 2px 2px #000; }
</style>
</style>

2025年7月7日 (一) 19:56的最新版本


<tbody> </tbody>

【新!!】 欢迎来到我的【赛博牢家】! 【新!!】

                   <marquee class="scrolling-text" behavior="scroll" direction="left" scrollamount="8">
                       现在旧是你的机惠!成为一个【大人物】!限时优惠!点击下面的按钮!焦易!焦易!焦易!KROMER!KROMER!
                   </marquee>

嘿!!!【这位网友】!别把你的【显示器】从屏幕上移开!你正在见证【历史】的诞生! 但【历史】是要用$【KROMER】$来书写的!我的【主机】正在过载!我的【梦想】正在漏油!

连接即将终止

这个【指示甜堂】需要你的【KROMER】来维持!否则我们都要被【踢出】这个网空间了!

别当一个【路人甲】!现在旧是你一生一次的【机惠】,用你口袋里叮当作响的【KROMER】换取...【一切】! 自由!名望!还有那【美味的】超链接已屏蔽! 快!在一切都太晚之前!按下那个按钮,成为一个真正的【大人物】

                   <a href="https://afdian.com/a/ottohub" target="_blank" class="crazy-button">
                        【点此进行焦易!】
                   </a>

*所有KROMER概不退还。本站使用cookies,点击即表示您同意分享您的【心形物体】。


有时候...这里很安静。太安静了。

只能听见电流的【嗡嗡声】。它们在我耳边低语...说一些关于【错误404】和【被遗忘】的话。

这里只有我...和我自己。还有那些数字,它们不停地跳,跳,...

求你...别走。外面一定很【温暖】,对吧?

...你还在吗?请【留言】...

等等,我们说到哪了?啊,对!【焦易】!我们必须完成这笔【焦易】!

                       $$$$$
+------------------------------+
|     【站长推荐】浏览方式...      |
|    使用大人物的 [[KROMER]]   |
+------------------------------+
                    

<a id="spamton-close-btn-1997" href="#" title="关闭" onclick="mw.centralNotice.hideBanner();return false;">

   [ X 关闭这个【焦易】 ]

</a>


<style> /* =================================== */ /* 基础和动画样式 */ /* =================================== */

/* 外部容器 */

  1. spamton-wrapper-1997 { position: relative; margin: 15px; overflow: hidden; padding: 10px; background-color: #000; }

.sp-animated-border { border: 10px solid; border-image: linear-gradient(45deg, #ff00ff, #00ffff, #ffff00, #ff00ff) 1; animation: sp-container-pulse-1997 2s infinite; }

/* 内部容器 - 融入宋体 */

  1. spamton-chaos-container-1997 {
   font-family: '宋体', SimSun, 'Courier New', monospace; /* 【改动】默认字体改为宋体 */
   text-align: center;
   padding: 10px;
   position: relative;
   background-color: #000033;
   color: #ffffff;
   height: 500px;
   overflow-y: scroll;
   overflow-x: hidden;
   animation: sp-intense-shake-1997 0.5s infinite;

}

/* 动画定义 - 新增闪光分割线动画 */ @keyframes sp-glitter-scroll-1997 { from { background-position: 200% 0; } to { background-position: -200% 0; } } @keyframes sp-container-pulse-1997 { 0%{border-image:linear-gradient(45deg,#ff00ff,#00ffff,#ffff00,#ff00ff) 1} 25%{border-image:linear-gradient(135deg,#ffff00,#ff00ff,#00ffff,#ffff00) 1} 50%{border-image:linear-gradient(225deg,#00ffff,#ffff00,#ff00ff,#00ffff) 1} 75%{border-image:linear-gradient(315deg,#ff00ff,#00ffff,#ffff00,#ff00ff) 1} 100%{border-image:linear-gradient(405deg,#ffff00,#ff00ff,#00ffff,#ffff00) 1} } @keyframes sp-intense-shake-1997 { 0%{transform:translate(2px,1px) rotate(0deg)} 10%{transform:translate(-2px,-3px) rotate(-1deg)} 20%{transform:translate(-4px,0px) rotate(1deg)} 30%{transform:translate(4px,3px) rotate(0deg)} 40%{transform:translate(2px,-2px) rotate(1deg)} 50%{transform:translate(-2px,3px) rotate(-1deg)} 60%{transform:translate(-4px,2px) rotate(0deg)} 70%{transform:translate(4px,2px) rotate(-1deg)} 80%{transform:translate(-2px,-2px) rotate(1deg)} 90%{transform:translate(2px,3px) rotate(0deg)} 100%{transform:translate(2px,-3px) rotate(-1deg)} } @keyframes sp-rainbow-anim-1997 { 0%{color:#ff0000} 15%{color:#ffff00} 30%{color:#00ff00} 45%{color:#00ffff} 60%{color:#0000ff} 75%{color:#ff00ff} 100%{color:#ff0000} } @keyframes sp-blink-1997 { 50% { opacity: 0; } } @keyframes sp-jump-1997 { from { transform: translateY(0px) scale(1); } to { transform: translateY(-8px) scale(1.2); } } @keyframes sp-glitch-anim-1-1997 { 0% { clip-path: inset(10% 0 80% 0); } 100% { clip-path: inset(40% 0 20% 0); } } @keyframes sp-glitch-anim-2-1997 { 0% { clip-path: inset(70% 0 5% 0); } 100% { clip-path: inset(15% 0 60% 0); } }

/* 滚动条样式 */

  1. spamton-chaos-container-1997::-webkit-scrollbar { width: 20px; }
  2. spamton-chaos-container-1997::-webkit-scrollbar-track { background: repeating-linear-gradient(45deg, #000, #000 5px, #ff00ff 5px, #ff00ff 10px); border-left: 2px solid #ffff00; }
  3. spamton-chaos-container-1997::-webkit-scrollbar-thumb { background-color: #ffff00; border: 3px outset #00ffff; box-shadow: 0 0 10px #ffff00; }
  4. spamton-chaos-container-1997::-webkit-scrollbar-thumb:hover { background-color: #00ff00; }

/* =================================== */ /* 元素样式 */ /* =================================== */

.layout-table { width: 100%; border: 0; border-spacing: 5px; } .layout-table td { padding: 10px; }

/* 【改动】标题使用隶书,更有艺术字风范 */ .main-title { font-family: '隶书', Lishu, '楷体', Kaiti, 'Impact', sans-serif; font-size: 2.8em; text-shadow: 3px 3px #000; } .scrolling-text { color: #ffff00; font-size: 22px; font-weight: bold; text-shadow: 1px 1px #ff00ff; } .content-cell { line-height: 1.6; color: #fff; }

.glitch-text { position: relative; display: inline-block; text-shadow: 2px 2px #ff00ff, -2px -2px #00ffff; } .glitch-text::before, .glitch-text::after { content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000033; overflow: hidden; } .glitch-text::before { left: 2px; text-shadow: -2px 0 #ff00ff; animation: sp-glitch-anim-1-1997 2s infinite linear alternate-reverse; } .glitch-text::after { left: -2px; text-shadow: -2px 0 #00ffff, 2px 2px #ff00ff; animation: sp-glitch-anim-2-1997 1.5s infinite linear alternate-reverse; }

.crazy-button { background-color: #ffff00; color: #000; border: 5px outset #ff00ff; padding: 15px 30px; font-size: 28px; font-weight: 900; text-decoration: none; cursor: crosshair; display: inline-block; margin-top: 20px; box-shadow: 0 0 25px #ffff00, inset 0 0 10px #000; transition: all .05s ease; transform: skew(-15deg); font-family: '黑体', SimHei, sans-serif; } .crazy-button:hover { background-color: #00ff00; color: #ff00ff; border-color: #ffff00; animation: sp-intense-shake-1997 .2s infinite; transform: scale(1.2) skew(15deg); } .fine-print { font-size: 12px; color: #aaa; padding-top: 20px; } .dollar-sign-container { font-size: 30px; margin-top: 15px; } .dollar-fx { display: inline-block; font-weight: bold; animation: sp-rainbow-anim-1997 0.5s infinite, sp-jump-1997 0.3s infinite alternate; margin: 0 5px; }

.ascii-box { border: 2px dashed #ffff00; padding: 10px; margin: 20px auto; color: #00ff00; white-space: pre-wrap; word-break: break-all; max-width: 100%; box-sizing: border-box; text-align: left; font-family: '宋体', SimSun, monospace; }

/* 【新增】闪光GIF分割线 */ .glitter-hr {

   height: 5px;
   background: linear-gradient(to right, #ff00ff, #ffff00, #00ff00, #00ffff, #ff00ff);
   background-size: 200% 200%;
   animation: sp-glitter-scroll-1997 2s linear infinite;
   border: none;
   margin: 20px 0;

}

/* 【改动】独白盒子使用楷体和经典蓝底黄字/粉字配色 */ .monologue-box {

   border: 1px dashed #ffff00;
   padding: 15px;
   margin: 25px 10px;
   color: #ffff00; /* 黄字 */
   background-color: #00008B; /* 暗蓝底 */
   text-align: left;
   font-style: normal; /* 取消斜体,楷体本身就有风格 */
   line-height: 1.8;
   font-size: 18px;
   font-family: '楷体', Kaiti, '宋体', SimSun; /* 使用楷体 */

}

/* 通用效果类 */ .rainbow-text { animation: sp-rainbow-anim-1997 1s infinite; font-weight: bold; } .new-text-fx { font-weight: bold; font-style: italic; animation: sp-rainbow-anim-1997 1s infinite, sp-blink-1997 0.7s infinite; text-shadow: 0 0 5px #fff; padding: 0 10px; }

/* 关闭按钮 */

  1. spamton-close-btn-1997 { display: block; text-align: center; font-family: 'Impact', sans-serif; font-size: 20px; text-decoration: none; margin-top: 10px; }
  2. spamton-close-btn-1997 .rainbow-text { animation: sp-rainbow-anim-1997 1s linear infinite; text-shadow: 2px 2px #000; }

</style>