:root{--i:#27353b;--c:#fffaf2;--o:#e9785c;--m:#e1f1eb}*{box-sizing:border-box}body{margin:0;background:var(--c);color:var(--i);font-family:"Noto Sans TC",sans-serif}header{padding:48px 8vw;min-height:270px;background:linear-gradient(115deg,#d9edf0 0 55%,#ffe1d4 55%)}header a{color:var(--i);font-weight:700;text-decoration:none}header p,.events>p{margin:42px 0 8px;color:#c55f48;font-size:11px;font-weight:900;letter-spacing:.16em}h1{margin:0;font-size:clamp(44px,7vw,72px)}header span{display:block;margin-top:12px}main{max-width:1050px;margin:auto;padding:45px 25px;display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.calendar,.events{padding:26px;border-radius:24px;background:#fff}.cal-head{display:flex;align-items:center;justify-content:space-between}.cal-head h2{margin:0;font-size:24px}.cal-head button{border:0;border-radius:10px;padding:7px 13px;background:#e1f1eb;color:#27353b;font-size:22px}.week,.grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:18px}.week{font-size:11px;text-align:center;color:#6a7e80}.day{min-height:62px;padding:7px;border-radius:10px;background:#f9f4ee;font-size:12px}.day.today{outline:2px solid #e9785c}.day.has-event{background:#e1f1eb}.dot{display:block;margin-top:4px;overflow:hidden;color:#c55f48;font-size:10px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.events h2{margin-top:0}.event{padding:13px 0;border-bottom:1px solid #edf0ee}.event b,.event span{display:block}.event span{margin-top:3px;color:#687d7f;font-size:12px}.event button{margin-top:7px;border:0;border-radius:8px;padding:5px 8px;background:#f4dcd1;color:#9a563d}input,textarea{width:100%;margin-top:8px;padding:10px;border:1px solid #d4e1df;border-radius:10px;font:inherit}textarea{height:74px}#x{}[data-admin]{margin-top:24px;padding-top:20px;border-top:1px solid #dbe5e1}[data-admin] h3{margin:0 0 8px}[data-add]{margin-top:10px;border:0;border-radius:12px;padding:10px 13px;background:var(--i);color:#fff;font-weight:800}small{display:block;margin-top:8px;color:#587779}footer{padding:0 25px 45px;max-width:1050px;margin:auto;color:#687d7f;font-size:12px}@media(max-width:720px){main{grid-template-columns:1fr;padding:25px 16px}.day{min-height:48px}.week,.grid{gap:3px}}