body{margin:0;padding:0}.scene-container[data-v-9885c213]{display:flex;align-items:center;border-radius:10px;border:1px solid #ccc;margin-top:20px;-webkit-user-select:none;user-select:none}.scene-container .arrow[data-v-9885c213]{cursor:pointer;font-size:20px;opacity:.5;margin:5px}.scene-container .arrow[data-v-9885c213]:hover{opacity:1}.scene-container .scenes[data-v-9885c213]{display:flex;flex-wrap:nowrap;overflow-x:auto;flex:1}.scene-container .scenes[data-v-9885c213]::-webkit-scrollbar{display:none}.scene-container .scenes .scene[data-v-9885c213]{border-radius:18px;border:1px solid #ccc;width:100px;height:100px;margin:8px;opacity:.5;cursor:pointer}.scene-container .scenes .scene[data-v-9885c213]:hover,.scene-container .scenes .scene.current[data-v-9885c213]{opacity:1}.logo[data-v-8b8d7b72]{position:fixed;top:0;left:0;width:200px;transition-property:all;transition-duration:1s;transition-delay:.2s}.logo.middle[data-v-8b8d7b72]{top:50%;left:50%;transform:translate(-50%,-50%)}main[data-v-8b8d7b72]{min-height:100vh}main .content[data-v-8b8d7b72]{width:512px;margin:0 auto;padding:30px 0}main .content .space[data-v-8b8d7b72]{width:512px;height:512px;border-radius:20px;overflow:hidden;border:1px solid #ccc}main .content .btns[data-v-8b8d7b72]{display:flex;justify-content:space-between;align-items:center;margin-top:20px;-webkit-user-select:none;user-select:none}main .content .btns .btn-box[data-v-8b8d7b72]{display:flex;justify-content:center;align-items:center;width:80px;height:80px;border-radius:10px;border:1px solid #ccc}main .content .btns .btn-box .bg[data-v-8b8d7b72]{display:flex;justify-content:center;align-items:center;width:75px;height:75px;border-radius:50%;background-color:#ededed}main .content .btns .btn-box .bg .btn[data-v-8b8d7b72]{position:relative;width:60px;height:60px;border-radius:50%;background-color:#000;cursor:move}main .content .btns .recenter[data-v-8b8d7b72]{display:flex;justify-content:center;align-items:center;background-color:#f4f4f5;padding:5px;border-radius:5px;cursor:pointer}main .content .btns .recenter[data-v-8b8d7b72]:hover{opacity:.5}main .content .btns .recenter .icon[data-v-8b8d7b72]{position:relative;top:2px;width:15px;height:15px;margin-right:5px}main .content .btns .recenter span[data-v-8b8d7b72]{font-size:15px;color:#18181b;line-height:1}main .content .word[data-v-8b8d7b72]{text-align:center;margin:20px -50px 0}main .content .word .title[data-v-8b8d7b72]{font-weight:700}main .content .word .desc span[data-v-8b8d7b72]{margin:0 10px}@media screen and (max-width:768px){main[data-v-8b8d7b72]{touch-action:none}main .content[data-v-8b8d7b72]{width:90vw;padding-top:60px}main .content .space[data-v-8b8d7b72]{width:90vw;height:90vw}main .content .word[data-v-8b8d7b72]{margin:20px 15px 0}main .content .word span[data-v-8b8d7b72]:nth-child(3){display:block}}