*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{color:#4a4a4a;background:#f5f3f0;min-height:100vh;padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.container{background:#fff;border-radius:24px;max-width:1200px;margin:0 auto;overflow:hidden;box-shadow:0 4px 24px #0000000f}header{color:#fff;text-align:center;background:#8b7d6b;padding:28px 24px}h1{letter-spacing:3px;margin-bottom:6px;font-size:1.8em;font-weight:500}.subtitle{opacity:.9;letter-spacing:1px;font-size:.9em;font-weight:300}.couple-info{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:14px;display:flex}.person-tag{background:#ffffff26;border-radius:14px;align-items:center;gap:6px;padding:5px 12px;font-size:.8em;display:flex}.dot-rao{background:#f4c2c2;border-radius:50%;width:8px;height:8px}.dot-li{background:#a8d5c5;border-radius:50%;width:8px;height:8px}.top-controls{background:#faf9f7;border-bottom:1px solid #e8e6e3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.nav-section{align-items:center;gap:12px;display:flex}.nav-group{background:#fff;border:1px solid #e0ddd8;border-radius:20px;align-items:center;gap:8px;padding:4px;display:flex;box-shadow:0 2px 6px #0000000a}.btn{color:#5a5a5a;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d0ccc5;border-radius:16px;padding:8px 16px;font-size:13px;transition:all .2s}.btn:hover{background:#f5f3f0;border-color:#b8b4ad}.btn-today{color:#fff;background:#8b7d6b;border-color:#8b7d6b}.btn-today:hover{background:#7a6d5c}.btn-clear{color:#666;background:#f0f0f0;border-color:#d0ccc5;padding:6px 12px;font-size:12px}.btn-clear:hover{background:#e0e0e0}.btn-nav{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:14px;display:flex}.month-year{color:#3d3d3d;text-align:center;letter-spacing:1px;min-width:120px;font-size:1.2em;font-weight:500}.filter-section{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-btn{cursor:pointer;color:#666;background:#fff;border:2px solid #0000;border-radius:16px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;transition:all .2s;display:flex;position:relative;box-shadow:0 1px 3px #0000000d}.filter-btn:hover{transform:translateY(-1px);box-shadow:0 3px 8px #00000014}.filter-btn.active{color:#3d3d3d;font-weight:600}.filter-dot{border-radius:50%;width:10px;height:10px}.filter-btn.active:after{content:"✓";color:#fff;background:#8b7d6b;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:flex;position:absolute;top:-4px;right:-4px}.filter-btn[data-filter=rao-day] .filter-dot{background:#d4e4f0;border:1px solid #a8c8dc}.filter-btn[data-filter=rao-night] .filter-dot{background:#4a5568}.filter-btn[data-filter=rao-rest] .filter-dot{background:#f4c2c2}.filter-btn[data-filter=li-rest] .filter-dot{background:#a8d5c5}.filter-btn[data-filter=both-rest] .filter-dot{background:#2d5a4e}.filter-btn[data-filter=rao-day].active{background:#e8f4f8;border-color:#a8c8dc}.filter-btn[data-filter=rao-night].active{color:#fff;background:#4a5568;border-color:#4a5568}.filter-btn[data-filter=rao-rest].active{background:#fdf2f2;border-color:#f4c2c2}.filter-btn[data-filter=li-rest].active{background:#e8f4f0;border-color:#a8d5c5}.filter-btn[data-filter=both-rest].active{color:#fff;background:#2d5a4e;border-color:#2d5a4e}.calendar-wrapper{padding:20px}.calendar-grid{grid-template-columns:repeat(8,1fr);gap:8px;display:grid}.day-cell{aspect-ratio:1;cursor:pointer;opacity:1;background:#fff;border:2px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.day-cell.dimmed{opacity:.15;transform:scale(.95)}.day-cell.highlighted{z-index:10;transform:scale(1.08);box-shadow:0 8px 24px #00000026}.day-cell:hover{z-index:5;transform:scale(1.05)}.day-cell.highlighted:hover{transform:scale(1.12)}.day-cell.manual-edit:after{content:"✎";color:#8b7d6b;opacity:.7;font-size:.6em;position:absolute;bottom:2px;left:2px}.day-number{color:#4a4a4a;margin-bottom:2px;font-size:1.1em;font-weight:500}.day-lunar{opacity:.5;color:#888;font-size:.6em}.day-tags{flex-direction:column;gap:2px;display:flex;position:absolute;top:4px;right:4px}.day-tag{color:#666;background:#fffffff2;border-radius:4px;padding:2px 4px;font-size:.55em}.status-rao-day{background:#e8f4f8;border-color:#d4e4f0}.status-rao-night{background:#4a5568;border-color:#2d3748}.status-rao-night .day-number{font-weight:600;color:#fff!important}.status-rao-night .day-lunar{color:#ffffffb3!important}.status-rao-rest{background:#fdf2f2;border-color:#f4c2c2}.status-li-rest{background:#c8e6d5;border-color:#a8d5c5}.status-both-rest{box-shadow:0 4px 12px #2d5a4e4d;background:#2d5a4e!important;border:2px solid #1a3d33!important}.status-both-rest .day-number{font-weight:700;color:#fff!important}.status-both-rest .day-lunar{color:#ffffffb3!important}.is-today{border:2px solid #8b7d6b!important;box-shadow:inset 0 0 0 2px #8b7d6b33!important}.other-month{opacity:.3;background:#f5f3f0!important}.bottom-stats{background:#faf9f7;border-top:1px solid #e8e6e3;flex-wrap:wrap;justify-content:center;gap:16px;padding:20px;display:flex}.stat-item{text-align:center;cursor:pointer;background:#fff;border:2px solid #0000;border-radius:16px;min-width:90px;padding:12px 20px;transition:all .3s;position:relative;box-shadow:0 2px 8px #0000000a}.stat-item.active{font-weight:600;transform:scale(1.05)}.stat-item.active[data-stat=rao-day]{background:#e8f4f8;border-color:#a8c8dc}.stat-item.active[data-stat=rao-night]{color:#fff;background:#4a5568;border-color:#4a5568}.stat-item.active[data-stat=rao-rest]{background:#fdf2f2;border-color:#f4c2c2}.stat-item.active[data-stat=li-rest]{background:#e8f4f0;border-color:#a8d5c5}.stat-item.active[data-stat=both-rest]{color:#fff;background:#2d5a4e;border-color:#2d5a4e}.stat-item.active:after{content:"✓";color:#fff;background:#8b7d6b;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 4px #0003}.stat-item.active[data-stat=rao-night] .stat-label,.stat-item.active[data-stat=both-rest] .stat-label{color:#ffffffe6}.stat-number{color:#3d3d3d;margin-bottom:4px;font-size:1.6em;font-weight:600}.stat-label{color:#888;font-size:.75em}.filter-info{text-align:center;color:#666;background:#f0f0f0;border-bottom:1px solid #e8e6e3;padding:8px 20px;font-size:.85em}.filter-info.active{color:#2d5a4e;background:#e8f4f0;font-weight:500}.tooltip{color:#fff;pointer-events:none;opacity:0;z-index:1000;white-space:nowrap;background:#2d5a4ef2;border-radius:8px;padding:8px 12px;font-size:.8em;transition:opacity .3s;position:fixed}.edit-modal .modal-content{max-width:360px}.edit-options{grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0;display:grid}.edit-option{cursor:pointer;text-align:center;border:2px solid #e0e0e0;border-radius:12px;padding:16px;transition:all .2s}.edit-option:hover{border-color:#8b7d6b;transform:translateY(-2px)}.edit-option.selected{background:#faf9f7;border-color:#8b7d6b}.edit-option .option-title{color:#3d3d3d;margin-bottom:4px;font-weight:600}.edit-option .option-desc{color:#888;font-size:.8em}.edit-actions{justify-content:center;gap:12px;margin-top:20px;display:flex}.btn-secondary{color:#666;background:#f0f0f0}.btn-secondary:hover{background:#e0e0e0}.btn-primary{color:#fff;background:#8b7d6b;border-color:#8b7d6b}.btn-primary:hover{background:#7a6d5c}.btn-danger{color:#fff;background:#c97b7b;border-color:#c97b7b}.btn-danger:hover{background:#b56a6a}.edit-hint{color:#888;border-top:1px solid #f0f0f0;margin-top:12px;padding-top:12px;font-size:.85em}.modal{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal.open{display:flex}.modal-content{text-align:center;background:#fff;border-radius:20px;width:90%;max-width:300px;padding:24px;box-shadow:0 20px 60px #00000026}.modal-date{color:#3d3d3d;margin-bottom:12px;font-size:1.1em;font-weight:500}.modal-status{color:#fff;border-radius:20px;margin-bottom:12px;padding:10px 20px;font-size:.9em;font-weight:600;display:inline-block}.modal-details{color:#666;margin:12px 0;font-size:.85em;line-height:1.5}.close-btn{cursor:pointer;color:#5a5a5a;background:#f0f0f0;border:none;border-radius:16px;margin-top:8px;padding:8px 24px;font-size:.9em}.toast{color:#fff;opacity:0;z-index:2000;background:#2d5a4ef2;border-radius:24px;padding:12px 24px;font-size:.9em;transition:all .3s;position:fixed;bottom:30px;left:50%;transform:translate(-50%)translateY(100px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}@media (max-width:768px){.top-controls{flex-direction:column;gap:12px}.filter-section{justify-content:center}.calendar-grid{grid-template-columns:repeat(4,1fr);gap:6px}.day-cell{aspect-ratio:auto;min-height:70px}.bottom-stats{gap:10px}.stat-item{min-width:70px;padding:10px 14px}.edit-options{grid-template-columns:1fr}}