.yj{--yb:#fafbfc;--yc:#fff;--yt:#303a46;--ym:#8b9099;--yl:#ebeef2;--yp:#5d87ff;min-height:100vh;background:var(--yb);color:var(--yt);font-family:Arial,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.55}.yj *{box-sizing:border-box}.yj button{cursor:pointer}.yj button:disabled{cursor:not-allowed;opacity:.45}.yj p{margin:0}.yj-sidebar{width:240px;position:fixed;inset:0 auto 0 0;background:var(--yc);border-right:1px solid var(--yl);z-index:30;overflow:auto}.yj-brand{height:60px;display:flex;align-items:center;gap:10px;padding:15px 20px;white-space:nowrap;font-size:18px}.yj-brand img{width:32px;height:32px;object-fit:contain}.yj-sidebar nav{padding:0 8px}.yj-menu,.yj-submenu{width:100%;height:50px;display:flex;align-items:center;border:0;background:transparent;text-align:left;padding:0 16px;gap:12px;color:var(--yt);border-radius:5px;font-size:14px}.yj-menu>span{flex:1}.yj-menu>svg{color:#777}.yj-submenu{padding-left:46px;justify-content:space-between}.yj i{font-style:normal;font-size:10px;color:#fff;background:#fa6262;border-radius:3px;padding:1px 4px}.yj .active{background:#eef3ff;color:var(--yp)}.yj-main{margin-left:240px}.yj-header{height:56px;gap:23px;padding:0 20px;color:#818997}.yj-header,.yj-header button{display:flex;align-items:center}.yj-header button{background:none;border:0;justify-content:center;gap:8px;color:inherit}.yj-breadcrumb{font-size:14px}.yj-breadcrumb span{padding:0 10px;color:#a7adb6}.yj-header-end{margin-left:auto;display:flex;align-items:center;gap:24px}.yj-header .yj-search{border:1px solid var(--yl);border-radius:7px;padding:5px 10px;font-size:13px;gap:9px}.yj-search kbd{border:1px solid var(--yl);font:11px Arial;padding:1px 4px}.yj-local{font-size:12px;color:#7a8dae;border:1px solid #dce4f3;border-radius:3px;padding:1px 5px}.yj-avatar{width:34px;height:34px;border-radius:50%;background:#e9e4eb;display:grid;place-items:center;color:#7e6471;font-size:14px}.yj-tabs{height:44px;display:flex;align-items:flex-start;gap:6px;padding:4px 20px}.yj-tabs>div{gap:7px;height:33px;background:var(--yc);border:1px solid var(--yl);padding:0 11px;border-radius:6px;white-space:nowrap}.yj-tabs button,.yj-tabs>div{display:flex;align-items:center}.yj-tabs button{border:0;background:none;color:inherit;font-size:13px}.yj-tabs>div.active{color:var(--yp);background:var(--yc)}.yj-content{padding:6px 20px 16px}.yj-filter{padding:15px 20px;gap:35px;background:var(--yc);border:1px solid var(--yl);border-radius:8px;margin-bottom:12px;flex-wrap:wrap}.yj label,.yj-filter{display:flex;align-items:center}.yj label{font-size:14px;font-weight:400;margin:0;gap:12px;white-space:nowrap}.yj input,.yj textarea{margin:0;border:1px solid #dcdfe6;border-radius:5px;padding:7px 11px;height:36px;background:var(--yc);color:var(--yt);font-size:14px;box-shadow:none;outline:none;min-width:0}.yj input:focus,.yj textarea:focus{border-color:var(--yp)}.yj input::placeholder{color:#a8abb2}.yj-filter label>input{width:280px}.yj-dates{display:flex;align-items:center;border:1px solid #dcdfe6;border-radius:5px;width:320px}.yj-dates input{width:145px;border:0;font-size:13px}.yj-filter-actions{margin-left:auto;display:flex;gap:20px}.yj-btn{height:36px;padding:0 15px;border:1px solid #dcdfe6;border-radius:5px;background:var(--yc);color:#65758c;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.yj-btn.blue{background:var(--yp);border-color:var(--yp);color:white}.yj-btn.orange{background:#e6a23c;border-color:#e6a23c;color:white}.yj-btn.red{background:#f56c6c;border-color:#f56c6c;color:white}.yj-btn.green{background:#67c23a;border-color:#67c23a;color:white}.yj-card{background:var(--yc);border:1px solid var(--yl);border-radius:8px;padding:18px}.yj-tablecard{min-height:calc(100vh - 200px)}.yj-tools{display:flex;justify-content:flex-end;gap:8px;min-height:42px;align-items:flex-start}.yj-tools button{display:grid;place-items:center;background:#f5f6f8;border:0;border-radius:5px;width:32px;height:32px;color:#606a79}.yj th{font-weight:600;color:#909399;padding:12px 15px;border-color:var(--yl);height:43px}.yj td,.yj th{font-size:14px}.yj td{padding:10px 15px;height:63px;color:#606266}.yj tr{border-color:var(--yl)}.yj tr:hover{background:#f7f9fc}.yj-product{display:flex;align-items:center;gap:10px;min-width:265px}.yj-product img{width:40px;height:40px;border-radius:7px;object-fit:cover}.yj-product p{margin-top:3px}.yj-link{color:#6385df;background:transparent;border:0;padding:0;text-align:left}.yj-cart{display:grid;place-items:center;width:36px;height:34px;border:0;border-radius:5px;background:#f2bcae;color:#ff4d4f}.yj-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:14px;color:#606266}.yj-pagination button{height:32px;min-width:32px;display:grid;place-items:center;border:1px solid var(--yl);border-radius:5px;background:var(--yc)}.yj-pagination .current{background:var(--yp);color:white}.yj-page-size{display:flex;align-items:center;gap:15px;border:1px solid #dcdfe6;border-radius:5px;padding:4px 12px;margin:0 10px}.yj-pagination input{width:55px;text-align:center;height:32px}.yj-collapse .yj-sidebar{width:68px}.yj-collapse .yj-brand span,.yj-collapse .yj-menu span,.yj-collapse .yj-menu>svg:last-child,.yj-collapse .yj-submenu,.yj-collapse i{display:none}.yj-collapse .yj-main{margin-left:68px}.yj-collapse .yj-brand{padding:16px}.yj-dark{--yb:#14171b;--yc:#1b1e23;--yt:#ddd;--ym:#91969e;--yl:#30343a}.yj-dark .yj-dates,.yj-dark input,.yj-dark textarea{border-color:#42464c}.yj-dark td{color:#c8cbd0}.yj-dark .yj-tools button,.yj-dark tr:hover{background:#282c33}.yj-dark .active{background:#263451}@media(max-width:1200px){.yj-filter{gap:15px}.yj-filter label>input{width:200px}.yj-header-end{gap:14px}.yj-header-end>svg{display:none}}@media(max-width:800px){.yj-sidebar{width:190px}.yj-main{margin-left:190px}.yj-brand{font-size:14px;padding:15px 10px}.yj-header{gap:10px}.yj-breadcrumb,.yj-header .yj-search,.yj-local{display:none}.yj-content{padding:6px 10px}.yj-filter{align-items:stretch;display:grid;gap:12px}.yj-filter label{justify-content:space-between}.yj-filter label>input{width:70%}.yj-tabs{overflow:auto}.yj-dates{width:70%}.yj-dates input{width:45%}.yj-filter-actions{margin:0;justify-content:flex-end}}@media(max-width:520px){.yj-sidebar{width:64px}.yj i,.yj-brand span,.yj-menu span,.yj-menu>svg:last-child,.yj-submenu{display:none}.yj-brand{padding:15px}.yj-menu{padding:0 16px}.yj-main{margin-left:64px}}