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

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

MediaWiki界面页面
棍牧典
棍牧典留言 | 贡献 ((InPageEdit-preference-summary-default))
棍牧典
棍牧典留言 | 贡献 ((InPageEdit-preference-summary-default))
 
(未显示同一用户的8个中间版本)
第1行: 第1行:
<!--  
<!--  
     START OF [SELF-CONTAINED] SPAMTON G. SPAMTON ADVERTISEMENT UNIT.
     [[SYSTEM_ALERT]]: NOW LOADING [TEXT_MODE_ONLY] HOMEPAGE...
     ALL STYLES AND ANIMATIONS ARE [HYPERLINK BLOCKED] INSIDE.
     GRAPHICS_CARD.DLL NOT FOUND. RENDERING WITH [[ASCII_ART]].
    GUARANTEED [[NO GLOBAL SIDE-EFFECTS]] OR YOUR [[KROMER]] BACK! (Offer not valid)
-->
-->
<div id="spamton-chaos-container-1997" style="font-family: 'Comic Sans MS', 'Courier New', monospace; text-align: center; padding: 25px; margin: 15px; position: relative; overflow: hidden; border: 10px solid; border-image: linear-gradient(45deg, #ff00ff, #00ffff, #ffff00, #ff00ff) 1; animation: sp-intense-shake-1997 0.5s infinite, sp-container-pulse-1997 2s infinite; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZmlsdGVyIGlkPSJub2lzZSI+PGZlVHVyYnVsZW5jZSB0eXBlPSJmcmFjdGFsTm9pc2UiIGJhc2VGcmVxdWVuY3k9IjAuNjUiIG51bU9jdGF2ZXM9IjMiIHN0aXRjaFRpbGVzPSJzdGl0Y2giLz48L2ZpbHRlcj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWx0ZXI9InVybCgjbnoaXNlKSIvPjwvc3ZnPg==') #000; color: #fff;">
 
<!-- 外部 Wrapper -->
<div id="spamton-wrapper-1997">
    <div class="sp-animated-border">
 
    <!-- 内部滚动容器 -->
    <div id="spamton-chaos-container-1997">
 
    <!-- 90年代灵魂核心:TABLE布局和MARQUEE!-->
    <table class="layout-table">
        <tbody>
            <tr>
                <td align="center">
                    <h1 class="main-title rainbow-text">
                        <span class="new-text-fx">【新!!】</span>
                        欢迎来到我的【赛博牢家】!
                        <span class="new-text-fx">【新!!】</span>
                    </h1>
                </td>
            </tr>
            <tr>
                <td>
                    <marquee class="scrolling-text" behavior="scroll" direction="left" scrollamount="8">
                        现在旧是你的机惠!成为一个【大人物】!限时优惠!点击下面的按钮!焦易!焦易!焦易!KROMER!KROMER!
                    </marquee>
                </td>
            </tr>
            <tr>
                <td class="content-cell">
                    <p>
                        嘿!!!【这位网友】!别把你的【显示器】从屏幕上移开!你正在见证【历史】的诞生!
                        但【历史】是要用<span class="dollar-fx">$</span><span class="rainbow-text">【KROMER】</span><span class="dollar-fx">$</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>
 
                    <p class="fine-print">
                        *所有KROMER概不退还。本站使用cookies,点击即表示您同意分享您的【心形物体】。
                    </p>
                </td>
            </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>
                <td align="center">
                    <div class="dollar-sign-container">
                        <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>
                    </div>
                    <pre class="ascii-box">
+------------------------------+
|    【站长推荐】浏览方式...      |
|    使用大人物的 [[KROMER]]  |
+------------------------------+
                    </pre>
                </td>
            </tr>
        </tbody>
    </table>
 
    </div><!-- 滚动容器结束 -->
    </div>
</div><!-- 外部结界结束 -->
 
<!-- 关闭按钮 -->
<a id="spamton-close-btn-1997" href="#" title="关闭" onclick="mw.centralNotice.hideBanner();return false;">
    <span class="rainbow-text">[ X 关闭这个【焦易】 ]</span>
</a>
 


<style>
<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; }
#spamton-wrapper-1997 { position: relative; margin: 15px; overflow: hidden; padding: 10px; background-color: #000; }
        100% { border-image: linear-gradient(405deg, #ffff00, #ff00ff, #00ffff, #ffff00) 1; }
.sp-animated-border { border: 10px solid; border-image: linear-gradient(45deg, #ff00ff, #00ffff, #ffff00, #ff00ff) 1; animation: sp-container-pulse-1997 2s infinite; }
    }
 
   
/* 内部容器 - 融入宋体 */
    @keyframes sp-intense-shake-1997 {
#spamton-chaos-container-1997 {
        0% { transform: translate(2px, 1px) rotate(0deg); } 10% { transform: translate(-2px, -3px) rotate(-1deg); } 20% { transform: translate(-4px, 0px) rotate(1deg) scale(1.01); } 30% { transform: translate(4px, 3px) rotate(0deg); } 40% { transform: translate(2px, -2px) rotate(1deg); } 50% { transform: translate(-2px, 3px) rotate(-1deg) scale(0.99); } 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) scale(1.02); } 100% { transform: translate(2px, -3px) rotate(-1deg); }
    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-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); } }
