.lp-guide-mask {
     position: fixed;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     background: rgba(17, 17, 17, .55);
     backdrop-filter: saturate(1.2) blur(1px);
     z-index: 2000
 }

 .lp-guide-pop {
     position: fixed;
     max-width: 360px;
     background: #fff;
     border: 1px solid #e5e7eb;
     border-radius: 12px;
     box-shadow: 0 12px 28px rgba(0, 0, 0, .12);
     padding: 14px 16px;
     z-index: 2001
 }

 .lp-guide-title {
     font-weight: 700;
     color: #111827;
     margin-bottom: 4px
 }

 .lp-guide-desc {
     color: #6b7280;
     font-size: 14px;
     line-height: 1.5
 }

 .lp-guide-actions {
     display: flex;
     gap: 8px;
     margin-top: 12px
 }

 .lp-guide-btn {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     border-radius: 8px;
     padding: 8px 12px;
     text-decoration: none;
     font-weight: 600;
     cursor: pointer
 }

 .lp-guide-btn.primary {
     background: #FF002B;
     color: #fff;
     border: 1px solid transparent
 }

 .lp-guide-btn.secondary {
     background: #f8fafc;
     color: #111827;
     border: 1px solid #e5e7eb
 }

 .lp-guide-progress {
     margin-top: 8px;
     font-size: 12px;
     color: #6b7280
 }

 .lp-guide-highlight {
     position: absolute;
     border: 2px solid #FF002B;
     border-radius: 10px;
     box-shadow: 0 0 0 6px rgba(255, 0, 43, .15);
     z-index: 2002;
     background: transparent;
     pointer-events: none
 }

 .lp-guide-trigger {
     position: fixed;
     right: 22px;
     bottom: 22px;
     background: #FF002B;
     color: #fff;
     border: none;
     border-radius: 9999px;
     padding: 10px 14px;
     font-weight: 700;
     box-shadow: 0 10px 24px rgba(0, 0, 0, .18);
     z-index: 2004;
     cursor: pointer
 }

 @media (max-width:480px) {
     .lp-guide-pop {
         max-width: 92vw;
         padding: 12px
     }

     .lp-guide-desc {
         font-size: 13px
     }
 }