.hg-overlay{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.88);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;padding:20px}.hg-modal{max-width:920px;width:100%;background:linear-gradient(160deg,#0f1219 0,#151926 40%,#12141f 100%);border-radius:20px;border:1px solid rgba(99,102,241,.12);margin:20px auto;animation:hgSlideIn .35s cubic-bezier(.4,0,.2,1);box-shadow:0 32px 64px rgba(0,0,0,.5),0 0 0 1px rgba(99,102,241,.08) inset}@keyframes hgSlideIn{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}.hg-header{position:sticky;top:0;z-index:10;background:linear-gradient(135deg,rgba(15,18,25,.98),rgba(21,25,38,.98));backdrop-filter:blur(16px);border-radius:20px 20px 0 0;padding:20px 28px 0;border-bottom:1px solid rgba(99,102,241,.1)}.hg-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.hg-logo-area{display:flex;align-items:center;gap:12px}.hg-logo-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;box-shadow:0 4px 16px rgba(99,102,241,.4)}.hg-title{margin:0;font-size:1.25rem;font-weight:800;color:#fff;letter-spacing:-.3px}.hg-subtitle{margin:2px 0 0;font-size:.72rem;color:#64748b;font-weight:500}.hg-close{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#94a3b8;width:34px;height:34px;border-radius:10px;font-size:1.2rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.hg-close:hover{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3);color:#ef4444}.hg-tabs{display:flex;gap:2px;overflow-x:auto;padding-bottom:0;scrollbar-width:none}.hg-tabs::-webkit-scrollbar{display:none}.help-tab{background:0 0;border:none;border-bottom:2px solid transparent;color:#64748b;padding:10px 12px;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;display:flex;align-items:center;gap:5px}.help-tab i{font-size:.65rem}.help-tab:hover{color:#cbd5e1}.help-tab.active{color:#818cf8;border-bottom-color:#6366f1;background:rgba(99,102,241,.06)}.hg-body{padding:24px 28px 28px}.help-section{animation:hgFade .3s ease}@keyframes hgFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hg-hero{position:relative;overflow:hidden;border-radius:16px;padding:36px 28px;text-align:center;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.08),rgba(6,182,212,.06));border:1px solid rgba(99,102,241,.12);margin-bottom:24px}.hg-hero-glow{position:absolute;top:-60%;left:50%;transform:translateX(-50%);width:300px;height:200px;background:radial-gradient(circle,rgba(99,102,241,.2) 0,transparent 70%);pointer-events:none}.hg-hero-content{position:relative}.hg-hero-badge{display:inline-block;padding:4px 14px;border-radius:20px;background:rgba(99,102,241,.2);border:1px solid rgba(99,102,241,.3);color:#818cf8;font-size:.65rem;font-weight:800;letter-spacing:1.5px;margin-bottom:12px}.hg-hero-title{margin:0;color:#fff;font-size:1.4rem;font-weight:800}.hg-hero-desc{margin:8px 0 0;color:#94a3b8;font-size:.82rem}.hg-pipeline{display:flex;align-items:center;justify-content:center;gap:0;margin:24px 0;flex-wrap:wrap}.hg-pipe-step{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:80px}.hg-pipe-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--c1),var(--c2));display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;box-shadow:0 4px 12px rgba(0,0,0,.3);transition:transform .2s}.hg-pipe-step:hover .hg-pipe-icon{transform:translateY(-3px) scale(1.05)}.hg-pipe-num{font-size:.6rem;font-weight:800;color:#64748b;background:rgba(255,255,255,.06);width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.hg-pipe-label{font-size:.68rem;font-weight:700;color:#cbd5e1}.hg-pipe-line{width:32px;height:2px;background:linear-gradient(90deg,rgba(99,102,241,.3),rgba(139,92,246,.15));margin:0 -2px;margin-bottom:32px;border-radius:1px}.hg-callout{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:12px;margin-top:16px;font-size:.8rem;color:#d1d5db;line-height:1.6}.hg-callout i{font-size:1rem;flex-shrink:0;margin-top:2px}.hg-callout small{opacity:.6;font-size:.72rem}.hg-callout.blue{background:rgba(59,130,246,.06);border:1px solid rgba(59,130,246,.12)}.hg-callout.blue i{color:#60a5fa}.hg-callout.green{background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.12)}.hg-callout.green i{color:#34d399}.hg-callout.amber{background:rgba(245,158,11,.06);border:1px solid rgba(245,158,11,.12)}.hg-callout.amber i{color:#fbbf24}.hg-callout.purple{background:rgba(139,92,246,.06);border:1px solid rgba(139,92,246,.12)}.hg-callout.purple i{color:#a78bfa}.hg-callout.red{background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.12)}.hg-callout.red i{color:#f87171}.hg-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.hg-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);color:#94a3b8;font-size:.72rem;font-weight:600}.hg-chip i{font-size:.65rem;color:#818cf8}.hg-chip.new{border-color:rgba(16,185,129,.3);color:#34d399}.hg-chip.new i{color:#34d399}.hg-sec-title{color:#fff;font-size:1.1rem;font-weight:800;margin:0 0 4px;display:flex;align-items:center;gap:8px;letter-spacing:-.2px}.hg-sec-title i{color:#818cf8;font-size:.9rem}.hg-sec-desc{color:#64748b;font-size:.8rem;margin:0 0 20px;line-height:1.5}.hg-sub-title{color:#e2e8f0;font-size:.92rem;font-weight:700;margin:24px 0 6px;display:flex;align-items:center;gap:6px}.hg-sub-title i{color:#818cf8;font-size:.78rem}.hg-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:680px){.hg-grid{grid-template-columns:1fr}.hg-pipeline{gap:2px}.hg-pipe-step{min-width:60px}.hg-pipe-line{width:16px}.hg-tips{grid-template-columns:1fr 1fr}}.hg-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:12px;overflow:hidden;transition:border-color .2s}.hg-card:hover{border-color:rgba(99,102,241,.15)}.hg-card.full{grid-column:1/-1}.hg-card-head{padding:10px 14px;background:rgba(255,255,255,.015);border-bottom:1px solid rgba(255,255,255,.04)}.hg-card-body{padding:10px 14px;color:#cbd5e1;font-size:.78rem;line-height:1.7}.hg-card-body p{margin:0 0 4px;color:#94a3b8}.hg-card-body ul{margin:0;padding-left:16px}.hg-card-body li{margin-bottom:3px}.hg-card-body strong{color:#e2e8f0}.hg-hint{color:#f59e0b;font-size:.72rem;margin-top:6px}.hg-badge{display:inline-block;padding:3px 10px;border-radius:6px;font-size:.7rem;font-weight:700}.hg-badge.blue{background:rgba(59,130,246,.15);color:#60a5fa}.hg-badge.purple{background:rgba(139,92,246,.15);color:#a78bfa}.hg-badge.pink{background:rgba(236,72,153,.15);color:#f472b6}.hg-badge.green{background:rgba(16,185,129,.15);color:#34d399}.hg-badge.orange{background:rgba(245,158,11,.15);color:#fbbf24}.hg-badge.cyan{background:rgba(6,182,212,.15);color:#22d3ee}.hg-badge.indigo{background:rgba(99,102,241,.15);color:#818cf8}.hg-badge.gray{background:rgba(148,163,184,.12);color:#94a3b8}.hg-new-badge{display:inline-block;padding:1px 6px;border-radius:4px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.55rem;font-weight:800;letter-spacing:.5px;vertical-align:middle;margin-left:4px}.hg-mockup{border:1px solid rgba(99,102,241,.12);border-radius:12px;overflow:hidden;margin:16px 0;background:rgba(0,0,0,.2)}.hg-mockup-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.05);font-size:.8rem;color:#cbd5e1;font-weight:600}.hg-mockup-meta{color:#64748b;font-size:.72rem;font-weight:400}.hg-mockup-code{padding:16px;font-size:.78rem;color:#64748b;line-height:1.8;font-family:'JetBrains Mono',monospace}.hg-wf-list{display:flex;flex-direction:column;gap:10px}.hg-wf-item{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;background:rgba(255,255,255,.015);border:1px solid rgba(255,255,255,.04);border-radius:12px;transition:all .2s}.hg-wf-item:hover{background:rgba(255,255,255,.03);border-color:rgba(99,102,241,.12)}.hg-wf-num{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:.82rem;flex-shrink:0}.hg-wf-main{flex:1;min-width:0}.hg-wf-main p{margin:6px 0 4px;color:#94a3b8;font-size:.78rem;line-height:1.6}.hg-wf-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;background:linear-gradient(135deg,var(--bg1),var(--bg2));color:#fff;font-size:.78rem;font-weight:700}.hg-wf-time{color:#64748b;font-size:.7rem;display:inline-flex;align-items:center;gap:4px}.hg-tips{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hg-tip{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);border-top:3px solid var(--tc);border-radius:0 0 12px 12px;padding:16px;text-align:center;transition:all .2s}.hg-tip:hover{background:rgba(255,255,255,.04);transform:translateY(-2px)}.hg-tip-icon{font-size:1.6rem;margin-bottom:6px}.hg-tip h4{color:#fff;margin:0 0 6px;font-size:.82rem}.hg-tip p{color:#94a3b8;font-size:.74rem;line-height:1.5;margin:0}.hg-tip strong{color:#e2e8f0}.wz-help-btn{background:rgba(99,102,241,.12);border:1px solid rgba(99,102,241,.25);color:#818cf8;padding:6px 14px;border-radius:8px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:5px}.wz-help-btn:hover{background:rgba(99,102,241,.2);border-color:rgba(99,102,241,.4)}
.hg-step-card{display:flex;gap:16px;padding:20px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:16px;margin-bottom:14px;transition:all .2s}.hg-step-card:hover{background:rgba(255,255,255,.04);border-color:rgba(99,102,241,.15)}.hg-step-card.hg-step-highlight{background:rgba(239,68,68,.04);border-color:rgba(239,68,68,.15)}.hg-step-card.hg-step-highlight:hover{background:rgba(239,68,68,.07)}.hg-step-num-big{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--sc),color-mix(in srgb,var(--sc) 70%,#000));display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:900;flex-shrink:0;box-shadow:0 4px 16px rgba(0,0,0,.3)}.hg-step-content{flex:1;min-width:0}.hg-step-title{color:#fff;font-size:1.05rem;font-weight:800;margin:0 0 6px}.hg-step-desc{color:#94a3b8;font-size:.85rem;margin:0 0 12px;line-height:1.6}.hg-step-desc strong{color:#e2e8f0}.hg-step-mockup{margin:10px 0;padding:12px 16px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.06);border-radius:12px}.hg-mock-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:.85rem;font-weight:700;cursor:default}.hg-mock-arrow{color:#fbbf24;font-size:.8rem;font-weight:700;margin-top:8px;animation:hgBounce 1.5s infinite}.hg-mock-textarea{padding:14px;background:rgba(255,255,255,.03);border:1px dashed rgba(99,102,241,.3);border-radius:10px}@keyframes hgBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}.hg-step-checklist{display:flex;flex-direction:column;gap:8px}.hg-check-item{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);border-radius:10px}.hg-check-icon{font-size:1.3rem;flex-shrink:0;margin-top:2px}.hg-check-item strong{color:#e2e8f0;font-size:.85rem}.hg-check-sub{color:#64748b;font-size:.78rem}.hg-step-tip{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px 14px;background:rgba(245,158,11,.06);border:1px solid rgba(245,158,11,.12);border-radius:10px;font-size:.78rem;color:#fbbf24;line-height:1.5}.hg-step-tip strong{color:#fbbf24}.hg-step-buttons{display:flex;flex-direction:column;align-items:center;gap:0;margin:10px 0}.hg-exec-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--bg);color:#fff;border-radius:10px;font-size:.9rem;font-weight:700;width:100%;max-width:320px;position:relative}.hg-exec-num{width:24px;height:24px;background:rgba(255,255,255,.25);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:900}.hg-exec-arrow{color:#64748b;font-size:.9rem;padding:4px 0}@media(max-width:680px){.hg-step-card{flex-direction:column;gap:10px}.hg-step-num-big{width:40px;height:40px;font-size:1.2rem;border-radius:12px}}