.checkin-page[data-v-87f034e2]{min-height:calc(100vh - 60px);background:#f5f7fa;padding:32px}.checkin-wrapper[data-v-87f034e2]{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 380px;gap:24px}.checkin-left[data-v-87f034e2]{display:flex;flex-direction:column}.checkin-main-card[data-v-87f034e2]{background:#fff;border-radius:24px;padding:40px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000f;flex:1}.card-decoration[data-v-87f034e2]{position:absolute;top:0;right:0;width:300px;height:300px;pointer-events:none}.decoration-circle[data-v-87f034e2]{position:absolute;border-radius:50%;opacity:.08}.circle-1[data-v-87f034e2]{width:200px;height:200px;background:linear-gradient(135deg,#ff6b2b,#ff9f5b);top:-50px;right:-50px;animation:float-87f034e2 6s ease-in-out infinite}.circle-2[data-v-87f034e2]{width:120px;height:120px;background:linear-gradient(135deg,#36cfc9,#13c2c2);top:80px;right:100px;animation:float-87f034e2 8s ease-in-out infinite reverse}.circle-3[data-v-87f034e2]{width:80px;height:80px;background:linear-gradient(135deg,#ffc53d,#faad14);top:20px;right:180px;animation:float-87f034e2 5s ease-in-out infinite}@keyframes float-87f034e2{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.checkin-header[data-v-87f034e2]{text-align:center;margin-bottom:40px;position:relative;z-index:1}.header-icon[data-v-87f034e2]{width:80px;height:80px;background:linear-gradient(135deg,#ff6b2b,#ff9f5b);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:36px;color:#fff;box-shadow:0 10px 30px #ff6b2b66;animation:pulse-glow-87f034e2 2s ease-in-out infinite}.header-icon.checked[data-v-87f034e2]{background:linear-gradient(135deg,#52c41a,#73d13d);box-shadow:0 10px 30px #52c41a66;animation:none}@keyframes pulse-glow-87f034e2{0%,to{box-shadow:0 10px 30px #ff6b2b66}50%{box-shadow:0 10px 50px #ff6b2b99}}.header-title[data-v-87f034e2]{font-size:32px;font-weight:700;color:#1a1a1a;margin:0 0 8px;background:linear-gradient(135deg,#1a1a1a,#4a4a4a);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-desc[data-v-87f034e2]{font-size:16px;color:#999;margin:0}.stats-row[data-v-87f034e2]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}.stat-card[data-v-87f034e2]{background:#f8f9fa;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .3s ease}.stat-card[data-v-87f034e2]:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000001a}.stat-icon[data-v-87f034e2]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;flex-shrink:0}.stat-info[data-v-87f034e2]{display:flex;flex-direction:column}.stat-value[data-v-87f034e2]{font-size:28px;font-weight:700;color:#1a1a1a;line-height:1.2}.stat-value.highlight[data-v-87f034e2]{color:#ff6b2b}.stat-label[data-v-87f034e2]{font-size:13px;color:#999;margin-top:2px}.checkin-action-area[data-v-87f034e2]{position:relative;display:flex;justify-content:center;margin-bottom:40px;padding:20px 0}.action-bg[data-v-87f034e2]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,107,43,.05),transparent);border-radius:20px}.checkin-main-btn[data-v-87f034e2]{position:relative;width:280px;height:72px;border:none;border-radius:36px;background:linear-gradient(135deg,#ff6b2b,#ff9f5b);cursor:pointer;overflow:hidden;transition:all .3s ease;box-shadow:0 10px 40px #ff6b2b66}.checkin-main-btn[data-v-87f034e2]:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 15px 50px #ff6b2b80}.checkin-main-btn[data-v-87f034e2]:active:not(:disabled){transform:translateY(0) scale(.98)}.checkin-main-btn.checked[data-v-87f034e2]{background:linear-gradient(135deg,#e8e8e8,#d9d9d9);box-shadow:0 5px 20px #0000001a;cursor:not-allowed}.checkin-main-btn.pulse[data-v-87f034e2]:not(:disabled){animation:btn-pulse-87f034e2 2s ease-in-out infinite}@keyframes btn-pulse-87f034e2{0%,to{box-shadow:0 10px 40px #ff6b2b66}50%{box-shadow:0 10px 60px #ff6b2b99,0 0 0 10px #ff6b2b1a}}.btn-content[data-v-87f034e2]{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#fff}.checkin-main-btn.checked .btn-content[data-v-87f034e2]{color:#999}.btn-icon[data-v-87f034e2]{font-size:24px;margin-bottom:2px}.btn-text[data-v-87f034e2]{font-size:18px;font-weight:600}.btn-points[data-v-87f034e2]{font-size:12px;opacity:.9}.btn-shine[data-v-87f034e2]{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine-87f034e2 3s ease-in-out infinite}@keyframes shine-87f034e2{0%{left:-100%}50%,to{left:100%}}.streak-progress[data-v-87f034e2]{background:linear-gradient(135deg,#fff7e6,#fff1e0);border-radius:16px;padding:24px}.streak-header[data-v-87f034e2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.streak-title[data-v-87f034e2]{font-size:16px;font-weight:600;color:#ff6b2b;display:flex;align-items:center;gap:8px}.streak-days[data-v-87f034e2]{font-size:14px;color:#999}.streak-bar[data-v-87f034e2]{position:relative;height:8px;background:#ff6b2b33;border-radius:4px;margin-bottom:24px}.streak-fill[data-v-87f034e2]{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#ff6b2b,#ff9f5b);border-radius:4px;transition:width .5s ease}.streak-milestones[data-v-87f034e2]{position:relative;height:40px}.milestone[data-v-87f034e2]{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.milestone-dot[data-v-87f034e2]{width:16px;height:16px;background:#fff;border:3px solid rgba(255,107,43,.3);border-radius:50%;margin-top:-12px;transition:all .3s ease}.milestone.reached .milestone-dot[data-v-87f034e2]{background:#ff6b2b;border-color:#ff6b2b;box-shadow:0 0 10px #ff6b2b80}.milestone-label[data-v-87f034e2]{font-size:12px;color:#999;margin-top:8px}.milestone.reached .milestone-label[data-v-87f034e2]{color:#ff6b2b;font-weight:600}.checkin-right[data-v-87f034e2]{display:flex;flex-direction:column;gap:24px}.calendar-card[data-v-87f034e2]{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 20px #0000000f}.calendar-header[data-v-87f034e2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.month-nav[data-v-87f034e2]{width:36px;height:36px;border:none;background:#f5f5f5;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s ease}.month-nav[data-v-87f034e2]:hover:not(:disabled){background:#ff6b2b;color:#fff}.month-nav[data-v-87f034e2]:disabled{opacity:.5;cursor:not-allowed}.month-title[data-v-87f034e2]{font-size:18px;font-weight:600;color:#1a1a1a}.calendar-weekdays[data-v-87f034e2]{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.weekday[data-v-87f034e2]{text-align:center;font-size:12px;color:#999;padding:8px 0}.calendar-grid[data-v-87f034e2]{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-cell[data-v-87f034e2]{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:10px;position:relative;transition:all .2s ease}.calendar-cell[data-v-87f034e2]:not(.empty):not(.future):hover{background:#f5f5f5}.day-number[data-v-87f034e2]{font-size:14px;color:#333;font-weight:500}.calendar-cell.future .day-number[data-v-87f034e2]{color:#ccc}.calendar-cell.today[data-v-87f034e2]{background:#ff6b2b1a}.calendar-cell.today .day-number[data-v-87f034e2]{color:#ff6b2b;font-weight:700}.calendar-cell.checked[data-v-87f034e2]{background:linear-gradient(135deg,#ff6b2b,#ff9f5b)}.calendar-cell.checked .day-number[data-v-87f034e2]{color:#fff}.check-mark[data-v-87f034e2]{position:absolute;bottom:2px;right:2px;font-size:10px;color:#fff}.calendar-footer[data-v-87f034e2]{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0}.legend[data-v-87f034e2]{display:flex;gap:16px}.legend-item[data-v-87f034e2]{display:flex;align-items:center;gap:6px;font-size:12px;color:#999}.legend-dot[data-v-87f034e2]{width:12px;height:12px;border-radius:4px}.legend-dot.checked[data-v-87f034e2]{background:linear-gradient(135deg,#ff6b2b,#ff9f5b)}.legend-dot.today[data-v-87f034e2]{background:#ff6b2b33;border:2px solid #FF6B2B}.month-count[data-v-87f034e2]{font-size:13px;color:#666}.month-count strong[data-v-87f034e2]{color:#ff6b2b;font-weight:700}.rules-card[data-v-87f034e2]{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 20px #0000000f}.rules-header[data-v-87f034e2]{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:16px}.rules-header[data-v-87f034e2] .anticon{color:#ff6b2b}.rules-list[data-v-87f034e2]{list-style:none;padding:0;margin:0}.rules-list li[data-v-87f034e2]{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid #f5f5f5;font-size:14px;color:#666;line-height:1.6}.rules-list li[data-v-87f034e2]:last-child{border-bottom:none}.rule-icon[data-v-87f034e2]{font-size:16px;flex-shrink:0}.rules-list strong[data-v-87f034e2]{color:#ff6b2b;font-weight:600}.success-modal-overlay[data-v-87f034e2]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.success-modal[data-v-87f034e2]{position:relative;width:380px;background:#fff;border-radius:24px;overflow:hidden}.confetti-container[data-v-87f034e2]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.confetti[data-v-87f034e2]{position:absolute;width:10px;height:10px;background:var(--confetti-color);top:-20px;left:50%;animation:confetti-fall-87f034e2 3s ease-out forwards;animation-delay:var(--confetti-delay);transform:rotate(var(--confetti-rotation))}@keyframes confetti-fall-87f034e2{0%{transform:translate(0) translateY(0) rotate(0);opacity:1}to{transform:translate(var(--confetti-x)) translateY(400px) rotate(720deg);opacity:0}}.modal-content[data-v-87f034e2]{position:relative;padding:48px 32px 32px;text-align:center}.success-badge[data-v-87f034e2]{position:relative;width:100px;height:100px;margin:0 auto 24px}.badge-ring[data-v-87f034e2]{position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid #FF6B2B;border-radius:50%;animation:ring-expand-87f034e2 .6s ease-out}@keyframes ring-expand-87f034e2{0%{transform:scale(0);opacity:0}50%{opacity:1}to{transform:scale(1);opacity:1}}.badge-icon[data-v-87f034e2]{position:absolute;top:8px;right:8px;bottom:8px;left:8px;background:linear-gradient(135deg,#ff6b2b,#ff9f5b);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;color:#fff;animation:icon-pop-87f034e2 .4s ease-out .2s both}@keyframes icon-pop-87f034e2{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.success-title[data-v-87f034e2]{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 24px;animation:fade-in-up-87f034e2 .4s ease-out .3s both}@keyframes fade-in-up-87f034e2{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reward-display[data-v-87f034e2]{margin-bottom:24px;animation:fade-in-up-87f034e2 .4s ease-out .4s both}.reward-points[data-v-87f034e2]{display:flex;align-items:baseline;justify-content:center;gap:4px}.points-plus[data-v-87f034e2]{font-size:32px;font-weight:700;color:#ff6b2b}.points-number[data-v-87f034e2]{font-size:56px;font-weight:800;color:#ff6b2b;line-height:1;animation:number-bounce-87f034e2 .6s ease-out .5s both}@keyframes number-bounce-87f034e2{0%{transform:scale(0)}50%{transform:scale(1.3)}70%{transform:scale(.9)}to{transform:scale(1)}}.points-unit[data-v-87f034e2]{font-size:20px;font-weight:600;color:#ff6b2b}.success-stats[data-v-87f034e2]{display:flex;justify-content:center;gap:32px;margin-bottom:32px;animation:fade-in-up-87f034e2 .4s ease-out .5s both}.success-stat[data-v-87f034e2]{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}.success-stat[data-v-87f034e2] .anticon{color:#ff6b2b}.success-stat strong[data-v-87f034e2]{color:#1a1a1a;font-weight:700}.close-btn[data-v-87f034e2]{width:100%;height:52px;border:none;border-radius:26px;background:linear-gradient(135deg,#ff6b2b,#ff9f5b);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;animation:fade-in-up-87f034e2 .4s ease-out .6s both}.close-btn[data-v-87f034e2]:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ff6b2b66}.modal-fade-enter-active[data-v-87f034e2]{animation:modal-in-87f034e2 .3s ease-out}.modal-fade-leave-active[data-v-87f034e2]{animation:modal-out-87f034e2 .2s ease-in}@keyframes modal-in-87f034e2{0%{opacity:0}to{opacity:1}}@keyframes modal-out-87f034e2{0%{opacity:1}to{opacity:0}}.modal-fade-enter-active .success-modal[data-v-87f034e2]{animation:modal-scale-in-87f034e2 .3s ease-out}.modal-fade-leave-active .success-modal[data-v-87f034e2]{animation:modal-scale-out-87f034e2 .2s ease-in}@keyframes modal-scale-in-87f034e2{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes modal-scale-out-87f034e2{0%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}@media (max-width: 1024px){.checkin-wrapper[data-v-87f034e2]{grid-template-columns:1fr}.checkin-right[data-v-87f034e2]{display:grid;grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.checkin-page[data-v-87f034e2]{padding:16px}.checkin-main-card[data-v-87f034e2]{padding:24px}.stats-row[data-v-87f034e2]{grid-template-columns:1fr;gap:12px}.checkin-right[data-v-87f034e2]{grid-template-columns:1fr}.header-title[data-v-87f034e2]{font-size:24px}.checkin-main-btn[data-v-87f034e2]{width:100%;max-width:280px}.success-modal[data-v-87f034e2]{width:calc(100% - 32px);max-width:380px}}