.container[data-v-1299f9eb]{width:100%;padding:10px;max-width:1200px;margin:0 auto;background-color:#f5f7fa;min-height:100vh;overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0}.container[data-v-1299f9eb],.filter-container[data-v-1299f9eb]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.filter-container[data-v-1299f9eb]{background:#fff;border-radius:8px;padding:12px;margin-bottom:10px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.1);box-shadow:0 1px 4px rgba(0,0,0,.1)}.date-pickers-wrapper[data-v-1299f9eb]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;margin-bottom:10px}.date-picker[data-v-1299f9eb]{-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:calc(50% - 10px)}.date-separator[data-v-1299f9eb]{margin:0 5px;color:#909399;-ms-flex-negative:0;flex-shrink:0}.button-row[data-v-1299f9eb]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.button-row .el-button[data-v-1299f9eb]{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-transition:all .3s;transition:all .3s}.button-row .query-btn-large[data-v-1299f9eb]{-webkit-box-flex:2;-ms-flex:2;flex:2}.button-row .el-button[data-v-1299f9eb]:hover{opacity:.9;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.title[data-v-1299f9eb]{color:#333;text-shadow:1px 1px 2px rgba(0,0,0,.1);padding:10px 0;margin:0 0 10px 0;border-bottom:1px solid #dcdfe6;text-align:center;font-size:20px;font-weight:700;position:relative}.back-btn[data-v-1299f9eb]{position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:20px;color:#409eff;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.back-btn[data-v-1299f9eb]:hover{color:#66b1ff;-webkit-transform:translateY(-50%) scale(1.1);transform:translateY(-50%) scale(1.1)}.title i[data-v-1299f9eb]{margin-right:8px;color:#409eff}.data-display[data-v-1299f9eb]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 10px 0;padding:10px;background:#fff;border-radius:8px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.1);box-shadow:0 1px 4px rgba(0,0,0,.1)}.data-item[data-v-1299f9eb]{background:#f9f9f9;padding:12px 8px;border-radius:6px;text-align:center;-webkit-transition:all .3s;transition:all .3s;border:1px solid #ebeef5}.data-item[data-v-1299f9eb]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.label[data-v-1299f9eb]{color:#606266;font-size:14px;margin-bottom:8px}.value[data-v-1299f9eb]{color:#409eff;font-size:18px;font-weight:700}.chart-wrapper[data-v-1299f9eb]{background:#fff;border-radius:8px;padding:10px;margin-bottom:10px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.1);box-shadow:0 1px 4px rgba(0,0,0,.1);overflow:hidden}.chart-header[data-v-1299f9eb]{font-size:16px;font-weight:500;color:#303133;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #ebeef5}.customs-chart[data-v-1299f9eb]{width:100%;height:350px;background:#f8f9fa;border-radius:8px;padding:10px}@media (max-width:768px){.container[data-v-1299f9eb]{padding:8px}.title[data-v-1299f9eb]{font-size:18px;padding:8px 0}.filter-container[data-v-1299f9eb]{padding:10px}.date-pickers-wrapper[data-v-1299f9eb]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.date-picker[data-v-1299f9eb]{max-width:calc(50% - 10px)}.date-separator[data-v-1299f9eb]{width:20px;text-align:center}.data-display[data-v-1299f9eb]{grid-template-columns:repeat(3,1fr);gap:6px;padding:6px}.data-item[data-v-1299f9eb]{padding:8px 4px}.label[data-v-1299f9eb]{font-size:12px;margin-bottom:4px}.value[data-v-1299f9eb]{font-size:16px}}@media (max-width:375px){.data-item[data-v-1299f9eb]{padding:6px 2px}.label[data-v-1299f9eb]{font-size:11px}.value[data-v-1299f9eb]{font-size:14px}}