*{box-sizing:border-box;margin:0;padding:0}*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-weight:400}ul,ol{list-style:none}a,li{color:inherit;text-decoration:none}button,input{font:inherit}textarea:focus,input:focus{outline:none}@font-face{font-family:ZCOOLQingKeHuangYou-Regular;src:url(/assets/ZCOOLQingKeHuangYou-Regular.b92b125d.ttf);font-display:swap}@font-face{font-family:Silkscreen-Regular;src:url(/assets/Silkscreen-Regular.7c76024d.ttf)}@font-face{font-family:NotoSansSC-Regular;src:url(/assets/NotoSansSC-Regular.a2b93e6c.otf);font-display:swap}:root{font-family:-apple-system,Noto Sans,Helvetica Neue,Helvetica,Nimbus Sans L,Arial,Liberation Sans,PingFang SC,Hiragino Sans GB,Noto Sans CJK SC,Source Han Sans SC,Source Han Sans CN,Microsoft YaHei,Wenquanyi Micro Hei,WenQuanYi Zen Hei,ST Heiti,SimHei,WenQuanYi Zen Hei Sharp,sans-serif}.light-color-mode,.light-color-mode .switch-color-mode-button-wrapper{filter:invert(1) hue-rotate(.5turn)}.top-nav-wrapper[data-v-bde80bec]{display:flex;background:#111;justify-content:center;padding:6px 0}.top-nav-wrapper>.top-nav-inner-wrapper[data-v-bde80bec]{width:688px;display:flex;align-items:center;justify-content:space-between}.top-nav-wrapper>.top-nav-inner-wrapper>.top-nav-title[data-v-bde80bec]{display:flex}.top-nav-wrapper>.top-nav-inner-wrapper>.top-nav-title>.css3-svg[data-v-bde80bec]{height:60px;margin-right:24px}.top-nav-wrapper>.top-nav-inner-wrapper>.top-nav-title>h1[data-v-bde80bec]{color:#fff;font-family:ZCOOLQingKeHuangYou-Regular;font-size:48px;display:flex;align-items:center}.top-nav-wrapper>.top-nav-inner-wrapper>.switch-color-mode-button-wrapper[data-v-bde80bec]{background-color:#222;width:55px;height:30px;border-radius:30px;position:relative}.top-nav-wrapper>.top-nav-inner-wrapper>.switch-color-mode-button-wrapper>.sun-svg[data-v-bde80bec]{position:absolute;top:50%;left:2px;height:20px;transform:translateY(-50%)}.top-nav-wrapper>.top-nav-inner-wrapper>.switch-color-mode-button-wrapper>.moon-svg[data-v-bde80bec]{position:absolute;top:50%;right:2px;height:20px;transform:translateY(-50%)}.top-nav-wrapper>.top-nav-inner-wrapper>.switch-color-mode-button-wrapper>.switch-color-mode-button[data-v-bde80bec]{z-index:1;position:absolute;left:0;top:0;width:30px;height:30px;border-radius:30px;border:none;transition:left .5s ease-in-out}.top-nav-wrapper>.top-nav-inner-wrapper>.switch-color-mode-button-wrapper>.switch-color-mode-button[data-v-bde80bec]:hover{outline:3px solid #5e8df0}.top-nav-wrapper>.top-nav-inner-wrapper>.switch-color-mode-button-wrapper>.switch-color-mode-button.left[data-v-bde80bec]{left:0}.top-nav-wrapper>.top-nav-inner-wrapper>.switch-color-mode-button-wrapper>.switch-color-mode-button.right[data-v-bde80bec]{left:25px}@media (max-width: 700px){.top-nav-wrapper>.top-nav-inner-wrapper[data-v-bde80bec]{padding-left:12px;padding-right:12px}.top-nav-wrapper>.top-nav-inner-wrapper>.top-nav-title>.css3-svg[data-v-bde80bec]{height:40px;margin-right:16px}.top-nav-wrapper>.top-nav-inner-wrapper>.top-nav-title>h1[data-v-bde80bec]{font-size:32px}.top-nav-wrapper>.top-nav-inner-wrapper>.switch-color-mode-button-wrapper[data-v-bde80bec]{width:45px;height:25px;border-radius:25px}.top-nav-wrapper>.top-nav-inner-wrapper>.switch-color-mode-button-wrapper>.switch-color-mode-button[data-v-bde80bec]{position:absolute;width:25px;height:25px;border-radius:25px}.top-nav-wrapper>.top-nav-inner-wrapper>.switch-color-mode-button-wrapper>.switch-color-mode-button.right[data-v-bde80bec]{left:20px}}.usage-introduction-wrapper[data-v-4eb83feb]{display:flex;justify-content:center;align-items:center;color:#fff;padding:0 12px}.usage-introduction-wrapper .usage-introduction[data-v-4eb83feb]{max-width:688px;flex-grow:1;flex-shrink:1;border:2px solid #222;border-radius:4px;padding:12px 6px;background:#111;line-height:1.5em}.usage-introduction-wrapper .usage-introduction summary[data-v-4eb83feb]{font-weight:700}.usage-introduction-wrapper .usage-introduction .usage-introduction-content[data-v-4eb83feb]{padding:12px 16px 0}.usage-introduction-wrapper .usage-introduction .usage-introduction-content div:first-child .hint-arrow-svg[data-v-4eb83feb]{vertical-align:text-top;height:1em}.css-answer-wrapper[data-v-f66d894a]{display:flex}.css-answer-wrapper .css-answer[data-v-f66d894a]{flex-grow:1;display:flex;flex-direction:column}.css-answer-wrapper .css-answer .answer-status-hint[data-v-f66d894a]{white-space:pre-wrap;display:flex;align-items:center;padding:0 12px;font-size:16px}.css-answer-wrapper .css-answer .answer-status-hint .correct[data-v-f66d894a]{color:#5d9e53}.css-answer-wrapper .css-answer .answer-status-hint .correct code[data-v-f66d894a]{background:#111;border:1px solid #222;padding:2px 6px;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace}.css-answer-wrapper .css-answer .answer-status-hint .wrong[data-v-f66d894a]{color:#d47d7d}.css-answer-wrapper .css-answer .submit-answer-form[data-v-f66d894a]{display:flex;padding:6px 12px}.css-answer-wrapper .css-answer .submit-answer-form .answer-input[data-v-f66d894a]{background-color:#111;color:#fff;border:1px solid #222;border-radius:4px;padding:12px;font-size:16px;margin-right:6px;width:270px}.css-answer-wrapper .css-answer .submit-answer-form .answer-input.answer-correct[data-v-f66d894a]{border:1px solid #5d9e53}.css-answer-wrapper .css-answer .submit-answer-form .answer-input.answer-invalid[data-v-f66d894a]{border:1px solid #a82e25}.css-answer-wrapper .css-answer .submit-answer-form .submit-button[data-v-f66d894a]{font-size:16px;padding:12px 4px;border-radius:4px;border:none;min-width:60px;color:#fff;background-color:#4e8ff7}.css-answer-wrapper .css-answer .submit-answer-form .submit-button[data-v-f66d894a]:hover{background-color:#2f6eeb;cursor:pointer}@media (max-width: 700px){.css-answer-wrapper .css-answer .submit-answer-form .answer-input[data-v-f66d894a]{width:calc(100vw - 90px)}}.css-question-wrapper[data-v-e48a5e62]{display:flex;flex-direction:column;padding:0 12px}.css-question-wrapper .question-display[data-v-e48a5e62]{margin-bottom:6px;display:flex}.css-question-wrapper .question-display .question-hint-arrow[data-v-e48a5e62],.css-question-wrapper .question-display .question-code[data-v-e48a5e62]{padding-top:12px;padding-bottom:12px}.css-question-wrapper .question-display .question-hint-arrow[data-v-e48a5e62]{display:flex;flex-direction:column;align-items:center;background-color:#2d2d2d;border-radius:2px;margin-right:2px;padding-left:8px;padding-right:8px}.css-question-wrapper .question-display .question-hint-arrow .hint-arrow-svg[data-v-e48a5e62]{margin-top:5px;height:16px;margin-bottom:1px}.css-question-wrapper .question-display .question-hint-arrow .invisible-hint-placeholder[data-v-e48a5e62]{height:20px;margin-bottom:6px}.css-question-wrapper .question-display .question-code[data-v-e48a5e62]{flex-grow:1;max-width:302px;white-space:pre-wrap;display:flex;overflow:auto;flex-direction:column;background-color:#2d2d2d;border-radius:2px;padding-left:12px;padding-right:12px}.css-question-wrapper .question-display .question-code>.question-code-line span[data-v-e48a5e62]{min-width:max-content;height:26px;color:#ccc;display:flex;align-items:center;font-size:16px;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace}.css-question-wrapper .question-display .question-code>.question-code-line span>.tag[data-v-e48a5e62]{color:#d47d7d}.css-question-wrapper .question-display .question-code>.question-code-line.correct-selected[data-v-e48a5e62]{background:#4c6444}.css-question-wrapper .question-display .question-code>.question-code-line.wrong-selected[data-v-e48a5e62]{background:#63322c}.css-question-wrapper .question-hint[data-v-e48a5e62]{color:#ccc;display:flex}.css-question-wrapper .question-hint>.text-hint[data-v-e48a5e62]{position:relative;margin-right:12px}.css-question-wrapper .question-hint>.text-hint[data-v-e48a5e62]:hover{color:#fff}.css-question-wrapper .question-hint>.text-hint>.text-hint-svg[data-v-e48a5e62]{height:1em;vertical-align:text-top}.css-question-wrapper .question-hint>.text-hint>.text-hint-content[data-v-e48a5e62]{letter-spacing:0ch;width:32ch;word-break:normal;font-family:NotoSansSC-Regular;position:absolute;font-size:16px;top:30px;left:0;background-color:#2d2d2d;border-radius:4px;padding:6px;color:#fff;z-index:1;display:flex;justify-content:center}.css-question-wrapper .question-hint>.link-hint[data-v-e48a5e62]:hover{color:#fff}.css-question-wrapper .question-hint>.link-hint>.link-hint-svg[data-v-e48a5e62]{height:1em;vertical-align:text-top}.css-question-wrapper .question-hint>.placeholder-hint[data-v-e48a5e62]{visibility:hidden}@media (max-width: 700px){.css-question-wrapper .question-display .question-code[data-v-e48a5e62]{max-width:100%}}@media (max-width: 360px){.css-question-wrapper .question-hint>.text-hint>.text-hint-content[data-v-e48a5e62]{width:calc(100vw - 24px)}}.question-title-wrapper[data-v-9176b2fd]{min-width:260px;display:flex;align-items:center;justify-content:space-between;color:#fff}.question-title-wrapper .question-title[data-v-9176b2fd]{display:flex;align-items:center}.question-title-wrapper .question-title .box-svg[data-v-9176b2fd]{height:20px;margin-right:16px}.question-title-wrapper .question-title.completed[data-v-9176b2fd]{color:#5d9e53}.question-title-wrapper .time-used[data-v-9176b2fd]{color:#ccc;font-weight:light;word-break:break-all}.question-title-wrapper .time-used-placeholder[data-v-9176b2fd]{visibility:hidden;word-break:break-all}@media (max-width: 340px){.question-title-wrapper[data-v-9176b2fd]{min-width:calc(100vw - 76px)}}.sidebar-wrapper[data-v-a21a930f]{padding:6px 12px}.sidebar-wrapper .sidebar[data-v-a21a930f]{border-left:4px solid #222;padding:16px 36px 16px 16px;background-color:#111}.sidebar-wrapper .sidebar>li[data-v-a21a930f]{margin-bottom:12px;font-size:16px}.sidebar-wrapper .sidebar>li>.answering[data-v-a21a930f]{font-weight:bolder;font-size:20px}.timer-wrapper[data-v-079bb1ea]{padding:0 12px}.timer-wrapper .timer[data-v-079bb1ea]{color:#fff;font-family:Silkscreen-Regular;font-size:36px;display:flex;align-items:center;justify-content:center;border:2px solid #222;border-radius:4px;background-color:#111;position:relative}.timer-wrapper .timer-jump[data-v-079bb1ea]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#5d9e53;animation:timer-jump-animation-079bb1ea 1s ease-in}@keyframes timer-jump-animation-079bb1ea{0%{transform:translate(-50%,-50%);opacity:1}to{transform:translate(-50%,-50%) translateY(-48px);opacity:0}}footer[data-v-ca095be7]{background-color:#111;color:#fff;display:flex;justify-content:center;padding-top:16px;padding-bottom:16px}footer>a[data-v-ca095be7]{color:#4e8ff7}footer>a[data-v-ca095be7]:hover{color:#2f6eeb}.content-wrapper[data-v-b6a7b16e]{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;min-width:100vw;max-width:100vw;background-color:#000}.content-wrapper .main-content[data-v-b6a7b16e]{flex-shrink:0;flex-grow:1;border-bottom:1px solid #222;border-top:1px solid #222;padding-top:24px;display:flex;flex-direction:column}.content-wrapper .main-content .usage-introduction[data-v-b6a7b16e]{margin-bottom:12px}.content-wrapper .main-content .answer-question-timer-and-sidebar[data-v-b6a7b16e]{display:flex;justify-content:center}.content-wrapper .main-content .answer-question-timer-and-sidebar .answer-and-question[data-v-b6a7b16e]{margin-right:12px}.content-wrapper .main-content .answer-question-timer-and-sidebar .answer-and-question .answer[data-v-b6a7b16e],.content-wrapper .main-content .answer-question-timer-and-sidebar .timer-and-sidebar .timer[data-v-b6a7b16e]{margin-bottom:12px}@media (max-width: 700px){.content-wrapper .main-content .answer-question-timer-and-sidebar[data-v-b6a7b16e]{flex-direction:column;justify-content:flex-start}.content-wrapper .main-content .answer-question-timer-and-sidebar .answer-and-question[data-v-b6a7b16e]{margin-right:0;margin-bottom:24px}.content-wrapper .main-content .answer-question-timer-and-sidebar .answer-and-question .answer[data-v-b6a7b16e],.content-wrapper .main-content .answer-question-timer-and-sidebar .timer-and-sidebar .timer[data-v-b6a7b16e]{margin-bottom:6px}}