{"html":"

\n \n

build.grimno

\n\n

$ npm run build

› compiling modules…

✓ assets optimized

\n ● generating bundles\n \n

\n\n

\n \n \n

\n","css":".ui-loader {\n width: 340px;\n border-radius: 18px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n background: rgba(255, 255, 255, 0.04);\n box-shadow: 0 28px 80px rgba(0, 0, 0, 0.55);\n overflow: hidden;\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n position: relative;\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,\n \"Liberation Mono\", \"Courier New\", monospace;\n}\n\n.term-bar {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 12px 12px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n background: linear-gradient(\n 180deg,\n rgba(255, 255, 255, 0.06),\n rgba(255, 255, 255, 0.03)\n );\n}\n.term-bar .dot {\n width: 10px;\n height: 10px;\n border-radius: 999px;\n background: rgba(255, 255, 255, 0.16);\n box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25);\n}\n.term-title {\n margin-left: auto;\n font:\n 700 12px/1 ui-sans-serif,\n system-ui;\n color: rgba(255, 255, 255, 0.7);\n letter-spacing: 0.2px;\n}\n\n.term-body {\n padding: 14px 14px 16px;\n color: rgba(255, 255, 255, 0.8);\n font-size: 12px;\n line-height: 1.55;\n}\n\n.line {\n margin: 6px 0;\n}\n.line b {\n color: rgba(255, 255, 255, 0.92);\n}\n.muted {\n color: rgba(255, 255, 255, 0.6);\n}\n\n.tag {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 18px;\n height: 18px;\n border-radius: 6px;\n margin-right: 8px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n background: rgba(255, 255, 255, 0.04);\n font-weight: 800;\n font-size: 11px;\n}\n.tag.ok {\n box-shadow: 0 0 22px rgba(110, 231, 255, 0.12);\n}\n.tag.run {\n box-shadow: 0 0 22px rgba(176, 140, 255, 0.12);\n}\n\n.cursor {\n display: inline-block;\n width: 10px;\n height: 14px;\n margin-left: 8px;\n border-radius: 3px;\n background: linear-gradient(\n 135deg,\n rgba(110, 231, 255, 0.95),\n rgba(176, 140, 255, 0.85)\n );\n opacity: 0.65;\n animation: blink 1s steps(2, end) infinite;\n}\n\n.progress {\n margin-top: 12px;\n height: 8px;\n border-radius: 999px;\n position: relative;\n overflow: hidden;\n background: rgba(255, 255, 255, 0.06);\n border: 1px solid rgba(255, 255, 255, 0.09);\n}\n.fill {\n position: absolute;\n inset: 0;\n background: linear-gradient(\n 90deg,\n rgba(110, 231, 255, 0),\n rgba(110, 231, 255, 0.55),\n rgba(176, 140, 255, 0.55),\n rgba(110, 231, 255, 0)\n );\n transform: translateX(-70%);\n animation: flow 1.05s cubic-bezier(0.2, 0.8, 0.2, 1) infinite;\n}\n.glint {\n position: absolute;\n inset: -30% -40%;\n background: linear-gradient(\n 110deg,\n transparent 0%,\n rgba(255, 255, 255, 0.12) 22%,\n rgba(255, 255, 255, 0.28) 28%,\n transparent 40%\n );\n transform: translateX(-55%);\n animation: glint 1.05s cubic-bezier(0.2, 0.8, 0.2, 1) infinite;\n mix-blend-mode: screen;\n}\n\n@keyframes flow {\n 0% {\n transform: translateX(-75%);\n opacity: 0.55;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n transform: translateX(75%);\n opacity: 0.55;\n }\n}\n@keyframes glint {\n 0% {\n transform: translateX(-60%);\n opacity: 0;\n }\n 20% {\n opacity: 1;\n }\n 100% {\n transform: translateX(60%);\n opacity: 0;\n }\n}\n@keyframes blink {\n 0% {\n opacity: 0.2;\n }\n 50% {\n opacity: 0.85;\n }\n 100% {\n opacity: 0.2;\n }\n}\n"}

strange-bullfrog-80

👁 实时预览

📝 源代码