:root{--vcurrent-bg: color-mix(in srgb, var(--color-accent-upd) 22%, #fff)}.vhub{margin-top:56px}.vhub__stage{position:relative;aspect-ratio:16 / 9;border-radius:14px;overflow:hidden;background:#1a1f3d;border:1px solid var(--color-line);box-shadow:0 24px 56px -10px #1c1c1f38}.vhub__poster{all:unset;position:absolute;inset:0;cursor:pointer;display:grid;place-items:center}.vhub__poster[hidden]{display:none}.vhub__poster:focus-visible{outline:3px solid var(--color-accent-upd);outline-offset:-3px}.vhub__poster-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.2,.7,.3,1)}.vhub__poster:hover .vhub__poster-img{transform:scale(1.02)}.vhub__shade{position:absolute;inset:0;background:linear-gradient(180deg,#06256e0d 40%,#06256eb8)}.vhub__meta{position:absolute;left:28px;bottom:24px;right:28px;display:flex;flex-direction:column;gap:6px;color:#fff;text-align:left}.vhub__kicker{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;color:#cfe0ff}.vhub__title{font-size:22px;font-weight:800;line-height:1.4;text-wrap:pretty}.video__play{position:relative;z-index:1;width:78px;height:78px;border-radius:50%;background:#fffffff5;display:grid;place-items:center;box-shadow:0 12px 32px #00000052;transition:transform .2s}.video__play:after{content:"";border-style:solid;border-width:14px 0 14px 24px;border-color:transparent transparent transparent var(--color-brand-blue);margin-left:6px}.vhub__poster:hover .video__play{transform:scale(1.06)}.vhub__frame{position:absolute;inset:0}.vhub__frame[hidden]{display:none}.vhub__frame iframe{width:100%;height:100%;border:0;display:block}.vhub__caption{margin:14px 0 0;text-align:center;font-size:12.5px;color:var(--color-mute)}.vhub__rail{position:relative;margin-top:20px}.vhub__list{position:relative;list-style:none;margin:0;padding:4px 2px 6px;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 36px)/4);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.vhub__list::-webkit-scrollbar{display:none}.vhub__list>li{scroll-snap-align:center;min-width:0}.vhub.has-overflow:not(.at-end) .vhub__rail:after{content:"";position:absolute;top:0;right:0;bottom:0;width:56px;pointer-events:none;background:linear-gradient(90deg,#fff0,#fff 85%)}.vhub__arrow{position:absolute;top:calc(50% - 30px);z-index:2;width:36px;height:36px;border-radius:50%;border:1px solid var(--color-line);background:#fff;color:var(--color-brand-blue);font-size:20px;line-height:1;cursor:pointer;box-shadow:0 6px 16px -6px #0a369d4d;display:grid;place-items:center;padding-bottom:2px}.vhub__arrow--prev{left:-14px}.vhub__arrow--next{right:-14px}.vhub__arrow:hover{border-color:var(--color-brand-blue)}.vhub__arrow[hidden]{display:none}.vthumb{all:unset;box-sizing:border-box;width:100%;cursor:pointer;display:flex;flex-direction:column;gap:6px;border-radius:12px;padding:6px 6px 10px;transition:background .15s}.vthumb:hover{background:var(--color-bg-soft)}.vthumb:focus-visible{outline:2px solid var(--color-accent-upd);outline-offset:2px}.vthumb__img{position:relative;aspect-ratio:16 / 9;border-radius:9px;overflow:hidden;background:var(--color-bg-paper-2)}.vthumb__img img{width:100%;height:100%;object-fit:cover;display:block}.vthumb__dur{position:absolute;right:6px;bottom:6px;font-family:var(--font-mono);font-size:10.5px;font-weight:700;color:#fff;background:#0c1028c7;padding:2px 6px;border-radius:4px}.vthumb__kicker{font-size:10.5px;font-weight:700;color:var(--color-mute);padding:0 2px}.vthumb__title{font-size:12.5px;font-weight:700;line-height:1.5;color:var(--color-ink);padding:0 2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vthumb[aria-pressed=true]{background:var(--vcurrent-bg)}.vthumb[aria-pressed=true] .vthumb__kicker{color:var(--color-brand-blue)}.vthumb__now{position:absolute;left:6px;top:6px;display:none;align-items:center;gap:2px;height:18px;padding:3px 6px;border-radius:4px;background:var(--color-brand-blue)}.vthumb__now i{width:3px;height:4px;background:#fff;border-radius:1px}.vthumb[aria-pressed=true] .vthumb__now{display:flex}.vhub.is-playing .vthumb[aria-pressed=true] .vthumb__now i{animation:vbars .9s ease-in-out infinite}.vhub.is-playing .vthumb[aria-pressed=true] .vthumb__now i:nth-child(2){animation-delay:.15s}.vhub.is-playing .vthumb[aria-pressed=true] .vthumb__now i:nth-child(3){animation-delay:.3s}@keyframes vbars{0%,to{height:4px}50%{height:12px}}.vhub__all{display:flex;width:fit-content;margin:18px auto 0;font-size:13.5px}@media (max-width: 760px){.vhub{margin-top:32px}.vhub__meta{left:16px;right:16px;bottom:14px}.vhub__title{font-size:16px}.video__play{transform:scale(.78)}.vhub__poster:hover .video__play{transform:scale(.82)}.vhub__list{grid-auto-columns:62%;margin:0 -16px;padding-left:16px;padding-right:16px;scroll-padding-left:16px}.vhub__arrow{display:none!important}.vhub.has-overflow:not(.at-end) .vhub__rail:after{display:none}}@media (prefers-reduced-motion: reduce){.vhub.is-playing .vthumb[aria-pressed=true] .vthumb__now i{animation:none;height:10px}}.feat-toc__video{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--color-brand-blue);text-decoration:none;padding:9px 6px}.feat-toc__video:hover{text-decoration:underline}.feat-toc__video:before{content:"";width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent currentColor}.vbadge{position:absolute;top:30px;left:30px;z-index:4;display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:11.5px;font-weight:800;color:var(--color-brand-blue);background:#fffffff5;border:1px solid var(--color-line);border-radius:999px;padding:5px 11px 5px 7px;cursor:pointer;box-shadow:0 4px 12px -4px #0a369d40;transition:background .15s,color .15s,border-color .15s}.vbadge__icon{width:16px;height:16px;border-radius:50%;background:var(--color-brand-blue);display:grid;place-items:center;transition:background .15s}.vbadge__icon:after{content:"";border-style:solid;border-width:3.5px 0 3.5px 6px;border-color:transparent transparent transparent #fff;margin-left:1.5px}.vbadge:hover{background:var(--color-brand-blue);color:#fff;border-color:var(--color-brand-blue)}.vbadge:hover .vbadge__icon{background:#fff}.vbadge:hover .vbadge__icon:after{border-left-color:var(--color-brand-blue)}.vbadge:focus-visible{outline:2px solid var(--color-accent-upd);outline-offset:2px}.vsec{padding:72px 0;background:var(--color-bg-paper);border-top:1px solid var(--color-line-2);scroll-margin-top:70px}.vgrid{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.vcard{all:unset;box-sizing:border-box;width:100%;height:100%;cursor:pointer;display:flex;flex-direction:column;background:#fff;border:1px solid var(--color-line);border-radius:14px;overflow:hidden;transition:border-color .15s,transform .15s,box-shadow .15s}.vcard:hover{border-color:var(--color-brand-blue);transform:translateY(-2px);box-shadow:0 12px 24px -12px #145ac833}.vcard:focus-visible{outline:2px solid var(--color-accent-upd);outline-offset:2px}.vcard__img{position:relative;aspect-ratio:16 / 9;background:var(--color-bg-paper-2)}.vcard__img img{width:100%;height:100%;object-fit:cover;display:block}.vcard__play{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:#fffffff2;box-shadow:0 8px 20px #00000040;display:grid;place-items:center;transition:transform .2s}.vcard__play:after{content:"";border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent var(--color-brand-blue);margin-left:3px}.vcard:hover .vcard__play{transform:scale(1.08)}.vcard__body{padding:14px 16px 18px;display:flex;flex-direction:column;gap:6px}.vcard__kicker{font-size:11px;font-weight:700;color:var(--color-mute)}.vcard__meta{font-size:11.5px;font-weight:700;color:var(--color-brand-blue)}.vcard__title{font-size:14.5px;font-weight:800;line-height:1.5;color:var(--color-ink)}@media (max-width: 900px){.vgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.vsec{padding:48px 0}.vgrid{grid-template-columns:1fr}}html.vmodal-lock{overflow:hidden}.vmodal{width:min(1120px,calc(100% - 56px));max-width:none;max-height:calc(100vh - 56px);margin:auto;padding:0;border:0;border-radius:14px;background:#fff;box-shadow:0 30px 80px -20px #00000073;overflow:auto}.vmodal[open]{animation:vrise .25s cubic-bezier(.2,.7,.3,1)}.vmodal::backdrop{background:#0a10289e;backdrop-filter:blur(3px)}@keyframes vrise{0%{opacity:0;transform:translateY(12px)}}.vmodal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px 14px}.vmodal__heading{display:flex;flex-direction:column;gap:4px;min-width:0}.vmodal__kicker{font-size:11.5px;font-weight:700;color:var(--color-brand-blue)}.vmodal__title{margin:0;font-size:20px;font-weight:800;line-height:1.45}.vmodal__close{flex-shrink:0;width:40px;height:40px;border-radius:50%;border:1px solid var(--color-line);background:#fff;cursor:pointer;display:grid;place-items:center}.vmodal__close span{position:relative;width:14px;height:14px}.vmodal__close span:before,.vmodal__close span:after{content:"";position:absolute;left:50%;top:50%;width:16px;height:2px;margin:-1px 0 0 -8px;background:var(--color-ink);border-radius:1px;transform:rotate(45deg)}.vmodal__close span:after{transform:rotate(-45deg)}.vmodal__close:hover{border-color:var(--color-ink)}.vmodal__body{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;padding:0 24px 20px}.vframe{border-radius:12px;overflow:hidden;border:1px solid var(--color-line);background:#fff;box-shadow:0 16px 36px -18px #0a369d59}.vframe__bar{display:flex;align-items:center;gap:12px;padding:9px 12px;background:var(--color-bg-soft);border-bottom:1px solid var(--color-line)}.vframe__dots{display:flex;gap:6px}.vframe__dots i{width:10px;height:10px;border-radius:50%;background:#d9dce6}.vframe__url{flex:1;min-width:0;font-family:var(--font-mono);font-size:11px;color:var(--color-mute);background:#fff;border:1px solid var(--color-line);border-radius:999px;padding:4px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vframe__ext{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--color-brand-blue);white-space:nowrap}.vframe__ext img{width:14px;height:14px}.vframe__screen{aspect-ratio:16 / 9;background:#0f1430}.vframe__screen iframe{width:100%;height:100%;border:0;display:block}.vmodal__main{min-width:0}.vnow{display:flex;align-items:center;gap:10px;margin:12px 0 0;font-size:13px;line-height:1.6;color:var(--color-ink)}.vnow[hidden]{display:none}.vnow__lbl{flex-shrink:0;font-size:10.5px;font-weight:800;color:#fff;background:var(--color-brand-blue);border-radius:4px;padding:2px 7px}.vnow__text{font-weight:600}.vchap[hidden]{display:none}.vchap__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.vchap__btn{all:unset;box-sizing:border-box;width:100%;cursor:pointer;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--color-line);border-radius:10px;font-size:13px;font-weight:700;color:var(--color-ink);transition:border-color .15s,background .15s}.vchap__btn:hover{border-color:var(--color-brand-blue)}.vchap__btn:focus-visible{outline:2px solid var(--color-accent-upd);outline-offset:2px}.vchap__no{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:800;color:var(--color-brand-blue);background:var(--color-accent-upd-soft)}.vchap__t{font-family:var(--font-mono);font-size:11px;color:var(--color-mute)}.vchap__btn[aria-current=step]{border-color:var(--color-brand-blue);background:var(--color-accent-upd-soft)}.vchap__btn[aria-current=step] .vchap__no{color:#fff;background:var(--color-brand-blue)}.vmodal__side{display:flex;flex-direction:column;gap:18px;min-width:0}.vmodal__desc{margin:0;font-size:13.5px;line-height:1.8;color:var(--color-ink-2)}.vmodal__label{margin:0 0 8px;font-size:11.5px;font-weight:800;color:var(--color-mute)}.vmodal__doc{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13.5px;font-weight:800;color:#fff;background:var(--btn-grad);border-radius:999px;padding:12px 18px;text-decoration:none}.vmodal__doc:after{content:"›";font-size:16px;line-height:1}.vmodal__doc:hover{filter:brightness(1.06);color:#fff}.vmodal__nav{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.vmodal__step{display:inline-flex;align-items:center;justify-content:center;gap:4px;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--color-ink-2);background:#fff;border:1px solid var(--color-line);border-radius:999px;padding:9px 10px;cursor:pointer}.vmodal__step:hover{border-color:var(--color-ink);color:var(--color-ink)}.vmodal__more{padding:16px 24px 22px;border-top:1px solid var(--color-line-2);background:var(--color-bg-soft)}.vmodal__others{position:relative;list-style:none;margin:0 -12px;padding:0 0 2px;display:grid;grid-auto-flow:column;grid-auto-columns:180px;gap:0;overflow-x:auto}.vmini{all:unset;box-sizing:border-box;width:100%;cursor:pointer;display:flex;flex-direction:column;gap:6px;height:100%;padding:12px;border-radius:10px;transition:background .15s}.vmini:hover{background:#0a369d0d}.vmini:focus-visible{outline:2px solid var(--color-accent-upd);outline-offset:2px;border-radius:8px}.vmini__img{position:relative;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:var(--color-bg-paper-2)}.vmini__img img{width:100%;height:100%;object-fit:cover;display:block}.vmini__title{font-size:11.5px;font-weight:700;line-height:1.5;color:var(--color-ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vmini[aria-pressed=true]{background:var(--vcurrent-bg)}.vmini[aria-pressed=true] .vmini__title{color:var(--color-brand-blue)}@media (max-width: 860px){.vmodal{width:100%;height:100%;max-height:none;border-radius:0}.vmodal__head{padding:14px 16px 10px;position:sticky;top:0;background:#fff;z-index:1}.vmodal__title{font-size:16px}.vmodal__body{grid-template-columns:1fr;gap:16px;padding:0 16px 16px}.vframe{border-radius:10px}.vframe__bar{padding:6px 10px}.vframe__dots,.vframe__ext{display:none}.vmodal__more{padding:14px 16px 24px}.vmodal__others{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}}@media (prefers-reduced-motion: reduce){.vmodal[open]{animation:none}}