/* 要先登录时弹出的框(A3_7), 第一次来时「怎么用」的提示和手机上去手机版的那条(A3_8)。 */
.login-prompt{position:fixed;inset:0;background:rgba(15,23,42,.45);display:flex;align-items:center;justify-content:center;z-index:60;padding:16px}
.login-prompt[hidden]{display:none}
.login-prompt-card{background:var(--surface-2);color:var(--text-primary);border-radius:14px;padding:22px 22px 18px;box-shadow:0 12px 40px rgba(0,0,0,.25);width:min(420px,100%)}
.login-prompt-text{font-size:1.05rem;line-height:1.6;margin:0 0 16px}
.login-prompt-btns{display:flex;gap:10px;flex-wrap:wrap}
.login-prompt-btns .btn-primary{background:var(--accent);color:#fff;border-radius:8px;padding:8px 18px;text-decoration:none;font-weight:600}
.login-prompt-btns .btn-line{display:inline-block;background:transparent;color:var(--text-primary);border:1px solid var(--border-strong);border-radius:8px;padding:8px 16px;text-decoration:none;cursor:pointer;font:inherit}
.login-prompt-btns .btn-primary{border:0;cursor:pointer;font:inherit}
.login-prompt-btns .lp-close{margin-left:auto}
/* 「怎么用」醒目一点, 第一次来冒一条提示(A3_8)。 */
.topmenu a.topmenu-how{background:var(--accent);color:#fff;border-radius:999px;padding:4px 12px;font-weight:600}
.how-hint{position:fixed;top:60px;left:16px;z-index:55;background:var(--accent);color:#fff;border-radius:12px;padding:10px 14px;display:flex;gap:12px;align-items:center;box-shadow:0 8px 24px rgba(0,0,0,.2);width:max-content;max-width:calc(100vw - 32px)}
.how-hint-text{color:#fff;text-decoration:underline;line-height:1.5}
.how-hint-ok{background:#fff;color:var(--accent);border:0;border-radius:8px;padding:4px 10px;font-weight:600;cursor:pointer;flex:none}
.how-hint::before{content:"";position:absolute;top:-6px;left:var(--arrow-x,40px);border:6px solid transparent;border-top:0;border-bottom-color:var(--accent)}
.phone-link-bar{display:block;background:var(--accent);color:#fff;text-align:center;padding:10px 16px;font-weight:600;text-decoration:none}