.customer-trend-report{margin:0 0 24px;padding:24px;border:1px solid #dfe6e2;border-radius:22px;background:#fff;box-shadow:0 12px 32px rgba(21,40,33,.06)}
.customer-trend-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.customer-trend-head h2{margin:5px 0 4px;font-size:26px}.customer-trend-head p{margin:0;color:#6a7771}.customer-trend-head label{display:grid;gap:6px;color:#63716a;font-size:12px;font-weight:700}.customer-trend-head select{min-width:130px;padding:10px 12px;border:1px solid #ccd7d1;border-radius:10px;background:#fff;color:#1b2b24;font:inherit}
.customer-trend-chart{height:260px;display:flex;align-items:stretch;gap:9px;padding:16px 10px 0;border-left:1px solid #dce4df;border-bottom:1px solid #dce4df;overflow-x:auto;overflow-y:hidden}.customer-trend-column{min-width:44px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px}.customer-trend-column>b{font-size:13px;color:#33453d}.customer-trend-column>span{height:32px;font-size:11px;color:#66746d;white-space:nowrap}.customer-trend-bar{width:min(34px,72%);min-height:2px;display:flex;flex-direction:column-reverse;overflow:hidden;border-radius:7px 7px 2px 2px;background:#edf2ef}.customer-trend-bar i{display:block;width:100%}
.customer-trend-legend{display:flex;flex-wrap:wrap;gap:10px 18px;margin:14px 0 20px;color:#53625b;font-size:12px}.customer-trend-legend span{display:flex;align-items:center;gap:6px}.customer-trend-legend i{width:10px;height:10px;border-radius:50%}
.platform-0{background:#286b52}.platform-1{background:#488b73}.platform-2{background:#d39b42}.platform-3{background:#7d68a6}.platform-4{background:#3e7f9d}.platform-5{background:#bd6b58}.platform-6{background:#77944d}.platform-7{background:#8a7770}
.customer-trend-table{width:100%;border-collapse:collapse;min-width:620px}.customer-trend-table th,.customer-trend-table td{padding:11px 12px;border-bottom:1px solid #e7ece9;text-align:right;white-space:nowrap}.customer-trend-table th:first-child,.customer-trend-table td:first-child{text-align:left}.customer-trend-table th{font-size:11px;letter-spacing:.04em;color:#66746d}.customer-trend-table td{color:#415149}.customer-trend-table tbody tr:hover{background:#f7faf8}.customer-trend-note{margin-top:14px;padding:12px 14px;border-radius:10px;background:#f4f8f5;color:#5d6d65;font-size:12px;line-height:1.55}
@media(max-width:760px){.customer-trend-report{padding:17px}.customer-trend-head{display:grid}.customer-trend-head label,.customer-trend-head select{width:100%}.customer-trend-chart{height:220px;gap:6px}.customer-trend-column{min-width:38px}.customer-trend-column>span{font-size:10px;transform:rotate(-35deg);transform-origin:center top}.customer-trend-legend{margin-top:24px}}