.sales-statistics[data-v-687cc563]{padding:20px;background:#FFFFFF;min-height:calc(100vh - 84px)}.page-header[data-v-687cc563]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.header-left[data-v-687cc563]{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.header-left .page-title[data-v-687cc563]{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:600;color:#1a1a2e;margin:0}.header-left .page-title .title-icon[data-v-687cc563]{font-size:28px;color:#409eff}.header-left .stats-tip[data-v-687cc563]{display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#e8f4fd 0%,#d4e9f7 100%);border-radius:20px;font-size:13px;color:#409eff;cursor:help;transition:all .3s ease;border:1px solid rgba(64,158,255,.2)}.header-left .stats-tip .el-icon[data-v-687cc563]{font-size:14px}.header-left .stats-tip[data-v-687cc563]:hover{background:linear-gradient(135deg,#d4e9f7 0%,#c0dff0 100%);box-shadow:0 2px 8px #409eff33}.tip-content[data-v-687cc563]{padding:4px 8px}.tip-content p[data-v-687cc563]{margin:0;font-size:14px;color:#606266;line-height:1.6}.tip-content p strong[data-v-687cc563]{color:#409eff;font-weight:600}.header-right[data-v-687cc563]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.period-selector[data-v-687cc563] .el-radio-button__inner{padding:8px 14px;font-size:14px}.date-picker[data-v-687cc563]{width:260px}.export-btn[data-v-687cc563]{padding:8px 16px}.refresh-btn[data-v-687cc563]{background:linear-gradient(135deg,#409eff 0%,#36d1dc 100%);border:none;padding:8px 20px}.refresh-btn[data-v-687cc563]:hover{background:linear-gradient(135deg,#337ecc 0%,#2cb8c3 100%)}.middle-section[data-v-687cc563]{margin-bottom:20px}.middle-section[data-v-687cc563] .el-col{display:flex;flex-direction:column}.middle-section[data-v-687cc563] .el-col>*{flex:1}@media (max-width: 768px){.sales-statistics[data-v-687cc563]{padding:12px}.page-header[data-v-687cc563]{flex-direction:column;align-items:flex-start}.header-right[data-v-687cc563]{width:100%;justify-content:flex-start}.period-selector[data-v-687cc563] .el-radio-button__inner{padding:6px 8px;font-size:12px}.date-picker[data-v-687cc563]{width:100%}}