@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:Arial,Helvetica,sans-serif;background:#0a0e1a;color:#fff;overflow:hidden}.screen-container{width:100%;height:100%;display:flex;flex-direction:column;background:radial-gradient(ellipse at 20% 50%,rgba(30,60,120,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(120,80,200,.1) 0%,transparent 40%),radial-gradient(ellipse at 50% 100%,rgba(212,175,55,.05) 0%,transparent 30%),linear-gradient(180deg,#0a0e1a,#111832,#0d1225)}.header{display:flex;justify-content:space-between;align-items:center;padding:1.5vh 3vw;background:linear-gradient(180deg,#0f142df2,#0a0e1ee6);border-bottom:3px solid;border-image:linear-gradient(90deg,transparent,#d4af37,#ffd700,#d4af37,transparent) 1;height:11vh;position:relative}.header:after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.5),transparent);filter:blur(2px)}.logo-section{display:flex;align-items:center;gap:1.2vw;flex:1}.logo-img{height:8vh;width:8vh;border-radius:50%;object-fit:cover;border:2px solid rgba(212,175,55,.6);box-shadow:0 0 20px #d4af3766,inset 0 0 10px #ffd7001a;background:#0a0e1a}.logo-text{font-size:4.5vh;font-weight:700;color:#d4af37;text-shadow:0 0 20px rgba(212,175,55,.6),0 2px 4px rgba(0,0,0,.5);letter-spacing:.4vw}.header-center{flex:1;text-align:center}.slogan{font-size:3vh;color:#ffffffe6;text-shadow:0 2px 10px rgba(0,0,0,.5);letter-spacing:.3vw}.exchange-rate{font-size:2vh;color:gold;font-weight:700;font-family:Roboto Mono,monospace;letter-spacing:.05vw}.header-info-row{display:flex;justify-content:center;gap:3vw;margin-top:.5vh}.gold-price-info{font-size:2vh;color:#fffc;font-weight:700}.gold-price-value{color:gold;font-family:Roboto Mono,monospace}.gold-source{font-size:1.6vh;color:#d4af37b3;margin-left:.5vw}.header-right{text-align:right;min-width:18vw;display:flex;flex-direction:column;align-items:flex-end;gap:.5vh}.fullscreen-btn{font-size:1.6vh;color:#d4af37;border:1px solid rgba(212,175,55,.5);padding:.4vh 1.2vw;border-radius:.5vh;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.fullscreen-btn:hover{background:#d4af3733;border-color:gold;box-shadow:0 0 10px #ffd7004d}.time-display{font-size:3.2vh;color:gold;font-weight:700;font-family:Roboto Mono,monospace;text-shadow:0 0 10px rgba(255,215,0,.4);letter-spacing:0}.container{flex:1;padding:2vh 2.5vw;overflow:hidden}.prices-table{height:100%;display:flex;flex-direction:column;gap:1vh;overflow-y:auto}.prices-table::-webkit-scrollbar{width:4px}.prices-table::-webkit-scrollbar-thumb{background:#d4af3780;border-radius:4px}.table-header{display:grid;grid-template-columns:1.5fr 2fr 2fr 2fr;gap:1vw;padding:1.8vh 2.5vw;background:linear-gradient(90deg,#32286480,#283c7880);border:1px solid rgba(212,175,55,.6);border-radius:1vh;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.table-header-cell{font-size:3vh;font-weight:700;color:gold;text-align:center;text-shadow:0 0 8px rgba(212,175,55,.4)}.price-row{display:grid;grid-template-columns:1.5fr 2fr 2fr 2fr;gap:1vw;padding:2vh 2.5vw;background:linear-gradient(135deg,#141937e6,#0f1432d9);border:1px solid rgba(212,175,55,.2);border-radius:.8vh;align-items:center;transition:all .3s ease;position:relative;overflow:hidden}.price-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#d4af37,#d4af374d);border-radius:3px 0 0 3px}.price-row:hover{background:linear-gradient(135deg,#1e234bf2,#191e46e6);border-color:#d4af3780;box-shadow:0 0 25px #d4af3726,inset 0 0 30px #d4af3708;transform:scale(1.005)}.row-cell{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.4vh}.cell-label{font-size:1.6vh;color:#a8a8ccb3;text-transform:uppercase;letter-spacing:.1vw}.cell-value{font-size:3.2vh;font-weight:700;color:#fff;font-family:Roboto Mono,Courier New,monospace;transition:color .3s ease;letter-spacing:0}.product-name-cell .cell-value{font-size:3vh;color:gold;text-shadow:0 0 8px rgba(212,175,55,.4);font-family:Microsoft YaHei,PingFang SC,sans-serif;letter-spacing:.15vw;font-weight:700}.high-low{display:flex;flex-direction:column;gap:.5vh;font-size:2.6vh}.price-up{color:#f44!important;text-shadow:0 0 8px rgba(255,68,68,.4)}.price-down{color:#0c6!important;text-shadow:0 0 8px rgba(0,204,102,.4)}.price-flat{color:#e0e0ff!important}@keyframes flash-red{0%{background-color:transparent}20%{background-color:#ff444426}to{background-color:transparent}}@keyframes flash-green{0%{background-color:transparent}20%{background-color:#00cc6626}to{background-color:transparent}}.flash-up{animation:flash-red .6s ease-out}.flash-down{animation:flash-green .6s ease-out}.unavailable-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid rgba(255,215,0,.35);border-radius:24px;background:#00000047}.unavailable-title{font-size:6vh;color:gold;font-weight:700;margin-bottom:2vh;text-shadow:0 0 20px rgba(255,215,0,.6)}.unavailable-message{font-size:3.2vh;color:#fff;margin-bottom:1.5vh}.unavailable-time{font-size:2.4vh;color:#9fb3ff}.loading{display:flex;justify-content:center;align-items:center;height:100%;font-size:4vh;color:gold}.spinner{animation:spin 2s linear infinite;margin-right:1vw}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1280px){.logo-text{font-size:3.5vh}.slogan{font-size:2.5vh}.table-header-cell{font-size:2.2vh}.cell-value{font-size:2.6vh}.product-name-cell .cell-value{font-size:2.5vh}}
