.day-counter-container[data-v-95763882]{max-width:1200px;margin:0 auto;padding:20px}.page-header[data-v-95763882]{text-align:center;margin-bottom:30px}.page-header h1[data-v-95763882]{font-size:2.5em;color:#2c3e50;margin-bottom:10px;font-weight:600}.page-description[data-v-95763882]{font-size:1.1em;color:#7f8c8d;margin:0}.modern-card[data-v-95763882]{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);margin-bottom:24px;overflow:hidden;border:1px solid #f0f0f0}.card-header[data-v-95763882]{padding:24px 24px 16px;border-bottom:1px solid #f5f5f5}.card-header h3[data-v-95763882]{margin:0 0 8px 0;font-size:1.3em;color:#2c3e50;font-weight:600}.card-header p[data-v-95763882]{margin:0;color:#7f8c8d;font-size:.95em}.date-input-section[data-v-95763882]{padding:24px}.date-picker[data-v-95763882]{width:100%;margin-bottom:20px}.preset-buttons[data-v-95763882]{display:flex;flex-wrap:wrap;gap:8px}.preset-buttons .el-button[data-v-95763882]{margin:0}.result-card[data-v-95763882]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.result-card .card-header[data-v-95763882]{border-bottom-color:hsla(0,0%,100%,.2)}.result-card .card-header h3[data-v-95763882],.result-card .card-header p[data-v-95763882]{color:#fff}.result-display[data-v-95763882]{padding:24px}.total-stats[data-v-95763882]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-bottom:30px}.stat-item[data-v-95763882]{text-align:center;background:hsla(0,0%,100%,.1);padding:20px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-number[data-v-95763882]{font-size:2em;font-weight:700;margin-bottom:5px;color:#fff}.stat-label[data-v-95763882]{font-size:.9em;opacity:.9}.detailed-breakdown h4[data-v-95763882]{margin:0 0 16px 0;font-size:1.2em;color:#fff}.breakdown-grid[data-v-95763882]{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:16px}.breakdown-item[data-v-95763882]{text-align:center;background:hsla(0,0%,100%,.1);padding:16px;border-radius:8px}.breakdown-number[data-v-95763882]{display:block;font-size:1.5em;font-weight:700;margin-bottom:4px}.breakdown-unit[data-v-95763882]{font-size:.9em;opacity:.9}.milestones[data-v-95763882]{margin-top:30px}.milestones h4[data-v-95763882]{margin:0 0 16px 0;font-size:1.2em;color:#fff}.milestone-list[data-v-95763882]{display:flex;flex-direction:column;gap:12px}.milestone-item[data-v-95763882]{display:flex;align-items:center;background:hsla(0,0%,100%,.1);padding:16px;border-radius:8px;transition:all .3s ease}.milestone-item.reached[data-v-95763882]{background:rgba(46,204,113,.2)}.milestone-icon[data-v-95763882]{font-size:1.5em;margin-right:12px}.milestone-content[data-v-95763882]{flex:1}.milestone-title[data-v-95763882]{font-weight:600;margin-bottom:4px}.milestone-date[data-v-95763882]{font-size:.9em;opacity:.9}.milestone-status[data-v-95763882]{font-size:.9em;font-weight:500}.usage-tips[data-v-95763882]{padding:24px}.tip-item[data-v-95763882]{display:flex;align-items:center;margin-bottom:16px;padding:12px;background:#f8f9fa;border-radius:8px}.tip-item[data-v-95763882]:last-child{margin-bottom:0}.tip-icon[data-v-95763882]{font-size:1.2em;margin-right:12px;min-width:24px}.tip-text[data-v-95763882]{color:#5a6c7d;line-height:1.5}@media (max-width:768px){.day-counter-container[data-v-95763882]{padding:15px}.page-header h1[data-v-95763882]{font-size:2em}.total-stats[data-v-95763882]{grid-template-columns:repeat(2,1fr);gap:15px}.breakdown-grid[data-v-95763882]{grid-template-columns:repeat(3,1fr);gap:12px}.preset-buttons[data-v-95763882]{justify-content:center}.preset-buttons .el-button[data-v-95763882]{font-size:12px;padding:6px 12px}}@media (max-width:480px){.total-stats[data-v-95763882]{grid-template-columns:1fr}.breakdown-grid[data-v-95763882]{grid-template-columns:repeat(2,1fr)}.milestone-item[data-v-95763882]{flex-direction:column;text-align:center;gap:8px}.milestone-icon[data-v-95763882]{margin-right:0}}