:root{font-family:Microsoft YaHei,PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;font-weight:400;color:#333;background-color:#f5f7fa;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}a{color:#1890ff;text-decoration:none}a:hover{color:#40a9ff}h1,h2,h3,h4,h5,h6{color:#1a1a1a;font-weight:600}button{border-radius:6px;border:1px solid #d9d9d9;padding:8px 16px;font-size:14px;font-weight:500;font-family:inherit;background-color:#fff;cursor:pointer;transition:all .3s}button:hover{border-color:#1890ff;color:#1890ff}button.primary{background-color:#1890ff;border-color:#1890ff;color:#fff}button.primary:hover{background-color:#40a9ff;border-color:#40a9ff}input,select{border:1px solid #d9d9d9;border-radius:6px;padding:8px 12px;font-size:14px;font-family:inherit;transition:all .3s}input:focus,select:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid #f0f0f0}th{background-color:#fafafa;font-weight:600;color:#1a1a1a}tr:hover{background-color:#f5f5f5}.card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:24px;margin-bottom:16px}.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.tag-red{background-color:#fff1f0;color:#cf1322;border:1px solid #ffa39e}.tag-yellow{background-color:#fffbe6;color:#d48806;border:1px solid #ffe58f}.tag-green{background-color:#f6ffed;color:#389e0d;border:1px solid #b7eb8f}.tag-blue{background-color:#e6f7ff;color:#096dd9;border:1px solid #91d5ff}.app{min-height:100vh}.header{background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;padding:20px 0;box-shadow:0 2px 8px #00000026}.header-content{max-width:1400px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.header h1{color:#fff;font-size:24px;margin:0}.header-nav{display:flex;gap:24px}.header-nav a{color:#ffffffd9;font-size:14px;transition:color .3s}.header-nav a:hover{color:#fff}.main-container{max-width:1400px;margin:0 auto;padding:24px}.homepage-hero{background:linear-gradient(135deg,#1890ff,#096dd9);padding:80px 24px;text-align:center;color:#fff;margin-bottom:32px}.homepage-hero h1{color:#fff;font-size:36px;margin-bottom:16px}.homepage-hero p{font-size:18px;opacity:.9;max-width:600px;margin:0 auto 32px}.search-section{max-width:1200px;margin:-60px auto 32px;padding:0 24px;position:relative;z-index:10}.search-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;padding:32px}.search-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid #e8e8e8;padding-bottom:16px}.search-tab{padding:12px 24px;border:none;background:transparent;cursor:pointer;font-size:15px;color:#666;border-radius:8px;transition:all .3s}.search-tab:hover{background:#f5f5f5}.search-tab.active{background:#e6f7ff;color:#1890ff;font-weight:600}.search-form{display:flex;gap:16px;flex-wrap:wrap}.search-form .form-group{flex:1;min-width:200px}.search-form label{display:block;margin-bottom:8px;font-weight:500;color:#333}.search-form input,.search-form select{width:100%;height:44px}.search-form button{height:44px;padding:0 32px;align-self:flex-end}.company-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;padding:24px}.company-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;cursor:pointer;transition:all .3s;border:1px solid transparent}.company-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:#1890ff}.company-card h3{font-size:18px;margin-bottom:8px;color:#1a1a1a}.company-card .region{color:#666;font-size:14px;margin-bottom:12px}.company-card .tags{display:flex;flex-wrap:wrap;gap:8px}.company-header{background:linear-gradient(135deg,#1890ff,#096dd9);padding:40px 24px;color:#fff}.company-header-content{max-width:1400px;margin:0 auto}.breadcrumb{margin-bottom:16px;font-size:14px}.breadcrumb a{color:#fffc}.breadcrumb span{color:#ffffff80;margin:0 8px}.company-info h1{color:#fff;font-size:28px;margin-bottom:8px}.company-meta{display:flex;gap:24px;flex-wrap:wrap;font-size:14px;opacity:.9}.tabs-container{background:#fff;border-bottom:1px solid #e8e8e8;position:sticky;top:0;z-index:100}.tabs{max-width:1400px;margin:0 auto;display:flex;padding:0 24px}.tab{padding:16px 24px;border:none;background:transparent;cursor:pointer;font-size:15px;color:#666;border-bottom:2px solid transparent;transition:all .3s}.tab:hover{color:#1890ff}.tab.active{color:#1890ff;border-bottom-color:#1890ff;font-weight:600}.section{margin-bottom:32px}.section-title{font-size:18px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e8e8e8}.process-flow-container{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.process-diagram{display:flex;flex-wrap:wrap;gap:16px;padding:24px;background:#fafafa;border-radius:8px;margin-bottom:24px}.process-stage{flex:1;min-width:150px;padding:16px;border-radius:8px;background:#fff;position:relative}.process-stage.blue-border{border:2px solid #1890ff}.process-stage.red-border{border:2px solid #f5222d}.process-stage.improved{box-shadow:0 0 0 3px #52c41a,0 0 12px #52c41a66}.process-stage h4{font-size:14px;margin-bottom:8px;color:#1a1a1a}.process-stage .category{font-size:12px;color:#666;margin-bottom:8px}.process-stage .steps{font-size:12px;color:#888}.process-stage .improvement-badge{position:absolute;top:-10px;right:-10px;background:#52c41a;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600}.process-section-wrapper{display:flex;gap:24px;margin-bottom:24px}.process-section{flex:1;border:3px dashed;border-radius:12px;padding:16px}.process-section.section-a{border-color:#1890ff;background:#1890ff05}.process-section.section-b{border-color:#f5222d;background:#f5222d05}.process-section-title{font-size:14px;font-weight:600;margin-bottom:16px;padding:8px 12px;border-radius:4px}.section-a .process-section-title{background:#e6f7ff;color:#096dd9}.section-b .process-section-title{background:#fff1f0;color:#cf1322}.process-stages{display:flex;flex-wrap:wrap;gap:12px}.stage-arrow{display:flex;align-items:center;color:#bfbfbf;font-size:20px}.data-table{margin-top:24px}.data-table h4{font-size:16px;margin-bottom:16px;color:#1a1a1a}.legend{display:flex;gap:24px;margin-top:16px;padding:16px;background:#fafafa;border-radius:8px}.legend-item{display:flex;align-items:center;gap:8px;font-size:13px}.legend-color{width:24px;height:24px;border-radius:4px;border:2px solid}.legend-color.blue{border-color:#1890ff;background:#1890ff1a}.legend-color.red{border-color:#f5222d;background:#f5222d1a}.legend-color.green{background:#52c41a;border:none}.query-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #00000014}.query-form{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:24px}.query-form .form-group{min-width:200px}.query-form label{display:block;margin-bottom:8px;font-weight:500}.comparison-header{background:linear-gradient(135deg,#722ed1,#531dab);padding:40px 24px;color:#fff;text-align:center}.comparison-header h1{color:#fff;margin-bottom:8px}.comparison-header p{opacity:.9;max-width:600px;margin:0 auto}.comparison-search{max-width:800px;margin:-30px auto 32px;padding:0 24px}.comparison-results{max-width:1200px;margin:0 auto;padding:0 24px}.comparison-card{background:#fff;border-radius:12px;padding:24px;margin-bottom:16px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;align-items:center;transition:all .3s;border-left:4px solid transparent}.comparison-card:hover{box-shadow:0 4px 16px #0000001f}.comparison-card.rank-1{border-left-color:#52c41a}.comparison-card.rank-2{border-left-color:#1890ff}.comparison-card.rank-3{border-left-color:#faad14}.comparison-card .rank{font-size:24px;font-weight:700;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f5f5f5;color:#666}.comparison-card.rank-1 .rank{background:#f6ffed;color:#52c41a}.comparison-card.rank-2 .rank{background:#e6f7ff;color:#1890ff}.comparison-card.rank-3 .rank{background:#fffbe6;color:#faad14}.comparison-card .info{flex:1;padding:0 24px}.comparison-card .info h3{font-size:16px;margin-bottom:4px}.comparison-card .info p{color:#666;font-size:14px}.comparison-card .carbon-value{text-align:right}.comparison-card .carbon-value .value{font-size:28px;font-weight:700;color:#1a1a1a}.comparison-card .carbon-value .unit{font-size:14px;color:#666}.empty-state{text-align:center;padding:60px 24px;color:#999}.empty-state-icon{font-size:48px;margin-bottom:16px}.footer{background:#001529;color:#ffffffa6;padding:40px 24px;text-align:center;margin-top:60px}.footer-content{max-width:1200px;margin:0 auto}@media(max-width:768px){.homepage-hero h1{font-size:24px}.search-form{flex-direction:column}.company-list{grid-template-columns:1fr}.process-section-wrapper{flex-direction:column}.comparison-card{flex-direction:column;text-align:center;gap:16px}.comparison-card .info{padding:0}}.rainbow-chart-container{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px}.rainbow-chart-title{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.rainbow-chart-description{font-size:13px;color:#888;margin-top:16px;text-align:center;font-style:italic}.horizontal-rainbow-bar{display:flex;height:48px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;background:linear-gradient(90deg,#ff00001a,#ffa5001a,#ffff001a,#0080001a,#0000ff1a,#4b00821a,#ee82ee1a)}.rainbow-segment{display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative}.rainbow-segment:hover{filter:brightness(1.1);transform:scaleY(1.05);z-index:10}.segment-label{color:#fff;font-size:11px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px}.rainbow-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;padding:16px;background:linear-gradient(135deg,#fafafa,#f5f5f5);border-radius:8px}.rainbow-legend.horizontal-legend{justify-content:flex-start}.legend-entry{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#fff;border-radius:20px;box-shadow:0 1px 3px #0000001a;transition:all .2s}.legend-entry:hover{transform:translateY(-2px);box-shadow:0 3px 8px #00000026}.legend-color-box{width:16px;height:16px;border-radius:4px;box-shadow:0 1px 2px #0003}.legend-label{font-size:13px;color:#333;font-weight:500}.legend-value{font-size:13px;color:#1890ff;font-weight:600}.legend-percent{font-size:12px;color:#888}.vertical-rainbow-bars{display:flex;justify-content:space-around;align-items:flex-end;padding:20px;background:linear-gradient(180deg,#fafafa,#fff);border-radius:8px;min-height:280px}.vertical-bar-item{display:flex;flex-direction:column;align-items:center;flex:1;max-width:80px}.bar-value{font-size:12px;font-weight:600;color:#333;margin-bottom:8px;text-align:center}.bar-wrapper{width:40px;display:flex;align-items:flex-end;justify-content:center;position:relative}.vertical-bar{width:100%;border-radius:6px 6px 0 0;position:relative;transition:all .3s ease;box-shadow:0 -2px 10px #0000001a}.vertical-bar:hover{filter:brightness(1.1);transform:scaleX(1.1)}.bar-drop{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:16px;height:16px;border-radius:50% 50% 50% 0;transform:translate(-50%) rotate(-45deg);box-shadow:0 2px 4px #0003}.bar-label{font-size:11px;color:#666;margin-top:12px;text-align:center;max-width:70px;word-break:break-all;line-height:1.3}.combined-rainbow-chart{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px #00000014}.combined-chart-title{font-size:18px;font-weight:600;color:#1a1a1a;margin-bottom:24px;text-align:center;padding-bottom:16px;border-bottom:2px solid #e8e8e8}.chart-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px}.chart-half{min-width:0}.chart-section{margin-bottom:24px}.energy-charts-section{margin-top:32px;padding:24px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:16px;border:1px solid #e8e8e8}.chart-section-title{font-size:20px;font-weight:700;color:#1a1a1a;margin-bottom:24px;padding-bottom:16px;border-bottom:3px solid #1890ff;display:flex;align-items:center;gap:12px}.chart-section-title:before{content:"";width:6px;height:24px;background:linear-gradient(180deg,#1890ff,#096dd9);border-radius:3px}.chart-card{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f;border:1px solid #f0f0f0}.energy-ranking{display:flex;flex-direction:column;gap:16px}.energy-rank-item{display:flex;align-items:center;gap:16px;padding:12px 16px;background:linear-gradient(135deg,#fafafa,#fff);border-radius:8px;transition:all .3s}.energy-rank-item:hover{transform:translate(8px);box-shadow:0 4px 12px #0000001a}.rank-badge{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;box-shadow:0 2px 4px #0003}.rank-info{flex:1;display:flex;align-items:center;gap:16px}.rank-label{font-size:14px;font-weight:600;color:#333;min-width:80px}.rank-bar-container{flex:1;height:24px;background:#f0f0f0;border-radius:12px;overflow:hidden}.rank-bar{height:100%;border-radius:12px;transition:width .5s ease-out}.rank-value{font-size:14px;font-weight:600;color:#1890ff;min-width:100px;text-align:right}.stage-energy-chart{padding:24px;background:linear-gradient(180deg,#fafafa,#fff);border-radius:8px}.stage-bars{display:flex;justify-content:space-around;align-items:flex-end;height:220px;padding:0 16px}.stage-bar-item{display:flex;flex-direction:column;align-items:center;flex:1;max-width:100px}.stage-bar-label{font-size:11px;color:#666;text-align:center;margin-bottom:8px;max-width:90px;word-break:break-all;line-height:1.3}.stage-bar-wrapper{width:50px;height:160px;display:flex;align-items:flex-end;justify-content:center}.stage-bar{width:100%;border-radius:6px 6px 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:8px;transition:all .3s;box-shadow:0 -2px 8px #0000001a}.stage-bar:hover{filter:brightness(1.1);transform:scaleX(1.15)}.stage-bar-value{font-size:10px;color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}.stage-category-tag{margin-top:8px;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.stage-category-tag.tag-blue{background:#e6f7ff;color:#1890ff}.stage-category-tag.tag-red{background:#fff1f0;color:#f5222d}.energy-detail-card{background:#fff;border-left:4px solid;border-radius:0 8px 8px 0;margin-bottom:16px;box-shadow:0 1px 4px #00000014;overflow:hidden}.detail-card-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#fafafa,#fff);border-bottom:1px solid #f0f0f0}.energy-name{font-size:15px;font-weight:600;color:#333}.energy-total{font-size:14px;font-weight:700}.detail-card-body{padding:12px 16px}.detail-row{display:flex;align-items:center;padding:8px 0;border-bottom:1px dashed #f0f0f0}.detail-row:last-child{border-bottom:none}.detail-stage-name{flex:1;font-size:13px;color:#666}.detail-step-name{flex:1;font-size:13px;color:#333}.detail-consumption-value{font-size:13px;font-weight:600;color:#1890ff;min-width:100px;text-align:right}@media(max-width:992px){.chart-layout{grid-template-columns:1fr}.vertical-rainbow-bars{overflow-x:auto;justify-content:flex-start;gap:16px;padding:20px 16px}.vertical-bar-item{min-width:60px}.stage-bars{overflow-x:auto;justify-content:flex-start;gap:12px}.stage-bar-item{min-width:70px}}@media(max-width:576px){.rainbow-legend{flex-direction:column}.legend-entry{width:100%;justify-content:space-between}.rank-info{flex-direction:column;align-items:flex-start;gap:8px}.rank-bar-container{width:100%}.rank-value{text-align:left}}