@media screen and (min-width: 1200px){.countdown{font-size:3.5em}}@media screen and (min-width: 992px) and (max-width: 1200px){.countdown{font-size:3em}}@media screen and (min-width: 768px) and (max-width: 992px){.countdown{font-size:2.5em}}@media screen and (max-width: 768px){.countdown{font-size:2em}}body{position:relative;margin:0;background-color:#000;color:#fff;font-family:Monospace;font-size:13px;line-height:24px;overscroll-behavior:none}*{box-sizing:border-box}.countdown{position:fixed;left:20px;top:0;padding-top:20px;width:100%;height:100px;text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:99;text-shadow:0 0 10px rgba(0,255,255,.95);color:#ffffffbf}.sp-txt-container{height:70px}.sp-txt-container .sp-txt{font-size:.7em;font-family:Ma Shan Zheng}.countdown>*{display:inline-block}.container-segment{color:#ffffffbf;text-shadow:0 0 10px rgba(0,255,255,.95)}.system{color:#ffffffbf;text-shadow:0 0 10px rgba(0,255,255,.95);transform:translateY(.2em)}.segment{position:relative;display:flex;gap:.3em}.segment-title{font-size:1rem}.flip-card{position:relative;display:inline-flex;flex-direction:column;border-radius:.1em;box-shadow:0 0 12px #00ffff80;border:1px solid rgba(127,255,255,.25)}.flip-card.day{position:absolute;right:110%;top:-20%;transform:scale(.6)}.top,.bottom,.flip-card .top-flip,.flip-card .bottom-flip{height:.75em;line-height:1;padding:.25em;overflow:hidden}.top,.flip-card .top-flip{background-color:#007f7f5c;border-top-right-radius:.1em;border-top-left-radius:.1em;border-bottom:1px solid rgba(0,0,0,.1)}.bottom,.flip-card .bottom-flip{background-color:#007f7f5c;display:flex;align-items:flex-end;border-bottom-right-radius:.1em;border-bottom-left-radius:.1em}.flip-card .top-flip{position:absolute;width:100%;animation:flip-top .25s ease-in;transform-origin:bottom}@keyframes flip-top{to{transform:rotateX(90deg)}}.flip-card .bottom-flip{position:absolute;bottom:0;width:100%;animation:flip-bottom .25s ease-out .25s;transform-origin:top;transform:rotateX(90deg)}@keyframes flip-bottom{to{transform:rotateX(0)}}.clock-icon{position:fixed;right:20px;bottom:20px;width:2em;height:2em;cursor:pointer;border-radius:50%}.clock-icon *{fill:#7fffffbf}.clock-icon:hover{background-color:#00ffff80}#info{color:#8ff}#menu{position:absolute;bottom:20px;width:100%;text-align:center}.element{width:120px;height:160px;box-shadow:0 0 12px #00ffff80;border:1px solid rgba(127,255,255,.25);font-family:Helvetica,sans-serif;text-align:center;line-height:normal;cursor:default}.element:hover{box-shadow:0 0 12px #00ffffbf;border:1px solid rgba(127,255,255,.75)}.element .number{position:absolute;top:20px;right:20px;font-size:12px;color:#7fffffbf}.element .symbol{position:absolute;top:40px;left:0;right:0;font-size:60px;font-weight:700;color:#ffffffbf;text-shadow:0 0 10px rgba(0,255,255,.95)}.element .details{position:absolute;bottom:15px;left:0;right:0;font-size:12px;color:#7fffffbf}button{color:#7fffffbf;background:transparent;outline:1px solid rgba(127,255,255,.75);border:0px;padding:5px 10px;cursor:pointer}button:hover{background-color:#00ffff80}button:active{color:#000;background-color:#00ffffbf}