*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}:root{font-size:12px}#app{background:#232323;height:100vh;width:100vw;overflow:hidden;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center}.container{width:min(100%,1024px);height:100%;overflow:hidden;background:#232323}.container.front{z-index:3;transform:translateZ(100px);opacity:.6}.container.middle{z-index:2;transform:translateZ(50px)}.container.back{z-index:1;transform:translateZ(0);opacity:.4}.matrix-text-cn{writing-mode:vertical-rl;text-orientation:upright;color:#39ff14;font-family:Microsoft YaHei,SimHei,sans-serif;font-size:2rem;letter-spacing:.2em;text-shadow:0 0 2px #39ff14,0 0 16px #39ff14;white-space:nowrap;display:inline-block;position:absolute;left:var(--start-x, 50%);top:-100px;animation:matrixFall var(--fall-duration, 3s) linear forwards;-webkit-user-select:none;user-select:none}@keyframes matrixFall{0%{top:-100px;opacity:0}20%{opacity:1}to{top:calc(100vh + 100px);opacity:.5}}