.wechat-browser-guide { --guide-color: #24675d; --guide-tint: #eaf5ef; padding: 4px; }
.wechat-guide-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; color: var(--muted); font-size: 12px; font-weight: 600; }
.wechat-guide-top > span { padding: 5px 10px; border-radius: 30px; background: var(--guide-tint); color: var(--guide-color); }
.wechat-guide-top .icon-button { flex: 0 0 44px; width: 44px; height: 44px; font-size: 28px; }
.wechat-guide-illustration { position: relative; display: flex; justify-content: center; height: 105px; margin: 6px 0 14px; overflow: hidden; }
.wechat-guide-window { position: absolute; bottom: 0; display: flex; align-items: center; gap: 8px; width: 194px; height: 78px; padding: 18px; border: 1px solid var(--line); border-radius: 17px 17px 4px 4px; background: var(--guide-tint); box-shadow: 0 8px 22px rgba(36,103,93,.07); color: var(--guide-color); }
.wechat-guide-window i { width: 22px; height: 22px; border: 2px solid currentColor; border-radius: 7px; }
.wechat-guide-window b { font-size: 17px; letter-spacing: -.4px; }
.wechat-guide-window > span { margin-left: auto; align-self: flex-start; line-height: 1; letter-spacing: 2px; font-weight: 800; }
.wechat-guide-illustration svg { position: absolute; top: 0; left: calc(50% + 8px); width: 110px; height: 66px; fill: none; stroke: var(--guide-color); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.wechat-browser-guide h2 { margin: 0 0 12px; font-size: clamp(22px, 5.5vw, 28px); line-height: 1.35; letter-spacing: -.5px; }
.wechat-browser-guide .wechat-guide-description { margin: 0 0 20px; color: var(--muted); font-size: 14px; line-height: 1.85; }
.wechat-guide-steps { display: grid; gap: 16px; padding: 18px; margin: 0 0 22px; border: 1px solid var(--line); border-radius: 16px; background: var(--paper); list-style: none; }
.wechat-guide-steps li { display: flex; align-items: flex-start; gap: 12px; font-size: 14px; line-height: 1.7; }
.wechat-guide-steps li > span { display: grid; place-items: center; flex: 0 0 26px; width: 26px; height: 26px; border-radius: 50%; background: var(--guide-tint); color: var(--guide-color); font-size: 12px; font-weight: 750; }
.wechat-guide-steps strong { color: var(--ink); font-weight: 750; }
.wechat-guide-steps small { display: block; margin-top: 3px; color: var(--muted); font-size: 12px; }
.wechat-guide-actions { display: grid; gap: 10px; }
.wechat-guide-actions .button { width: 100%; min-height: 46px; white-space: normal; text-align: center; }
.wechat-browser-guide .wechat-guide-copy-status { margin: 12px 0 0; color: var(--guide-color); font-size: 12px; line-height: 1.7; }
.wechat-guide-copy-status:empty { display: none; }
.wechat-guide-link { margin-top: 10px; }
.wechat-guide-link[hidden] { display: none; }
.wechat-guide-link label { display: block; margin-bottom: 6px; color: var(--muted); font-size: 12px; }
.wechat-guide-link input { box-sizing: border-box; width: 100%; min-width: 0; padding: 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); color: var(--ink); font: inherit; font-size: 13px; }
:where(html[data-theme="dark"]) .wechat-browser-guide { --guide-color: #93d9c5; --guide-tint: #1d3632; }