.promo-overlay{z-index:9999;pointer-events:none;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.promo-content{pointer-events:auto;width:85%}.promo-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:#0000;border:0;width:100%;padding:0;display:block;position:relative}.promo-img{object-fit:contain;border-radius:.5rem;width:100%;height:auto;display:block}.promo-tags{flex-wrap:wrap;gap:.2rem;display:flex;position:absolute;top:.3rem;left:.3rem}.promo-mark-tag{color:#fff;white-space:nowrap;background-color:#00000080;border-radius:.25rem;padding:.1rem .3rem;font-size:.7rem}.promo-brand-tag{color:#fff;white-space:nowrap;background-color:#ff5000;border-radius:.25rem;padding:.1rem .3rem;font-size:.7rem}.promo-title{color:#fff;background-color:#00000080;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem;padding:.3rem .6rem;font-size:.85rem;font-weight:500;line-height:1.3;position:absolute;bottom:0;left:0;right:0}.promo-close{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:#00000080;border-radius:9999px;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.8rem;transition:background-color .15s;display:flex;position:absolute;top:.3rem;right:.3rem}.promo-close:hover{background-color:#000000b3}
.iframe-view{width:100%;height:100%;position:relative}.iframe-view iframe{border:none;width:100%;height:100%}
.wechat-guide{background-color:#f9fafb;width:100%;height:100%;overflow:auto}.wechat-guide-inner{flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:3rem 0;display:flex}.wechat-guide-title{color:#111827;font-size:1.25rem;font-weight:700}.wechat-guide-subtitle{color:#6b7280;margin-top:.75rem;font-size:.875rem}.guide-phone{width:14rem;margin-top:3.5rem;position:relative}.guide-phone-frame{background-color:#fff;border:8px solid #111827;border-radius:1.5rem;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.guide-phone-bar{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.guide-phone-dots{align-items:center;gap:.375rem;display:flex}.guide-dot{border-radius:9999px;width:.5rem;height:.5rem}.guide-dot-red{background-color:#f87171}.guide-dot-yellow{background-color:#facc15}.guide-dot-green{background-color:#4ade80}.guide-phone-menu{letter-spacing:.1em;color:#fff;background-color:#22c55e;border-radius:9999px;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:10px;font-weight:700;animation:2s cubic-bezier(.4,0,.6,1) infinite guide-pulse;display:flex}@keyframes guide-pulse{50%{opacity:.5}}.guide-phone-body{padding:1rem .75rem}.guide-phone-line{background-color:#e5e7eb;border-radius:.25rem;height:.5rem}.guide-phone-line+.guide-phone-line{margin-top:.5rem}.guide-line-w80{width:80%}.guide-line-w60{width:60%}.guide-line-w66{width:66.666%}.guide-phone-hint{font-size:1.5rem;animation:1s ease-in-out infinite guide-blink;position:absolute;top:0;right:-3.5rem}@keyframes guide-blink{0%,to{opacity:1}50%{opacity:.2}}.guide-steps{width:calc(100% - 5rem);max-width:24rem;margin:3rem 2.5rem 0;list-style:none}.guide-step{align-items:center;gap:.75rem;display:flex}.guide-step+.guide-step{margin-top:1rem}.guide-step-badge{color:#fff;background-color:#22c55e;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:700;display:flex}.guide-step-text{color:#374151;font-size:.875rem}.guide-step-text b{color:#111827;font-weight:700}.guide-copy-btn{color:#fff;cursor:pointer;background-color:#22c55e;border:none;border-radius:.75rem;width:calc(100% - 5rem);max-width:24rem;margin:2rem 2.5rem 0;padding:.75rem 0;font-size:.875rem;font-weight:600;transition:background-color .15s;display:block}.guide-copy-btn:hover{background-color:#16a34a}.guide-copy-btn:active{background-color:#15803d}.guide-copy-tip{color:#9ca3af;margin-top:.75rem;font-size:.75rem}