.ka .crumb{color:var(--muted);font-size:12.5px;font-family:var(--font-ui);flex-wrap:wrap;align-items:center;gap:8px;padding:22px 0 4px;display:flex}.ka .crumb a:hover{color:var(--accent)}.ka .crumb .sep{opacity:.5}.ka .crumb .current{color:var(--ink-2)}.ka .detail-grid{grid-template-columns:1fr 360px;align-items:start;gap:30px;padding-top:18px;display:grid}.ka .course-head{position:relative}.ka .course-head:before{content:"";background:radial-gradient(circle at 70% 30%, var(--accent-glow), transparent 70%);filter:blur(18px);pointer-events:none;z-index:-1;width:420px;max-width:60%;height:260px;position:absolute;top:-30px;right:-50px}.ka .course-head h1{letter-spacing:-.025em;text-wrap:balance;margin:14px 0 12px;font-size:33px;font-weight:800;line-height:1.22}.ka .course-head .sub{color:var(--ink-2);max-width:640px;font-size:15px}.ka .head-meta{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:18px;margin-top:16px;font-size:13.5px;display:flex}.ka .head-meta .mi{align-items:center;gap:6px;display:inline-flex}.ka .head-instr{align-items:center;gap:8px;display:inline-flex}.ka .head-instr .ava{background:linear-gradient(135deg, var(--warm-line), var(--accent-line));color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:grid}.ka .preview{aspect-ratio:16/9;background:radial-gradient(130% 120% at 12% 12%, color-mix(in srgb, var(--accent) 30%, var(--surface)), transparent 58%), radial-gradient(130% 120% at 88% 92%, color-mix(in srgb, var(--signal) 26%, var(--surface)), transparent 58%), linear-gradient(135deg, color-mix(in srgb, var(--accent) 14%, var(--surface)), color-mix(in srgb, var(--signal) 12%, var(--surface)));border:1px solid var(--border);border-radius:16px;place-items:center;margin:22px 0;display:grid;position:relative;overflow:hidden}.ka .preview img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ka .preview iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.ka .play-btn{z-index:1;cursor:pointer;background:#ffffffeb;border:none;border-radius:50%;place-items:center;width:74px;height:74px;transition:all .18s;display:grid;position:relative;box-shadow:0 10px 30px #080f1b47}.ka .play-btn:hover{transform:scale(1.06)}.ka .play-btn svg{width:26px;height:26px;color:var(--accent-line);fill:var(--accent-line);margin-left:3px}.ka .preview .pv-tag{z-index:1;font-family:var(--font-ui);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080f1b99;border-radius:7px;padding:5px 11px;font-size:11px;position:absolute;bottom:14px;left:14px}.ka .tab-panel{padding:26px}.ka .prose h2{letter-spacing:-.01em;margin:26px 0 12px;font-size:19px;font-weight:700}.ka .prose h2:first-child{margin-top:0}.ka .prose p{color:var(--ink-2);margin-bottom:12px}.ka .learn-grid{grid-template-columns:1fr 1fr;gap:12px 24px;margin:8px 0 6px;display:grid}.ka .learn-item{color:var(--ink-2);gap:10px;font-size:14px;display:flex}.ka .learn-item svg{width:18px;height:18px;color:var(--good);flex:none;margin-top:2px}.ka .tag-row{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.ka .curr-sum{color:var(--muted);font-size:13px;font-family:var(--font-ui);gap:18px;margin-bottom:16px;display:flex}.ka .chapter{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:12px;margin-bottom:10px;transition:transform .24s cubic-bezier(.2,.7,.2,1),box-shadow .24s;overflow:hidden}.ka .chapter:hover{box-shadow:var(--shadow-lift);transform:translateY(-4px)}.ka .chapter>summary{cursor:pointer;align-items:center;gap:12px;padding:15px 18px;font-size:14.5px;font-weight:600;list-style:none;display:flex}.ka .chapter>summary::-webkit-details-marker{display:none}.ka .chapter .chev{width:18px;height:18px;color:var(--muted);flex:none;transition:all .2s}.ka .chapter[open] .chev{transform:rotate(180deg)}.ka .chapter .ch-meta{font-family:var(--font-ui);color:var(--muted);margin-left:auto;font-size:11.5px;font-weight:400}.ka .lesson{border-top:1px solid var(--border);color:var(--ink-2);align-items:center;gap:12px;padding:12px 18px 12px 20px;font-size:13.5px;display:flex}.ka .lesson svg{width:16px;height:16px;color:var(--muted);flex:none}.ka .lesson .ls-dur{font-family:var(--font-ui);color:var(--muted);margin-left:auto;font-size:11.5px}.ka .instr-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;align-items:flex-start;gap:18px;padding:20px;transition:transform .24s cubic-bezier(.2,.7,.2,1),box-shadow .24s;display:flex}.ka .instr-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-4px)}.ka .instr-card .ava-lg{background:linear-gradient(135deg, var(--warm-line), var(--accent-line));color:#fff;border-radius:16px;flex:none;place-items:center;width:72px;height:72px;font-size:26px;font-weight:800;display:grid}.ka .instr-card h3{font-size:18px;font-weight:700}.ka .instr-card .role{color:var(--accent);font-size:13px;font-family:var(--font-ui);margin:3px 0 10px}.ka .instr-card p{color:var(--ink-2);font-size:14px}.ka .review-list{flex-direction:column;gap:10px;display:flex}.ka .review-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 18px}.ka .review-stars{color:var(--warn);letter-spacing:1px;margin-bottom:6px;font-size:13px}.ka .review-text{color:var(--ink-2);margin:0 0 8px;font-size:14px;line-height:1.6}.ka .review-by{color:var(--muted);font-size:12.5px;font-family:var(--font-ui)}.ka .enroll{position:sticky;top:82px}.ka .enroll .price-box{padding:22px}.ka .price-now{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.ka .price-now .p{letter-spacing:-.02em;font-size:30px;font-weight:800}.ka .price-now .old{color:var(--muted);font-size:15px;text-decoration:line-through}.ka .save-tag{color:var(--warm);background:var(--warm-glow);font-size:12px;font-family:var(--font-ui);border-radius:7px;align-items:center;gap:6px;margin-top:8px;padding:4px 10px;display:inline-flex}.ka .plan-list{flex-direction:column;gap:8px;margin:16px 0;display:flex}.ka .plan-opt{border:1px solid var(--border);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 13px;font-size:13.5px;display:flex}.ka .plan-opt.active{border-color:var(--accent);background:var(--accent-glow)}.ka .plan-opt .lbl{font-weight:600}.ka .plan-opt .pr{font-family:var(--font-ui);font-size:13px}.ka .enroll-btns{flex-direction:column;gap:10px;margin:18px 0;display:flex}.ka .incl{border-top:1px solid var(--border);padding-top:16px}.ka .incl h4{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:11px}.ka .incl-item{color:var(--ink-2);align-items:center;gap:10px;padding:6px 0;font-size:13.5px;display:flex}.ka .incl-item svg{width:17px;height:17px;color:var(--accent);flex:none}.ka .guarantee{border-top:1px solid var(--border);color:var(--muted);align-items:center;gap:8px;margin-top:14px;padding-top:14px;font-size:12px;display:flex}.ka .guarantee svg{width:16px;height:16px;color:var(--good);flex:none}.ka .rel-sec{padding-top:8px}.ka .sec-title{letter-spacing:-.01em;margin-bottom:20px;font-size:20px;font-weight:700}.ka .rel-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.ka .rel-card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;transition:transform .2s,box-shadow .2s;overflow:hidden}.ka .rel-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-4px)}.ka .rel-cover{aspect-ratio:16/9;background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 20%, var(--surface)), color-mix(in srgb, var(--signal) 18%, var(--surface)));border-bottom:1px solid var(--border);place-items:center;display:grid;overflow:hidden}.ka .rel-cover img{object-fit:cover;width:100%;height:100%}.ka .rel-body{padding:14px 16px 16px}.ka .rel-body .cat{font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:10px}.ka .rel-body h4{margin:6px 0 10px;font-size:14.5px;font-weight:700;line-height:1.35}.ka .rel-body .r{justify-content:space-between;align-items:center;font-size:13px;display:flex}.ka .rel-body .r .price{font-weight:800}@media (max-width:960px){.ka .detail-grid{grid-template-columns:1fr}.ka .enroll{position:static}.ka .rel-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.ka .learn-grid,.ka .rel-grid{grid-template-columns:1fr}.ka .course-head h1{font-size:23px}}