*{box-sizing:border-box;margin:0;padding:0}:root{--wb-paper:#f0ead7;--wb-paper-2:#e8e0c8;--wb-ink:#1c1815;--wb-ink-soft:#4a443d;--wb-ink-mute:#8c8475;--wb-stone:#6b6358;--wb-stamp:#b8362f;--wb-tea:#a47e3b;--font-display:"Hiragino Mincho ProN","YuMincho","PingFang TC","Noto Serif TC",serif;--font-body:"PingFang TC","Noto Sans TC","Hiragino Sans","Yu Gothic",sans-serif}body{font-family:var(--font-body);background:radial-gradient(circle at 20% 15%,#1c181506 0 1px,transparent 1px), radial-gradient(circle at 70% 60%,#1c181505 0 1px,transparent 1px), var(--wb-paper);color:var(--wb-ink);background-size:280px 280px;min-height:100vh}.app{gap:1.5rem;max-width:1200px;margin:0 auto;padding:1.5rem 1rem;display:flex;position:relative}.main{flex:1;min-width:0}.sidebar{background:var(--wb-paper);border-left:1px solid var(--wb-ink-mute);z-index:50;width:320px;height:100vh;padding:1.5rem;transition:transform .3s;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-4px 0 20px #1c181514}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:40;background:#1c181526;display:none;position:fixed;inset:0}.sidebar-overlay.open{display:block}.cal-header{border-bottom:1px solid var(--wb-ink-mute);opacity:.6;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.cal-header h1{font-family:var(--font-display);letter-spacing:.04em;font-size:clamp(22px,3vw,32px);font-weight:400}.cal-header .lunar-sub{color:var(--wb-ink-mute);margin-top:.2rem;font-size:.85rem}.nav-group{align-items:center;gap:.5rem;display:flex}.nav-btn{border:1px solid var(--wb-ink-mute);color:var(--wb-ink-soft);font-family:var(--font-display);cursor:pointer;letter-spacing:.05em;background:0 0;padding:.4rem .8rem;font-size:.85rem;transition:all .2s}.nav-btn:hover{background:var(--wb-ink);color:var(--wb-paper);border-color:var(--wb-ink)}.weekday-header{grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:2px;display:grid}.weekday-cell{text-align:center;letter-spacing:.15em;color:var(--wb-ink-mute);font-size:.75rem;font-family:var(--font-display);padding:.5rem 0}.weekday-cell:first-child,.weekday-cell:last-child{color:var(--wb-stamp)}#calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.day{cursor:default;background:#ffffff59;border:1px solid #0000;min-width:0;min-height:100px;padding:.5rem;transition:background .2s;position:relative}.day:hover{border-color:var(--wb-ink-mute);background:#ffffffb3}.day.empty{background:0 0;border:none}.day.today{border:1px solid var(--wb-stamp);background:#b8362f0f}.day.weekend .solar-day{color:var(--wb-stamp)}.day.tiansha{background:#a47e3b14}.day.has-god:after{content:"";background:var(--wb-stamp);opacity:.6;border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:4px}.day-header{justify-content:space-between;align-items:baseline;margin-bottom:.2rem;display:flex}.solar-day{font-family:var(--font-display);font-size:1.1rem;font-weight:400}.lunar-day{color:var(--wb-ink-mute);letter-spacing:.05em;font-size:.75rem}.day-ganzhi{color:var(--wb-stone);letter-spacing:.08em;font-size:.75rem}.day-jieqi{color:var(--wb-tea);margin-top:.15rem;font-size:.75rem;font-weight:500}.day-markers{gap:.2rem;margin-top:.2rem;display:flex}.marker{font-size:.75rem;font-family:var(--font-display);letter-spacing:0;border-radius:2px;padding:.1rem .3rem}.marker-tiansha{color:var(--wb-tea);background:#a47e3b26;border:1px solid #a47e3b4d}.marker-god{color:var(--wb-stamp);background:#b8362f1a;border:1px solid #b8362f33}.marker-jieqi{color:var(--wb-stone);background:#6b63581a;border:1px solid #6b635833}.day-yi{color:var(--wb-ink-mute);text-overflow:ellipsis;white-space:nowrap;margin-top:.2rem;font-size:.75rem;line-height:1.3;overflow:hidden}.day-detail-hover{z-index:10;background:var(--wb-paper);border:1px solid var(--wb-ink-mute);min-width:220px;max-width:280px;padding:.8rem;font-size:.8rem;line-height:1.8;display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #1c18151f}.day:hover .day-detail-hover{display:block}.day:nth-child(7n) .day-detail-hover,.day:nth-child(7n-1) .day-detail-hover{left:auto;right:0;transform:none}.day:nth-child(-n+7) .day-detail-hover{top:auto;bottom:100%}.detail-title{font-family:var(--font-display);border-bottom:1px solid var(--wb-ink-mute);opacity:.5;margin-bottom:.3rem;padding-bottom:.3rem;font-size:.9rem;font-weight:500}.detail-ganzhi{color:var(--wb-stone);font-size:.75rem}.detail-jieqi{color:var(--wb-tea)}.detail-tiansha{color:var(--wb-tea);font-weight:500}.detail-gods{color:var(--wb-stamp);font-size:.75rem}.detail-yi{color:var(--wb-ink-soft)}.detail-yi:before{content:"";border-top:1px solid var(--wb-ink-mute);opacity:.3;margin:.3rem 0;display:block}.detail-ji{color:var(--wb-ink-mute);font-size:.75rem}.sidebar-section{margin-bottom:1.5rem}.sidebar-title{font-family:var(--font-display);letter-spacing:.1em;color:var(--wb-ink-soft);border-bottom:1px solid var(--wb-ink-mute);opacity:.5;margin-bottom:.5rem;padding-bottom:.5rem;font-size:.9rem;font-weight:400}.sidebar-title .stamp{border:1.5px solid var(--wb-stamp);width:22px;height:22px;color:var(--wb-stamp);font-family:var(--font-display);text-align:center;vertical-align:middle;margin-right:.4rem;font-size:.75rem;line-height:19px;display:inline-block;transform:rotate(-4deg)}.sidebar-item{border-bottom:1px solid #8c847526;align-items:baseline;gap:.4rem;padding:.3rem 0;font-size:.8rem;display:flex}.sidebar-date{color:var(--wb-ink-soft);min-width:42px;font-family:var(--font-display)}.sidebar-lunar{color:var(--wb-ink-mute);min-width:60px;font-size:.75rem}.sidebar-name{color:var(--wb-ink);flex:1}.sidebar-empty{color:var(--wb-ink-mute);padding:.5rem 0;font-size:.8rem}.today-section{background:#fff6;border:1px solid #8c847533;margin-bottom:1.5rem;padding:1rem}.today-lunar{font-family:var(--font-display);letter-spacing:.06em;margin-bottom:.3rem;font-size:1.1rem}.today-ganzhi{color:var(--wb-stone);margin-bottom:.3rem;font-size:.8rem}.today-shengxiao{color:var(--wb-ink-mute);font-size:.8rem}.today-jieqi{color:var(--wb-tea);margin-top:.2rem;font-size:.82rem}.today-tiansha{color:var(--wb-tea);margin-top:.3rem;font-size:.85rem;font-weight:500}.today-gods{color:var(--wb-stamp);margin-top:.3rem;font-size:.8rem}.today-yi,.today-ji{color:var(--wb-ink-soft);margin-top:.4rem;font-size:.8rem;line-height:1.8}.today-ji{color:var(--wb-ink-mute)}.search-section{margin-bottom:1.5rem}.cat-selects{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.cat-select{color:var(--wb-ink-soft);font-family:var(--font-body);cursor:pointer;appearance:none;background:#ffffff80 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238c8475'/%3E%3C/svg%3E") right .5rem center no-repeat;border:1px solid #8c84754d;flex:1;padding:.4rem 1.5rem .4rem .5rem;font-size:.8rem}.cat-select:focus{border-color:var(--wb-ink-soft);background-color:#fffc;outline:none}.cat-select option{font-size:.8rem}#search-results{margin-top:.5rem}.search-list{max-height:320px;overflow-y:auto}.search-header{color:var(--wb-ink-soft);border-bottom:1px solid #8c847533;padding:.4rem 0;font-size:.8rem}.search-row{border-bottom:1px solid #8c84751a;align-items:baseline;gap:.4rem;padding:.3rem 0;font-size:.78rem;display:flex}.search-date{min-width:110px;color:var(--wb-ink-soft);font-family:var(--font-display)}.search-lunar{min-width:60px;color:var(--wb-ink-mute);font-size:.75rem}.search-match{color:var(--wb-stamp);flex:1}.search-empty{color:var(--wb-ink-mute);padding:.5rem 0;font-size:.8rem}.footer{text-align:center;color:var(--wb-ink-mute);letter-spacing:.1em;border-top:1px solid var(--wb-ink-mute);opacity:.4;margin-top:2rem;padding:2rem 0 1rem;font-size:.75rem}.tategaki{writing-mode:vertical-rl;font-family:var(--font-display);letter-spacing:.18em;color:var(--wb-ink-mute);white-space:nowrap;font-size:13px;line-height:2;position:absolute;top:0;right:-2rem}@media (width<=900px){.day{min-height:80px;padding:.3rem}.solar-day{font-size:.95rem}.lunar-day,.day-ganzhi{font-size:.75rem}.day-yi{display:none}.sidebar{width:280px}.day-detail-hover{min-width:180px}}@media (width<=500px){.day{min-height:60px;padding:.2rem}.day-markers .marker{padding:.05rem .15rem;font-size:.75rem}.day-ganzhi,.day-jieqi{display:none}}