.gpp-metal-chart{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:28px;margin:24px 0;font-family:Arial,sans-serif;color:#0f172a}.gpp-metal-chart h2{font-size:30px;margin:0 0 5px}.gpp-metal-chart .sub{color:#64748b}.gpp-metal-chart .tabs{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.gpp-metal-chart button{background:#fff;border:1px solid #d8dee8;border-radius:28px;padding:11px 18px;font-weight:700;cursor:pointer}.gpp-metal-chart button.active{background:#111827;color:#fff}.gpp-metal-chart canvas{width:100%;height:360px;display:block}.gpp-metal-chart .stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #eee;margin-top:14px;padding-top:18px}.gpp-metal-chart .notice{background:#fff8e6;border:1px solid #e8bd54;border-radius:12px;padding:12px;margin:10px 0 16px}.gpp-metal-chart .tip{position:fixed;display:none;background:#171717;color:#fff;padding:10px 12px;border-radius:10px;pointer-events:none;z-index:99999}@media(max-width:700px){.gpp-metal-chart{padding:16px}.gpp-metal-chart h2{font-size:22px}.gpp-metal-chart canvas{height:280px}.gpp-metal-chart .stats{grid-template-columns:1fr 1fr 1fr;font-size:13px}}
.gpp-metal-chart .tabs button{background:#fff!important;color:#0f172a!important;opacity:1!important;-webkit-text-fill-color:#0f172a!important}.gpp-metal-chart .tabs button.active{background:#111827!important;color:#fff!important;-webkit-text-fill-color:#fff!important}