.globalPage{color:#172226;background:#f3efe5;min-height:100vh;font-family:Arial,Noto Sans TC,sans-serif}.globalNav{color:#fff;background:#0b1b20;justify-content:space-between;align-items:center;height:82px;padding:0 6vw;display:flex}.globalNav>a{color:#fff;align-items:center;gap:10px;font-weight:800;text-decoration:none;display:flex}.globalNav>a b{color:#d5ad45;border:1px solid #d5ad45;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.globalNav>a small{color:#c59e3e;letter-spacing:2px;font-size:8px;display:block}.globalNav nav{gap:28px;display:flex}.globalNav nav a{color:#aeb8b5;text-decoration:none}.globalNav nav a.active{color:#e2bb55}.globalHero{color:#fff;background:#10272d;padding:72px 8vw}.globalHero p,.boardHead p,.converter>div>p{letter-spacing:2px;color:#c79a35;font-size:11px;font-weight:700}.globalHero h1{margin:10px 0 14px;font:52px Georgia,Noto Serif TC,serif}.globalHero span{color:#c7d0cc}.metalBoard,.worldMarkets{padding:62px 8vw}.boardHead{justify-content:space-between;align-items:end;margin-bottom:24px;display:flex}.boardHead h2,.converter h2{margin:5px 0;font:34px Georgia,Noto Serif TC,serif}.boardHead time,.boardHead>span{color:#68716d;font-size:12px}.metalGrid{border:1px solid #d5ccba;grid-template-columns:repeat(4,1fr);display:grid}.metalGrid button{text-align:left;background:#fbf9f3;border:0;border-right:1px solid #d5ccba;gap:8px;padding:25px;display:grid}.metalGrid button:last-child{border-right:0}.metalGrid button.selected{color:#fff;background:#15282d}.metalGrid h3{margin:0;font-size:18px}.metalGrid strong{font:26px Georgia}.metalGrid em{font-size:12px;font-style:normal}.rise{color:#be3f32}.fall{color:#168267}.metalGrid small{color:#8a8e88}.converter{background:#d8aa43;grid-template-columns:1fr 1.5fr 1fr;align-items:center;gap:38px;margin:0 8vw;padding:36px;display:grid}.converter form{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.converter label{gap:7px;font-size:12px;display:grid}.converter input,.converter select{background:#f8edcf;border:1px solid #9e7a27;width:100%;padding:11px}.pair{display:flex}.pair input{width:60%}.convertResult{border-left:1px solid #9e7a27;gap:8px;padding-left:28px;display:grid}.convertResult strong{font:29px Georgia}.worldMarkets>div:last-child{border:1px solid #d5ccba;grid-template-columns:repeat(7,1fr);display:grid}.worldMarkets article{border-right:1px solid #d5ccba;gap:7px;padding:20px;display:grid}.worldMarkets article:last-child{border-right:0}.worldMarkets article span,.worldMarkets article small{color:#7c827d;font-size:10px}.worldMarkets h3{margin:0}.worldMarkets article p{min-height:30px;font-size:12px}.worldMarkets article strong{font-size:14px}.globalPage footer{color:#fff;background:#0b1b20;justify-content:space-between;padding:30px 8vw;display:flex}.globalPage footer p{color:#c6a552;margin:0}@media (width<=850px){.metalGrid{grid-template-columns:repeat(2,1fr)}.metalGrid button:nth-child(2){border-right:0}.converter{grid-template-columns:1fr}.convertResult{border-top:1px solid #9e7a27;border-left:0;padding:20px 0 0}.worldMarkets>div:last-child{grid-template-columns:repeat(2,1fr)}.globalNav nav{display:none}}@media (width<=520px){.globalHero{padding:45px 6vw}.globalHero h1{font-size:35px}.metalBoard,.worldMarkets{padding:42px 6vw}.metalGrid{grid-template-columns:1fr}.metalGrid button{border-bottom:1px solid #d5ccba;border-right:0}.converter{margin:0 6vw;padding:24px}.converter form,.worldMarkets>div:last-child{grid-template-columns:1fr}.worldMarkets article{border-bottom:1px solid #d5ccba;border-right:0}.globalPage footer{gap:8px;display:grid}}