.calendar-checkin[data-v-0b63e4f2]{max-width:500px;margin:40px auto 20px auto;padding:20px;background:#f5f5f5;border-radius:12px}.stats-card[data-v-0b63e4f2]{background:linear-gradient(135deg,#1d7dd4,#0c3bd4);border-radius:12px;padding:20px;margin-bottom:20px;color:#fff}.stats-info[data-v-0b63e4f2]{display:flex;justify-content:space-around}.stat-item[data-v-0b63e4f2]{text-align:center}.stat-value[data-v-0b63e4f2]{font-size:28px;font-weight:700}.stat-label[data-v-0b63e4f2]{font-size:12px;opacity:.9}.calendar-header[data-v-0b63e4f2]{margin-bottom:15px}.current-date[data-v-0b63e4f2]{font-size:18px;font-weight:700}.calendar-weekdays[data-v-0b63e4f2]{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.weekday[data-v-0b63e4f2]{text-align:center;padding:5px;font-weight:700;color:#666;font-size:13px}.calendar-days[data-v-0b63e4f2]{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:10px}.calendar-day[data-v-0b63e4f2]{aspect-ratio:1;background:#fff;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border:1px solid #eee}.day-number[data-v-0b63e4f2]{font-size:15px}.other-month[data-v-0b63e4f2]{opacity:.3}.today[data-v-0b63e4f2]{border:2px solid #ff9800}.checked-in[data-v-0b63e4f2]{background:#1d7dd4;color:#fff;border:none}.can-checkin[data-v-0b63e4f2]{background:#e8f5e9;border:1px solid #4caf50}.checkin-mark[data-v-0b63e4f2]{font-size:12px;font-weight:700}.checkin-tip[data-v-0b63e4f2]{display:flex;justify-content:center;gap:15px;margin-top:20px;border-top:1px solid #ddd;padding-top:15px}.tip-item[data-v-0b63e4f2]{display:flex;align-items:center;gap:5px;font-size:11px}.tip-box[data-v-0b63e4f2]{width:15px;height:15px;border-radius:3px;border:1px solid #ddd}.checked-bg[data-v-0b63e4f2]{background:#1d7dd4}.can-checkin-bg[data-v-0b63e4f2]{background:#e8f5e9;border-color:#4caf50}.illustrate-container[data-v-0b63e4f2]{margin-top:24px;padding:0 10px;text-align:center}.illustrate-container img[data-v-0b63e4f2]{width:100%;max-width:100%;height:auto;display:block;margin:0 auto;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.benefit-btn-container[data-v-0b63e4f2]{margin:25px auto 10px auto;padding:0 10px;text-align:center}.benefit-action-btn[data-v-0b63e4f2]{width:100%;max-width:100%;padding:14px 24px;background:linear-gradient(135deg,#f6d365,#fda085);color:#5d3a00;border:none;border-radius:25px;font-size:16px;font-weight:700;letter-spacing:.5px;box-shadow:0 4px 15px rgba(253,160,133,.4);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.benefit-action-btn[data-v-0b63e4f2]:active{transform:scale(.98);box-shadow:0 2px 6px rgba(253,160,133,.2);background:linear-gradient(135deg,#e6c255,#ed9075)}.btn-icon[data-v-0b63e4f2]{font-size:18px}