.scroll-bar[data-v-55d5f182]::-webkit-scrollbar{width:8px;height:8px;background:#f8f8f8}.scroll-bar[data-v-55d5f182]::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2)}.scroll-bar2[data-v-55d5f182]{scrollbar-width:thin;scrollbar-color:#dcdfe6 #f5f7fa}.scroll-bar2[data-v-55d5f182]::-webkit-scrollbar{width:6px;height:6px}.scroll-bar2[data-v-55d5f182]::-webkit-scrollbar-track{background:#f5f7fa}.scroll-bar2[data-v-55d5f182]::-webkit-scrollbar-thumb{background-color:#dcdfe6;border-radius:3px}.scroll-bar2[data-v-55d5f182]::-webkit-scrollbar-thumb:hover{background-color:#c0c4cc}.page-main[data-v-55d5f182]{font-size:16px;line-height:2;padding:50px;display:flex;align-items:flex-start;justify-content:center}.flip-clock-wrapper[data-v-55d5f182]{background:linear-gradient(135deg,#fff,#f5f7fa 50%,#e8ecf0);border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.05),inset 0 1px 0 hsla(0,0%,100%,.8);padding:50px;max-width:100%;width:-moz-fit-content;width:fit-content;border:1px solid hsla(0,0%,100%,.5)}.flip-clock[data-v-55d5f182]{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.flip-unit[data-v-55d5f182]{display:flex;flex-direction:column;align-items:center;gap:8px}.flip-box[data-v-55d5f182]{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center;border-radius:14px;box-shadow:0 6px 20px rgba(39,174,96,.3),0 2px 6px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.3);background:linear-gradient(180deg,#2ecc71,#27ae60 50%,#1e8449);transition:all .3s ease;overflow:hidden}.flip-box[data-v-55d5f182]:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,hsla(0,0%,100%,.2),transparent);pointer-events:none}.flip-box span[data-v-55d5f182]{font-size:42px;font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2);line-height:1;letter-spacing:-1px}.flip-box.flipping[data-v-55d5f182]{background:linear-gradient(180deg,#e74c3c,#c0392b 50%,#a93226);box-shadow:0 6px 20px rgba(231,76,60,.4),0 2px 6px rgba(0,0,0,.2);animation:flipAnimation-55d5f182 .6s cubic-bezier(.34,1.56,.64,1)}@keyframes flipAnimation-55d5f182{0%{transform:perspective(600px) rotateX(0deg) scale(0)}25%{transform:perspective(600px) rotateX(-45deg) scale(.1)}50%{transform:perspective(600px) rotateX(-270deg) scale(.5)}75%{transform:perspective(600px) rotateX(-1turn) scale(1)}to{transform:perspective(600px) rotateX(-1turn) scale(1)}}.flip-label[data-v-55d5f182]{font-size:13px;color:#666;font-weight:500;letter-spacing:1px;text-transform:uppercase;padding:4px 10px;margin-top:10px;background:rgba(0,0,0,.05);border-radius:8px}.time-separator[data-v-55d5f182]{font-size:36px;color:#999;width:24px;height:120px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.time-separator.big[data-v-55d5f182]{font-size:24px;color:#ccc;width:80px}.info-section[data-v-55d5f182]{margin-top:28px;padding-top:25px;border-top:1px dashed rgba(0,0,0,.08);text-align:center}.greeting[data-v-55d5f182]{font-size:17px;color:#555;line-height:1.6;font-weight:400}.user-info[data-v-55d5f182]{font-size:15px;color:#666;margin-top:20px}.user-info .user-name[data-v-55d5f182]{color:#3498db;font-weight:600;margin-left:6px}.system-info[data-v-55d5f182]{font-size:15px;color:#666;margin-top:20px}.system-info .system-name[data-v-55d5f182]{color:#27ae60;font-weight:600;margin-left:6px}