.app-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:0 24px;height:auto;line-height:normal}.header-content{max-width:100%;margin:0 auto;padding:12px 0}.header-title{color:#fff!important;margin:0!important;font-weight:600;font-size:22px!important}.header-subtitle{color:#ffffffd9;font-size:13px;margin-top:2px}@media (min-width: 1920px){.header-content{max-width:1920px}}@media (max-width: 768px){.app-header{padding:0 16px}.header-content{padding:10px 0}.header-title{font-size:18px!important}.header-subtitle{font-size:11px}}.test-control-panel{box-shadow:0 2px 8px #0000001a}.test-control-panel .ant-card-body{padding:16px}.control-item{display:flex;flex-direction:column;gap:4px}.control-item-buttons{justify-content:flex-end;padding-top:20px}.control-label{font-weight:500;color:#000000d9;font-size:12px;white-space:nowrap}.control-item .ant-select,.control-item .ant-checkbox-wrapper,.control-item-buttons .ant-btn{font-size:13px}.control-item .ant-checkbox-group{display:flex;flex-wrap:wrap;gap:8px}@media (max-width: 1200px){.control-item-buttons{padding-top:0;justify-content:flex-start}.control-item .ant-checkbox-group{flex-direction:column;gap:6px}}@media (max-width: 1024px){.control-item-buttons .ant-space{width:100%;display:flex}.control-item-buttons .ant-btn{flex:1}}@media (max-width: 768px){.test-control-panel .ant-card-body{padding:12px}.control-item-buttons .ant-space{width:100%;display:flex}.control-item-buttons .ant-btn{flex:1}.control-label{font-size:11px}.control-item .ant-checkbox-group{gap:4px}.control-item .ant-checkbox-wrapper{margin:0}}@media (max-width: 576px){.test-control-panel .ant-card-body{padding:10px}.control-item{gap:2px}.control-label{font-size:10px}}.product-card{height:100%;min-height:450px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column}.product-card .ant-card-body{flex:1;display:flex;flex-direction:column;padding:0}.product-card-header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px}.product-info{display:flex;align-items:center;gap:8px;font-weight:400}.product-name{font-size:14px}.product-version,.product-scenario,.product-methods{font-size:13px;color:#666;font-weight:400}.performance-stats{display:flex;align-items:center}.stat-item{display:flex;align-items:center;gap:4px;font-size:13px}.stat-value{font-weight:600;font-size:14px}.stat-unit{color:#999;font-size:12px}.control-buttons{display:flex;align-items:center}.test-result-info{display:flex;align-items:center;font-size:13px;color:#666}.product-container{height:100%;min-height:370px;border:1px solid #f0f0f0;border-radius:4px;overflow:hidden;background-color:#fafafa}.product-placeholder{height:100%;display:flex;align-items:center;justify-content:center}@media (max-width: 1600px){.product-card{min-height:420px}.product-container{min-height:340px}}@media (max-width: 1200px){.product-card{min-height:400px}.product-container{min-height:320px}}@media (max-width: 768px){.product-card{min-height:350px}.product-container{min-height:270px}}.product-display-area{width:100%;height:100%;overflow-x:hidden}.product-display-area .ant-card-body{padding:8px 16px}.product-display-area .ant-row,.product-display-area .ant-col{height:100%}.results-comparison{padding:24px}.results-comparison .ant-card{box-shadow:0 2px 8px #0000001a}.results-comparison .ant-statistic-title{font-size:14px;color:#666}.results-comparison .ant-statistic-content{font-size:24px;font-weight:700}.results-comparison .ant-table{margin-top:16px}.results-comparison .ant-table-thead>tr>th{background-color:#fafafa;font-weight:600}.results-panel{box-shadow:0 2px 8px #0000001a;height:100%;display:flex;flex-direction:column}.results-panel .ant-card-body{flex:1;display:flex;flex-direction:column;overflow:hidden}.results-panel .ant-tabs{flex:1;display:flex;flex-direction:column}.results-panel .ant-tabs-content-holder{flex:1;overflow:auto}.chart-placeholder{height:300px;display:flex;align-items:center;justify-content:center;background-color:#fafafa;border:1px dashed #d9d9d9;border-radius:4px;color:#999}@media (max-width: 1200px){.results-panel{height:auto}}@media (max-width: 768px){.chart-placeholder{height:250px}.results-panel .ant-table-wrapper{overflow-x:auto}}.performance-chart{height:100%;display:flex;flex-direction:column}.performance-chart .ant-card-head{border-bottom:1px solid #f0f0f0}.performance-chart .ant-card-body{flex:1;display:flex;flex-direction:column;padding:16px;overflow:hidden}.chart-header{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:14px;font-weight:600}.chart-container{width:100%;height:650px;min-height:500px}@media (max-width: 1200px){.chart-container{height:350px}}@media (max-width: 768px){.chart-container{height:300px}.chart-header{font-size:13px}}.home-page{height:100vh;display:flex;flex-direction:column;background-color:#f0f2f5}.home-content{flex:1;padding:16px;max-width:100%;margin:0 auto;width:100%;overflow-y:auto;overflow-x:hidden}.main-layout{display:flex;flex-direction:column;gap:16px;width:100%}.control-section,.display-section{width:100%;flex-shrink:0}.results-section{width:100%;flex-shrink:0;margin-top:8px}@media (min-width: 1920px){.home-content{max-width:1920px;padding:16px 48px}}@media (max-width: 1200px){.home-page{height:auto;min-height:100vh}.home-content{padding:12px}.main-layout{gap:12px}}@media (max-width: 768px){.home-content{padding:10px}.main-layout{gap:10px}.results-section{margin-top:4px}}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#000000de;background-color:#f0f2f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}
