.bl-hero{background:linear-gradient(90deg,rgba(14,8,40,.75) 0,rgba(14,8,40,.25) 48%,transparent 72%),linear-gradient(180deg,transparent 70%,var(--l5-deep) 100%),url(/lw5/blog/hero-bg.webp) 100%/cover no-repeat,#1A0B3A;padding-block:calc(var(--sec-y) * .6) calc(var(--sec-y) * .5)}.bl-hero .hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}.bl-hero h1{font-size:clamp(34px,4.4vw,60px);line-height:1.2}.bl-hero h1 .gold{padding-bottom:.12em}.bl-hero h1>span{display:block;white-space:nowrap}.bl-hero h1>span>span{display:inline}.bl-search{position:relative;display:flex;align-items:center;max-width:460px;margin-top:var(--space-8)}.bl-search svg{position:absolute;z-index:1;left:var(--space-5);width:18px;height:18px;color:var(--text-dim);pointer-events:none}.bl-search input{width:100%;height:56px;padding:0 var(--space-6) 0 52px;border-radius:var(--r-full);border:1px solid var(--border-bright);background:rgba(255,255,255,.06);backdrop-filter:blur(12px);color:#fff;font:400 var(--fs-body-sm)/1 var(--font-body);outline:none;transition:border-color .3s,background .3s}.bl-search input::placeholder{color:var(--text-dim)}.bl-search input:focus{border-color:var(--l5-violet-2);background:rgba(255,255,255,.1)}.bl-cats{display:flex;gap:var(--space-3);overflow-x:auto;scrollbar-width:none;padding:var(--space-1) 0 var(--space-2)}.bl-cats::-webkit-scrollbar{display:none}.bl-cat{display:inline-flex;align-items:center;gap:var(--space-2);flex:none;padding:var(--space-3) var(--space-5);border-radius:var(--r-md);background:#fff;border:1px solid var(--l5-line);color:var(--l5-ink);font:500 var(--fs-caption)/1 var(--font-body);cursor:pointer;transition:border-color .25s,box-shadow .25s,transform .25s}.bl-cat svg{width:18px;height:18px;color:var(--l5-violet)}.bl-cat:hover{border-color:rgba(124,58,237,.35);transform:translateY(-1px)}.bl-cat.is-on{background:var(--l5-grad-btn);border-color:transparent;color:#fff;box-shadow:var(--l5-glow-btn)}.bl-cat.is-on svg{color:#fff}.bl-cat[class*=c-]:not(.is-on) svg,.bl-topics svg[class*=c-]{color:var(--ic)}.card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--l5-line);border-radius:var(--r-lg);overflow:hidden;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}.card,.card:hover{color:var(--l5-ink)}.card:hover{transform:translateY(-4px);box-shadow:0 24px 44px -24px rgba(76,29,149,.45)}.card__img{position:relative;aspect-ratio:16/9;overflow:hidden}.card__img img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.16,1,.3,1)}.card:hover .card__img img{transform:scale(1.05)}.card__body{flex:1;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-5) var(--space-5)}.card__body h3{font-size:var(--fs-body);font-weight:700;letter-spacing:-.01em;line-height:1.35;text-wrap:balance}.card:hover .card__go{background:var(--l5-violet);color:#fff;border-color:transparent}.bl-more{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-caption);font-weight:600;color:var(--l5-violet)}.bl-more svg{width:14px;height:14px}.bl-empty{display:none;margin-top:var(--space-6);padding:var(--space-10);text-align:center;border:1px dashed rgba(124,58,237,.3);border-radius:var(--r-lg);color:var(--l5-ink-dim)}.bl-empty.is-on{display:block}@media (max-width:1100px){.bl-hero .hero__grid{grid-template-columns:minmax(0,1fr)}.bl-hero__art{max-width:620px;margin:0 auto}}@media (max-width:860px){.bl-search{margin-inline:auto}}.gd-hero .bl-hero__art img{width:100%;margin-left:0;max-width:560px;margin-inline:auto}.gd-body{background:var(--l5-light);color:var(--l5-ink);padding-top:var(--space-10)}.gd-cats{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:var(--space-3)}.gd-cats .bl-cat{flex-direction:column;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-2);text-align:center;line-height:1.3;font-size:var(--fs-micro)}.gd-cats .bl-cat svg{width:24px;height:24px}.gd-sec{margin-top:var(--space-16)}.gd-sec:first-of-type{margin-top:var(--space-12)}.gd-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4)}.gd-head h2{font-size:clamp(22px,2.2vw,28px)}.gd-head p{margin-top:var(--space-2);font-size:var(--fs-caption);color:var(--l5-ink-dim)}.gd-feat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);margin-top:var(--space-6)}.gd-play{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--l5-grad-btn);color:#fff;box-shadow:var(--l5-glow-btn);transition:transform .3s}.gd-play svg{width:22px;height:22px;margin-left:3px}.card:hover .gd-play{transform:scale(1.1)}.gd-dur{position:absolute;right:var(--space-3);bottom:var(--space-3);padding:3px var(--space-2);border-radius:var(--r-sm);background:rgba(10,6,30,.75);font:500 var(--fs-micro)/1.4 var(--font-mono);color:#fff}.card__body p{font-size:var(--fs-caption);line-height:1.55;color:var(--l5-ink-dim)}.gd-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-10);margin-top:var(--space-6);padding:0}.gd-step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding:var(--space-6) var(--space-5);background:#fff;border:1px solid var(--l5-line);border-radius:var(--r-lg)}.gd-step:not(:last-child):after{content:"→";position:absolute;right:calc(var(--space-10) / -2);top:50%;translate:50% -50%;font-size:22px;color:var(--l5-violet)}.gd-step__n{position:absolute;left:var(--space-4);top:var(--space-4);padding:2px var(--space-2);border-radius:var(--r-sm);background:rgba(124,58,237,.1);font:700 var(--fs-caption)/1.4 var(--font-display);color:var(--l5-violet)}.gd-step svg{width:44px;height:44px;margin:var(--space-3) 0 var(--space-2);color:var(--ic)}.gd-step h3{font-size:var(--fs-body-sm);font-weight:700;letter-spacing:0}.gd-step p{font-size:var(--fs-caption);line-height:1.5;color:var(--l5-ink-dim)}.gd-topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-6)}.gd-topic{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:#fff;border:1px solid var(--l5-line);border-radius:var(--r-lg);color:var(--l5-ink);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s}.gd-topic:hover{color:var(--l5-ink);transform:translateY(-4px);box-shadow:0 20px 36px -22px rgba(76,29,149,.4)}.gd-topic__ic{display:grid;place-items:center;width:52px;height:52px;flex:none;border-radius:var(--r-md);background:color-mix(in oklab,var(--ic) 12%,#fff);color:var(--ic)}.gd-topic__ic svg{width:26px;height:26px}.gd-topic h3{font-size:var(--fs-body-sm);font-weight:700;letter-spacing:0}.gd-topic p{margin-top:2px;font-size:var(--fs-caption);line-height:1.45;color:var(--l5-ink-dim)}.gd-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3) var(--space-5);margin-top:var(--space-6);align-items:start}.gd-q{background:#fff;border:1px solid var(--l5-line);border-radius:var(--r-md);transition:border-color .2s}.gd-q[open]{border-color:rgba(124,58,237,.4)}.gd-q summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);font-size:var(--fs-body-sm);font-weight:500;cursor:pointer;list-style:none}.gd-q summary::-webkit-details-marker{display:none}.gd-q i{position:relative;width:14px;height:14px;flex:none}.gd-q i:after,.gd-q i:before{content:"";position:absolute;left:0;top:6px;width:14px;height:2px;border-radius:2px;background:var(--l5-violet);transition:transform .3s}.gd-q i:after{transform:rotate(90deg)}.gd-q[open] i:after{transform:rotate(0)}.gd-q p{padding:0 var(--space-5) var(--space-5);font-size:var(--fs-caption);line-height:1.6;color:var(--l5-ink-dim)}.gd-body{padding-bottom:var(--space-20)}.gd-hide{display:none!important}@media (max-width:1100px){.gd-cats{display:flex;overflow-x:auto;scrollbar-width:none}.gd-cats .bl-cat{flex:none;min-width:120px}.gd-steps,.gd-topics{grid-template-columns:repeat(2,minmax(0,1fr))}.gd-step:nth-child(2):after{display:none}}@media (max-width:860px){.gd-faq,.gd-feat{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.gd-steps,.gd-topics{grid-template-columns:minmax(0,1fr)}.gd-step:after{display:none}.gd-head{flex-direction:column;align-items:flex-start}}.gd-feat .card__img{background:radial-gradient(70% 80% at 50% 50%,#3B1A7A,#14082E)}.gd-feat .card__img img{object-fit:contain;padding:var(--space-4)}.gd-feat .card__img{background:#fff}.gd-feat .card__img img{padding:var(--space-3)}.gd-feat .card__img{background:var(--l5-deep)}.gd-feat .card__img img{object-fit:cover;padding:0}.gd-hero{background:linear-gradient(90deg,rgba(10,6,30,.9) 0,rgba(10,6,30,.55) 30%,rgba(10,6,30,0) 52%),linear-gradient(180deg,transparent 75%,rgba(14,8,40,.55)),url(/lw5/guides/hero-bg.webp) 100%/cover no-repeat,var(--l5-deep);min-height:clamp(440px,38vw,600px);display:flex;align-items:center}.gd-hero>.wrap{width:100%}.gd-hero .bl-hero__art{visibility:hidden}@media (max-width:1100px){.gd-hero .bl-hero__art{display:none}.gd-hero{background:linear-gradient(90deg,rgba(10,6,30,.92) 0,rgba(10,6,30,.75) 55%,rgba(10,6,30,.3) 90%),url(/lw5/guides/hero-bg.webp) 75%/cover no-repeat,var(--l5-deep)}}