{"html":"

\n \n \n \n

Status

\n Loading\n .\n .\n .\n

\n","css":"/* Terminal Window */\n.terminal {\n width: 500px;\n background-color: #000;\n color: #0f0;\n font-family: \"Courier New\", Courier, monospace;\n border-radius: 8px;\n overflow: hidden;\n box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);\n}\n\n/* Terminal Header */\n.terminal-header {\n background-color: #333;\n padding: 5px;\n display: flex;\n align-items: center;\n color: #fff;\n}\n\n.buttons {\n display: flex;\n margin-right: 15px;\n}\n\n.buttons span {\n height: 15px;\n width: 15px;\n border-radius: 50%;\n display: inline-block;\n margin-right: 5px;\n}\n\n.close {\n background-color: #ff605c;\n}\n.minimize {\n background-color: #ffbd44;\n}\n.maximize {\n background-color: #00ca4e;\n}\n\n.title {\n flex-grow: 1;\n text-align: center;\n}\n\n/* Terminal Body */\n.terminal-body {\n padding: 10px;\n}\n\n.terminal-loader {\n display: inline-flex;\n align-items: center;\n}\n\n.loader-text {\n margin-right: 5px;\n}\n\n.dot {\n opacity: 0;\n animation: dotFadeInOut 1.5s infinite;\n}\n\n@keyframes dotFadeInOut {\n 0%,\n 100% {\n opacity: 0;\n }\n 50% {\n opacity: 1;\n }\n}\n\n#dot1 {\n animation-delay: 0.5s;\n}\n\n#dot2 {\n animation-delay: 0.6s;\n}\n\n#dot3 {\n animation-delay: 0.7s;\n}\n"}

ordinary-baboon-49

👁 实时预览

📝 源代码