/* 手机端钉底操作条(设计稿「五 · 手机动作条」) —— 桌面一律不渲染 */
.ma-actions { display: none; }
@media (max-width: 768px) {
    .ma-actions {
        position: fixed; left: 0; right: 0; bottom: 0; z-index: 900;
        display: grid; grid-template-columns: 1fr 1fr 1.5fr; gap: 8px;
        padding: 9px 12px calc(9px + env(safe-area-inset-bottom, 0px));
        background: rgba(255, 255, 255, .96);
        -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
        border-top: 1px solid #eef2f8;
        box-shadow: 0 -4px 16px rgba(15, 24, 37, .06);
    }
    /* 条是 fixed 的,不给 body 留位就会盖住页尾内容 */
    body { padding-bottom: 76px; }

    .ma-act {
        display: inline-flex; align-items: center; justify-content: center; gap: 5px;
        height: 42px; border-radius: 10px; font-size: 12.5px; font-weight: 600;
        border: 1px solid #e9e9ee; background: #fff; color: #14171e;
        text-decoration: none; cursor: pointer; white-space: nowrap;
    }
    .ma-act .layui-icon { font-size: 15px; }
    .ma-act-jd {
        background: #6c5ce7; border-color: #6c5ce7; color: #fff;
        box-shadow: 0 4px 12px rgba(108, 92, 231, .24);
    }
    .ma-act.active { background: #fff; border-color: #fecaca; color: #dc2626; }
    .ma-act.active .layui-icon { color: #ef4444; }
    /* 没有京东链接时只排两颗 */
    .ma-actions-2 { grid-template-columns: 1fr 1fr; }
}