.commodity-page,.commodity-detail{--cup:#ff5a5f;--cdown:#22c77a}.commodity-method{display:flex;gap:12px;flex-wrap:wrap;padding:14px 16px;margin-bottom:28px;border:1px solid #2a3744;background:#111a24;border-radius:9px}.commodity-method strong{color:#fff}.commodity-method span{color:#9db0c5}.commodity-category{margin:0 0 34px}.commodity-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px;border-bottom:1px solid #283442;padding-bottom:10px}.commodity-section-head h2{margin:0;color:#f2f6fb;font-size:20px}.commodity-section-head span{color:#8295aa;font-size:13px}.commodity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.commodity-card{background:#151c24;border:1px solid #2c3743;border-radius:9px;padding:15px;min-width:0}.commodity-card-head{display:flex;justify-content:space-between;gap:10px}.commodity-card-head h3{display:inline;margin:0 8px;font-size:17px;color:#fff}.commodity-card-head small{display:block;margin-top:7px;color:#8194a9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.commodity-card-head a{color:#61aaff;font-size:13px}.quote-type{font-size:11px;color:#5de3cc;border:1px solid #26655e;border-radius:4px;padding:2px 5px}.commodity-price{display:flex;align-items:baseline;gap:7px;margin:16px 0 4px}.commodity-price strong{font-size:25px;color:#fff}.commodity-price span{font-size:12px;color:#8295aa}.commodity-price em{margin-left:auto;font-style:normal;font-weight:700}.up{color:var(--cup)!important}.down{color:var(--cdown)!important}.pending{font-size:16px!important;color:#d3a84d!important}.commodity-spark{width:100%;height:88px;display:block}.commodity-meta{display:flex;gap:10px;justify-content:space-between;color:#74879d;font-size:11px;margin-top:7px}.commodity-hero{display:flex;justify-content:space-between;gap:25px;background:#151c24;border:1px solid #2c3743;border-radius:10px;padding:22px;margin-bottom:30px}.commodity-hero>div>small{display:block;color:#8497ab}.commodity-hero>div>strong{display:block;color:#fff;font-size:34px;margin:8px 0}.commodity-hero strong i{font-size:13px;color:#8295aa;font-style:normal;margin-left:7px}.commodity-hero>div>span{color:#8295aa}.commodity-hero dl{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:10px;margin:0}.commodity-hero dl div{background:#1b242e;padding:10px 14px;border-radius:6px}.commodity-hero dt,.commodity-company-grid dt{color:#7890a8;font-size:12px}.commodity-hero dd,.commodity-company-grid dd{margin:5px 0 0;color:#eef4fb}.commodity-chart-panel,.commodity-companies{background:#151c24;border:1px solid #2c3743;border-radius:10px;padding:18px;margin-bottom:22px}.commodity-chart-panel{padding-top:32px}.commodity-chart-head{display:flex;justify-content:space-between;align-items:center}.commodity-chart-head h2{margin:0;color:#fff;font-size:18px}.commodity-periods{display:flex;gap:7px}.commodity-periods button{border:1px solid #334251;background:#1a232d;color:#8fa2b7;border-radius:5px;padding:7px 12px;cursor:pointer}.commodity-periods button.active{background:#4098f7;color:#fff;border-color:#4098f7}.commodity-chart-wrap{position:relative;min-height:330px;margin-top:14px}.commodity-chart-wrap canvas{width:100%;height:330px}.commodity-tooltip{display:none;position:absolute;top:8px;pointer-events:none;background:#080d13;border:1px solid #405268;border-radius:5px;color:#fff;padding:7px 10px;font-size:12px;white-space:nowrap}.chart-note{color:#74879d;text-align:center;font-size:12px}.commodity-company-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.commodity-company-grid article{border:1px solid #2b3947;background:#18212b;border-radius:8px;padding:14px}.company-title{display:flex;justify-content:space-between;gap:8px}.company-title a strong{color:#fff}.company-title a span{color:#7890a8;font-size:12px;margin-left:8px}.company-title em{font-style:normal;font-size:11px;border-radius:4px;padding:3px 6px}.importance-core{color:#ffb45a;background:#4a3219}.importance-important{color:#64b2ff;background:#173755}.importance-secondary{color:#9daebb;background:#29333c}.company-tags{display:flex;gap:7px;margin:10px 0}.company-tags span{font-size:11px;padding:3px 6px;background:#222e3a;color:#adc0d2;border-radius:4px}.impact-positive{color:#ff7b80!important}.impact-negative{color:#35d08a!important}.impact-mixed{color:#e4bd66!important}.commodity-company-grid p{min-height:38px;color:#9aadc0;font-size:13px;line-height:1.55}.commodity-company-grid dl{display:flex;gap:22px;margin:0}.commodity-company-grid dl div{display:flex;gap:6px;align-items:baseline}.commodity-company-grid dd{margin:0;color:#fff}@media(max-width:900px){.commodity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commodity-hero{display:block}.commodity-hero dl{margin-top:18px}}@media(max-width:620px){.commodity-grid,.commodity-company-grid{grid-template-columns:1fr}.commodity-chart-head{display:block}.commodity-periods{margin-top:12px}.commodity-hero dl{grid-template-columns:1fr 1fr}.commodity-meta{flex-wrap:wrap}.commodity-company-grid p{min-height:0}}