.home[data-v-696a6e06]{height:100vh;width:100vw;background:linear-gradient(135deg,#667eea,#764ba2)}.home .head-nav[data-v-696a6e06]{height:1.2rem}.home .head-nav .font[data-v-696a6e06]{color:#fff;font-size:.53333rem;margin:.26667rem}.datetime-section[data-v-696a6e06]{text-align:center;color:#fff;padding-top:.26667rem;padding-bottom:.4rem}.current-time[data-v-696a6e06]{font-size:.88rem;font-weight:700;letter-spacing:.02667rem;margin-bottom:.06667rem;text-shadow:0 .02667rem .13333rem rgba(0,0,0,.2)}.current-date[data-v-696a6e06]{font-size:.4rem;opacity:.9}.punched[data-v-696a6e06]{color:#10b981}.main-section[data-v-696a6e06]{padding:0 .26667rem .4rem}.card[data-v-696a6e06]{background:#fff;border-radius:.4rem;padding:.4rem;box-shadow:0 .26667rem .8rem rgba(0,0,0,.3);position:relative;overflow:hidden}.card[data-v-696a6e06]:before{content:"";position:absolute;top:0;left:0;right:0;height:.05333rem;background:linear-gradient(90deg,#667eea,#764ba2)}.punch-status[data-v-696a6e06]{text-align:center;margin-bottom:.33333rem;padding:.33333rem;background-color:#f9fafb;border-radius:.2rem}.status-label[data-v-696a6e06]{font-size:.34667rem;color:#999;margin-bottom:.06667rem}.status-text[data-v-696a6e06]{font-size:.4rem;font-weight:700;color:#333}.status-text.punched[data-v-696a6e06]{color:#10b981}.actions-section[data-v-696a6e06]{padding:.13333rem 0 .26667rem}.action-buttons[data-v-696a6e06]{display:grid;grid-template-columns:repeat(2,1fr);gap:.2rem}.action-btn[data-v-696a6e06]{background:#fff;border:.05333rem solid #f3f4f6;border-radius:.26667rem;padding:.6rem .2rem;text-align:center;cursor:pointer;box-shadow:0 .05333rem .2rem rgba(0,0,0,.05);transition:all .3s;text-decoration:none;color:#333;display:flex;flex-direction:column;align-items:center;justify-content:center}.interrupt[data-v-696a6e06]{opacity:.5;background:#ddd}.interrupt .action-icon[data-v-696a6e06]{background:#ddd!important}.action-btn[data-v-696a6e06]:active{transform:translateY(.02667rem);box-shadow:0 .02667rem .10667rem rgba(0,0,0,.1)}.action-btn.punch[data-v-696a6e06]{border-color:#e62d2d}.action-btn.leave[data-v-696a6e06]{border-color:#f59e0b}.action-btn.vacation[data-v-696a6e06]{border-color:#3b82f6}.action-btn.transfer[data-v-696a6e06]{border-color:#8b5cf6}.action-icon[data-v-696a6e06]{font-size:1.09333rem;margin-bottom:.16rem;background:#fff}.action-icon.punch[data-v-696a6e06]{color:#e62d2d}.action-icon.leave[data-v-696a6e06]{color:#f59e0b}.action-icon.vacation[data-v-696a6e06]{color:#3b82f6}.action-icon.transfer[data-v-696a6e06]{color:#8b5cf6}.punch[data-v-696a6e06]{color:#e62d2d}.leave[data-v-696a6e06]{color:#f59e0b}.vacation[data-v-696a6e06]{color:#3b82f6}.transfer[data-v-696a6e06]{color:#8b5cf6}.action-label[data-v-696a6e06]{font-size:.34667rem;font-weight:500}.punch-time-display[data-v-696a6e06]{text-align:center;margin-top:.46667rem;padding-top:.46667rem;border-top:.02667rem solid #e5e7eb}.punch-time-label[data-v-696a6e06]{font-size:.34667rem;color:#999;margin-bottom:.06667rem}.punch-time-value[data-v-696a6e06]{font-size:.37333rem;font-weight:700;color:#10b981}.inner-diag[data-v-696a6e06]{height:100%;width:100%;box-sizing:border-box;border-radius:.4rem}.inner-diag .title-had[data-v-696a6e06]{padding:.53333rem .66667rem .13333rem;background:#fff;border-bottom:.01333rem solid #e5e7eb}.inner-diag .title-had .fixed-close[data-v-696a6e06]{position:absolute;right:.66667rem;top:.25333rem;font-size:.66667rem;color:#999}.inner-diag .title-had .section-title[data-v-696a6e06]{font-size:.42667rem;background:#fff}.inner-diag .form-buttons[data-v-696a6e06]{width:100%;display:inline-block;border-top:.01333rem solid #e5e7eb;text-align:right;padding-top:.26667rem}.inner-diag .form-buttons span[data-v-696a6e06]{display:inline-block;border:.01333rem solid #e5e7eb;padding:.2rem .46667rem;border-radius:.13333rem;margin-right:.26667rem}.inner-diag .form-buttons .erase[data-v-696a6e06]{background:#f3f4f6;color:#666}.inner-diag .form-buttons .leg[data-v-696a6e06]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.inner-diag .tabs-group[data-v-696a6e06]{padding:.8rem .4rem .8rem;overflow-y:auto;overflow-x:hidden;background:#fff;text-align:center}.inner-diag .tabs-group span[data-v-696a6e06]{color:#333;display:inline-block}.inner-diag .tabs-group .con-app[data-v-696a6e06]{color:red}.inner-diag .tabs-group .pub[data-v-696a6e06]{background:#f9fafb;padding:.4rem .2rem;border-radius:.16rem;margin-bottom:.26667rem}