.tut{position:fixed;top:var(--tut-top, 58px);left:12px;z-index:46;width:296px;max-height:calc(100% - var(--tut-top, 58px) - 14px);display:flex;flex-direction:column;background:#0c0a16f0;border:1px solid rgba(255,255,255,.15);box-shadow:0 14px 40px #0000008c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:11px;line-height:1.55;color:#ffffffb8;-webkit-user-select:none;user-select:none}.tut-head{display:flex;align-items:center;gap:8px;flex:none;padding:8px 8px 8px 12px;border-bottom:1px solid rgba(255,255,255,.1)}.tut.folded .tut-head{border-bottom:0}.tut-title{font-size:11px;font-weight:700;letter-spacing:.16em;color:#ffffff8c}.tut-count{margin-left:auto;font-size:10px;color:#5ee1ff;letter-spacing:.06em}.tut-fold{width:22px;height:22px;flex:none;padding:0;border:1px solid rgba(255,255,255,.22);background:#00000059;color:#fffc;font:inherit;font-size:13px;line-height:1;cursor:pointer}.tut-fold:hover{border-color:#ffffff80;color:#fff}.tut-body{overflow-y:auto;padding:10px 12px 12px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent}.tut.folded .tut-body{display:none}.tut-body::-webkit-scrollbar{width:8px}.tut-body::-webkit-scrollbar-track{background:transparent}.tut-body::-webkit-scrollbar-thumb{background:#ffffff38;border:2px solid transparent;background-clip:padding-box;border-radius:4px}.tut-bar{height:2px;margin:0 0 10px;background:#ffffff1a}.tut-bar i{display:block;width:0;height:100%;background:#5ee1ff;box-shadow:0 0 8px #5ee1ff99;transition:width .25s}.tut-lede{margin:0 0 12px;color:#ffffff8c}.tut-steps{margin:0;padding:0;list-style:none}.tut-step{display:flex;gap:9px;padding:7px 0;border-top:1px solid rgba(255,255,255,.07)}.tut-step:first-child{border-top:0}.tut-mark{flex:none;width:17px;height:17px;margin-top:1px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.22);font-size:9px;color:#ffffff80}.tut-text{min-width:0}.tut-text b{color:#fff9;font-weight:700}.tut-say{margin:4px 0 0;display:none}.tut-note{margin:5px 0 0;font-size:10px;color:#8cffdcd9}.tut-step.now .tut-mark{border-color:#5ee1ffa6;color:#5ee1ff;box-shadow:0 0 10px #5ee1ff40}.tut-step.now .tut-text b{color:#eae6ff}.tut-step.now .tut-say{display:block;color:#ffffffad}.tut-step.done .tut-mark{border-color:#8cffdc80;color:#8cffdce6}.tut-step.done .tut-text b{color:#fff6;text-decoration:line-through;text-decoration-color:#ffffff40}.tut-step.todo .tut-text b{color:#ffffff61}.tut b,.tut-done b{font-weight:700}.tut i{font-style:normal;color:#8cffdce6}.tut kbd{display:inline-block;min-width:15px;padding:1px 5px;border:1px solid rgba(255,255,255,.28);border-radius:3px;background:#ffffff12;color:#fff;font:inherit;font-size:10px;text-align:center}.tut-done{margin:10px 0 0;padding:11px 12px;border:1px solid rgba(140,255,220,.35);background:#8cffdc0f}.tut-done p{margin:0 0 8px}.tut-done p:last-of-type{margin-bottom:10px}.tut-done b{color:#eae6ff}.tut-next{color:#ffffff8c}.tut-acts{display:flex;flex-wrap:wrap;gap:6px}.tut-btn{flex:1 1 auto;height:30px;padding:0 10px;border:1px solid rgba(255,255,255,.25);background:#0c0a16b3;color:#ddd;font:inherit;font-size:11px;cursor:pointer}.tut-btn:hover{border-color:#ffffff80;color:#fff}.tut-btn.go{border-color:#5ee1ff80;color:#5ee1ff}.tut-btn.go:hover{border-color:#5ee1ff;background:#5ee1ff29}.tut-foot{display:flex;flex-wrap:wrap;gap:4px 12px;margin:11px 0 0;padding-top:9px;border-top:1px solid rgba(255,255,255,.08);font-size:10px}.tut-foot a{color:#ffffff73;text-decoration:none;cursor:pointer}.tut-foot a:hover{color:#5ee1ff}@media (max-width: 760px){.tut{left:8px;right:8px;width:auto;max-height:min(46%,calc(100% - var(--tut-top, 58px) - 60px))}}