.vlframe{border:1px solid var(--vl-line);background:var(--vl-canvas-2);box-shadow:var(--vl-shadow);border-radius:16px;overflow:hidden}.vlframe-bar{background:linear-gradient(180deg, #fdfdff 0%, var(--vl-canvas) 100%);border-bottom:1px solid var(--vl-line);align-items:center;gap:6px;padding:9px 14px;display:flex}.vlframe-bar:after{content:"";flex:none;width:42px}.vlframe-dot{background:var(--vl-line);border-radius:999px;width:10px;height:10px}.vlframe-dot:first-child{background:#ff5f57}.vlframe-dot:nth-child(2){background:#febc2e}.vlframe-dot:nth-child(3){background:#28c840}.vlframe-url{color:var(--vl-muted);white-space:nowrap;text-overflow:ellipsis;background:#14122b0b;border:1px solid #14122b0d;border-radius:7px;margin:0 auto;padding:3px 14px;font-size:12px;font-weight:550;overflow:hidden}.vlframe img{width:100%;height:auto;display:block}.vlg-grid{grid-template-columns:repeat(3,1fr);gap:clamp(16px,3vw,28px);margin-top:clamp(28px,4vw,44px);display:grid}@media (max-width:920px){.vlg-grid{grid-template-columns:1fr;max-width:520px;margin-inline:auto}}.vlg-item{flex-direction:column;min-width:0;display:flex}.vlg-item .vlframe{transition:transform .18s,box-shadow .18s}.vlg-item:hover .vlframe{box-shadow:var(--vl-shadow-lg,0 18px 50px #18182129);transform:translateY(-4px)}.vlg-cap{margin:14px 2px 0}.vlg-cap-title{color:var(--vl-ink);letter-spacing:-.01em;font-size:15px;font-weight:650;display:block}.vlg-cap-body{color:var(--vl-muted);margin-top:4px;font-size:13.5px;line-height:1.55;display:block}.vlfp-steps{gap:14px;margin:0;padding:0;list-style:none;display:grid}.vlfp-step{color:var(--vl-ink);align-items:flex-start;gap:12px;font-size:15px;line-height:1.55;display:flex}.vlfp-step-num{background:var(--vl-violet-soft);width:26px;height:26px;color:var(--vl-violet-deep);border-radius:999px;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.vlg-lead{max-width:760px;margin:clamp(28px,4vw,44px) auto 0}.vlg-lead .vlframe-url{font-size:12.5px}