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

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

MediaWiki界面页面
棍牧典
棍牧典留言 | 贡献 ((InPageEdit-preference-summary-default))
棍牧典
棍牧典留言 | 贡献 ((InPageEdit-preference-summary-default))
第5行: 第5行:


<!-- 外部 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">


     <!-- 内部滚动容器 -->
     <!-- 内部滚动容器 -->
     <div id="spamton-chaos-container-1997" style="font-family: 'Courier New', 'Comic Sans MS', monospace; /* 优先使用等宽字体 */ text-align: center; padding: 10px; position: relative; background-color: #000033; 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; } }
        @keyframes sp-jump-1997 { from { transform: translateY(0px) scale(1); } to { transform: translateY(-8px) scale(1.2); } }
 
        /* 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; }
       
        /* 新增: 纯字符特效 */
        #spamton-chaos-container-1997 .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-chaos-container-1997 .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;
        }
        #spamton-chaos-container-1997 .ascii-box {
            border: 2px dashed #ffff00;
            padding: 10px;
            margin: 20px auto;
            color: #00ff00;
            white-space: pre; /* 关键:保留空格和换行 */
            width: fit-content;
            text-align: left;
        }
    </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">
                         <span class="new-text-fx">【新!!】</span>
                         <span class="new-text-fx">【新!!】</span>
                         欢迎来到我的【赛博老家】!
                         欢迎来到我的【赛博老家】!
第82行: 第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!KROMER!
                     </marquee>
                     </marquee>
第88行: 第31行:
             </tr>
             </tr>
             <tr>
             <tr>
                 <td style="line-height: 1.6; color: #fff;">
                 <td class="content-cell">
                     <p>嘿【小家伙】!你看到了吗?我们的【点击率】正在<span class="rainbow-text">【一路狂飙】</span>!</p>
                     <p>嘿【小家伙】!你看到了吗?我们的【点击率】正在<span class="rainbow-text">【一路狂飙】</span>!</p>
                     <div class="hit-counter" style="border: 2px inset #00ffff; background: #000; color: #00ff00; padding: 5px 15px; display: inline-block; margin: 10px auto; text-shadow: 0 0 5px #00ff00;">VISITORS: 781997</div>
                     <div class="hit-counter">VISITORS: 781997</div>
                     <p>但这个【知识天堂】需要你的【KROMER】来维持!没有它,我们就要被【踢出】这个【网络空间】了!</p>
                     <p>但这个【知识天堂】需要你的【KROMER】来维持!没有它,我们就要被【踢出】这个【网络空间】了!</p>
                     <p>这个网站会变成... <span class="glitch-text" data-text="404 NOT FOUND" style="font-size: 32px; color: red;">404 NOT FOUND</span></p>
                     <p>这个网站会变成... <span class="glitch-text" data-text="404 NOT FOUND">404 NOT FOUND</span></p>
                     <p style="font-size: 22px; font-style: italic;">快!用你的【心形物体】进行一笔<span class="rainbow-text">【无法拒绝的交易】</span>!</p>
                     <p class="deal-text">快!用你的【心形物体】进行一笔<span class="rainbow-text">【无法拒绝的交易】</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">
第99行: 第42行:
                     </a>
                     </a>


                     <p style="font-size: 12px; color: #aaa; padding-top: 20px;">
                     <p class="fine-print">
                         *所有KROMER概不退还。本站使用cookies,点击即表示您同意分享您的【心形物体】。
                         *所有KROMER概不退还。本站使用cookies,点击即表示您同意分享您的【心形物体】。
                     </p>
                     </p>
第106行: 第49行:
             <tr>
             <tr>
                 <td align="center">
                 <td align="center">
                     <div style="font-size: 30px; margin-top: 15px;">
                     <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>
                         <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>
                     </div>
第125行: 第68行:


<!-- 关闭按钮 -->
<!-- 关闭按钮 -->
<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>
@keyframes sp-rainbow-anim-1997-close { 0%{color:#ff0000} 15%{color:#ffff00} 30%{color:#00ff00} 45%{color:#00ffff} 60%{color:#0000ff} 75%{color:#ff00ff} 100%{color:#ff0000} }
/* =================================== */
#spamton-close-btn-1997 .rainbow-text { animation: sp-rainbow-anim-1997-close 1s linear infinite; text-shadow: 2px 2px #000; }
/*          基础和动画样式            */
/* =================================== */
 
/* 外部容器 */
#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: 'Courier New', 'Comic Sans MS', 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-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); } }
 
/* 滚动条样式 */
#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; /* 代替 cellspacing */
}
 
.layout-table td {
    padding: 10px; /* 代替 cellpadding */
}
 
.main-title {
    font-family: 'Impact', sans-serif;
    font-size: 2.5em;
    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;
}
 
.hit-counter {
    border: 2px inset #00ffff;
    background: #000;
    color: #00ff00;
    padding: 5px 15px;
    display: inline-block;
    margin: 10px auto;
    text-shadow: 0 0 5px #00ff00;
}
 
.glitch-text {
    position: relative;
    display: inline-block;
    text-shadow: 2px 2px #ff00ff, -2px -2px #00ffff;
    font-size: 32px;
    color: red;
}
.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; }
 
