/* ==================================================================
 * AI_KF · H5 工作台入口统一下拉拟态框（akf-h5-entry.css）
 * ------------------------------------------------------------------
 * 唯一样式实现，官网 landing 与 PC 客服工作台共用（守卫 #257 锁）。
 * ⚠️ 本文件无 :root（同 akf-workbench.css 纪律）⇒ 配色一律字面量，
 *    不引用任何页面的 CSS 变量（两页变量体系不同：--lp-* / --akf-*）。
 * 卡片由 akf-h5-entry.js 动态创建（body 直挂，position:fixed 锚定入口）。
 * ================================================================== */

.akf-h5pop {
    display: none;
    position: fixed;
    z-index: 2147483000;
    width: 300px;
    max-width: calc(100vw - 16px);
    box-sizing: border-box;
    padding: 16px 16px 14px;
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    box-shadow: 0 12px 40px rgba(15, 23, 42, .18), 0 2px 8px rgba(15, 23, 42, .08);
}
.akf-h5pop.open { display: block; }

.akf-h5pop-title {
    margin: 0 0 12px;
    font-size: 14px;
    font-weight: 600;
    color: #1F2329;
    text-align: center;
}

.akf-h5pop-qr {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 156px;
    height: 156px;
    margin: 0 auto 12px;
    padding: 8px;
    box-sizing: border-box;
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
}
.akf-h5pop-qr svg { width: 140px; height: 140px; display: block; }

.akf-h5pop-url {
    display: block;
    padding: 8px 10px;
    background: #F7F8FA;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    font-family: Consolas, Menlo, monospace;
    font-size: 12px;
    word-break: break-all;
    color: #46536B;
}

.akf-h5pop-acts {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 14px;
}
.akf-h5pop-btn {
    flex: 1;
    height: 34px;
    padding: 0 12px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    background: #FFFFFF;
    font-size: 13px;
    color: #1F2329;
    text-decoration: none;
    cursor: pointer;
    transition: border-color .15s, color .15s, background .15s;
}
.akf-h5pop-btn:hover { border-color: #2F6BFF; color: #2F6BFF; }
.akf-h5pop-btn.is-done { border-color: #22B07D; color: #22B07D; }
.akf-h5pop-btn--primary {
    background: #2F6BFF;
    border-color: #2F6BFF;
    color: #FFFFFF;
}
.akf-h5pop-btn--primary:hover { background: #2559DB; border-color: #2559DB; color: #FFFFFF; }
