.nav a.cur{color:#fff;background:var(--r)}
.tut{padding-top:clamp(40px,6vw,70px)}
.tut .head{margin-bottom:30px}.tut .head h1{font-size:clamp(32px,4.4vw,52px);line-height:1.08;letter-spacing:-.03em;font-weight:800}
.tut .head p{color:var(--dim);font-size:18px;margin-top:14px}
.dtabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:34px}
.dtab{display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 18px 0 14px;border-radius:999px;border:0;background:var(--card);color:#d6d6dc;font:inherit;font-weight:600;font-size:15px;cursor:pointer;transition:.15s}
.dtab svg{width:20px;height:20px;fill:none;stroke:var(--r);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dtab:hover{background:var(--card2);color:#fff}.dtab.on{background:var(--r);color:#fff}.dtab.on svg{stroke:#fff}
.tgrid{display:grid;grid-template-columns:1.35fr 1fr;gap:24px;align-items:start}
.tvid{position:sticky;top:100px}
.vwrap{position:relative;border-radius:22px;overflow:hidden;background:#0e0e11;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.vwrap video{display:block;width:100%;aspect-ratio:16/9;background:#0e0e11}
.vcap{position:absolute;left:50%;bottom:58px;transform:translateX(-50%);max-width:88%;background:rgba(0,0,0,.78);color:#fff;font-size:15px;font-weight:600;line-height:1.4;text-align:center;padding:9px 16px;border-radius:12px;pointer-events:none}
.vcap:empty{display:none}
.tmeta{display:flex;align-items:center;gap:12px;margin-top:14px;padding:0 6px}
.tmeta b{font-size:20px}
.badge{font-size:12.5px;font-weight:700;padding:5px 12px;border-radius:999px}
.badge.soon{background:rgba(255,196,0,.14);color:#ffc83d}.badge.ok{background:rgba(46,160,90,.18);color:#5fd394}
.tside h2{font-size:24px;margin:4px 0 16px}
.tlist{list-style:none;display:flex;flex-direction:column;gap:10px}
.tlist li{display:flex;gap:14px;align-items:flex-start;background:var(--card);border-radius:18px;padding:16px 18px;cursor:pointer;transition:background .15s,box-shadow .15s}
.tlist li:hover{background:#222228}
.tlist li.on{box-shadow:inset 0 0 0 2px var(--r);background:#231d1f}
.tlist li b{flex:none;width:32px;height:32px;border-radius:50%;background:var(--card2);display:grid;place-items:center;font-size:14px}
.tlist li.on b{background:var(--r)}
.tlist li.inst{cursor:default;background:linear-gradient(120deg,rgba(217,52,43,.14),var(--card) 60%)}
.tlist li.inst b{background:var(--r)}.tlist li.inst svg{width:17px;height:17px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.tlist h4{font-size:15.5px;margin-bottom:2px}
.tlist p{color:#c4c4cc;font-size:15px;line-height:1.5}
.tlist a,.fmore p a{color:#fff;text-decoration:underline;text-decoration-color:var(--r);text-underline-offset:3px}
.tips{display:flex;gap:16px;background:var(--card);border-radius:20px;padding:20px;margin-top:16px}
.tips .ic{margin:0;width:44px;height:44px;border-radius:14px}.tips .ic svg{width:22px;height:22px}
.tips h3{font-size:16px;margin-bottom:4px}.tips p{color:var(--dim);font-size:15px}
@media(max-width:960px){.tgrid{grid-template-columns:1fr}.tvid{position:static}.vcap{font-size:13px;bottom:52px}}
@media(max-width:600px){.vcap{display:none}}