.record-filters{display:grid;grid-template-columns:auto minmax(350px,1.45fr) auto minmax(160px,.7fr) auto minmax(170px,.8fr) auto minmax(170px,.8fr) auto;align-items:center;gap:10px;padding:28px 0 16px;min-width:1320px}
.record-filters label{font-weight:600;color:#404a54;white-space:nowrap}
.record-filters>input,.record-filters select{height:34px;border:1px solid #dbe1e7;background:#fff;border-radius:2px;padding:0 10px;color:#65707a}
.date-range{display:grid;grid-template-columns:1fr 26px 1fr;align-items:center;border:1px solid #dbe1e7;height:34px}
.date-range input{border:0;height:32px;text-align:center}.date-range span{text-align:center}
.filter-actions{display:flex;gap:9px}.filter-actions button{height:34px;padding:0 15px;border-radius:2px;cursor:pointer;white-space:nowrap}
.query-btn{background:#39a9f4;color:#fff;border:1px solid #39a9f4}.reset-btn{background:#fff;color:#56616c;border:1px solid #d6dde4}.export-btn{background:#fa941e;color:#fff;border:1px solid #fa941e}
.records-wrap{overflow-x:auto}.records-table{min-width:1620px}
.records-table th{height:44px}.records-table th:nth-child(1){width:150px}.records-table th:nth-child(2){width:100px}.records-table th:nth-child(3),.records-table th:nth-child(4){width:100px}.records-table th:nth-child(5){width:110px}.records-table th:nth-child(6){width:170px}.records-table th:nth-child(7){width:120px}.records-table th:nth-child(8){width:90px}.records-table th:nth-child(9){width:110px}.records-table th:nth-child(10){width:250px}.records-table th:nth-child(11){width:90px}
.records-table td{height:118px;line-height:1.8;white-space:normal;word-break:break-word}.records-table tbody tr:nth-child(even){background:#f7f9fb}
.vip-badge{display:inline-block;background:#ef6e76;color:#24303a;font-weight:700;padding:2px 6px}.normal-badge{display:inline-block;color:#59b85d;background:#eff9ed;border:1px solid #d8efd5;padding:1px 8px;border-radius:2px}
.empty-records{padding:70px;text-align:center;color:#909aa4;border-bottom:1px solid #e7ebef}
.pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:24px 4px;color:#56616c;min-width:1000px}.pagination select{height:36px;min-width:110px;border:1px solid #d8dfe6;background:#fff;color:#66717c;padding:0 12px;border-radius:2px}.pagination button{height:36px;min-width:36px;border:0;background:#f3f5f7;color:#4f5963;cursor:pointer;border-radius:2px}.pagination button.active{background:#39a9f4;color:white}.pagination button:disabled{color:#c8cfd6;cursor:not-allowed}.page-dots{padding:0 3px}.page-jump{display:flex;align-items:center;gap:7px;margin-left:8px}.page-jump input{width:58px;height:36px;text-align:center}
.rebate-table{width:1230px!important;min-width:1230px!important}.rebate-table col.vip-col{width:120px}.rebate-table col.rate-col{width:185px}.rebate-table th:first-child{width:auto!important}.rebate-table th:not(:first-child){width:auto!important}
.front-link{color:#fff;background:#39a9f4;text-decoration:none;padding:7px 12px;border-radius:2px}
.page-config-head{display:flex;align-items:center;justify-content:space-between;padding:22px 0 16px;border-bottom:1px solid #e8edf1}.page-config-head h2{margin:0 0 7px;color:#27323c;font-size:20px}.page-config-head p{margin:0;color:#8b97a3}.material-list{padding:4px 0}.material-card{display:grid;grid-template-columns:280px 1fr;gap:32px;padding:24px 4px;border-bottom:1px solid #edf0f3}.material-info h3{display:flex;align-items:center;gap:9px;margin:3px 0 10px;font-size:16px;color:#303a44}.material-info h3 span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#eaf6ff;color:#279fe9;font-size:13px}.material-info p{margin:0;color:#87939e;line-height:1.8}.upload-grid{display:grid;grid-template-columns:repeat(2,minmax(250px,1fr));gap:24px}.upload-label{display:flex;align-items:center;gap:12px;margin-bottom:9px}.upload-label strong{display:inline-grid;place-items:center;min-width:34px;height:22px;padding:0 7px;border-radius:3px;background:#e7f5ff;color:#209be8}.upload-label span{color:#97a2ad;font-size:12px}.upload-box{position:relative;height:146px;border:1px dashed #cbd5df;background:#fafcfd;cursor:pointer;overflow:hidden}.upload-box:hover{border-color:#3aa9f2;background:#f6fbff}.upload-box>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.upload-empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#687582}.upload-empty b{font-size:25px;font-weight:300;color:#8c9aaa}.upload-empty small{font-size:12px;color:#a5afb8}.upload-empty img{width:100%;height:100%;object-fit:cover}.has-image .upload-empty{display:block;position:relative}.image-actions{position:absolute;inset:auto 0 0;display:flex;justify-content:center;gap:10px;padding:9px;background:#182b3ecc}.image-actions button{border:0;border-radius:2px;padding:5px 13px;background:#fff;color:#53606b;cursor:pointer}.image-actions .delete-image{color:#e45555}@media(max-width:1100px){.material-card{grid-template-columns:220px 1fr}.upload-grid{gap:14px}}
.page-config-head{padding:18px 0 14px}.material-list{padding-top:12px}.material-card{grid-template-columns:130px auto;gap:18px;padding:18px 4px 24px;align-items:start;border-bottom:0}.material-info h3{margin:20px 0 0;font-size:14px;white-space:nowrap}.upload-grid{display:flex;gap:72px}.upload-field{width:220px}.upload-label{height:28px;margin:0 0 8px;justify-content:center;font-size:15px;color:#59636d}.upload-box{width:190px;height:190px;margin:0 auto;border:1px solid #d5dce3;background:#fbfbfc}.upload-empty b{font-size:28px;color:#7f8790}.upload-tip{margin:14px 0 0;white-space:nowrap;color:#69737d;font-size:13px}.image-actions{padding:8px}.image-actions button{padding:4px 10px}@media(max-width:1100px){.material-card{grid-template-columns:125px auto}.upload-grid{gap:32px}}
.required-star{font-style:normal;color:#ef6464;margin-right:4px}.material-info h3,.rules-title>strong{display:flex;align-items:center;height:28px;margin-top:0}.rules-title>strong{justify-content:flex-end}
.rules-section{padding:16px 4px 28px}.rules-title{display:flex;align-items:center;gap:18px;margin-bottom:12px}.rules-title>strong{width:112px;text-align:right;color:#3f4953}.rules-table{width:100%;min-width:900px!important;table-layout:fixed}.rules-table th,.rules-table td{height:50px}.rules-table th:nth-child(1){width:90px}.rules-table th:nth-child(2){width:32%}.rules-table th:nth-child(3),.rules-table th:nth-child(4){width:20%}.rules-table th:nth-child(5){width:150px}.rules-table td img{width:72px;height:52px;object-fit:cover}.rules-table td button{border:0;background:none;color:#2e9fe9;cursor:pointer;margin:0 7px}.rules-table td .rule-delete{color:#e45d5d}.rules-empty{height:180px;display:grid;place-items:center;color:#9aa4ad;border-bottom:1px solid #e7ebef}.modal-mask{position:fixed;inset:0;background:#0008;display:grid;place-items:center;z-index:20}.modal-mask[hidden]{display:none}.rule-dialog{width:min(920px,90vw);min-height:520px;background:#fff;box-shadow:0 18px 55px #0004}.rule-dialog header{height:72px;display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid #eef1f4}.rule-dialog header h2{margin:0;font-size:20px;font-weight:500;color:#3d4650}.rule-dialog header button{position:absolute;right:24px;top:20px;border:0;background:none;font-size:27px;color:#929ba4;cursor:pointer}.rule-form{padding:44px 50px}.form-row{display:flex;align-items:center;gap:28px}.form-row>strong{width:125px}.form-row label{display:flex;align-items:center;gap:8px}.form-row input[type=radio]{width:17px;height:17px;accent-color:#39a9f4}.required-field{display:grid;grid-template-columns:125px 500px;align-items:center;margin-top:24px}.required-field strong,.rule-image-row strong{position:relative}.required-field strong:before,.rule-image-row strong:before{content:'*';color:#ef6464;margin-right:6px}.rule-image-row{display:grid;grid-template-columns:125px 190px;align-items:start;margin-top:24px}.rule-image-row strong{text-align:right;padding-top:13px}.rule-upload-box{position:relative;width:170px;height:170px;border:1px dashed #cbd5df;display:grid;place-items:center;cursor:pointer}.rule-upload-box:first-of-type{border-color:#3da9f3}.rule-upload-box input{position:absolute;width:1px;height:1px;opacity:0}.rule-upload-box b{font-size:30px;font-weight:300;color:#848d96}.rule-upload-box.selected{background:#f0f8fe;border-color:#39a9f4}.rule-upload-box.selected b{font-size:14px;color:#239ce9}.rule-help{margin:34px 0 28px 125px;color:#69737d}.dialog-actions{display:flex;gap:12px;margin-left:125px}.dialog-actions button{height:38px;padding:0 18px;border:1px solid #d7dde3;background:#fff;border-radius:3px;color:#66717b;cursor:pointer}.dialog-actions .primary{background:#39a9f4;color:#fff;border-color:#39a9f4}