.dragCartoon{position:fixed;z-index:2;bottom:0;left:100px;width:200px;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(1px 1px 5px rgba(0,0,0,.5));-webkit-user-select:none;user-select:none}.dragCartoon .canvas{position:absolute;top:0;left:0;width:100%;height:100%}.dragCartoon .column{width:6px;background-color:transparent;height:150px}.dragCartoon .cartoonImg{width:200px;height:200px;background-position:center;background-size:contain;cursor:pointer;transform-origin:bottom center;transition:all .5s;position:relative;overflow:hidden}.dragCartoon .cartoonImg .botDot{width:6px;height:6px;border-radius:50%;position:absolute;bottom:0;left:97px}.dragCartoon .base{height:20px;width:100px;border:1px solid black;border-bottom:none;display:flex;justify-content:center}.dragCartoon .base img{height:100%}.content{width:100vw;display:flex;flex-direction:column;align-items:center;height:100vh;position:relative}.content .computer{width:1000px;aspect-ratio:1217/969;box-sizing:border-box;position:relative;margin:auto;padding:42px 42px 0}.content .computer .bg{position:absolute;width:100%;left:0;top:0;-webkit-user-select:none;user-select:none;pointer-events:none}.content .computer .container{box-sizing:border-box;padding:10px 5px;background:no-repeat center;background-size:cover;width:100%;aspect-ratio:564/330;display:grid;grid-template:repeat(6,70px)/repeat(12,60px);gap:17px}.content .computer .container .item .app{width:100%;height:100%;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.content .computer .container .item .app:hover{outline:1px solid silver}.content .computer .container .item .app img{pointer-events:none;width:60%;filter:drop-shadow(1px 1px 1px black)}.content .computer .container .item .app p{font-size:14px;color:#fff;text-shadow:2px 2px 3px black;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.content .person{position:absolute;bottom:0;right:0;width:480px}.content .person .card{position:fixed;box-sizing:border-box;padding:12px 10px 20px}.content .person .card .author{margin-top:5px;text-align:right;background:#fff}*{margin:0;padding:0}.customScroll{overflow-y:auto}.customScroll::-webkit-scrollbar{width:4px;background-color:transparent}.customScroll::-webkit-scrollbar-thumb{background-color:transparent;border-radius:2px}.customScroll:hover::-webkit-scrollbar-thumb{background-color:#888}
