:root{--color-bg: #F2F3F5;--color-bg2: #EDEEF0;--color-card: #FFFFFF;--color-card-border: #EBEBEB;--color-card-shadow: rgba(0, 0, 0, .05);--color-text: #1F1F1F;--color-text-secondary: #595959;--color-text-dim: #8C8C8C;--color-blue: #C8963E;--color-blue-dark: #A8732A;--color-cyan: #C8963E;--color-purple: #8B3A3A;--color-green: #52c41a;--color-orange: #fa8c16;--color-red: #ff4d4f;--color-pink: #8B3A3A;--color-yellow: #faad14;--color-input-bg: #FFFFFF;--color-input-border: #D9D9D9;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg2) 100%);color:var(--color-text);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.mobile-page{padding:12px;padding-bottom:calc(var(--safe-bottom) + 60px);min-height:100vh}.m-card{background:var(--color-card);border-radius:12px;padding:14px;margin-bottom:10px;border:1px solid var(--color-card-border);box-shadow:0 2px 12px var(--color-card-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.m-card-title{font-size:15px;font-weight:700;margin-bottom:8px;color:#C8963E;letter-spacing:1px}.m-info-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid rgba(200,150,62,.08);font-size:13px}.m-info-row:last-child{border-bottom:none}.m-info-label{color:var(--color-text-secondary);min-width:70px;flex-shrink:0}.m-info-value{text-align:right;word-break:break-all}.m-amount{color:var(--color-cyan);font-weight:700}.m-amount-positive{color:var(--color-green);font-weight:700}.m-amount-negative{color:var(--color-red);font-weight:700}.m-search-bar{margin-bottom:10px;display:flex;gap:8px}.m-search-input{flex:1;background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:20px;padding:8px 14px;font-size:13px;color:var(--color-text);outline:none}.m-search-input::placeholder{color:var(--color-text-dim)}.m-search-input:focus{border-color:var(--color-blue)}.m-filter-bar{display:flex;gap:6px;padding:6px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;scrollbar-width:none}.m-filter-bar::-webkit-scrollbar{display:none}.m-filter-item{padding:5px 14px;border-radius:16px;font-size:12px;color:var(--color-text-secondary);background:#FFFFFF;border:1px solid rgba(200,150,62,.1);flex-shrink:0;cursor:pointer;transition:all .2s}.m-filter-item.active{background:linear-gradient(135deg,var(--color-blue),var(--color-blue-dark));color:#fff;border-color:transparent;box-shadow:0 2px 8px #A8732A66}.m-stats-row{display:flex;gap:6px;margin-bottom:10px}.m-stat-mini{flex:1;text-align:center;padding:8px 4px;border-radius:8px;background:var(--color-card);border:1px solid var(--color-card-border)}.m-stat-num{display:block;font-size:18px;font-weight:700}.m-stat-num.blue{color:var(--color-blue)}.m-stat-num.orange{color:var(--color-orange)}.m-stat-num.green{color:var(--color-green)}.m-stat-num.pink{color:var(--color-pink)}.m-stat-num.purple{color:var(--color-purple)}.m-stat-txt{display:block;font-size:11px;color:var(--color-text-secondary)}.m-list-card{background:var(--color-card);border-radius:12px;padding:14px;margin-bottom:8px;border:1px solid var(--color-card-border);box-shadow:0 2px 12px var(--color-card-shadow);cursor:pointer;transition:border-color .2s}.m-list-card:active{border-color:var(--color-blue)}.m-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.m-list-no{font-weight:700;font-size:14px;color:#C8963E}.m-list-info{display:flex;justify-content:space-between;margin:4px 0;color:var(--color-text-secondary);font-size:12px}.m-list-footer{display:flex;justify-content:space-between;color:var(--color-text-dim);font-size:11px;margin-top:4px}.m-list-hint{color:var(--color-cyan);font-size:11px;text-align:right;margin-top:4px}.m-action-bar{position:fixed;bottom:0;left:0;right:0;display:flex;padding:8px 12px;padding-bottom:calc(var(--safe-bottom) + 8px);background:#FFFFFFEB;border-top:1px solid #EBEBEB;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);gap:8px;z-index:100}.m-card-actions{display:flex;justify-content:flex-end;gap:8px;padding:8px 0 0;border-top:1px solid rgba(255,255,255,.06);margin-top:8px}.m-btn{padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.m-btn-primary{background:linear-gradient(135deg,var(--color-blue),var(--color-blue-dark));color:#fff;box-shadow:0 2px 8px #A8732A66}.m-btn-ghost{background:transparent;color:var(--color-blue);border:1px solid rgba(0,198,255,.5)}.m-btn-warn{background:linear-gradient(135deg,var(--color-red),#cf1322);color:#fff;box-shadow:0 2px 8px #ff4d4f59}.m-btn-sm{padding:4px 10px;font-size:11px}.m-btn-edit{background:#00f0ff1f;color:var(--color-cyan);border:1px solid rgba(0,240,255,.25)}.m-btn-delete{background:#ff4d4f1f;color:var(--color-red);border:1px solid rgba(255,77,79,.25)}.m-btn-approve{background:#52c41a1f;color:var(--color-green);border:1px solid rgba(82,196,26,.25)}.m-status-card{background:linear-gradient(135deg,var(--color-blue-dark),var(--color-blue));border-radius:12px;padding:16px 12px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 12px #A8732A59}.m-status-card .m-list-no{color:#fff}.m-flow-item{display:flex;padding:8px 0}.m-flow-dot{width:10px;height:10px;border-radius:50%;background:var(--color-blue);margin-right:10px;margin-top:5px;flex-shrink:0;box-shadow:0 0 4px #C8963E99}.m-flow-content{flex:1}.m-flow-action{font-weight:700;color:#C8963E;font-size:13px}.m-flow-meta{color:var(--color-text-secondary);font-size:11px}.m-flow-remark{color:var(--color-text-dim);font-size:11px}.m-empty{text-align:center;padding:60px 20px;color:var(--color-text-dim)}.m-empty-icon{font-size:40px;display:block;margin-bottom:12px}.m-neon-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(200,150,62,.35),transparent);margin:12px 0}.m-load-more{text-align:center;padding:16px;color:var(--color-text-dim);font-size:12px}.m-form-group{margin-bottom:12px}.m-form-label{display:block;font-size:12px;color:var(--color-text-secondary);margin-bottom:4px}.m-form-input{width:100%;background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:8px;padding:8px 10px;font-size:14px;color:var(--color-text);outline:none}.m-form-input:focus{border-color:var(--color-blue)}.adm-popup-body{background:#F2F3F5!important;color:#1F1F1F!important}.m-status-badge{display:inline-block;padding:2px 8px;border-radius:4px;color:#fff;font-size:11px;font-weight:500}.adm-tab-bar{--active-color: #C8963E !important;--color: #8C8C8C !important;background:#FFFFFF!important;border-top:1px solid #EBEBEB!important}.m-user-header{display:flex;align-items:center;padding:18px 14px;background:linear-gradient(135deg,#FFFFFF,#F2F3F5);border-radius:12px;margin-bottom:10px;border:1px solid #EBEBEB}.m-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--color-blue),var(--color-purple));display:flex;align-items:center;justify-content:center;font-size:24px;margin-right:12px;box-shadow:0 0 8px #8B3A3A80}.m-nickname{color:var(--color-text);font-size:17px;font-weight:700}.m-role{color:var(--color-text-secondary);font-size:12px}.m-menu-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid rgba(200,150,62,.06);cursor:pointer}.m-menu-item:last-child{border-bottom:none}.m-menu-icon{font-size:18px;margin-right:10px}.m-menu-title{flex:1;font-size:14px;color:#C8963E}.m-menu-arrow{color:#C8963E4D;font-size:16px}.m-quick-grid{display:flex;flex-wrap:wrap;gap:10px}.m-quick-item{width:calc(25% - 8px);display:flex;flex-direction:column;align-items:center;padding:12px 0}.m-quick-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:6px}.m-quick-text{font-size:11px;color:var(--color-text-secondary)}.m-section-title{font-size:14px;font-weight:700;color:#C8963E;margin-bottom:10px;margin-top:6px;letter-spacing:1px}.m-stat-value{font-size:22px;font-weight:700;background:linear-gradient(135deg,var(--color-blue),var(--color-purple));-webkit-background-clip:text;color:transparent}.m-stat-label{font-size:12px;color:var(--color-text-secondary)}.adm-nav-bar{--background: var(--color-bg) !important;--border-bottom: 1px solid rgba(100, 160, 255, .1) !important;--height: 44px !important;color:var(--color-text)!important}.adm-list{--border-inner: 1px solid rgba(100, 160, 255, .08) !important;--border-top: none !important;--border-bottom: none !important;background:transparent!important}.adm-list-item{background:var(--color-card)!important;color:var(--color-text)!important;padding-left:14px!important;padding-right:14px!important}.adm-form .adm-form-item{border-bottom:1px solid rgba(200,150,62,.08)!important}.adm-form .adm-list-body{background:transparent!important}.adm-form .adm-list-item-content-prefix{color:var(--color-text-secondary)!important}.adm-dialog{--background: #FFFFFF !important}.adm-dialog-body{color:#1F1F1F!important}.m-scroll-content{padding:12px;padding-bottom:calc(var(--safe-bottom) + 56px);min-height:calc(100vh - 44px)}
/* ===== 参考版式：分区标题 + 图标宫格（金/银VI） ===== */
.m-sec-title{position:relative;display:flex;align-items:center;font-size:15px;font-weight:700;color:#1F1F1F;padding-left:11px;margin:16px 2px 10px}
.m-sec-title:first-child{margin-top:4px}
.m-sec-title::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:15px;border-radius:2px;background:linear-gradient(180deg,#E0C68A,#C8963E)}
.m-tile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px 0;background:#fff;border-radius:12px;padding:14px 4px 8px;border:1px solid #EBEBEB;box-shadow:0 2px 12px rgba(0,0,0,.05)}
.m-tile{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:8px 2px;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:10px;transition:background .15s}
.m-tile:active{background:#F5F6F8}
.m-tile-ic{width:52px;height:52px;border-radius:14px;background:#F0F1F3;display:flex;align-items:center;justify-content:center;color:#C8963E}
.m-tile-ic svg{width:26px;height:26px;display:block}
.m-tile-label{margin-top:7px;font-size:12px;color:#333;line-height:1.2;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ===== 不凡尼·云客 BUFIN CloudCRM VI: 顶栏+侧栏深灰,内容区白底,银灰点缀 ===== */
:root{--yk-silver:#C0C0C0;--yk-silver-deep:#A0A0A0;--yk-silver-hi:#E0E0E0;--yk-dark:#1A1A1A;--yk-darker:#232323;--yk-gold:#FFD100;--yk-gold-deep:#C9A227;--yk-gold-soft:#FFE066;--yk-content-bg:#F2F3F5;--yk-line:#EBEBEB;--yk-text-body:#333333}
/* 页面基底与内容区恢复浅色:内容白底,露出的间隙浅灰 */
html,body{background:#f5f5f5!important}
.ant-layout{background:#f5f5f5!important}
.ant-layout-content{background:var(--yk-content-bg)!important}
/* 仅顶栏与左侧菜单保持深灰 */
.ant-layout-sider{background:#232323!important}
.ant-layout-sider-trigger{background:#1E1E1E!important}
.ant-menu.ant-menu-dark,.ant-menu-dark .ant-menu-sub,.ant-menu.ant-menu-dark .ant-menu-inline.ant-menu-sub{background:#232323!important}
.ant-menu-dark .ant-menu-item-selected{background:rgba(192,192,192,.16)!important;color:var(--yk-silver-hi)!important}
.ant-menu-dark .ant-menu-item-selected>a,.ant-menu-dark .ant-menu-item-selected .ant-menu-title-content{color:var(--yk-silver-hi)!important}
.ant-menu-dark .ant-menu-item:hover,.ant-menu-dark .ant-menu-item:hover>a{color:var(--yk-silver-hi)!important}
.ant-layout-header{background:#1A1A1A!important;border-bottom:1px solid rgba(192,192,192,.15)!important;color:#fff!important}
/* 内容区交给 antd 默认 light:卡片描边转浅,链接/标签/文字按钮改可读写法 */
.ant-card{border-color:rgba(0,0,0,.08)!important}
a{color:#595959}
a:hover{color:var(--yk-silver-deep)}
.ant-btn-link,.ant-btn-text{color:#595959!important}
.ant-pagination-item-active{border-color:var(--yk-silver-deep)!important}
.ant-pagination-item-active a{color:#1A1A1A!important}
.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#1A1A1A!important}
.ant-tabs-ink-bar{background:var(--yk-silver-deep)!important}
.ant-input:hover,.ant-input-number:hover,.ant-select:hover .ant-select-selector,.ant-picker:hover{border-color:var(--yk-silver-deep)!important}
.ant-input:focus,.ant-input-focused,.ant-input-number-focused,.ant-select-focused .ant-select-selector,.ant-picker-focused{border-color:var(--yk-silver)!important;box-shadow:0 0 0 2px rgba(192,192,192,.18)!important}
/* 主按钮银灰底+深灰字(与 ConfigProvider token 一致,双保险) */
.ant-btn-primary{background:linear-gradient(180deg,#E8E8E8 0%,#CFCFCF 55%,#BCBCBC 100%)!important;border:1px solid #C6C6C6!important;color:#1A1A1A!important;text-shadow:0 1px 0 rgba(255,255,255,.55);box-shadow:0 1px 2px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.6)!important}
.ant-btn-primary:hover,.ant-btn-primary:focus{background:linear-gradient(180deg,#F2F2F2 0%,#DCDCDC 55%,#C7C7C7 100%)!important;border-color:var(--yk-gold-deep)!important;color:#1A1A1A!important;box-shadow:0 0 0 2px rgba(255,209,0,.32),0 1px 3px rgba(0,0,0,.14)!important}
/* antd-mobile primary -> silver */
:root{--adm-color-primary:var(--yk-silver)!important}
.adm-button-primary{--background-color:var(--yk-silver)!important;--border-color:var(--yk-silver)!important;color:#1A1A1A!important}
.adm-switch-checked{--checked-color:#C8963E!important}
/* 侧栏细节:选中项左侧2px亮银竖条(强化选中态+提"金") */
.ant-menu-dark .ant-menu-item,.ant-menu-dark .ant-menu-submenu-title{position:relative}
.ant-menu-dark .ant-menu-item-selected::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;border-radius:0 2px 2px 0;background:linear-gradient(180deg,var(--yk-gold-soft),var(--yk-gold-deep));box-shadow:0 0 8px rgba(255,209,0,.55)}
/* 菜单图标极微弱银色发光,模拟金属反光(仅深色侧栏,不影响移动端) */
.ant-menu-dark .ant-menu-item .anticon,.ant-menu-dark .ant-menu-submenu-title .anticon{text-shadow:0 0 4px rgba(192,192,192,.28)}
.ant-menu-dark .ant-menu-item-selected .anticon,.ant-menu-dark .ant-menu-item-selected .ant-menu-title-content{text-shadow:0 0 6px rgba(224,224,224,.45)}

/* ===== 金属质感精修 (银为主·金点睛) 2026-09-22 ===== */
/* 卡片/弹层保持纯白,与浅灰内容底形成层次 */
.ant-card{background:#fff!important;border-color:var(--yk-line)!important;box-shadow:0 1px 3px rgba(0,0,0,.04)!important}
.ant-modal-content,.ant-drawer-content,.ant-popover-inner,.ant-dropdown-menu,.ant-select-dropdown,.ant-picker-panel-container,.ant-table{background:#fff!important}
/* 表格:浅灰描边 + 表头加深 + 正文深灰 + 中性行悬停(去蓝) */
.ant-table-thead>tr>th{background:#FAFAFA!important;color:#1F1F1F!important;font-weight:600!important;border-bottom:1px solid var(--yk-line)!important}
.ant-table-tbody>tr>td{color:var(--yk-text-body)!important;border-bottom:1px solid var(--yk-line)!important}
.ant-table-tbody>tr.ant-table-row:hover>td,.ant-table-tbody>tr>td.ant-table-cell-row-hover{background:#F5F5F5!important}
.ant-table-wrapper .ant-table-cell-fix-left,.ant-table-wrapper .ant-table-cell-fix-right{background:#fff!important}
/* 冷色标签(忌神水)→银;暖色语义标签(红/橙/绿)保留 */
.ant-tag{border-color:rgba(192,192,192,.5)!important}
.ant-tag-blue,.ant-tag-geekblue,.ant-tag-cyan,.ant-tag-purple,.ant-tag-magenta{background:rgba(192,192,192,.16)!important;border-color:rgba(192,192,192,.45)!important;color:#595959!important}
/* 链接/文字按钮:深灰可读,hover 点一抹金 */
.ant-btn-link{color:#4A4A4A!important}
.ant-btn-link:hover{color:var(--yk-gold-deep)!important}
/* 顶栏:银字 + 通知点金 + 极细金色内描边,呼应深色侧栏 */
.ant-layout-header{box-shadow:inset 0 -1px 0 rgba(255,209,0,.16)!important}
.ant-layout-header .anticon{color:#D6D6D6!important;text-shadow:0 0 6px rgba(192,192,192,.25)}
.ant-layout-header .ant-badge-count{background:var(--yk-gold-deep)!important;color:#1A1A1A!important;box-shadow:0 0 5px rgba(255,209,0,.5)!important}
/* 交互控件统一走银,消除残留蓝味 */
.ant-checkbox-checked .ant-checkbox-inner{background:var(--yk-silver)!important;border-color:var(--yk-silver-deep)!important}
.ant-checkbox-checked .ant-checkbox-inner::after{border-color:#1A1A1A!important}
.ant-radio-checked .ant-radio-inner{border-color:var(--yk-silver-deep)!important;background:#fff!important}
.ant-radio-checked .ant-radio-inner::after{background:var(--yk-silver-deep)!important}
.ant-switch-checked{background:#C8963E!important}
.ant-switch-checked:hover:not(.ant-switch-disabled),.ant-switch-checked.ant-switch-focused{background:#B5822F!important}
.ant-progress-bg{background:linear-gradient(90deg,#DADADA,#BDBDBD)!important}
/* 顶栏头像回退图标:银底圆+浅银人形,替代破图 */
.ant-layout-header .ant-avatar{background:rgba(192,192,192,.22)!important;color:#E0E0E0!important;box-shadow:inset 0 0 0 1px rgba(192,192,192,.35)}
.ant-layout-header .ant-avatar .anticon{color:#E0E0E0!important}
.m-add-btn{flex:none;display:flex;align-items:center;justify-content:center;padding:0 14px;border-radius:20px;background:linear-gradient(135deg,#E0C68A,#C8963E);color:#fff;font-size:13px;font-weight:600;box-shadow:0 2px 8px #A8732A44}
.m-list-thumb{width:40px;height:40px;border-radius:8px;object-fit:contain;flex:none;background:#F2F3F5;border:1px solid #EBEBEB}
.m-list-thumb-empty{display:flex;align-items:center;justify-content:center;font-size:18px;color:#C9CDD4}
.m-photo-wrap{position:relative;width:88px;height:88px;flex:none}
.m-photo{width:88px;height:88px;object-fit:contain;border-radius:8px;border:1px solid #EBEBEB;background:#F7F8FA;display:block}
.m-photo-del{position:absolute;top:-8px;right:-8px;width:20px;height:20px;line-height:18px;text-align:center;border-radius:50%;background:#fff;color:#e5484d;border:1px solid #e5484d;font-size:14px;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.15)}
.m-photo-add{display:flex;align-items:center;justify-content:center;width:88px;height:88px;border:1px dashed #C8963E;border-radius:8px;color:#C8963E;font-size:12px;cursor:pointer;background:#FBF6EC;text-align:center;line-height:1.3;white-space:pre-wrap;padding:4px}
select.m-form-input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%238C8C8C%27 stroke-width=%272%27%3E%3Cpath d=%27M6 9l6 6 6-6%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}

.m-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
.m-form-cell{min-width:0}
.m-form-cell-full{grid-column:1/-1}
.m-form-grid .m-form-group{margin-bottom:12px}
.m-form-grid .m-form-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:340px){.m-form-grid{grid-template-columns:1fr}}