*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI','Microsoft YaHei',sans-serif;}:root{--primary:#1a73e8;--secondary:#4285f4;--accent:#34a853;--dark:#202124;--light:#f8f9fa;--gray:#5f6368;--border:#dadce0;--card-bg:rgba(255,255,255,0.92);--shadow:0 4px 12px rgba(0,0,0,0.08);--lunar-color:#d35400;--day-bg:linear-gradient(135deg,#0f2027,#203a43,#2c5364);--expired-bg:#f8d7da;--expired-color:#721c24;}body{background:var(--day-bg);color:var(--dark);min-height:100vh;padding:20px;position:relative;overflow-x:hidden;}::-webkit-scrollbar{width:8px;height:8px;}::-webkit-scrollbar-track{background:rgba(0,0,0,0.1);border-radius:4px;}::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2);border-radius:4px;}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.3);}.background-animation{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:0.3;overflow:hidden;}.particle{position:absolute;border-radius:50%;background:radial-gradient(var(--primary),transparent);opacity:0.4;animation:float 15s infinite linear;}.particle:nth-child(1){width:300px;height:300px;top:10%;left:5%;animation-duration:20s;}.particle:nth-child(2){width:200px;height:200px;top:60%;left:80%;animation-duration:25s;animation-delay:-5s;}.particle:nth-child(3){width:150px;height:150px;top:30%;left:70%;animation-duration:15s;animation-delay:-10s;}.particle:nth-child(4){width:180px;height:180px;top:20%;left:40%;animation-duration:18s;animation-delay:-7s;}.particle:nth-child(5){width:220px;height:220px;top:50%;left:30%;animation-duration:22s;animation-delay:-12s;}@keyframes float{0%{transform:translate(0,0) rotate(0deg);box-shadow:0 0 30px rgba(255,255,255,0.3);}25%{transform:translate(20px,15px) rotate(90deg);box-shadow:0 0 40px rgba(255,255,255,0.5);}50%{transform:translate(0,30px) rotate(180deg);box-shadow:0 0 50px rgba(255,255,255,0.7);}75%{transform:translate(-20px,15px) rotate(270deg);box-shadow:0 0 40px rgba(255,255,255,0.5);}100%{transform:translate(0,0) rotate(360deg);box-shadow:0 0 30px rgba(255,255,255,0.3);}}.container{max-width:1200px;margin:0 auto;}.header{display:flex;align-items:center;justify-content:space-between;background:var(--card-bg);border-radius:16px 16px 0 0;padding:20px 30px;box-shadow:var(--shadow);position:relative;overflow:hidden;}.header::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(to right,var(--primary),var(--secondary),var(--accent));}.logo{display:flex;align-items:center;}.logo::before{content:"🕒";font-size:28px;margin-right:10px;}.logo h1{font-size:1.8rem;font-weight:600;color:var(--dark);}.site-url{display:inline-block;text-decoration:none;background:var(--light);padding:8px 15px;border-radius:30px;font-weight:600;color:var(--primary);box-shadow:0 2px 5px rgba(0,0,0,0.05);transition:all 0.3s ease;}.site-url:hover{background:var(--primary);color:white;transform:translateY(-2px);}.main-content{background:var(--card-bg);border-radius:0 0 16px 16px;padding:30px;box-shadow:var(--shadow);}.event-detail{background:linear-gradient(135deg,#f0f7ff,#e3eeff);border-radius:16px;padding:20px;margin-bottom:30px;text-align:center;box-shadow:0 8px 20px rgba(66,133,244,0.15);border:1px solid rgba(66,133,244,0.2);position:relative;overflow:hidden;}.event-detail::before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(to right,var(--primary),var(--secondary));}.event-detail h2{font-size:1.8rem;color:var(--primary);margin-bottom:15px;}.event-detail .event-time{font-size:1.2rem;color:var(--dark);margin-bottom:10px;}.event-detail .event-date{font-size:1.1rem;color:var(--gray);margin-bottom:20px;}.event-detail .countdown-text{font-size:1.4rem;font-weight:bold;margin:15px 0;}.event-detail .countdown-numbers{font-size:2.5rem;font-weight:bold;color:var(--accent);margin:15px 0;font-family:monospace;}.event-detail .times{display:flex;justify-content:center;gap:30px;margin-top:20px;font-size:0.9rem;color:var(--gray);}.countdown-section{margin-top:30px;}.action-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px;}.year-nav{display:flex;gap:10px;background:rgba(255,255,255,0.8);padding:6px 12px;border-radius:30px;box-shadow:0 1px 3px rgba(0,0,0,0.1);flex-wrap:wrap;}.year-btn{background:#ecf0f1;border:none;padding:6px 14px;border-radius:30px;cursor:pointer;font-weight:bold;transition:all 0.2s;text-decoration:none;color:#2c3e50;font-size:0.9rem;}.year-btn.active{background:var(--primary);color:white;}.year-btn:hover{background:#bdc3c7;}.add-event-btn{background:var(--accent);color:white;border:none;padding:8px 18px;border-radius:30px;cursor:pointer;font-size:0.95rem;display:inline-flex;align-items:center;gap:8px;transition:all 0.3s;font-weight:500;}.add-event-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.1);}.add-event-btn::before{content:"➕";}.filter-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;margin-bottom:15px;}.filters{display:flex;flex-wrap:wrap;gap:10px;}.filter-btn{background:#ecf0f1;border:none;padding:8px 16px;cursor:pointer;border-radius:20px;transition:all 0.3s;}.filter-btn.active{background:var(--primary);color:white;}.expired-toggle{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,0.9);padding:4px 12px;border-radius:30px;box-shadow:0 1px 3px rgba(0,0,0,0.1);flex-shrink:0;white-space:nowrap;}.expired-toggle span{font-size:0.85rem;color:var(--gray);}.event-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px;margin-top:20px;}.event-card{background:white;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1);padding:16px;transition:transform 0.2s;cursor:pointer;}.event-card.expired{background:var(--expired-bg);color:var(--expired-color);opacity:0.8;}.event-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,0.15);}.event-name{font-size:1.2rem;font-weight:bold;margin-bottom:8px;}.event-info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap;gap:8px;}.event-type{display:inline-block;padding:2px 8px;border-radius:12px;font-size:0.7rem;background:#e9ecef;margin-bottom:0;}.event-card.expired .event-type{background:#c3b3b3;}.event-days{font-size:1rem;font-weight:bold;color:#e67e22;margin-top:0;}.event-card.expired .event-days{color:var(--expired-color);}.event-dates{margin:8px 0;display:flex;gap:12px;flex-wrap:wrap;}.event-date{font-size:0.9rem;}.primary-date{font-weight:bold;color:#2c3e50;background:#e8f0fe;padding:2px 6px;border-radius:12px;}.event-desc{color:#7f8c8d;font-size:0.8rem;margin-top:8px;}.footer{text-align:center;padding:25px;color:rgba(255,255,255,0.8);font-size:1.05rem;}.footer .footer-nav{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem;flex-wrap:wrap;}.footer .footer-nav a{color:rgba(255,255,255,0.8);text-decoration:none;font-size:1.1rem;padding:0.3rem 0.8rem;border-radius:30px;transition:all 0.3s ease;position:relative;}.footer .footer-nav a:hover{color:white;background:rgba(255,255,255,0.15);transform:translateY(-2px);}.footer .footer-nav a::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);transition:all 0.3s ease;transform:translateX(-50%);}.footer .footer-nav a:hover::after{width:80%;}.footer .quote{font-style:italic;margin-bottom:15px;font-size:1.2rem;}.footer .copyright{font-size:0.95rem;}.footer a{color:#a3d0ff;text-decoration:none;transition:all 0.3s ease;}.footer a:hover{color:white;text-decoration:underline;}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:999;display:none;}.event-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:white;border-radius:16px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,0.2);z-index:1000;display:none;width:90%;max-width:500px;}.event-modal h3{text-align:center;margin-bottom:20px;color:var(--primary);font-size:1.6rem;}.event-modal .close-btn{position:absolute;top:15px;right:15px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--gray);}.form-group{margin-bottom:20px;}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--dark);}.form-group input,.form-group select{width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;font-size:1rem;background:white;}.switch-group{display:flex;align-items:center;justify-content:space-between;background:#f8f9fa;padding:12px;border-radius:8px;margin-bottom:15px;}.switch-group span{font-weight:500;}.switch{position:relative;display:inline-block;width:50px;height:24px;}.switch input{opacity:0;width:0;height:0;}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px;}.slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:white;transition:.4s;border-radius:50%;}input:checked + .slider{background-color:var(--accent);}input:checked + .slider:before{transform:translateX(26px);}.modal-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;}.btn-primary{background:var(--primary);color:white;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:1rem;}.btn-secondary{background:#5f6368;color:white;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;}.date-input-wrapper{position:relative;display:flex;align-items:center;}.date-input-wrapper input{flex:1;}.lunar-hint{margin-left:12px;font-size:0.9rem;color:var(--lunar-color);white-space:nowrap;}@media (max-width:768px){.action-bar{flex-direction:column;align-items:stretch;}.year-nav{justify-content:center;}.add-event-btn{align-self:center;}.filter-bar{flex-direction:column;align-items:stretch;}.expired-toggle{align-self:flex-end;}.event-detail .times{flex-direction:column;gap:8px;}.event-grid{grid-template-columns:1fr;}.event-info-row{flex-wrap:wrap;}}