.statement-head{display:flex;align-items:center;justify-content:space-between;padding:23px 27px;margin-bottom:15px;border-radius:16px;color:#fff;background:linear-gradient(120deg,#174735,#1b7551);box-shadow:0 14px 35px rgba(24,91,63,.16)}.statement-head span{font-size:9px;letter-spacing:2px;color:#acd7c4}.statement-head h2{font-size:22px;margin:6px 0}.statement-head p{color:#c9e2d6}.statement-head-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.14);font-size:21px;font-weight:700}.statement-filter{display:flex;align-items:end;gap:12px;padding:16px 20px;margin-bottom:17px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 8px 25px rgba(35,64,48,.05)}.statement-filter-title{display:flex;align-items:center;gap:10px;padding-right:16px;margin-right:4px;border-right:1px solid #edf1ee}.statement-filter-title>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--pale);color:var(--green);font-size:18px}.statement-filter-title b,.statement-filter-title small{display:block}.statement-filter-title b{font-size:13px;color:#2f3f37}.statement-filter-title small{color:var(--muted);font-size:10px;margin-top:3px}.statement-filter label{display:grid;gap:6px;color:#5f7c6c;font-size:12px;font-weight:600}.statement-filter input{display:block;width:150px;height:40px;padding:0 12px;border:1.5px solid #d8e3dc;border-radius:10px;font-size:13px;color:#2f3f37;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.statement-filter input:focus{border-color:#16815a;box-shadow:0 0 0 3px rgba(22,129,90,.10)}.statement-customer-field input{width:175px}.statement-input-action{display:flex}.statement-input-action input{margin:0;border-radius:10px 0 0 10px}.statement-input-action button{width:40px;height:40px;border:0;border-radius:0 10px 10px 0;background:var(--green);color:#fff;cursor:pointer}.date-separator{padding-bottom:13px;color:#8ca39a;font-weight:700;font-size:13px}.statement-search-button{height:40px;padding:0 24px;border:0;border-radius:10px;background:var(--green);color:#fff;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 6px 15px rgba(23,107,73,.18)}.statement-empty{text-align:center;padding:70px 20px;background:#fff;border:1px dashed #dbe4de;border-radius:14px}.statement-empty>div{width:55px;height:55px;border-radius:15px;display:grid;place-items:center;margin:0 auto 14px;background:var(--pale);color:var(--green);font-size:20px;font-weight:700}.statement-empty h3{margin:0 0 7px}.statement-result{display:none}.statement-result.show{display:block}.statement-result-head{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;background:#fff;border:1px solid var(--line);border-radius:13px 13px 0 0}.statement-result-head span{color:var(--green);font-size:10px;font-weight:700}.statement-result-head h2{font-size:19px;margin:5px 0}.statement-result-head p{font-size:11px}.statement-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-top:0;background:#fff}.statement-summary article{padding:15px 20px;border-right:1px solid var(--line)}.statement-summary article:last-child{border:0}.statement-summary span,.statement-summary small{display:block;color:var(--muted);font-size:9px}.statement-summary strong{display:block;margin:5px 0;font-size:18px}.statement-summary .due strong{color:#c06438}.statement-table-card{border-radius:0 0 13px 13px;overflow:hidden}.statement-table-card td{padding:12px 14px}.statement-table-card td small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.statement-table-card tfoot td{font-weight:700;background:#f5f8f6;border-top:2px solid #dbe5df}.statement-note{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis}.statement-picker-search{display:flex;align-items:center;margin-bottom:13px;padding:0 12px;border:1px solid var(--line);border-radius:8px;color:var(--muted)}.statement-picker-search input{flex:1;border:0;outline:0;padding:11px}.statement-picker-dialog tbody tr{cursor:pointer}.statement-picker-dialog tbody tr:hover{background:var(--pale)}@media(max-width:1100px){.statement-filter{align-items:stretch;flex-wrap:wrap}.statement-filter-title{width:100%;border-right:0;padding-right:0}.statement-summary{grid-template-columns:repeat(2,1fr)}.statement-summary article:nth-child(2){border-right:0}}@media(max-width:650px){.statement-head-icon{display:none}.statement-filter label,.statement-filter input,.statement-customer-field{width:100%}.statement-input-action input{width:100%}.statement-search-button{width:100%}.statement-summary{grid-template-columns:1fr}.statement-summary article{border-right:0;border-bottom:1px solid var(--line)}}@media print{.sidebar,main>header,.statement-head,.statement-filter,.statement-result-actions{display:none!important}main{margin:0;padding:0}.page{display:none!important}#statements-page{display:block!important}.statement-result{display:block!important}.statement-result-head{border:0}.statement-table-card{box-shadow:none}.statement-table-card table{font-size:10px}}

/* ===== 玻璃拟态升级 ===== */
.statement-filter{background:rgba(255,255,255,.62);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.75);border-radius:16px;box-shadow:0 12px 36px rgba(31,83,59,.07);flex-direction:column;align-items:stretch}
.statement-filter-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.statement-periods{background:#f1f6f3;border-radius:999px;padding:4px}
.statement-periods button{border:0;background:transparent;color:#64756c;padding:7px 16px;border-radius:999px;font-size:13px;cursor:pointer;transition:.3s cubic-bezier(.4,0,.2,1)}
.statement-periods button.active{background:#1d7a55;color:#fff;box-shadow:0 4px 12px rgba(29,122,85,.3)}
.statement-customer-field{flex:1;min-width:220px}
.statement-input-action{display:flex;gap:8px}
.statement-input-action input{flex:1;min-width:0;border:1px solid #e2ece6;border-radius:8px;padding:9px 12px;font-size:13px;outline:none;transition:.3s}
.statement-input-action input:focus{border-color:#62a985;box-shadow:0 0 0 3px #edf7f1}
.statement-input-action button{flex:none;width:auto;height:40px;border:1px solid #e2ece6;background:#f7faf8;border-radius:8px;padding:0 16px;font-size:13px;color:#4a5d52;cursor:pointer;white-space:nowrap}
.statement-search-button{height:40px;border-radius:10px;background:linear-gradient(135deg,#1d7a55,#2e9e6b);transition:.3s cubic-bezier(.4,0,.2,1)}
.statement-search-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(29,122,85,.3)}
.statement-reset-btn{height:40px;border-radius:10px}
.statement-custom-range{display:flex;align-items:center;gap:10px;padding-top:4px;border-top:1px dashed #e2ece6}
.statement-custom-range label{display:flex;align-items:center;gap:6px;font-size:12px;color:#8b9a92}
.statement-custom-range input[type=date]{border:1px solid #e2ece6;border-radius:8px;padding:7px 10px;font-size:13px;outline:none}
.statement-custom-range input[type=date]:focus{border-color:#62a985;box-shadow:0 0 0 3px #edf7f1}
.date-separator{color:#8b9a92;font-size:12px}
.statement-empty{background:rgba(255,255,255,.4);border:2px dashed #dce7e0;display:grid;place-content:center;justify-items:center;gap:12px;border-radius:16px}
.statement-empty-art{width:88px;height:88px;color:#a9c9b8;animation:floaty 3s ease-in-out infinite}
.statement-empty h3{font-size:17px;color:#466354;margin:0}
.statement-empty p{color:#9aa8a0;font-size:13px;margin:0 0 8px}
.statement-summary{grid-template-columns:repeat(4,1fr);gap:14px;border:0;background:transparent;margin:16px 0}
.statement-summary article{background:rgba(255,255,255,.62);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.75);border-radius:14px;padding:18px 20px;box-shadow:0 10px 28px rgba(31,83,59,.06);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;border-right:1px solid rgba(255,255,255,.75)}
.statement-summary article:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(31,83,59,.1)}
.statement-summary article.due{background:rgba(255,247,237,.75)}
.statement-summary span{font-size:12px;color:#8b9a92;display:block}
.statement-summary strong{font-size:24px;display:block;margin:6px 0;font-variant-numeric:tabular-nums;color:#1d7a55}
.statement-summary article.due strong{color:#c47724}
.statement-summary small{color:#9aa8a0;font-size:11px}
.statement-table-card tr:hover td{background:rgba(46,158,107,.05)}
.statement-table-card tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 #2e9e6b}
@media(max-width:900px){.statement-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.statement-summary{grid-template-columns:1fr}}

/* 明细分页 */
.statement-pagination{display:flex;align-items:center;gap:12px;padding:14px 18px;border-top:1px solid #eef2ef;justify-content:space-between;flex-wrap:wrap}
.statement-pagination .pagination-total{color:#7b8780;font-size:12px}
.statement-pagination .pagination-size{color:#7b8780;font-size:12px;display:flex;align-items:center;gap:6px}
.statement-pagination .pagination-size select{border:1px solid #e2ece6;border-radius:8px;padding:5px 8px;font-size:12px;background:#fff}
.statement-pagination .btn{padding:7px 14px;font-size:12px;border-radius:8px}
.statement-pagination #statement-page-info{color:#4a5d52;font-size:12px;font-weight:600}
/* 客户对账明细列宽 */
.statement-table-card table{min-width:1460px}
.statement-table-card th{white-space:nowrap;font-weight:600}
.statement-table-card th:nth-child(1){width:92px}
.statement-table-card th:nth-child(2){width:150px}
.statement-table-card th:nth-child(3){width:60px}
.statement-table-card th:nth-child(4){width:74px}
.statement-table-card th:nth-child(5){width:122px}
.statement-table-card th:nth-child(6){width:180px}
.statement-table-card th:nth-child(7){width:94px}
.statement-table-card th:nth-child(8){width:60px}
.statement-table-card th:nth-child(9){width:60px}
.statement-table-card th:nth-child(10){width:84px}
.statement-table-card th:nth-child(11){width:94px}
.statement-table-card th:nth-child(12){width:102px}
.statement-table-card th:nth-child(13){width:90px}
.statement-table-card th:nth-child(14){width:90px}
.statement-table-card th:nth-child(15){width:84px}
.statement-table-card th:nth-child(16){width:124px}