style>
suika-calendar-box 1
position: fixed limportant;
Left: 90px important; top: 60px| important: width: 260px limportant; height: auto !important; z-index: 9999 important;
background: rgba(30, 20, 15, 0.55) !important; backdrop-filter: blur(15px) | important; border-radius: 20px| important;
padding: 20px 1important;
border: 1px solid rgba(255, 25T, 255, 0.1) important; box-shadow: 0 Spx 32px rgba(0,~), 0, 0.3) I important; box-sizing: border-box l important;
color: #ffffff timportant; font-famiLy: sans-serif important;
suika-cal-header ( text-align: center l important; font-weight: bold ! important; margin-bottom: 15px !important;
color: #ff9f43 limportant; font-size: 1.2rem !important;
• suika-cal-grid (
display: grid! important;
grid-template-columns: repeat(7, Ifr) !important;
gap: 8px! important;
text-align: center limportant; font-size: 0.9rem limportant;
. suika-cal-label {
font-weight: bold ! important;
color: rgba(255, 255, 255,r0.4) ! important; padding-bottom: 5px ! important;
}
. suika-cal-day {
padding: Spx 0 !important; border-radius: 50% ! important;
display: flex limportant;
justify-content: center ! important; align-items: center important;
,suika-cal-day.today {
background: #00d2d3 l important; color: #000000 !important; font-weight: bold !important;
box-shadow: 0 0 12px #00d2d3 1 important;
escript>
(function() {
const now = new Date();
const year = now.getFullYear();
const month = row. getMonth();
const today = now.getDate();
const titleEl = document. getELementById(' suika-cal-title');
const daysEL = document. getELementById(' suika-cal-days');
if (!titleEl || !daysEL) return;
titleEl. textContent = year + ' / ' + String(month + 1) padStart(2, '0');
const labels = ['S', 'N', 'T'
, 'T
, 'F' , 's']:
Labels. forEach(L >> 1
const div = document .createElement ('div');
div. className = 'suika-cal-label';
div. textContent = l;
daysEL . appendChi ld(div);
div.className = '
suika-cal-Label ;
div. textContent = L;
daysEL. appendChi ld (div) ;
)):
const firstDay = new Date(year, month, 1) getDay();
const lastDate = new Date(year, month + 1, 0). getDate();
for (let i = 0; i < firstDay; i++) { daysEL. appendChi ld(document.createElement("div",
tor （let d= l; d cs lastDate; dt+） ｛
const div = document. createElement(' div');
div. className = 'suika-cal-day';
div. textContent = d;
if (d === today) div.classList.add(" today'); daysEl. appendChi ld (div) ;
))0: