/* 商户端PCweb版 UI 规范 Token（#125，源：原版小绿人UI规范web端.mg）*/
:root{
  --green:#35B838;--green-light:#61DC68;--green-deep:#239127;--green-bg:#EEFBE9;
  --red:#E85254;--blue:#158CF9;--orange:#FF9A00;
  --g1:#F7F7F7;--g2:#F0F0F0;--g3:#E8E8E8;--g4:#E5E5E5;--g5:#D8D8D8;--g6:#C6C6C6;--g7:#AAAAAA;
  --txt:#333;--txt2:#666;--txt3:#AAAAAA;
}
*{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px}
body{font-family:"PingFang SC",-apple-system,"Microsoft YaHei",sans-serif;background:var(--g1);color:var(--txt);min-width:1280px}
a{text-decoration:none;color:var(--blue)}
.xlr-container{max-width:1200px;margin:0 auto}

/* 按钮 */
.xlr-btn{display:inline-flex;align-items:center;justify-content:center;height:2.25rem;padding:0 1.25rem;border-radius:4px;font-size:.875rem;cursor:pointer;border:none;background:var(--green);color:#fff}
.xlr-btn:hover{background:var(--green-deep)}
.xlr-btn.sec{background:#fff;color:var(--green);border:1px solid var(--green)}
.xlr-btn.sec:hover{background:var(--green-bg)}
.xlr-btn.danger{background:var(--red)}
.xlr-btn.text{background:none;color:var(--blue);padding:0;height:auto}
.xlr-btn:disabled,.xlr-btn.disabled{background:var(--g2);color:var(--g7);cursor:not-allowed;border:1px solid var(--g6)}

/* 表单 */
.xlr-fld{height:2.75rem;border:1px solid var(--g5);border-radius:4px;display:flex;align-items:center;padding:0 .875rem;font-size:.875rem;background:#fff;gap:.5rem}
.xlr-fld input{flex:1;border:none;outline:none;font-size:.875rem;color:var(--txt)}
.xlr-fld input::placeholder{color:var(--txt3)}
.xlr-fld:focus-within{border-color:var(--green)}
/* 选择引导倒三角（#126 蓝灰）：所有下拉/日期选择默认值后必带 */
.xlr-caret{width:0;height:0;margin-left:.375rem;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #8A9AAE;flex:none}

/* Tag */
.xlr-tag{display:inline-block;font-size:.6875rem;border-radius:2px;padding:1px 6px}
.xlr-tag.g{color:var(--green);background:var(--green-bg)}
.xlr-tag.o{color:var(--orange);background:#FFF5E5}
.xlr-tag.b{color:var(--blue);background:#E8F3FE}
.xlr-tag.r{color:var(--red);background:#FDEBEB}
.xlr-tag.gray{color:var(--txt3);background:var(--g2)}

/* 表格 */
.xlr-table{width:100%;border-collapse:collapse;font-size:.8125rem;background:#fff}
.xlr-table th{color:var(--txt3);font-weight:400;text-align:left;padding:.5rem .5rem;border-bottom:1px solid var(--g2);white-space:nowrap}
.xlr-table td{padding:.625rem .5rem;color:var(--txt);border-bottom:1px solid var(--g1)}
.xlr-table tr:hover td{background:var(--g1)}
.xlr-link{color:var(--blue);cursor:pointer}

/* 卡片/筛选条/分页 */
.xlr-card{background:#fff;border-radius:8px;padding:1rem 1.25rem}
.xlr-filterbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:.75rem}
.xlr-filterbar .lab{font-size:.8125rem;color:var(--txt2)}
.xlr-pager{display:flex;gap:.375rem;justify-content:flex-end;align-items:center;margin-top:.75rem;font-size:.8125rem}
.xlr-pager .pg{min-width:1.75rem;height:1.75rem;border:1px solid var(--g4);border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#fff}
.xlr-pager .pg.on{background:var(--green);color:#fff;border-color:var(--green)}

/* 遮罩/弹窗（遮罩=#000 30%）*/
.xlr-mask{position:fixed;inset:0;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;z-index:1000}
.xlr-modal{background:#fff;border-radius:8px;min-width:420px;max-width:80vw;max-height:86vh;overflow:auto;padding:1.25rem 1.5rem}
.xlr-modal .hd{font-size:1rem;font-weight:600;margin-bottom:1rem;display:flex;justify-content:space-between}
.xlr-modal .hd .x{cursor:pointer;color:var(--g7);font-weight:400}

/* 下拉搜索统一组件（Rules 4.2）*/
.xlr-select{position:relative;min-width:11rem}
.xlr-select .disp{height:2.25rem;border:1px solid var(--g5);border-radius:4px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 .625rem;font-size:.8125rem;cursor:pointer;color:var(--txt)}
.xlr-select .disp .ph{color:var(--txt3)}
.xlr-select .drop{position:absolute;top:2.5rem;left:0;right:0;background:#fff;border:1px solid var(--g4);border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.08);z-index:100;max-height:16rem;overflow:auto}
.xlr-select .drop .kw{margin:.5rem;height:2rem;border:1px solid var(--g4);border-radius:3px;width:calc(100% - 1rem);padding:0 .5rem;font-size:.8125rem;outline:none}
.xlr-select .drop .opt{padding:.4rem .75rem;font-size:.8125rem;cursor:pointer}
.xlr-select .drop .opt:hover,.xlr-select .drop .opt.on{background:var(--green-bg);color:var(--green)}

/* 多页签框架（母版）*/
.xlr-tabsbar{height:38px;background:#fff;border-bottom:1px solid var(--g3);display:flex;align-items:flex-end;padding:0 1.25rem;gap:4px}
.xlr-ptab{height:32px;padding:0 1rem;border:1px solid var(--g3);border-bottom:none;border-radius:6px 6px 0 0;font-size:.8125rem;display:flex;align-items:center;gap:.5rem;background:var(--g1);color:var(--txt2);cursor:pointer;white-space:nowrap}
.xlr-ptab.on{background:#fff;color:var(--green);font-weight:600;border-color:#C9E9C9;position:relative;top:1px}
.xlr-ptab .x{color:var(--g6);font-size:.6875rem}
.xlr-ptab .x:hover{color:var(--red)}

/* 拉图滑块验证 */
.xlr-slider{height:2.75rem;border-radius:4px;background:var(--g2);position:relative;overflow:hidden;user-select:none}
.xlr-slider .done{position:absolute;left:0;top:0;height:100%;width:0;background:var(--green-light);opacity:.35}
.xlr-slider .knob{position:absolute;left:0;top:2px;width:2.5rem;height:calc(100% - 4px);background:#fff;border:1px solid var(--green);border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--green);cursor:grab}
.xlr-slider .txt{position:absolute;width:100%;text-align:center;line-height:2.75rem;font-size:.8125rem;color:var(--txt2);pointer-events:none}
.xlr-slider.ok .txt{color:var(--green)}