{"html":"

\n \n

\n Your daily thought quota has been exceeded\n

\n \n \n

\n \n

\n","css":".neo-orwell-container {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n}\n\n.neo-orwell {\n background-color: #ffffff;\n border: 4px solid #4e2a10;\n border-radius: 20px;\n box-shadow: 15px 15px 0 #4e2a10;\n width: 300px;\n padding: 30px;\n text-align: center;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.neo-orwell:hover {\n transform: translate(-5px, -5px);\n box-shadow: 20px 20px 0 #4e2a10;\n}\n\n.neo-orwell::before {\n content: \"\";\n position: absolute;\n top: -50%;\n left: -50%;\n right: -50%;\n bottom: -50%;\n opacity: 0.05;\n animation: neo-orwell-fog 20s linear infinite;\n pointer-events: none;\n}\n\n.neo-orwell__eye {\n width: 120px;\n height: 70px;\n background: #f0f0f0;\n border-radius: 50%;\n border: 3px solid #000000;\n position: relative;\n margin: 0 auto 30px;\n overflow: hidden;\n box-shadow: 0 0 20px rgba(255, 0, 0, 0.2), 0 0 30px rgba(255, 255, 255, 0.1);\n animation: neo-orwell-blink 6s infinite;\n}\n\n.neo-orwell__eye-inner {\n width: 100px;\n height: 100px;\n background: #ffffff;\n border-radius: 50%;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n overflow: hidden;\n}\n\n.neo-orwell__iris {\n width: 60px;\n height: 60px;\n background: radial-gradient(circle, #1a1a1a 0%, #4a4a4a 100%);\n border-radius: 50%;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n animation: neo-orwell-look-around 4s infinite;\n}\n\n.neo-orwell__pupil {\n width: 25px;\n height: 25px;\n background: #000000;\n border-radius: 50%;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n box-shadow: 0 0 10px rgba(255, 0, 0, 0.5);\n}\n\n.neo-orwell__eye::before,\n.neo-orwell__eye::after,\n.neo-orwell__eye-beam {\n content: \"\";\n position: absolute;\n width: 300px;\n height: 300px;\n background: radial-gradient(\n ellipse at center,\n rgba(255, 255, 255, 0.3) 0%,\n rgba(255, 255, 255, 0) 70%\n );\n border-radius: 50%;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n pointer-events: none;\n}\n\n.neo-orwell__eye::before {\n animation: neo-orwell-spotlight 4s infinite;\n}\n\n.neo-orwell__eye::after {\n animation: neo-orwell-spotlight 4s infinite reverse;\n}\n\n.neo-orwell__eye-beam:nth-child(1) {\n width: 250px;\n height: 250px;\n animation: neo-orwell-spotlight 5s infinite 0.5s;\n}\n\n.neo-orwell__eye-beam:nth-child(2) {\n width: 200px;\n height: 200px;\n animation: neo-orwell-spotlight 6s infinite 1s;\n}\n\n.neo-orwell__header {\n font-size: 24px;\n font-weight: bold;\n margin-bottom: 20px;\n color: #4e2a10;\n text-transform: uppercase;\n}\n\n.neo-orwell__message {\n font-size: 18px;\n margin-bottom: 30px;\n color: #4e2a10;\n}\n\n.neo-orwell__button {\n display: inline-block;\n padding: 15px 30px;\n margin: 0 10px 20px;\n font-size: 18px;\n text-transform: uppercase;\n border: none;\n border-radius: 10px;\n cursor: pointer;\n transition: all 0.3s ease;\n}\n\n.neo-orwell__button--primary {\n background-color: #8b4513;\n color: #ffffff;\n}\n\n.neo-orwell__button--primary:hover {\n background-color: #4e2a10;\n transform: scale(1.05);\n}\n\n.neo-orwell__button--secondary {\n background-color: #aa0f0f;\n color: #ffffff;\n position: relative;\n overflow: hidden;\n}\n\n.neo-orwell__button--secondary .button-text,\n.neo-orwell__button--secondary .button-text-hover {\n display: block;\n transition: all 0.3s ease;\n}\n\n.neo-orwell__button--secondary .button-text-hover {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n transform: scale(0.5);\n}\n\n.neo-orwell__button--secondary:hover .button-text {\n opacity: 0;\n transform: scale(1.5);\n}\n\n.neo-orwell__button--secondary:hover .button-text-hover {\n opacity: 1;\n transform: scale(1);\n}\n\n.neo-orwell__button--secondary:hover {\n background-color: #ee2020;\n animation: neo-orwell-glitch 0.3s infinite;\n}\n\n.neo-orwell__footer {\n font-size: 14px;\n color: #8b4513;\n border-top: 2px solid #d2691e;\n padding-top: 20px;\n}\n\n@keyframes neo-orwell-blink {\n 0%,\n 95%,\n 100% {\n height: 70px;\n border-top-width: 3px;\n border-bottom-width: 3px;\n }\n 97% {\n height: 70px;\n border-top-width: 35px;\n border-bottom-width: 35px;\n }\n}\n\n@keyframes neo-orwell-look-around {\n 0%,\n 100% {\n transform: translate(-50%, -50%);\n }\n 25% {\n transform: translate(-70%, -50%);\n }\n 50% {\n transform: translate(-30%, -50%);\n }\n 75% {\n transform: translate(-70%, -50%);\n }\n}\n\n@keyframes neo-orwell-spotlight {\n 0%,\n 100% {\n transform: translate(-50%, -50%) scale(1);\n opacity: 0.3;\n }\n 50% {\n transform: translate(-70%, -50%) scale(1.2);\n opacity: 0.5;\n }\n}\n\n@keyframes neo-orwell-fog {\n 0% {\n transform: translate(0, 0);\n }\n 100% {\n transform: translate(100%, 100%);\n }\n}\n\n@keyframes neo-orwell-glitch {\n 0% {\n transform: translate(0);\n text-shadow: none;\n }\n 20% {\n transform: translate(-5px, 5px);\n text-shadow: 2px 2px #ff0000;\n }\n 40% {\n transform: translate(-5px, -5px);\n text-shadow: -2px -2px #00ff00;\n }\n 60% {\n transform: translate(5px, 5px);\n text-shadow: 2px -2px #0000ff;\n }\n 80% {\n transform: translate(5px, -5px);\n text-shadow: -2px 2px #ffff00;\n }\n 100% {\n transform: translate(0);\n text-shadow: none;\n }\n}\n\n@media (max-width: 400px) {\n .neo-orwell {\n width: 80%;\n padding: 20px;\n }\n}\n"}

odd-snake-25

👁 实时预览

📝 源代码