{"html":"

\n \n \n \n \n \n\n

\n \n \n \n \n

\n\n \n

\n \n\n

\n\n

HAX-PDA $\"\"$

\n \n

12:45

\n\n

Checking memory... OK

Mounting FS... OK

POST ERROR 021 — RTC LOW

\n Press any icon to continue.\n

\n\n

PACKAGE STATUS

ORDER

#A2Z-1048

PLACED

11 AUG 2025

ETA

15 AUG 2025

\n\n

3/5 IN TRANSIT

\n\n

\n ORDER PLACED · 11 AUG · 10:12\n

\n PACKED · 11 AUG · 14:40\n

\n \n \n \n SHIPPED · 12 AUG · 09:05\n

\n OUT FOR DELIVERY · 15 AUG · 08:00\n

\n DELIVERED · 15 AUG · BY 18:00\n

\n\n

▌

\n\n

ORIGIN MAP

\n \n

FROM

HYDERABAD

VIZAG

\n\n

DETAILS

CARRIER

A2Z SURFACE

AWB

AWB-9823471

PAYMENT

PREPAID

ITEM

CLASSIC LEATHER WALLET

COLOR

BROWN

QTY

NOTES

LEAVE AT GATE IF NOT HOME

TIP: PRESS KNOB TO TOGGLE BACKLIGHT

\n\n

SYSTEM STATUS

CPU

42%

MEM

68%

STO

55%

\n > SELF-TEST ...... OK\n

\n > IO-BUS ......... OK\n

\n > RADIO .......... OK\n

\n > TEMP ........... 34°C\n

\n\n

\n \n \n \n \n \n \n \n \n \n \n \n \n

\n","css":".pda2 {\n --w: 300px;\n --h: 400px;\n\n --case-top: #676c73;\n --case-bot: #2b2f35;\n --lcd-bg: #f3d9a3;\n --lcd-ink: #3a2700;\n --lcd-dim: #a38241;\n --lcd-line: rgba(0, 0, 0, 0.06);\n --dock: #242b30;\n\n width: var(--w);\n height: var(--h);\n position: relative;\n font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, \"Liberation Mono\",\n monospace;\n color: var(--lcd-ink);\n}\n\n.pda2__tab,\n.pda2__backlight {\n position: absolute;\n opacity: 0;\n pointer-events: none;\n}\n\n.pda2__bezel {\n position: absolute;\n inset: 0;\n background: linear-gradient(180deg, var(--case-top), var(--case-bot));\n border-radius: 16px;\n box-shadow:\n inset 0 2px 0 rgba(255, 255, 255, 0.15),\n inset 0 -2px 0 rgba(0, 0, 0, 0.28),\n 0 16px 28px rgba(0, 0, 0, 0.35);\n padding: 12px 10px 12px 10px;\n}\n\n.pda2__screws {\n position: absolute;\n inset: 6px;\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-template-rows: 1fr 1fr;\n pointer-events: none;\n}\n.pda2__screws .pda2__screw {\n width: 12px;\n height: 12px;\n}\n.pda2__screws .pda2__screw:nth-child(1) {\n justify-self: start;\n align-self: start;\n}\n.pda2__screws .pda2__screw:nth-child(2) {\n justify-self: end;\n align-self: start;\n}\n.pda2__screws .pda2__screw:nth-child(3) {\n justify-self: start;\n align-self: end;\n}\n.pda2__screws .pda2__screw:nth-child(4) {\n justify-self: end;\n align-self: end;\n}\n\n.pda2__knob {\n position: absolute;\n bottom: 10px;\n left: 50%;\n transform: translateX(-50%);\n width: 24px;\n height: 24px;\n border-radius: 50%;\n background: radial-gradient(circle at 35% 35%, #7b828a, #444a52);\n box-shadow:\n inset 0 3px 5px rgba(255, 255, 255, 0.18),\n inset 0 -3px 5px rgba(0, 0, 0, 0.5),\n 0 6px 10px rgba(0, 0, 0, 0.3);\n cursor: pointer;\n user-select: none;\n display: grid;\n place-items: center;\n}\n.pda2__knob-cap {\n width: 8px;\n height: 8px;\n border-radius: 2px;\n background: #14181d;\n box-shadow:\n 0 1px 0 rgba(255, 255, 255, 0.15),\n 0 -1px 0 rgba(0, 0, 0, 0.6);\n}\n\n.pda2__led {\n position: absolute;\n top: 15px;\n left: 50%;\n transform: translateX(-50%);\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: #4a1010;\n box-shadow:\n inset 0 0 2px #ff5b5b,\n 0 0 0 1px #100;\n}\n.pda2__led::after {\n content: \"\";\n position: absolute;\n left: -2px;\n top: -2px;\n right: -2px;\n bottom: -2px;\n border-radius: 50%;\n box-shadow: 0 0 0 0 rgba(255, 70, 70, 0);\n pointer-events: none;\n}\n#pda2TabMap.pda2__tab:checked ~ .pda2__bezel .pda2__led {\n background: #ff3a3a;\n box-shadow:\n inset 0 0 2px #ffd5d5,\n 0 0 6px 2px rgba(255, 60, 60, 0.45);\n animation: pda2_led 1s steps(2, end) infinite;\n}\n#pda2TabMap.pda2__tab:checked ~ .pda2__bezel .pda2__led::after {\n animation: pda2_beam 1.6s ease-out infinite;\n}\n@keyframes pda2_led {\n 50% {\n filter: brightness(1.3);\n }\n}\n@keyframes pda2_beam {\n 0% {\n box-shadow: 0 0 0 0 rgba(255, 70, 70, 0.35);\n }\n 100% {\n box-shadow: 0 0 0 10px rgba(255, 70, 70, 0);\n }\n}\n\n.pda2__screen {\n position: absolute;\n left: 10px;\n right: 10px;\n top: 40px;\n bottom: 48px;\n background: var(--lcd-bg);\n border-radius: 9px;\n overflow: hidden;\n box-shadow:\n inset 0 2px 0 rgba(255, 255, 255, 0.5),\n inset 0 -2px 0 rgba(0, 0, 0, 0.12),\n 0 0 0 2px #101010;\n}\n.pda2__screen::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: repeating-linear-gradient(\n 0deg,\n transparent 0 1px,\n var(--lcd-line) 1px 2px\n ),\n repeating-linear-gradient(\n 90deg,\n transparent 0 1px,\n rgba(0, 0, 0, 0.03) 1px 2px\n );\n pointer-events: none;\n}\n.pda2__screen::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(\n 180deg,\n rgba(255, 255, 255, 0.12),\n transparent 45%\n ),\n radial-gradient(\n 60% 40% at 10% 0%,\n rgba(255, 255, 255, 0.16),\n transparent 60%\n );\n mix-blend-mode: screen;\n pointer-events: none;\n}\n\n/* Status bar */\n.pda2__statusbar {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 20px;\n display: grid;\n grid-template-columns: 1fr auto;\n align-items: center;\n padding: 0 6px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n background: linear-gradient(180deg, rgba(255, 255, 255, 0.2), transparent);\n font-weight: 900;\n font-size: 11px;\n}\n.pda2__logo {\n display: grid;\n grid-auto-flow: column;\n gap: 4px;\n align-items: center;\n}\n.pda2__blink {\n width: 5px;\n height: 10px;\n background: var(--lcd-ink);\n display: inline-block;\n animation: pda2_blink 1s steps(2, end) infinite;\n}\n@keyframes pda2_blink {\n 50% {\n opacity: 0;\n }\n}\n.pda2__ind {\n display: grid;\n grid-auto-flow: column;\n gap: 6px;\n align-items: center;\n}\n.pda2__sig {\n display: grid;\n grid-auto-flow: column;\n gap: 2px;\n}\n.pda2__sb {\n width: 3px;\n background: var(--lcd-ink);\n display: inline-block;\n}\n.pda2__sb--1 {\n height: 5px;\n}\n.pda2__sb--2 {\n height: 8px;\n}\n.pda2__sb--3 {\n height: 10px;\n}\n.pda2__bat {\n display: grid;\n grid-auto-flow: column;\n gap: 2px;\n align-items: center;\n}\n.pda2__bb {\n width: 16px;\n height: 9px;\n border: 1px solid var(--lcd-ink);\n position: relative;\n}\n.pda2__bf {\n position: absolute;\n left: 1px;\n top: 1px;\n bottom: 1px;\n width: 10px;\n background: var(--lcd-ink);\n animation: pda2_bat 3s steps(3, end) infinite;\n}\n@keyframes pda2_bat {\n 0%,\n 100% {\n width: 10px;\n }\n 50% {\n width: 14px;\n }\n}\n.pda2__bt {\n width: 2px;\n height: 5px;\n background: var(--lcd-ink);\n}\n.pda2__clk {\n font-weight: 900;\n}\n\n.pda2__boot {\n position: absolute;\n inset: 20px 0 26px 0;\n padding: 8px 8px 0;\n background: linear-gradient(\n 180deg,\n rgba(255, 255, 255, 0.25),\n rgba(255, 255, 255, 0.12)\n );\n animation: pda2_boot_fade 2.7s 0.2s ease forwards;\n z-index: 3;\n}\n@keyframes pda2_boot_fade {\n 0% {\n opacity: 1;\n }\n 85% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n pointer-events: none;\n }\n}\n.pda2__bline {\n color: var(--lcd-ink);\n font-weight: 900;\n font-size: 11px;\n white-space: nowrap;\n overflow: hidden;\n}\n.pda2__bline--1 {\n max-width: 0;\n animation: pda2_type 0.85s steps(22, end) forwards;\n}\n.pda2__bline--2 {\n max-width: 0;\n animation: pda2_type 0.6s 0.85s steps(20, end) forwards;\n}\n.pda2__bline--3 {\n max-width: 0;\n animation: pda2_type 0.6s 1.45s steps(18, end) forwards;\n}\n.pda2__bline--err {\n margin: 2px 0;\n padding: 2px 4px;\n border: 1px dashed var(--lcd-ink);\n background: rgba(0, 0, 0, 0.06);\n animation: pda2_errflash 0.9s 2.05s steps(2, end) 2;\n}\n@keyframes pda2_errflash {\n 50% {\n filter: invert(1);\n }\n}\n.pda2__bprog {\n margin-top: 2px;\n height: 7px;\n border: 1px solid var(--lcd-ink);\n position: relative;\n}\n.pda2__bfill {\n position: absolute;\n inset: 1px;\n width: 0;\n background: var(--lcd-ink);\n animation: pda2_fill 1.1s 2.05s steps(12, end) forwards;\n}\n@keyframes pda2_fill {\n to {\n width: calc(100% - 2px);\n }\n}\n.pda2__bline--5 {\n position: absolute;\n bottom: 2px;\n left: 8px;\n opacity: 0.95;\n}\n@keyframes pda2_type {\n to {\n max-width: 100%;\n }\n}\n\n.pda2__viewport {\n position: absolute;\n inset: 20px 0 26px 0;\n overflow: hidden;\n}\n.pda2__apps {\n position: absolute;\n top: 0;\n left: 0;\n width: 400%;\n height: 100%;\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n transition: transform 0.48s cubic-bezier(0.2, 0.7, 0.2, 1);\n}\n\n.pda2__app {\n position: relative;\n padding: 6px;\n display: grid;\n grid-template-rows: auto 1fr auto;\n gap: 6px;\n background:\n radial-gradient(\n 3px 3px at 22% 32%,\n rgba(0, 0, 0, 0.03) 35%,\n transparent 40%\n )\n 0 0/10px 10px,\n radial-gradient(\n 3px 3px at 70% 60%,\n rgba(0, 0, 0, 0.03) 35%,\n transparent 40%\n )\n 0 0/12px 12px,\n transparent;\n}\n.pda2__title {\n font-weight: 900;\n font-size: 11px;\n text-transform: uppercase;\n border-bottom: 1px dashed rgba(0, 0, 0, 0.15);\n padding-bottom: 3px;\n}\n\n.pda2__box {\n border: 1px solid rgba(0, 0, 0, 0.25);\n background: linear-gradient(\n 180deg,\n rgba(255, 255, 255, 0.28),\n rgba(255, 255, 255, 0.12)\n );\n padding: 6px;\n border-radius: 2px;\n display: grid;\n gap: 4px;\n box-shadow:\n inset 0 1px 0 rgba(255, 255, 255, 0.55),\n inset 0 -1px 0 rgba(0, 0, 0, 0.08);\n}\n.pda2__box--map {\n display: grid;\n grid-template-rows: auto auto;\n gap: 6px;\n}\n\n.pda2__kv {\n display: grid;\n grid-template-columns: 58px 1fr;\n gap: 4px;\n font-weight: 900;\n font-size: 11px;\n}\n.pda2__k {\n color: var(--lcd-dim);\n}\n.pda2__v {\n color: var(--lcd-ink);\n}\n\n.pda2__prog {\n position: relative;\n height: 16px;\n margin-top: 2px;\n}\n.pda2__trk {\n position: absolute;\n inset: 3px;\n border: 1px solid var(--lcd-ink);\n}\n.pda2__fill {\n position: absolute;\n left: 4px;\n top: 4px;\n bottom: 4px;\n width: 0;\n background: var(--lcd-ink);\n animation: pda2_prog 1.5s 0.2s steps(28, end) forwards;\n}\n.pda2__ticks {\n position: absolute;\n inset: 3px;\n background: repeating-linear-gradient(\n 90deg,\n transparent 0 7px,\n rgba(0, 0, 0, 0.14) 7px 8px\n );\n pointer-events: none;\n}\n.pda2__plabel {\n position: absolute;\n right: 6px;\n top: 0;\n bottom: 0;\n display: grid;\n align-items: center;\n font-weight: 900;\n font-size: 10px;\n}\n@keyframes pda2_prog {\n to {\n width: calc(60% - 6px);\n }\n}\n\n.pda2__timeline {\n margin-top: 5px;\n display: grid;\n gap: 4px;\n}\n.pda2__row {\n display: grid;\n grid-template-columns: 8px 1fr;\n gap: 6px;\n align-items: center;\n font-weight: 900;\n font-size: 10px;\n}\n.pda2__row--done .pda2__rt {\n color: var(--lcd-dim);\n}\n.pda2__dot {\n width: 6px;\n height: 6px;\n background: var(--lcd-ink);\n box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18) inset;\n}\n.pda2__dot--truck {\n display: grid;\n place-items: center;\n background: transparent;\n border: 1px solid var(--lcd-ink);\n}\n.pda2__truck {\n width: 9px;\n height: 9px;\n}\n.pda2__tc,\n.pda2__tb,\n.pda2__tw {\n fill: var(--lcd-ink);\n}\n\n.pda2__cursor {\n position: absolute;\n right: 6px;\n bottom: 32px;\n font-weight: 900;\n animation: pda2_cursor 1.05s steps(2, end) infinite;\n}\n@keyframes pda2_cursor {\n 50% {\n opacity: 0;\n }\n}\n\n.pda2__map {\n width: 100%;\n height: 72px;\n image-rendering: pixelated;\n}\n.pda2__px {\n fill: var(--lcd-ink);\n}\n.pda2__ping {\n fill: none;\n stroke: var(--lcd-ink);\n stroke-width: 1;\n animation: pda2_ping 1.7s ease-out infinite;\n transform-origin: center;\n}\n@keyframes pda2_ping {\n 0% {\n r: 0;\n opacity: 1;\n }\n 70% {\n r: 12;\n opacity: 0.2;\n }\n 100% {\n r: 12;\n opacity: 0;\n }\n}\n\n.pda2__legend {\n display: grid;\n gap: 2px;\n}\n.pda2__scan {\n position: absolute;\n left: 6px;\n right: 6px;\n bottom: 36px;\n height: 7px;\n border: 1px solid var(--lcd-ink);\n overflow: hidden;\n}\n.pda2__scan::before {\n content: \"\";\n position: absolute;\n inset: 1px;\n background: repeating-linear-gradient(\n 90deg,\n var(--lcd-ink) 0 6px,\n transparent 6px 10px\n );\n animation: pda2_scan 1.1s linear infinite;\n}\n@keyframes pda2_scan {\n to {\n transform: translateX(10px);\n }\n}\n\n.pda2__scroll {\n max-height: 132px;\n overflow: auto;\n -ms-overflow-style: none;\n scrollbar-width: none;\n}\n.pda2__scroll::-webkit-scrollbar {\n display: none;\n}\n.pda2__tip {\n text-align: center;\n font-size: 10px;\n color: var(--lcd-dim);\n margin-top: 5px;\n}\n\n.pda2__meter {\n display: grid;\n grid-template-columns: 34px 1fr 26px;\n gap: 6px;\n align-items: center;\n}\n.pda2__ml {\n font-weight: 900;\n font-size: 10px;\n color: var(--lcd-dim);\n}\n.pda2__mb {\n height: 9px;\n border: 1px solid var(--lcd-ink);\n position: relative;\n overflow: hidden;\n}\n.pda2__mf {\n position: absolute;\n inset: 1px;\n background: repeating-linear-gradient(\n 90deg,\n var(--lcd-ink) 0 6px,\n transparent 6px 8px\n );\n}\n.pda2__mf--cpu {\n width: 42%;\n animation: pda2_wob 2.3s ease-in-out infinite;\n}\n.pda2__mf--mem {\n width: 68%;\n animation: pda2_wob 3s ease-in-out infinite;\n}\n.pda2__mf--sto {\n width: 55%;\n animation: pda2_wob 2.6s ease-in-out infinite;\n}\n@keyframes pda2_wob {\n 50% {\n transform: translateX(2px);\n }\n}\n.pda2__mv {\n justify-self: end;\n font-weight: 900;\n font-size: 10px;\n}\n\n.pda2__diag {\n margin-top: 5px;\n border: 1px dashed rgba(0, 0, 0, 0.18);\n padding: 6px;\n}\n.pda2__drow {\n font-weight: 900;\n font-size: 10px;\n display: grid;\n grid-auto-flow: column;\n justify-content: start;\n gap: 6px;\n}\n.pda2__caret {\n font-weight: 900;\n}\n\n.pda2__dock {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n height: 26px;\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n background: linear-gradient(180deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.5));\n border-top: 1px solid #0f0f0f;\n box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);\n}\n.pda2__db {\n display: grid;\n place-items: center;\n cursor: pointer;\n transition: filter 0.15s;\n}\n.pda2__db:hover {\n filter: brightness(1.1);\n}\n.pda2__ico {\n width: 14px;\n height: 14px;\n}\n.pda2__st {\n stroke: var(--lcd-ink);\n stroke-width: 1.7;\n fill: none;\n}\n\n#pda2TabStatus.pda2__tab:checked ~ .pda2__bezel .pda2__apps {\n transform: translateX(0%);\n}\n#pda2TabMap.pda2__tab:checked ~ .pda2__bezel .pda2__apps {\n transform: translateX(-25%);\n}\n#pda2TabInfo.pda2__tab:checked ~ .pda2__bezel .pda2__apps {\n transform: translateX(-50%);\n}\n#pda2TabSys.pda2__tab:checked ~ .pda2__bezel .pda2__apps {\n transform: translateX(-75%);\n}\n\n#pda2TabStatus.pda2__tab:checked\n ~ .pda2__bezel\n .pda2__dock\n .pda2__db:nth-child(1)::after,\n#pda2TabMap.pda2__tab:checked\n ~ .pda2__bezel\n .pda2__dock\n .pda2__db:nth-child(2)::after,\n#pda2TabInfo.pda2__tab:checked\n ~ .pda2__bezel\n .pda2__dock\n .pda2__db:nth-child(3)::after,\n#pda2TabSys.pda2__tab:checked\n ~ .pda2__bezel\n .pda2__dock\n .pda2__db:nth-child(4)::after {\n content: \"\";\n width: 60%;\n height: 2px;\n background: var(--lcd-ink);\n display: block;\n border-radius: 1px;\n animation: pda2_ul 0.9s steps(3, end) infinite;\n}\n@keyframes pda2_ul {\n 50% {\n transform: translateY(-1px);\n }\n}\n\n.pda2__backlight:checked ~ .pda2__bezel .pda2__screen {\n filter: brightness(1.12) contrast(1.05) saturate(1.06);\n}\n.pda2__backlight:not(:checked) ~ .pda2__bezel .pda2__screen {\n filter: brightness(0.88) contrast(0.95) saturate(0.92);\n}\n"}

good-sheep-93

👁 实时预览

📝 源代码