.periodic-table-container{position:relative;width:100%;height:100vh;overflow:hidden;background-image:url(https://xyunsoft.com/upfile/2021/09/1632753075537.jpg);background-size:cover;background-position:50%;margin:0;padding:0}#container{top:0;left:0;height:100%}#container,#menu{position:absolute;width:100%}#menu{bottom:20px;text-align:center;z-index:100}.awards-info{position:absolute;top:20px;right:20px;background:rgba(0,0,0,.7);padding:15px;border-radius:10px;color:#fff;z-index:100}.award-item{color:#fff;display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.award-item:last-child{margin-bottom:0}.award-name{color:gold;font-weight:700}.award-count{color:#0ff}.element{width:120px;height:160px;box-shadow:0 0 12px rgba(0,255,255,.5);border:1px solid rgba(127,255,255,.25);font-family:Helvetica,sans-serif;text-align:center;line-height:normal;cursor:default;background-color:rgba(0,127,127,.5);transition:all .3s ease;transform-origin:center}.element:hover{box-shadow:0 0 12px rgba(0,255,255,.75);border:1px solid rgba(127,255,255,.75)}.element .number{position:absolute;top:20px;right:20px;font-size:12px;color:rgba(127,255,255,.75)}.element .symbol{position:absolute;top:40px;left:0;right:0;font-size:18px;font-weight:700;color:hsla(0,0%,100%,.75);text-shadow:0 0 10px rgba(0,255,255,.95)}.element .details{position:absolute;bottom:15px;left:0;right:0;font-size:12px;color:rgba(127,255,255,.75)}.winner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000;cursor:pointer}.winner-modal{background:linear-gradient(45deg,rgba(217,21,11,.8745098039215686),#540b00);border-radius:20px;padding:40px;text-align:center;box-shadow:0 0 40px rgba(220,38,38,.95);max-width:95%;animation:popIn .5s ease-out;max-height:90vh;overflow-y:auto}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.winner-modal h2{color:gold;font-size:30px;margin-top:0;margin-bottom:30px;text-shadow:0 0 10px rgba(255,215,0,.8)}.winners-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:20px}.winners-container.horizontal-layout{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start}.winners-container:not(.horizontal-layout) .winner-card-enlarged{transform:scale(1.3);margin:20px auto}.winner-symbol{font-size:48px;font-weight:700;color:gold;text-shadow:0 0 20px gold;margin:10px 0;word-break:break-all;overflow:hidden;text-overflow:ellipsis}.winners-container.horizontal-layout .winner-symbol{font-size:36px}.winner-name{font-size:20px;margin:15px 0;color:#fff;font-weight:700;word-break:break-all;overflow:hidden;text-overflow:ellipsis}.winners-container.horizontal-layout .winner-name{font-size:16px}.winner-details{font-size:16px;color:hsla(0,0%,100%,.9);word-break:break-all;overflow:hidden;text-overflow:ellipsis}.winners-container.horizontal-layout .winner-details{font-size:14px}.winner-award{font-size:18px;color:gold;font-weight:700;margin-top:10px;text-shadow:0 0 10px rgba(255,215,0,.8);word-break:break-all;overflow:hidden;text-overflow:ellipsis}.winners-container.horizontal-layout .winner-award{font-size:16px}@media (max-width:768px){.winner-modal{padding:20px;max-width:98%}.winners-container.horizontal-layout{gap:15px}.winner-card-enlarged{min-width:150px;max-width:180px;padding:15px}.winners-container.horizontal-layout .winner-symbol{font-size:28px}.winners-container.horizontal-layout .winner-name{font-size:14px}.winners-container.horizontal-layout .winner-details{font-size:12px}.winners-container.horizontal-layout .winner-award{font-size:14px}}.click-to-close{color:hsla(0,0%,100%,.7);font-size:16px;margin-top:20px}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;color:#fff;font-size:24px}.loading-spinner{border:5px solid hsla(0,0%,100%,.3);border-top:5px solid #0ff;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.select-box{margin-right:10px}.select-box .el-input__inner{background-color:rgba(0,127,127,.5);border-color:rgba(127,255,255,.25);color:#fff}.select-box .el-input__inner:focus{border-color:rgba(127,255,255,.75)}.select-box .el-select-dropdown{background-color:#0a2e38;border-color:rgba(127,255,255,.25)}.select-box .el-select-dropdown__item{color:#fff}.select-box .el-select-dropdown__item.hover,.select-box .el-select-dropdown__item:hover{background-color:rgba(0,127,127,.8)}.select-box .el-select-dropdown__item.selected{color:gold;font-weight:700}.lottery-title{position:absolute;top:20px;left:50%;transform:translateX(-50%);z-index:500;pointer-events:none;width:auto;text-align:center}.lottery-title-text{margin:0;font-weight:800;letter-spacing:2px;line-height:1;font-size:clamp(20px,3.8vw,44px);color:transparent;background:linear-gradient(90deg,#ffd54a,#ffb74d 30%,#ff7043 65%,#ff3d00);-webkit-background-clip:text;background-clip:text;text-shadow:0 2px 8px rgba(0,0,0,.45),0 8px 30px rgba(255,120,0,.08);display:inline-block;padding:6px 18px;border-radius:10px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.lottery-title:before{content:"";position:absolute;left:50%;transform:translateX(-50%);top:50%;transform-origin:center;width:calc(100% + 160px);height:56px;border-radius:14px;background:linear-gradient(90deg,rgba(255,200,50,.06),rgba(255,120,40,.04));filter:blur(8px);z-index:-1}.lottery-year{display:inline-block;color:hsla(0,0%,100%,.98);-webkit-text-stroke:.6px rgba(0,0,0,.18);font-weight:900;margin:0 6px;font-size:1.05em;background:linear-gradient(90deg,#fff7e6,#ffd54a 60%);-webkit-background-clip:text;background-clip:text;color:transparent}@media (max-width:480px){.lottery-title{top:12px}.lottery-title-text{padding:4px 10px;font-size:18px;letter-spacing:1px}.lottery-title:before{height:44px;width:calc(100% + 80px)}}