/* V2.23 手机端：点餐小程序卡片风格。只改手机布局（html.phone），电脑不变。主色只用一个：--m23a */
html.phone.m23{--m23a:#1f6fff;--m23a2:#e8f0ff;--m23bg:#f4f5f7;--m23t1:#111827;--m23t2:#8a9099}
html.phone.m23 body,html.phone.m23 .content,html.phone.m23 .mi,html.phone.m23 body.mcon .content{background:var(--m23bg)!important}
/* 顶栏：白底深色字（原深蓝条） */
html.phone.m23 .top{background:#fff!important;color:var(--m23t1);box-shadow:0 1px 0 #eceef1!important}
html.phone.m23 .top .crumb b{color:var(--m23t1)!important;font-size:18px}
html.phone.m23 .top .btn{background:#f4f5f7;color:var(--m23t1);border:0;border-radius:999px}
html.phone.m23 .top svg{color:#6b7280}
html.phone.m23 .top .clocks,html.phone.m23 .top .clocks *{color:var(--m23t2)!important}
/* 页面标题 + 两级字号 */
html.phone.m23 .phead h1{font-size:22px;font-weight:800;color:var(--m23t1)}
html.phone.m23 .phead .muted,html.phone.m23 .muted{color:var(--m23t2)}
html.phone.m23 .card{background:#fff;border:0!important;border-radius:18px;box-shadow:none!important;margin-bottom:12px}
html.phone.m23 .card h3{font-size:17px;font-weight:800;color:var(--m23t1);margin-bottom:8px}
html.phone.m23 .card .n,html.phone.m23 .stat .n{font-size:28px;font-weight:900;color:var(--m23t1);letter-spacing:-.01em}
html.phone.m23 .card a:not(.btn){color:var(--m23a)}
/* 按钮：主按钮 = 主色胶囊；次按钮 = 浅灰胶囊 */
html.phone.m23 .btn{border-radius:999px;min-height:40px;border:0;background:#f1f2f4;color:var(--m23t1);font-weight:700}
html.phone.m23 .btn.pri,html.phone.m23 .btn.mcp,html.phone.m23 .mcbar .btn.mcp{background:var(--m23a)!important;color:#fff!important;border-color:var(--m23a)!important}
html.phone.m23 .btn.red,html.phone.m23 .btn.danger{background:#fff1f1;color:#e5484d}
html.phone.m23 .btn.sm{min-height:32px}
/* 表单：圆角浅灰输入框 */
html.phone.m23 input:not([type=checkbox]):not([type=radio]):not([type=file]),html.phone.m23 select,html.phone.m23 textarea{border-radius:12px;border:1px solid #eceef1;background:#f8f9fa;min-height:42px;font-size:16px}
/* 标签页 / 筛选：胶囊 */
html.phone.m23 .tabs a,html.phone.m23 .wtabs a,html.phone.m23 .chip{border-radius:999px}
html.phone.m23 .tabs a.on,html.phone.m23 .wtabs a.on,html.phone.m23 .chip.on{background:var(--m23a)!important;color:#fff!important;border-color:var(--m23a)!important}
/* 卡片列表行：左缩略图 / 中文字 / 右数字（mcard 已转的表格） */
html.phone.m23 .mcc{border-radius:18px}
html.phone.m23 .mcc>.mch{font-size:16px}
html.phone.m23 .mci .th,html.phone.m23 .mci .ph{border-radius:14px}
html.phone.m23 .mci .nm{font-size:15px}
html.phone.m23 .mci .rt b{font-size:18px;font-weight:900;color:var(--m23t1)}
html.phone.m23 .mcbar{border-radius:20px 20px 0 0}
/* 应用格子：白卡 + 浅主色图标底 */
html.phone.m23 .apgrid a,html.phone.m23 .apgrid .ap{border-radius:16px}
html.phone.m23 .apgrid svg{color:var(--m23a)}
/* 底栏：当前页主色 */
html.phone.m23 .mtab{background:#fff;box-shadow:0 -1px 0 #eceef1}
html.phone.m23 .mtab .mt.on{color:var(--m23a)}
/* 状态色（只用于小字标签） */
html.phone.m23 .tag{border-radius:999px;padding:1px 8px}

/* ===== 平板（手机布局 + 宽屏）：卡片两列 ===== */
html.phone.m23.tablet .content{max-width:none!important;flex:1 1 auto;width:100%;box-sizing:border-box;padding:16px 20px!important}
html.phone.m23.tablet #body{width:100%;box-sizing:border-box;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;align-items:start}
html.phone.m23.tablet #body>*{grid-column:1/-1;min-width:0}
html.phone.m23.tablet #body>.card:not(:has(table,form,input,select,textarea,.tw,.mcbox,.apgrid,canvas)){grid-column:auto}
html.phone.m23.tablet .mcbox{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
html.phone.m23.tablet .mcbox>.mcsum{grid-column:1/-1}
html.phone.m23.tablet .apgrid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
html.phone.m23.tablet .m23grid{grid-template-columns:repeat(2,minmax(0,1fr))}

/* ===== 工厂手机：字大、按钮大、图标优先 ===== */
html.phone.m23.fac .card h3{font-size:19px}
html.phone.m23.fac .mtab .mt span{font-size:15px}
html.phone.m23.fac .mtab .mt svg{width:30px;height:30px}
/* 工人：更大，一屏一个主按钮（主按钮整行、加高；其他按钮保持次要样式） */
html.phone.m23.facw body{font-size:17px}
html.phone.m23.facw .phead h1{font-size:26px}
html.phone.m23.facw .card{padding:18px!important}
html.phone.m23.facw .card .n{font-size:34px}
html.phone.m23.facw .btn{min-height:50px;font-size:17px;padding:0 20px}
html.phone.m23.facw .btn.pri{min-height:60px;font-size:20px;font-weight:900;border-radius:18px;width:100%;justify-content:center}
html.phone.m23.facw .btn.sm{min-height:42px;font-size:16px}
html.phone.m23.facw .mci .nm{font-size:17px}
html.phone.m23.facw .mci .th,html.phone.m23.facw .mci .ph{width:72px;height:72px}
html.phone.m23.facw .apgrid svg{width:36px;height:36px}

/* ===== 电脑：系统 › 手机端设置 ===== */
.m23tip{line-height:1.7}
.m23h{margin:18px 4px 8px;font-size:16px}
.m23grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.m23g{margin:0!important}
.m23gt{display:flex;align-items:center;gap:8px;padding-bottom:8px;margin-bottom:6px;border-bottom:1px solid #eef0f3;cursor:pointer}
.m23gt b{flex:1}
.m23it{display:flex;flex-direction:column;gap:6px}
.m23it label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}
html.phone.m23.tablet #body>.card:only-child{grid-column:1/-1}