@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-rainbow-anim-1997 {
@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)} }
        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); } }


    @keyframes sp-jump-1997 {
/* 滚动条样式 */
      from { transform: translateY(0px); } to { transform: translateY(-10px); }
#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; }


    /* 核心:所有样式规则都用ID选择器限定范围 */
/* =================================== */
    #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: #000;
        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;
    }
   
    #spamton-chaos-container-1997 .rainbow-text {
        animation: sp-rainbow-anim-1997 1s infinite;
        font-weight: bold;
    }


    #spamton-chaos-container-1997 .crazy-button {
.layout-table { width: 100%; border: 0; border-spacing: 5px; }
        background-color: #ffff00;
.layout-table td { padding: 10px; }
        color: #000;
        border: 5px outset #ff00ff;
        padding: 20px 40px;
        font-size: 30px;
        font-weight: 900;
        text-decoration: none;
        cursor: crosshair;
        display: inline-block;
        margin-top: 25px;
        box-shadow: 0px 0px 25px #ffff00, inset 0 0 10px #000;
        transition: all 0.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 0.2s infinite;
        transform: scale(1.2) skew(15deg);
    }


    #spamton-chaos-container-1997 .jumpy-text {
/* 【改动】标题使用隶书,更有艺术字风范 */
      display: inline-block;
.main-title { font-family: '隶书', Lishu, '楷体', Kaiti, 'Impact', sans-serif; font-size: 2.8em; text-shadow: 3px 3px #000; }
      animation: sp-jump-1997 0.5s infinite alternate;
.scrolling-text { color: #ffff00; font-size: 22px; font-weight: bold; text-shadow: 1px 1px #ff00ff; }
    }
.content-cell { line-height: 1.6; color: #fff; }
   
    /* 同样为外部的关闭按钮提供一个独立的、带前缀的样式 */
    #spamton-close-btn-1997 {
        display:block;
        text-align:center;
        font-family: 'Comic Sans MS', 'Courier New', monospace; /* 确保字体一致 */
        font-size: 18px;
        color: #ff00ff;
        animation: sp-jump-1997 1s infinite;
        text-shadow: 1px 1px #00ffff;
        text-decoration: none; /* 去掉默认下划线 */
    }
</style>


<h3 style="color: #00ffff; font-size: 3em; text-shadow: 3px 3px #ff00ff;">嘿      <span class="jumpy-text">[[小家伙]]</span>!!!!</h3>
.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; }


<p style="font-size: 20px; line-height: 1.8;">
.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); }
    但你猜怎么着?在[[现实]]这个<span class="rainbow-text">【硬核付费DLC】</span>里,连天堂的电话线都是要收费的!!!
.fine-print { font-size: 12px; color: #aaa; padding-top: 20px; }
</p>
.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; }


<p style="font-size: 28px; font-weight: bold;">
.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; }
    我们需要你的……你的……你那甜美的,甜美的
    <span class="glitch-text" data-text="[[KROMER]]" style="font-size: 1.5em; color: #00ff00;">[[KROMER]]</span>!!
</p>


<p style="font-family: 'Times New Roman', serif;">
/* 【新增】闪光GIF分割线 */
     没有它,我们就会被【管理员】从这个【赛博热土】上<span style="text-decoration: underline; color: red; font-weight: bold;">[[驱逐]]</span>!
.glitter-hr {
     这个网站会变成……会变成……
    height: 5px;
    <span class="glitch-text" data-text="[超链接已损坏]" style="color: #ff0000; font-size: 40px; display: block; margin: 15px 0;">[超链接已损坏]</span>
     background: linear-gradient(to right, #ff00ff, #ffff00, #00ff00, #00ffff, #ff00ff);
</p>
    background-size: 200% 200%;
     animation: sp-glitter-scroll-1997 2s linear infinite;
    border: none;
    margin: 20px 0;
}


<p style="font-size: 24px; font-style: italic;">
/* 【改动】独白盒子使用楷体和经典蓝底黄字/粉字配色 */
     现在就是你的机会!只需要一点小小的…… <span style="text-decoration: line-through double red;">【你的灵魂】</span>……帮助!
.monologue-box {
     就能成为一个    <span class="rainbow-text" style="font-size: 2em; letter-spacing: 5px;">[[BIG SHOT]]</span>!!!
    border: 1px dashed #ffff00;
</p>
    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; /* 使用楷体 */
}


<a href="https://afdian.com/a/ottohub" target="_blank" class="crazy-button">
/* 通用效果类 */
    【点此成为大人物!】
.rainbow-text { animation: sp-rainbow-anim-1997 1s infinite; font-weight: bold; }
</a>
.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; }


<p style="font-size: 10px; color: #777; margin-top: 30px; transform: rotate(-2deg);">
/* 关闭按钮 */
    *最终解释权归[MIKE]所有。点击即表示您同意献出您的[心形物体]和浏览器cookies。无[退款保证]。祝您有[愉快]的一天。
#spamton-close-btn-1997 { display: block; text-align: center; font-family: 'Impact', sans-serif; font-size: 20px; text-decoration: none; margin-top: 10px; }
</p>
#spamton-close-btn-1997 .rainbow-text { animation: sp-rainbow-anim-1997 1s linear infinite; text-shadow: 2px 2px #000; }


</div>
</style>
<!-- 给关闭按钮也加上唯一ID -->
<a id="spamton-close-btn-1997" href="#" title="关闭" onclick="mw.centralNotice.hideBanner();return false;">[别想逃]</a>

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>