.deal-text {
    font-size: 22px;
    font-style: italic;
}
 
.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);
}
.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; /* 在大屏幕上保留格式 */
    width: fit-content;
    text-align: left;
    overflow-x: auto; /* 为防万一,添加水平滚动条 */
}
 
/* 通用效果类 */
.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;
}
 
 
/* =================================== */
/*          【响应式修复】              */
/* 针对小屏幕设备 (宽度小于等于 768px)  */
/* =================================== */
@media (max-width: 768px) {
    /* 让内部容器高度自适应,取消内部滚动,改为滚动整个页面 */
    #spamton-chaos-container-1997 {
        height: auto;
        overflow-y: visible;
        padding: 5px;
    }
 
    /* 缩小标题字体 */
    .main-title {
        font-size: 1.8em;
    }
 
    /* 缩小关键文本字体 */
    .scrolling-text, .deal-text {
        font-size: 18px;
    }
   
    .glitch-text {
        font-size: 24px;
    }
 
    /* 调整按钮,使其在小屏幕上更合理 */
    .crazy-button {
        font-size: 20px;
        padding: 10px 20px;
        transform: skew(-10deg);
    }
    .crazy-button:hover {
        transform: scale(1.1) skew(10deg);
    }
 
    /* 关键修复:让 ASCII 艺术盒子可以换行 */
    .ascii-box {
        white-space: pre-wrap; /* 允许长文本换行 */
        word-break: break-all;  /* 强制在任何地方断开单词 */
        width: 90%;            /* 宽度占父容器的90% */
        font-size: 0.8em;      /* 稍微缩小字体 */
    }
   
    /* 缩小边距和内边距,节省空间 */
    #spamton-wrapper-1997 {
        margin: 5px;
        padding: 5px;
    }
    .sp-animated-border {
        border-width: 5px;
    }
}
</style>
</style>

2025年7月7日 (一) 19:42的版本


<tbody> </tbody>

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

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

嘿【小家伙】!你看到了吗?我们的【点击率】正在【一路狂飙】

VISITORS: 781997

但这个【知识天堂】需要你的【KROMER】来维持!没有它,我们就要被【踢出】这个【网络空间】了!

这个网站会变成... 404 NOT FOUND

快!用你的【心形物体】进行一笔【无法拒绝的交易】

                   <a href="https://afdian.com/a/ottohub" target="_blank" class="crazy-button">
                        【点此成为大人物!】
                   </a>

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

                       $$$$$
+------------------------------+
|     BEST VIEWED WITH...      |
|    A BIG SHOT'S [[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: 'Courier New', 'Comic Sans MS', 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-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; /* 代替 cellspacing */

}

.layout-table td {

   padding: 10px; /* 代替 cellpadding */

}

.main-title {

   font-family: 'Impact', sans-serif;
   font-size: 2.5em;
   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;

}

.hit-counter {

   border: 2px inset #00ffff;
   background: #000;
   color: #00ff00;
   padding: 5px 15px;
   display: inline-block;
   margin: 10px auto;
   text-shadow: 0 0 5px #00ff00;

}

.glitch-text {

   position: relative;
   display: inline-block;
   text-shadow: 2px 2px #ff00ff, -2px -2px #00ffff;
   font-size: 32px;
   color: red;

} .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; }

.deal-text {

   font-size: 22px;
   font-style: italic;

}

.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);

} .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; /* 在大屏幕上保留格式 */
   width: fit-content;
   text-align: left;
   overflow-x: auto; /* 为防万一,添加水平滚动条 */

}

/* 通用效果类 */ .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;

}

  1. spamton-close-btn-1997 .rainbow-text {
   animation: sp-rainbow-anim-1997 1s linear infinite;
   text-shadow: 2px 2px #000;

}


/* =================================== */ /* 【响应式修复】 */ /* 针对小屏幕设备 (宽度小于等于 768px) */ /* =================================== */ @media (max-width: 768px) {

   /* 让内部容器高度自适应,取消内部滚动,改为滚动整个页面 */
   #spamton-chaos-container-1997 {
       height: auto;
       overflow-y: visible;
       padding: 5px;
   }
   /* 缩小标题字体 */
   .main-title {
       font-size: 1.8em;
   }
   /* 缩小关键文本字体 */
   .scrolling-text, .deal-text {
       font-size: 18px;
   }
   
   .glitch-text {
       font-size: 24px;
   }
   /* 调整按钮,使其在小屏幕上更合理 */
   .crazy-button {
       font-size: 20px;
       padding: 10px 20px;
       transform: skew(-10deg);
   }
   .crazy-button:hover {
       transform: scale(1.1) skew(10deg);
   }
   /* 关键修复:让 ASCII 艺术盒子可以换行 */
   .ascii-box {
       white-space: pre-wrap; /* 允许长文本换行 */
       word-break: break-all;  /* 强制在任何地方断开单词 */
       width: 90%;             /* 宽度占父容器的90% */
       font-size: 0.8em;       /* 稍微缩小字体 */
   }
   
   /* 缩小边距和内边距,节省空间 */
   #spamton-wrapper-1997 {
       margin: 5px;
       padding: 5px;
   }
   .sp-animated-border {
       border-width: 5px;
   }

} </style>