@font-face{font-family:Monaspace;src:url(./MonaspaceNeonFrozen-Regular-bnIlDRt0.ttf) format("truetype")}@font-face{font-family:AurulentSans;src:url(./AurulentSansMNerdFont-Regular-BPmEf6md.otf) format("opentype");font-weight:100}@font-face{font-family:VariableFont;src:url(./NotoSansSC-VariableFont_wght-Bs34d_WW.ttf) format("truetype");font-weight:600}*{box-sizing:border-box;padding:0;margin:0;font-family:Monaspace,AurulentSans,VariableFont,Fira Code,Cascadia Code,Consolas,Monaco,Menlo,Courier New,Microsoft YaHei,微软雅黑,SimHei,黑体,PingFang SC,苹方,Hiragino Sans GB,冬青黑体,WenQuanYi Micro Hei,文泉驿微米黑,Noto Sans SC,Droid Sans Fallback,STHeiti,华文黑体,sans-serif;cursor:default;line-height:1.3}* button{cursor:pointer}:root{--base-font-size: 1.1rem;--gray-font-color: gray;--error-font-color: #ff3737;--success-font-color: #09d109;--dark-font-color: black;--terminal-border-color: #2e2e2e;--system-bg-color: black;--system-font-color: white;--logo-shadow-color: white;--action-font-color: cyan;--logo-font-color: #ffa500;--game-pacman-player: yellow;--game-pacman-dot: #ffd900;--game-pacman-blinky: red;--game-pacman-pinky: pink;--game-pacman-inky: cyan;--game-pacman-clyde: #ffb730;--game-pacman-big_food: #ff6200;--game-pacman-fruit: #75507b;--game-pacman-stronge: cyan;--game-pacman-scare: #729fcf;--code-base-color: #e6edf3;--code-kw-color: #ff7b72;--code-type-color: #79c0ff;--code-const-color: #ffa657;--code-mod-color: #a5d6ff;--code-fn-color: #d2a8ff;--code-var-color: #e9d0a6;--code-str-color: #a5d6ff;--code-num-color: #f2cc60;--code-attr-color: #7ee787;--code-comment-color: #8b949e;--code-file-dir-color: #ed988b;--code-file-tree-color: #c5c5c1;--code-file-name-color: #e9d0a6;--code-line-color: #57606a}.display{display:none!important}body{background-color:var(--system-bg-color);height:100vh;width:100vw;overflow:hidden;transition:all .3s}header{background-color:var(--system-bg-color);height:100vh;width:100vw;cursor:default;position:absolute;inset:0}header *{font-size:var(--base-font-size)}.mouse,.mouse *{cursor:none}.menu_terminal{color:var(--logo-font-color)}.logo{font-size:0}.logo_row{display:block;width:0;overflow:hidden;white-space:nowrap;will-change:width}.logo_block{color:var(--logo-font-color);font-size:var(--base-font-size);line-height:1}.logo_line{color:var(--logo-shadow-color);font-size:var(--base-font-size);line-height:1;transition:color var(--logo-line-transition-duration, .2s)}.logo_line.no_light{color:transparent}.base_terminal{display:flex;flex-direction:column;justify-content:left;width:calc(var(--base-font-size) * 50);height:calc(var(--base-font-size) * 30);position:absolute;left:50%;top:50%;transform:translate(-50%) translateY(-50%);overflow:visible}.main_base{width:calc(var(--base-font-size) * 50);height:calc(var(--base-font-size) * 30);overflow:hidden}.main_base.shell_mode{display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.shell_session{display:flex;flex-direction:column;justify-content:flex-end;min-height:100%}.line{color:var(--system-font-color)}.line .error{color:var(--error-font-color)}.line .success{color:var(--success-font-color)}.shell_output{margin:0;color:var(--system-font-color);white-space:pre-wrap;font:inherit}.shell_output.error{color:var(--error-font-color)}.shell_output.success{color:var(--success-font-color)}.shell_input_line .shell_cursor{color:var(--gray-font-color)}.line button{text-align:left;background-color:transparent;border:0px solid transparent;color:var(--system-font-color);cursor:pointer}.line button span.key{color:var(--gray-font-color)}.line button.action{color:var(--action-font-color)}.line button.action:before{content:"▶ ";position:absolute;color:var(--action-font-color);transform:translate(calc(-1 * var(--base-font-size)))}.loading:before{content:"⠋";color:var(--gray-font-color);animation:braille var(--init-loading-cycle-duration, 1.5s) steps(1) infinite}@keyframes braille{0%{content:"⠋"}16.7%{content:"⠙"}33.4%{content:"⠸"}50.1%{content:"⠴"}66.8%{content:"⠦"}83.5%{content:"⠇"}to{content:"⠋"}}.base_terminal .guidance{text-align:center;color:var(--gray-font-color);position:absolute;left:50%;top:50%;transform:translate(-50%) translateY(calc(-50% + var(--base-font-size) * 17));overflow:visible;white-space:nowrap}pre{color:var(--code-base-color)}pre .kw{color:var(--code-kw-color)}pre .type{color:var(--code-type-color)}pre .const{color:var(--code-const-color)}pre .mod{color:var(--code-mod-color)}pre .fn{color:var(--code-fn-color)}pre .var{color:var(--code-var-color)}pre .str{color:var(--code-str-color)}pre .num{color:var(--code-num-color)}pre .attr{color:var(--code-attr-color)}pre .comment{color:var(--code-comment-color)}pre .file_dir{color:var(--code-file-dir-color)}pre .file_tree{color:var(--code-file-tree-color)}pre .file_name{color:var(--code-file-name-color)}pre .line{color:var(--code-line-color)}pre .running{animation:code_running var(--page1-code-running-duration, .3s) ease-in-out 1 forwards}@keyframes code_running{0%{background-color:transparent}30%{background-color:#b4d3ffc9}to{background-color:#7ca7cc8d}}pre.code{counter-reset:line}pre.code .file,pre.code .code_row,pre.code .code_line{display:block;white-space:nowrap;transform:translate(0);transition:transform var(--page1-code-recycle-duration, .3s) ease}pre.code#lua .code_line,pre.code#rust .code_line{counter-increment:line}pre.code#rust .code_line:before{display:inline-block;content:"| " counter(line);width:calc(var(--base-font-size) * 3);color:var(--gray-font-color)}pre.code#lua .code_line:after{display:inline-block;content:counter(line) " |";width:calc(var(--base-font-size) * 3);color:var(--gray-font-color)}pre.code#rust .recycle{transform:translate(-100vw)}pre.code#lua .recycle{transform:translate(100vw)}.pacman{font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);font-variant-ligatures:none;white-space:normal}.pacman .pacman_row{height:var(--pacman-cell-height);line-height:var(--pacman-cell-height);white-space:nowrap}.pacman .pacman_cell{display:inline-block;width:var(--pacman-cell-width);height:var(--pacman-cell-height);text-align:center;vertical-align:top}.pacman .pacman_cell.empty{color:transparent}.pacman .player{color:var(--game-pacman-player)}.pacman .dot{color:var(--game-pacman-dot)}.pacman .blinky{color:var(--game-pacman-blinky)}.pacman .pinky{color:var(--game-pacman-pinky)}.pacman .inky{color:var(--game-pacman-inky)}.pacman .clyde{color:var(--game-pacman-clyde)}.pacman .big_food{color:var(--game-pacman-big_food)}.pacman .gate{color:var(--gray-font-color)}.pacman .fruit{color:var(--game-pacman-fruit)}.pacman .player.scare{color:var(--game-pacman-stronge)}.pacman .blinky.scare,.pacman .pinky.scare,.pacman .inky.scare,.pacman .clyde.scare{color:var(--game-pacman-scare)}aside.introduction{height:100vh;width:100vw;position:absolute;inset:0}aside.introduction.hidden_surface{visibility:hidden;pointer-events:none}aside.introduction section{position:absolute;inset:0}aside.introduction .guidance{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);color:var(--gray-font-color);z-index:100}aside.introduction .guidance.page1{transform:translate(calc(-50% + var(--base-font-size) * -20)) translateY(calc(-50% + var(--base-font-size) * 16))}aside.introduction .guidance.page2{transform:translate(-50%) translateY(calc(-50% + var(--base-font-size) * 23));z-index:10;text-align:center}aside.introduction .guidance.page3{transform:translate(-50%) translateY(calc(-50% + var(--base-font-size) * 21));z-index:10;text-align:center}aside.introduction .guidance.page4{transform:translate(-50%) translateY(calc(-50% + var(--base-font-size) * 16));z-index:10;text-align:center}section#page1{height:100vh;width:100vw}section#page1 pre{white-space:normal;font-size:calc(var(--base-font-size) * .86);position:absolute;transform:translate(-50%) translateY(-50%)}section#page1 pre span{font-weight:700}section#page1 pre#rust{text-align:left;left:0;top:0;transform:translate(calc(var(--base-font-size) * .5)) translateY(calc(var(--base-font-size) * 1));display:flex;flex-direction:column;align-items:flex-start}section#page1 pre#lua{text-align:right;right:0;bottom:0;transform:translate(calc(var(--base-font-size) * -.5)) translateY(calc(var(--base-font-size) * -1));display:flex;flex-direction:column;align-items:flex-end}section#page1 div.content{position:absolute;left:50%;top:50%;transform:translate(-50%) translateY(-50%);color:var(--system-font-color);text-align:center;width:35%;font-size:calc(var(--base-font-size) * 1.2)}section#page1 .page1_center_mask{position:absolute;top:50%;background-color:var(--system-bg-color);z-index:6;pointer-events:none}section#page1 .page1_center_mask.left{left:50%;transform:translate(-100%) translateY(-50%)}section#page1 .page1_center_mask.right{left:50%;transform:translate(0) translateY(-50%)}section#page2{height:100vh;width:100vw;color:var(--system-font-color)}section#page2 .content{width:100%;text-align:center;font-size:calc(var(--base-font-size) * 1.4);position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(calc(-50% - var(--base-font-size) * 20))}section#page2 .toggle{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(calc(-50% - var(--base-font-size) * 15))}section#page2 .toggle button{background-color:transparent;color:var(--system-font-color);border:0px solid transparent;width:calc(var(--base-font-size) * 9);margin:0 10px;transition:all var(--page2-toggle-transition-duration, .2s);font-size:calc(var(--base-font-size) * 1)}section#page2 .toggle button.action{background-color:var(--success-font-color);color:#000}section#page2 .toggle button.action .key{color:#000}section#page2 .toggle button .key{color:var(--gray-font-color)}section#page2 .toggle button.hidden_toggle_item{opacity:0}section#page2 .toggle span.border{border-left:1px solid var(--system-font-color);border-right:1px solid var(--system-font-color)}section#page2 .toggle span.border.hidden_toggle_item{opacity:0}section#page2 .fake_terminal{width:calc(var(--base-font-size) * 60);height:calc(var(--base-font-size) * 40);position:absolute;top:50%;left:50%;z-index:7;opacity:1;transform:translate(-50%) translateY(calc(-50% + 100vw));transition:transform var(--page3-box-slide-duration, 1s) ease-in-out;background-color:#000}section#page2 .fake_terminal *{transition:all var(--page2-inner-transition-duration, .5s)}section#page2 .fake_terminal.visible_terminal{transform:translate(-50%) translateY(calc(-50% + var(--base-font-size) * 8))}section#page2 .fake_terminal .bg_mask{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%)}section#page2 .fake_terminal .bg_mask div{position:absolute;background-color:var(--system-bg-color);width:100px;height:100px}section#page2 .fake_terminal .bg_mask div.top{transform:translate(-50%) translateY(calc(-50% - var(--base-font-size) * 19));width:calc(var(--base-font-size) * 61);height:calc(var(--base-font-size) * 2.3)}section#page2 .fake_terminal .bg_mask div.left{transform:translate(calc(-50% - var(--base-font-size) * 29)) translateY(calc(-50% - var(--base-font-size) * 1));width:calc(var(--base-font-size) * 4);height:calc(var(--base-font-size) * 35)}section#page2 .fake_terminal .bg_mask div.right{transform:translate(calc(-50% + var(--base-font-size) * 29)) translateY(calc(-50% - var(--base-font-size) * 1));width:calc(var(--base-font-size) * 4);height:calc(var(--base-font-size) * 35)}section#page2 .fake_terminal .bg_mask div.bottom{transform:translate(-50%) translateY(calc(-50% + var(--base-font-size) * 17));width:calc(var(--base-font-size) * 61);height:calc(var(--base-font-size) * 10)}section#page2 .fake_terminal .bg_mask div.left_bottom{--r: 8px;-webkit-mask-image:radial-gradient(circle at 100% 0,transparent var(--r),black calc(var(--r)));mask-image:radial-gradient(circle at 100% 0,transparent var(--r),black calc(var(--r)));-webkit-mask-size:50.5% 50.5%;mask-size:50.5% 50.5%;-webkit-mask-position:bottom left;mask-position:bottom left;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:20px;height:20px;transform:translate(calc(-50% + var(--base-font-size) * -26.55)) translateY(calc(-50% + var(--base-font-size) * 11.55))}section#page2 .fake_terminal .bg_mask div.right_bottom{--r: 8px;-webkit-mask-image:radial-gradient(circle at 0 0,transparent var(--r),black calc(var(--r)));mask-image:radial-gradient(circle at 0 0,transparent var(--r),black calc(var(--r)));-webkit-mask-size:50.5% 50.5%;mask-size:50.5% 50.5%;-webkit-mask-position:bottom left;mask-position:bottom left;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:20px;height:20px;transform:translate(calc(-50% + var(--base-font-size) * 27.1)) translateY(calc(-50% + var(--base-font-size) * 11.52))}section#page2 .fake_terminal.windows .tag_tool{display:flex;justify-content:space-between;align-items:end;border-radius:8px 8px 0 0;width:calc(var(--base-font-size) * 54);height:calc(var(--base-font-size) * 2.5);position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(calc(-50% - var(--base-font-size) * 17.25));background-color:var(--terminal-border-color);overflow:hidden}section#page2 .fake_terminal.windows .tag_tool .safe{width:calc(var(--base-font-size) * 2.3);height:calc(var(--base-font-size) * 2.1);display:flex;justify-content:center;align-items:center}section#page2 .fake_terminal.windows .tag_tool .safe img{--long: 26px;height:var(--long);width:var(--long)}section#page2 .fake_terminal.windows .tag_tool .tools{width:auto;height:100%;display:flex}section#page2 .fake_terminal.windows .tag_tool .tools button{display:flex;justify-content:center;align-items:center;background-color:transparent;height:100%;width:calc(var(--base-font-size) * 2.8);border:0px;cursor:default}section#page2 .fake_terminal.windows .tag_tool .tools button img{--long: 22px;height:var(--long);width:var(--long)}section#page2 .fake_terminal.windows .tag_tool .tools button.close:hover{background-color:#c42b1c}section#page2 .fake_terminal.windows .tag_tool .tools button.minisize:hover,section#page2 .fake_terminal.windows .tag_tool .tools button.maxisize:hover{background-color:#3a3a3a}section#page2 .fake_terminal.windows .tags{position:absolute;top:50%;left:50%;width:calc(var(--base-font-size) * 15.5);height:calc(var(--base-font-size) * 2);transform:translate(calc(-50% - var(--base-font-size) * 17)) translateY(calc(-50% - var(--base-font-size) * 16.75 - 4.5px));z-index:2;--r: 8px}section#page2 .fake_terminal.windows .tags .tag{color:#fff;position:absolute;width:100%;height:100%;background-color:#000;border-radius:8px 8px 0 0;padding:8px 12px;font-size:calc(var(--base-font-size) * .8);display:flex;justify-content:space-between;align-items:center}section#page2 .fake_terminal.windows .tags .tag button{width:auto;height:auto;background-color:transparent;border:0px}section#page2 .fake_terminal.windows .tags .tag button img{--long: 18px;height:var(--long);width:var(--long)}section#page2 .fake_terminal.windows .tags .left_block,section#page2 .fake_terminal.windows .tags .right_block{width:var(--r);height:var(--r);background-color:#000;position:absolute}section#page2 .fake_terminal.windows .tags .left_block{bottom:0;left:calc(var(--r) * -1)}section#page2 .fake_terminal.windows .tags .right_block{bottom:0;right:calc(var(--r) * -1)}section#page2 .fake_terminal.windows .tags .left_mask,section#page2 .fake_terminal.windows .tags .right_mask{width:var(--r);height:var(--r);background-color:var(--terminal-border-color);position:absolute}section#page2 .fake_terminal.windows .tags .left_mask{bottom:0;left:calc(var(--r) * -1);border-bottom-right-radius:8px}section#page2 .fake_terminal.windows .tags .right_mask{bottom:0;right:calc(var(--r) * -1);border-bottom-left-radius:8px}section#page2 .fake_terminal.linux .tag_tool{display:flex;justify-content:space-between;align-items:center;border-radius:8px 8px 0 0;width:calc(var(--base-font-size) * 54);height:calc(var(--base-font-size) * 2.5);position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(calc(-50% - var(--base-font-size) * 17.25));background-color:var(--terminal-border-color);overflow:hidden}section#page2 .fake_terminal.linux .tag_tool .safe{width:calc(var(--base-font-size) * 2.5 * .65);height:calc(var(--base-font-size) * 2.5 * .65);margin-left:10px;border-radius:4px;background-color:#c0c8d135;display:flex;justify-content:center;align-items:center}section#page2 .fake_terminal.linux .tag_tool .safe img{--long: 26px;height:var(--long);width:var(--long)}section#page2 .fake_terminal.linux .tag_tool .tools{width:auto;height:100%;display:flex;justify-content:center;align-items:center}section#page2 .fake_terminal.linux .tag_tool .tools button{display:flex;justify-content:center;align-items:center;background-color:transparent;width:calc(var(--base-font-size) * 2.5 * .45);height:calc(var(--base-font-size) * 2.5 * .45);border:0px;background-color:#c0c8d135;border-radius:4px;margin-right:10px;cursor:default}section#page2 .fake_terminal.linux .tag_tool .tools button img{--long: 18px;height:var(--long);width:var(--long)}section#page2 .fake_terminal.linux .tag_tool .tools button.close:hover{background-color:#c42b1c}section#page2 .fake_terminal.linux .tag_tool .tools button.minisize:hover,section#page2 .fake_terminal.linux .tag_tool .tools button.maxisize:hover{background-color:#c0c8d16b}section#page2 .fake_terminal.linux .tags{position:absolute;top:50%;left:50%;width:calc(var(--base-font-size) * 15.5);height:calc(var(--base-font-size) * 2.5);transform:translate(-50%) translateY(calc(-50% - var(--base-font-size) * 17.25));z-index:2;--r: 8px}section#page2 .fake_terminal.linux .tags .tag{color:#fff;position:absolute;width:100%;height:100%;background-color:transparent;border-radius:8px 8px 0 0;padding:8px 12px;font-size:calc(var(--base-font-size) * .8);display:flex;justify-content:center;align-items:center}section#page2 .fake_terminal.linux .tags .tag button{display:none;width:auto;height:auto;background-color:transparent;border:0px}section#page2 .fake_terminal.linux .tags .tag button img{--long: 18px;height:var(--long);width:var(--long)}section#page2 .fake_terminal.linux .tags .left_block,section#page2 .fake_terminal.linux .tags .right_block{width:var(--r);height:var(--r);background-color:transparent;position:absolute}section#page2 .fake_terminal.linux .tags .left_block{bottom:0;left:calc(var(--r) * -1)}section#page2 .fake_terminal.linux .tags .right_block{display:none;bottom:0;right:calc(var(--r) * -1)}section#page2 .fake_terminal.linux .tags .left_mask,section#page2 .fake_terminal.linux .tags .right_mask{width:var(--r);height:var(--r);background-color:transparent;position:absolute}section#page2 .fake_terminal.linux .tags .left_mask{bottom:0;left:calc(var(--r) * -1);border-bottom-right-radius:8px}section#page2 .fake_terminal.linux .tags .right_mask{bottom:0;right:calc(var(--r) * -1);border-bottom-left-radius:8px}section#page2 .fake_terminal.macos .tag_tool{display:flex;justify-content:space-between;align-items:center;border-radius:8px 8px 0 0;width:calc(var(--base-font-size) * 54);height:calc(var(--base-font-size) * 2.5);position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(calc(-50% - var(--base-font-size) * 17.25));background-color:var(--terminal-border-color);overflow:hidden}section#page2 .fake_terminal.macos .tag_tool .safe{width:calc(var(--base-font-size) * 2.5 * .65);height:calc(var(--base-font-size) * 2.5 * .65);margin-left:10px;border-radius:4px;background-color:transparent;justify-content:center;align-items:center}section#page2 .fake_terminal.macos .tag_tool .safe img{opacity:0;--long: 26px;height:var(--long);width:var(--long)}section#page2 .fake_terminal.macos .tag_tool .tools{width:auto;height:100%;display:flex;justify-content:center;align-items:center}section#page2 .fake_terminal.macos .tag_tool .tools button{display:flex;justify-content:center;align-items:center;background-color:transparent;width:calc(var(--base-font-size) * 2.5 * .35);height:calc(var(--base-font-size) * 2.5 * .35);border:0px;background-color:#c0c8d135;border-radius:100%;margin-left:10px;transform:translate(calc(var(--base-font-size) * -49.3));cursor:default}section#page2 .fake_terminal.macos .tag_tool .tools button:nth-child(1){margin-left:15px;background-color:#ff544e}section#page2 .fake_terminal.macos .tag_tool .tools button:nth-child(2){background-color:#ffb527}section#page2 .fake_terminal.macos .tag_tool .tools button:nth-child(3){background-color:#20c338}section#page2 .fake_terminal.macos .tag_tool .tools button img{opacity:0;--long: 18px;height:var(--long);width:var(--long)}section#page2 .fake_terminal.macos .tags{position:absolute;top:50%;left:50%;width:calc(var(--base-font-size) * 15.5);height:calc(var(--base-font-size) * 2.5);transform:translate(-50%) translateY(calc(-50% - var(--base-font-size) * 17.25));z-index:2;--r: 8px}section#page2 .fake_terminal.macos .tags .tag{color:#fff;position:absolute;width:100%;height:100%;background-color:transparent;border-radius:8px 8px 0 0;padding:8px 12px;font-size:calc(var(--base-font-size) * .8);display:flex;justify-content:center;align-items:center}section#page2 .fake_terminal.macos .tags .tag button{display:none;width:auto;height:auto;background-color:transparent;border:0px}section#page2 .fake_terminal.macos .tags .tag button img{--long: 18px;height:var(--long);width:var(--long)}section#page2 .fake_terminal.macos .tags .left_block,section#page2 .fake_terminal.macos .tags .right_block{display:none;width:var(--r);height:var(--r);background-color:#000;position:absolute}section#page2 .fake_terminal.macos .tags .left_block{bottom:0;left:calc(var(--r) * -1)}section#page2 .fake_terminal.macos .tags .right_block{display:none;bottom:0;right:calc(var(--r) * -1)}section#page2 .fake_terminal.macos .tags .left_mask,section#page2 .fake_terminal.macos .tags .right_mask{display:none;width:var(--r);height:var(--r);background-color:var(--terminal-border-color);position:absolute}section#page2 .fake_terminal.macos .tags .left_mask{bottom:0;left:calc(var(--r) * -1);border-bottom-right-radius:8px}section#page2 .fake_terminal.macos .tags .right_mask{bottom:0;right:calc(var(--r) * -1);border-bottom-left-radius:8px}section#page2 .fake_terminal .border{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(calc(-50% - var(--base-font-size) * 2));width:calc(var(--base-font-size) * 54);height:calc(var(--base-font-size) * 28);border-radius:0 0 8px 8px;border:1px solid var(--terminal-border-color);border-top:0px;z-index:1}section#page2 .fake_terminal .border:not(.visible_border){opacity:0}section#page2 .fake_terminal img.preview{width:100%;z-index:-1;transform:translate(3px)}section#page3{position:relative;height:100vh;width:100vw}section#page3 .content{position:absolute;width:100%;top:50%;left:50%;text-align:center;transform:translate(-50%) translateY(calc(-50% + var(--base-font-size) * -18))}section#page3 .content .title{font-size:30px;color:var(--system-font-color)}section#page3 .content .sub_title{font-size:15px;color:var(--gray-font-color)}section#page3 div.box{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(calc(-50% + 100vw));transition:transform var(--page2-terminal-slide-duration, 1s) ease-in-out;display:flex;justify-content:center;padding:20px;border-radius:8px;background-color:#000}section#page3 div.box.visible_box{transform:translate(-50%) translateY(calc(-50% + var(--base-font-size) * 2))}section#page3 div.box .left,section#page3 div.box .right{border:5px double white}section#page3 div.box .left{position:relative;width:calc(var(--base-font-size) * 20);margin-right:3px;padding:8px 5px 3px}section#page3 div.box .left .tag{background-color:#000;padding:5px;font-weight:700;color:#fff;position:absolute;top:-18px;left:28px;z-index:0}section#page3 div.box .left .list_son{margin-top:1px;text-align:left;position:relative;background-color:transparent;border:0px solid transparent;display:block;color:#fff;font-size:calc(var(--base-font-size) * 1);z-index:1;width:100%}section#page3 div.box .left .list_son.action{color:#000;background-color:#729fcf}section#page3 div.box .left .to_page{width:100%;height:20px;display:flex;justify-content:space-between;color:#fff;position:absolute;bottom:3px}section#page3 div.box .left .to_page button{color:#fff;display:inline-block;width:60px;background-color:transparent;border:0px solid transparent;padding:0;margin:0}section#page3 div.box .left .to_page button.none{color:transparent}section#page3 div.box .right{width:calc(var(--base-font-size) * 50);min-height:482px;max-height:484px;position:relative}section#page3 div.box .right .tag{background-color:#000;padding:5px;font-weight:700;color:#fff;position:absolute;top:-18px;left:28px}section#page3 div.box .right .preview_img{width:100%}section#page4{position:relative;height:100vh;width:100vw;color:var(--system-font-color)}section#page4 .content{position:absolute;top:50%;left:50%;width:calc(var(--base-font-size) * 44);text-align:center;transform:translate(-50%) translateY(calc(-50% - var(--base-font-size) * 16))}section#page4 .content .title{font-size:calc(var(--base-font-size) * 2);letter-spacing:calc(var(--base-font-size) * .08);color:var(--system-font-color)}section#page4 .content .sub_title{margin-top:calc(var(--base-font-size) * .5);font-size:calc(var(--base-font-size) * .9);color:var(--gray-font-color)}section#page4 .plan_panel,section#page4 .action_panel{position:absolute;border:1px solid var(--terminal-border-color);background-color:var(--system-bg-color);box-shadow:0 0 0 1px color-mix(in srgb,var(--terminal-border-color) 35%,transparent)}section#page4 .plan_panel{min-height:calc(var(--base-font-size) * 18);padding:calc(var(--base-font-size) * 1.4) calc(var(--base-font-size) * 1.2) calc(var(--base-font-size) * 1.1)}section#page4 .panel_header{margin-bottom:calc(var(--base-font-size) * .9);color:var(--action-font-color);font-size:calc(var(--base-font-size) * 1.05);font-weight:700;letter-spacing:calc(var(--base-font-size) * .04)}section#page4 .game_plan{top:50%;left:50%;width:calc(var(--base-font-size) * 23);transform:translate(calc(-50% - var(--base-font-size) * 12)) translateY(calc(-50% - var(--base-font-size) * -1));transition:transform var(--page4-game-panel-slide-duration, .42s) ease-in-out}section#page4 .game_plan:not(.visible_panel){transform:translate(calc(-50% - 100vw - var(--base-font-size) * 8)) translateY(calc(-50% - var(--base-font-size) * -1))}section#page4 .other_plan{top:50%;left:50%;width:calc(var(--base-font-size) * 23);transform:translate(calc(-50% + var(--base-font-size) * 12)) translateY(calc(-50% + var(--base-font-size) * -5.5));min-height:0px;transition:transform var(--page4-other-panel-slide-duration, .42s) ease-in-out}section#page4 .other_plan:not(.visible_panel){transform:translate(calc(-50% + 100vw + var(--base-font-size) * 8)) translateY(calc(-50% + var(--base-font-size) * -5.5))}section#page4 .plan_line{display:flex;align-items:flex-start;min-height:calc(var(--base-font-size) * 1.3);color:var(--system-font-color);font-size:calc(var(--base-font-size) * .92);line-height:1.35}section#page4 .branch{flex:0 0 auto;color:var(--gray-font-color)}section#page4 .action_panel{top:50%;left:50%;width:calc(var(--base-font-size) * 23);padding:calc(var(--base-font-size) * 1.2);transform:translate(calc(-50% + var(--base-font-size) * 12)) translateY(calc(-50% + var(--base-font-size) * 6.98));transition:transform var(--page4-action-panel-slide-duration, .42s) ease-in-out}section#page4 .action_panel:not(.visible_panel){transform:translate(calc(-50% + 100vw + var(--base-font-size) * 8)) translateY(calc(-50% + var(--base-font-size) * 6.98))}section#page4 .action_hint{margin-bottom:calc(var(--base-font-size) * 1);color:var(--gray-font-color);font-size:calc(var(--base-font-size) * .82);line-height:1.4}section#page4 .action_button{--hold-progress: 0;position:relative;overflow:hidden;width:100%;margin-top:calc(var(--base-font-size) * .6);padding:calc(var(--base-font-size) * .55) calc(var(--base-font-size) * .8);background-color:transparent;border:1px solid var(--terminal-border-color);color:var(--system-font-color);font-size:calc(var(--base-font-size) * .88);text-align:left;transition:border-color .16s ease,color .16s ease,background-color .16s ease}section#page4 .action_button:before{content:"";position:absolute;inset:0 auto 0 0;width:calc(var(--hold-progress) * 100%);background-color:color-mix(in srgb,var(--action-font-color) 28%,transparent);transition:width 40ms linear;z-index:0}section#page4 .action_button:after{content:"";position:absolute;inset:0;border-right:1px solid color-mix(in srgb,var(--action-font-color) 80%,transparent);transform:translate(calc(var(--hold-progress) * 100% - 100%));opacity:clamp(0,var(--hold-progress),1);transition:transform 40ms linear,opacity 40ms linear;z-index:0}section#page4 .action_button>*{position:relative;z-index:1}section#page4 .action_button:hover{border-color:var(--action-font-color);color:var(--action-font-color);background-color:color-mix(in srgb,var(--action-font-color) 8%,transparent)}aside.setting{height:100vh;width:100vw;position:absolute;inset:0}aside.setting.hidden_surface{visibility:hidden;pointer-events:none}aside.setting *{color:var(--system-font-color)}aside.setting .block{width:calc(var(--base-font-size) * 50);height:calc(var(--base-font-size) * 30);position:absolute;top:50%;left:50%;transform:translate(calc(-50% + 100vw + var(--base-font-size) * 8)) translateY(-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;transition:transform .42s ease-in-out}aside.setting .block.centered_setting{transform:translate(-50%) translateY(-50%)}aside.setting .block div.title{width:55%;font-size:calc(var(--base-font-size) * 1.5);font-weight:700;text-align:center;position:relative;transform:translateY(-50%)}aside.setting .block div:not(.title){position:relative;width:55%;display:flex}aside.setting .block div:not(.title).jump,aside.setting .block div:not(.title).system,aside.setting .block div:not(.title).theme,aside.setting .block div:not(.title).language,aside.setting .block div:not(.title).local{margin-bottom:5px;padding:5px 0;transform:translate(16px)}:is(aside.setting .block div:not(.title).jump,aside.setting .block div:not(.title).system,aside.setting .block div:not(.title).theme,aside.setting .block div:not(.title).language,aside.setting .block div:not(.title).local).action .action{background-color:var(--success-font-color)!important;color:#000}:is(aside.setting .block div:not(.title).jump,aside.setting .block div:not(.title).system,aside.setting .block div:not(.title).theme,aside.setting .block div:not(.title).language,aside.setting .block div:not(.title).local).action .action .key{color:#000}:is(aside.setting .block div:not(.title).jump,aside.setting .block div:not(.title).system,aside.setting .block div:not(.title).theme,aside.setting .block div:not(.title).language,aside.setting .block div:not(.title).local).action:before{content:"▶";color:var(--action-font-color);font-size:calc(var(--base-font-size) * 1.3);position:absolute;height:20px;transform:translate(-28px) translateY(-6px)}:is(aside.setting .block div:not(.title).jump,aside.setting .block div:not(.title).system,aside.setting .block div:not(.title).theme,aside.setting .block div:not(.title).language,aside.setting .block div:not(.title).local).action:after{content:"◀";color:var(--action-font-color);font-size:calc(var(--base-font-size) * 1.3);position:absolute;height:20px;transform:translate(493px) translateY(-6px)}:is(aside.setting .block div:not(.title).jump,aside.setting .block div:not(.title).system,aside.setting .block div:not(.title).theme,aside.setting .block div:not(.title).language,aside.setting .block div:not(.title).local) .action{background-color:var(--action-font-color);color:#000}:is(aside.setting .block div:not(.title).jump,aside.setting .block div:not(.title).system,aside.setting .block div:not(.title).theme,aside.setting .block div:not(.title).language,aside.setting .block div:not(.title).local) .action .key{color:#000}aside.setting .block div:not(.title).reset{display:flex;justify-content:center}aside.setting .block div:not(.title).action button{background-color:var(--error-font-color);color:var(--system-bg-color);border:2px solid var(--error-font-color)}aside.setting .block div:not(.title) button{width:93%;font-size:16px;background-color:transparent;border-radius:3px;border:2px solid color-mix(in srgb,var(--error-font-color) 60%,transparent);font-weight:700;transition:all .2s;color:var(--system-font-color)}aside.setting .block div:not(.title) div.sub_title{min-width:120px;max-width:120px}aside.setting .block div:not(.title) div.options{width:100%;display:flex;justify-content:left}aside.setting .block div:not(.title) div.options *{transition:all .2s;cursor:pointer}aside.setting .block div:not(.title) div.options * .key{color:var(--gray-font-color)}aside.setting .block div:not(.title) div.options div{width:33%;display:block!important;margin:0 5px 0 0}aside.setting .block div.guidance{text-align:center;display:flex;justify-content:center;transform:translateY(20px);color:var(--gray-font-color)}.menu_terminal{width:calc(var(--base-font-size) * 50);height:calc(var(--base-font-size) * 30);position:absolute;left:50%;top:50%;transform:translate(-50%) translateY(-50%);transition:transform .42s ease-in-out;overflow:visible;white-space:nowrap;contain:layout;isolation:isolate;backface-visibility:hidden}.menu_terminal.setting_shift_left{transform:translate(calc(-50% - 100vw - var(--base-font-size) * 8)) translateY(-50%)}.logo{text-align:left;position:absolute;left:50%;top:50%;transform:translate(-50%) translateY(calc(-50% - var(--base-font-size) * 6))}.menu{position:absolute;left:50%;top:50%;transform:translate(-50%) translateY(calc(-50% + var(--base-font-size) * 6));display:flex;flex-direction:column;height:calc(var(--base-font-size) * 7);width:calc(var(--base-font-size) * 12);overflow:visible;white-space:nowrap;justify-content:space-between}.menu button{text-align:left;display:inline-block;background-color:transparent;border:0px solid transparent;color:var(--system-font-color);width:100%;height:calc(1.5 * var(--base-font-size));cursor:pointer}.menu button.hidden_menu_item,.version.hidden_menu_item{visibility:hidden;pointer-events:none}.menu button span.key{color:var(--gray-font-color)}.menu button.action{color:var(--action-font-color)}.menu button.action:before{content:"▶ ";position:absolute;color:var(--action-font-color);transform:translate(calc(-1 * var(--base-font-size)))}.version{color:var(--gray-font-color);position:absolute;left:50%;top:50%;transform:translate(-50%) translateY(calc(-50% + var(--base-font-size) * 12))}.menu_terminal .guidance{text-align:center;color:var(--gray-font-color);position:absolute;left:50%;top:50%;transform:translate(-50%) translateY(calc(-50% + var(--base-font-size) * 17));overflow:visible;white-space:nowrap}.menu_terminal.clear_menu_frame{opacity:0;visibility:hidden;pointer-events:none}header.hidden_surface{visibility:hidden;pointer-events:none}.warning{position:absolute;width:100vw;height:100vh;background-color:var(--system-bg-color);z-index:100;display:none}.warning .block{width:450px;position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);text-align:center;padding:10px;border:4px double var(--system-font-color)}.warning .block div{color:var(--system-font-color)}@media(max-width:1279px),(max-height:880px){.warning{display:block!important}}