.tut{--bg:#17181b;--panel:#222428;--panel-2:#2b2d32;--line:#33363c;--fg:#f1f1f3;--muted:#a3a6ad;--dim:#73767e;--accent:#ff7100;--on-accent:#1a0b00;--font:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--fg);color-scheme:dark;font-family:var(--font);font-size:16px;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}.tut a{color:var(--accent)}.tut a:focus-visible,.tut button:focus-visible,.tut input:focus-visible{border-radius:6px;outline:2px solid var(--accent);outline-offset:2px}.tut .wrap{margin:0 auto;max-width:1240px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.tut .top{background:#24262b;border-bottom:1px solid var(--line);position:sticky;top:env(safe-area-inset-top,0);z-index:10}.tut .top .wrap{gap:16px;min-height:60px}.tut .brand,.tut .top .wrap{align-items:center;display:flex}.tut .brand{color:var(--fg);font-size:19px;font-weight:800;gap:9px;text-decoration:none}.tut .brand svg.logo{height:24px;width:auto}.tut .brand span{color:var(--accent)}.tut .brand em{color:#d8d9dd;font-style:normal;font-weight:500}.tut .links{display:flex;flex-wrap:wrap;gap:4px;margin-left:auto}.tut .links a{align-items:center;color:#d8d9dd;display:flex;font-size:14px;font-weight:500;gap:7px;padding:8px 10px;text-decoration:none}.tut .links a:hover{color:#fff}.tut .links .fa-solid{font-size:13px}@media (max-width:560px){.tut .links a span{display:none}.tut .links a{padding:8px}}.tut .layout{align-items:start;display:grid;gap:28px;grid-template-columns:290px minmax(0,1fr);padding-block:24px 56px}@media (max-width:860px){.tut .layout{grid-template-columns:minmax(0,1fr)}}.tut .side{display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 100px);overflow:auto;padding-right:4px;position:sticky;top:calc(84px + env(safe-area-inset-top,0px))}@media (max-width:860px){.tut .side{max-height:none;position:static}}.tut .search{display:block;position:relative}.tut .search .fa-solid{color:var(--dim);font-size:13px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.tut .search input{background:#fff;border:1px solid var(--line);border-radius:6px;color:#111;font:500 14px var(--font);min-height:40px;padding:0 12px 0 34px;width:100%}.tut .topics{display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;padding:0}.tut .topic>a{align-items:start;border-radius:6px;color:#e2e3e7;display:grid;font-size:15px;gap:10px;grid-template-columns:20px minmax(0,1fr);line-height:1.4;padding:9px 10px;text-decoration:none}.tut .topic>a:hover{background:#ffffff0a}.tut .topic>a .fa-solid{color:#cfd0d5;font-size:14px;justify-self:center;margin-top:3px}.tut .topic.active>a{background:#34363c;color:#fff}.tut .topic .soon{color:var(--dim);display:block;font-size:12px;font-weight:600}.tut .chapters{display:flex;flex-direction:column;gap:2px;list-style:none;margin:4px 0 6px 22px;padding:0}.tut .chapters a{align-items:baseline;border-radius:5px;color:#d0d1d6;display:flex;font-size:14px;gap:8px;line-height:1.35;padding:6px 8px;text-decoration:none}.tut .chapters a:hover{background:#ffffff0a}.tut .chapters a.on{background:#2f3136;color:#fff}.tut .chapters b{background:#3a3c42;border-radius:4px;color:#e6e6ea;flex:none;font-size:11px;font-variant-numeric:tabular-nums;font-weight:700;padding:1px 6px}.tut .home{align-items:center;display:flex;flex-direction:column;gap:10px;padding-top:8px;text-align:center}.tut .home img{height:min(52vh,440px);-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent);max-width:100%;width:auto}.tut .home .mark{align-items:center;display:flex;flex-direction:column;margin-top:-56px;position:relative}.tut .home .mark b{font-size:clamp(40px,6vw,60px);font-weight:800;letter-spacing:-.01em;line-height:1}.tut .home .mark b span{color:var(--accent)}.tut .home .mark i{font-size:clamp(30px,4.5vw,44px);font-style:normal;font-weight:800;line-height:1.05}.tut .home h1{font-size:22px;margin:16px 0 0}.tut .home p{color:var(--muted);font-size:17px;margin:0;max-width:44ch}.tut .article{display:flex;flex-direction:column;gap:18px;min-width:0}.tut .article h1{font-size:24px;line-height:1.25;margin:0}.tut .article .sub{color:#cfd0d5;font-size:17px;margin:2px 0 0}.tut .video{aspect-ratio:16/9;background:#0e0f11 50%/cover;border:1px solid var(--line);border-radius:4px;display:grid;max-width:100%;overflow:hidden;place-items:center;text-align:center}.tut .video div{align-items:center;color:var(--muted);display:flex;flex-direction:column;gap:8px;padding:16px}.tut .video .fa-solid,.tut .video .fa-solid svg{color:var(--accent);font-size:34px;height:34px;width:34px}.tut .panel{background:var(--panel);border-radius:4px}.tut .panel h2{align-items:center;border-bottom:1px solid var(--line);display:flex;font-size:15px;gap:8px;margin:0;padding:12px 16px}.tut .panel .body{color:#d6d7db;padding:14px 16px}.tut .sec{scroll-margin-top:90px}.tut .sec h3{align-items:baseline;display:flex;font-size:17px;gap:10px;margin:0 0 6px}.tut .sec h3 b{background:#3a3c42;border-radius:4px;font-size:12px;font-variant-numeric:tabular-nums;font-weight:700;padding:1px 7px}.tut .sec ol,.tut .sec p{margin:0;max-width:72ch}.tut .sec ol{padding-left:22px}.tut .sec+.sec{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.tut .tag{background:#ff71001f;border-radius:4px;color:var(--accent);display:inline-block;font-size:12px;font-weight:700;margin-left:8px;padding:1px 8px;vertical-align:middle}.tut .btn{align-items:center;background:var(--accent);border-radius:6px;color:var(--on-accent);display:inline-flex;font-size:14px;font-weight:700;gap:8px;margin-top:10px;min-height:40px;padding:0 14px;text-decoration:none}.tut .empty{color:var(--muted);padding:12px 4px}.tut footer{background:#24262b;border-top:1px solid var(--line);color:#cfd0d5;font-size:14px;text-align:center}.tut footer .wrap{display:flex;flex-direction:column;gap:10px;padding-block:20px}.tut footer nav{display:flex;flex-wrap:wrap;gap:4px 14px;justify-content:center}.tut footer a{color:#5db7f0;text-decoration:none}.tut footer a:hover{text-decoration:underline}