/* 共用登录引导：原生模态框保留键盘语义，正文随语言自然换行。 */
/* 活动页产品入口：图标和副标题帮助识别产品，普通登录保持描边样式。 */
.campaign-page .campaign-entry-actions{display:grid;grid-template-columns:1fr .95fr 1.15fr;gap:12px;align-items:stretch}
.campaign-page .campaign-product-entry{min-height:88px;padding:14px 12px;flex-direction:column;gap:7px;font-size:16px;line-height:1.4;min-width:0;white-space:normal}
.campaign-entry-title{display:flex;align-items:center;justify-content:center;gap:9px;font-weight:800}
.campaign-entry-title>i{font-size:21px;flex:none}
.campaign-entry-subtitle{display:block;font-family:system-ui,sans-serif;font-size:14px;font-weight:500;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
.campaign-page .campaign-button.campaign-direct-login{min-height:88px;padding:14px 12px;font-size:16px;line-height:1.5;border:1.5px solid #8296eb;background:#fff;color:#304abb;box-shadow:none;white-space:normal}
.campaign-page .campaign-button.campaign-direct-login:hover{background:#f1f4ff;border-color:#405bd3}
.campaign-page .campaign-software-entry{background:linear-gradient(135deg,#e9efff,#f2ecff);border:1.5px solid #a8b9ed;color:#203978;box-shadow:0 5px 15px #3454d118}
.campaign-page .campaign-software-entry .campaign-entry-title>i{color:#4b56cb}
.campaign-page .campaign-software-entry .campaign-entry-subtitle{color:#465b8a}
.campaign-page .campaign-software-entry:hover{color:#172b63;background:linear-gradient(135deg,#dce6ff,#e9ddff);border-color:#6e84d9;box-shadow:0 8px 20px #3454d12b}
.campaign-entry-arrow{display:inline-block}
[dir=rtl] .campaign-entry-arrow{transform:scaleX(-1)}
@media(max-width:640px){.campaign-page .campaign-entry-actions{grid-template-columns:1fr}.campaign-page .campaign-product-entry,.campaign-page .campaign-button.campaign-direct-login{min-height:76px}}
/* 明确覆盖全站 * { margin:0 }，避免原生 dialog 的自动居中被重置。 */
.plugin-guide{--campaign-blue:#3454d1;--campaign-violet:#7048e8;position:fixed;inset:0;margin:auto;box-sizing:border-box;width:min(1120px,calc(100% - 48px));max-height:calc(100dvh - 48px);padding:0;border:1px solid #e0e5f2;border-radius:24px;background:#fff;color:#182540;box-shadow:0 24px 90px #11182755;overflow:hidden;font:16px/1.5 system-ui,sans-serif}
/* 仅打开时启用弹性布局；不覆盖原生 dialog 的关闭隐藏状态。 */
.plugin-guide[open]{display:flex;flex-direction:column}
.plugin-guide::backdrop{background:#0c142bbd}
.plugin-guide-body{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0 22px 8px;scroll-padding:12px}
.plugin-guide-body::-webkit-scrollbar{width:8px;height:8px}
.plugin-guide-body::-webkit-scrollbar-track{background:#f3f5fa;border-radius:8px}
.plugin-guide-body::-webkit-scrollbar-thumb{background:#b7c2d8;border-radius:8px}
.plugin-guide *, .plugin-guide *::before{box-sizing:border-box}
.plugin-guide-header{display:flex;gap:14px;align-items:flex-start;flex-shrink:0;padding:16px 22px 12px}
.plugin-guide-header>img{width:48px;height:48px;border-radius:12px;object-fit:cover;flex:none}
.plugin-guide h2{font-size:22px;line-height:1.3;margin:0 0 5px;color:#192953}
.plugin-guide h3{font-size:18px;line-height:1.3;margin:0 0 4px;color:#192953}
.plugin-guide p{font-size:16px;line-height:1.4;margin:0;color:#526079;overflow-wrap:anywhere}
.plugin-guide-close{border:0;background:#eff2f9;border-radius:50%;width:40px;height:40px;flex:none;font-size:26px;color:#263858;cursor:pointer;margin-inline-start:auto}
.plugin-guide-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}
.plugin-guide-steps>li:first-child{grid-column:1/-1}
.plugin-guide-steps>li:nth-child(2){grid-row:span 2}
.plugin-guide-steps>li:last-child{grid-column:2}
.plugin-guide-steps>li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px}
.plugin-guide-number{background:#eef0ff;color:#4c48c9;border:1px solid #dcdcf9;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-weight:700}
/* 完整截图并排展示，保留背景、面板轮廓及侧边图标，避免纵向堆叠过高。 */
.plugin-guide-illustrated{display:flex;flex-direction:column;gap:12px;min-width:0}
.plugin-guide-illustrated>div:first-child{min-height:122px}
.plugin-guide-shot{margin:0;width:100%;border:1px solid #dddff1;border-radius:12px;padding:6px;background:#f7f8fc}
.plugin-guide-shot img{display:block;width:100%;height:auto;border-radius:6px}
.plugin-guide-shot figcaption{font-size:16px;line-height:1.4;margin-top:4px;color:#4545aa;overflow-wrap:anywhere}
.plugin-guide-image{position:relative;direction:ltr}
/* 标注相对完整截图定位，缩放和 RTL 都不会改变真实按钮的位置。 */
.plugin-guide-highlight{position:absolute;border:3px solid #fff;border-radius:20px;box-shadow:0 0 0 2px #4935d5;pointer-events:none}
.login-shot .plugin-guide-highlight{left:86.8%;top:46%;width:10.5%;height:13%}
.center-shot .plugin-guide-highlight{left:12.8%;top:74%;width:19.3%;height:15%}
.plugin-guide-help{margin:8px 0 0;padding:6px 14px;background:#f0f5ff;border-radius:12px}
.plugin-guide-help summary{cursor:pointer;font-weight:600}
.plugin-guide-help p{margin-top:10px}
.plugin-guide-telegram-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:8px;padding:8px 14px;border:1px solid #aecfee;border-radius:10px;background:#edf6ff;color:#12558a;font-size:16px;font-weight:700;text-decoration:none}
.plugin-guide-telegram-link:hover{background:#dceeff;color:#103f70;text-decoration:none}
/* 底部两项操作等宽展示，使用实色和足够的点击面积，避免被误认成禁用按钮。 */
.plugin-guide-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;flex-shrink:0;border-top:1px solid #d6def0;padding:10px 22px;background:#fff;box-shadow:0 -4px 16px #18254008}
.plugin-guide-footer .campaign-button{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;padding:10px 16px;border:2px solid transparent;border-radius:13px;font-size:16px;font-weight:750;line-height:1.4;white-space:normal;text-align:center;min-height:52px;box-shadow:0 6px 16px #3454d126}
.plugin-guide-footer .campaign-button.secondary{background:#174675;color:#fff;border-color:#174675;box-shadow:0 6px 16px #17467526}
.plugin-guide-footer .campaign-button:hover{filter:brightness(1.08)}
.plugin-guide-footer .campaign-button.secondary:hover{background:#205b95;border-color:#205b95;color:#fff}
.plugin-guide-footer p{grid-column:1/-1}
.plugin-guide :focus-visible{outline:3px solid #087fc2;outline-offset:3px}
.plugin-guide-open{overflow:hidden}
.plugin-guide-shot.image-unavailable img,.plugin-guide-shot.image-unavailable .plugin-guide-highlight{display:none}
@media(max-width:760px){.plugin-guide-steps{grid-template-columns:minmax(0,1fr)}.plugin-guide-steps>li:nth-child(2){grid-row:auto}.plugin-guide-steps>li:last-child{grid-column:auto}.plugin-guide-illustrated>div:first-child{min-height:0}.plugin-guide-shot{max-width:560px}}
@media(max-width:600px){.plugin-guide{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:18px}.plugin-guide-header{gap:10px;padding:16px 16px 12px}.plugin-guide-header>img{display:none}.plugin-guide h2{font-size:20px}.plugin-guide-body{padding:0 16px 12px}.plugin-guide-steps>li{grid-template-columns:28px minmax(0,1fr);gap:10px}.plugin-guide-number{width:28px;height:28px}.plugin-guide-footer{padding:12px 16px;gap:8px}.plugin-guide-footer .campaign-button{font-size:16px;padding:10px 8px;gap:4px;min-height:56px}}
/* 低高度横屏仍优先保留操作区，说明可用触摸、滚轮或键盘独立查看。 */
@media(max-height:540px){.plugin-guide{max-height:calc(100dvh - 16px)}.plugin-guide-header{padding-top:12px;padding-bottom:10px}.plugin-guide-header>img{display:none}.plugin-guide-footer{padding-top:10px;padding-bottom:10px}.plugin-guide-footer .campaign-button{min-height:48px}}