*{margin:0;padding:0;box-sizing:border-box;font-family:'Microsoft YaHei','PingFang SC',sans-serif}body{background-color:#f5f7fa;color:#e74c3c;line-height:1.6;padding:20px}.container{max-width:1000px;margin:0 auto;padding:25px;background-color:white;border-radius:12px;box-shadow:0 2px 15px rgba(0,0,0,0.08)}h1{text-align:center;margin-bottom:25px;color:#2c3e50;font-size:28px;display:flex;align-items:center;justify-content:center}.sync-status{font-size:14px;margin-left:10px;padding:3px 8px;border-radius:4px;background-color:#f1c40f;color:#fff}.sync-status.success{background-color:#2ecc71}.sync-status.warning{background-color:#e67e22}.sync-status.error{background-color:#e74c3c}.last-updated{text-align:center;font-size:13px;color:#7f8c8d;margin-bottom:20px}.filter-controls{margin-bottom:25px;padding:15px;background-color:#f8f9fa;border-radius:8px}.filter-title{margin-bottom:10px;font-size:14px;color:#7f8c8d}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.wangzhangg{padding:6px 12px;border:none;border-radius:20px;background-color:#ecf0f1;color:#000000;cursor:pointer;font-size:13px;transition:all 0.3s}.filter-btn{padding:6px 12px;border:none;border-radius:20px;background-color:#ecf0f1;color:#7f8c8d;cursor:pointer;font-size:13px;transition:all 0.3s}.filter-btn.active{background-color:#3498db;color:white}.countdown-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.countdown-card{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:transform 0.3s,box-shadow 0.3s;position:relative}.countdown-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,0.1)}.holiday-name{font-size:20px;font-weight:bold;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.holiday-date{color:#7f8c8d;margin-bottom:15px}.holiday-duration{color:white;padding:3px 8px;border-radius:4px;font-size:14px}.countdown{display:flex;justify-content:space-between;margin-bottom:15px}.countdown-item{text-align:center;flex:1}.countdown-number{font-size:24px;font-weight:bold;color:#2ecc71}.countdown-label{font-size:12px;color:#7f8c8d}.working-days{font-size:14px;color:#e74c3c;margin-top:10px}.current{border-left:4px solid #3498db;background-color:#f8f9fa}.next-year{border-left:4px solid #9b59b6;background-color:#f5f0fa}.passed{opacity:0.7}.next-year-tag{position:absolute;top:10px;right:10px;font-size:12px;color:#9b59b6;background-color:#f5f0fa;padding:2px 6px;border-radius:10px}.data-source{margin-top:30px;font-size:13px;color:#000000;padding:10px;border-top:1px dashed #ddd}.countdown-card.official{border-left:4px solid #e74c3c;background-color:#fef5f5}.countdown-card.official .holiday-duration{background-color:#e74c3c}.countdown-card.lunar{border-left:4px solid #9b59b6;background-color:#f9f0ff}.countdown-card.lunar .holiday-name{color:#9b59b6}.countdown-card.solar-term{border-left:4px solid #27ae60;background-color:#f5fbf7}.countdown-card.solar-term .holiday-name{color:#27ae60}.countdown-card.seasonal{border-left:4px solid #3498db;background-color:#f0f8ff}.countdown-card.seasonal .holiday-name{color:#3498db}.countdown-card.international{border-left:4px solid #e67e22;background-color:#fef9f3}.countdown-card.international .holiday-name{color:#e67e22}@media (max-width:768px){.countdown-container{grid-template-columns:1fr}.filter-buttons{justify-content:center}}.countdown-card.memorial{border-left:4px solid #34495e;background-color:#f8f9fa}.countdown-card.memorial .holiday-name{color:#34495e}.countdown-card.leap-month{border-left:4px solid #16a085;background-color:#e8f6f3}.countdown-card.leap-month .holiday-name{color:#16a085}.countdown-card.multi-day{background-color:#fff8e1 !important;border-left:4px solid #ffd54f}.countdown-card.official .holiday-duration{background-color:#e74c3c;color:white}.countdown-card:not(.official) .holiday-duration{background-color:#f1c40f;color:#333}.duration-container{display:flex;align-items:center;gap:8px;margin:10px 0}.next-year-tag{font-size:14px;color:#9b59b6;background-color:#f5f0fa;padding:3px 8px;border-radius:12px}.holiday-duration{color:white;padding:3px 8px;border-radius:4px;font-size:14px}.countdown-card.official .holiday-duration{background-color:#e74c3c}.countdown-card:not(.official) .holiday-duration{background-color:#f1c40f}.countdown-card.multi-day{background-color:#fff8e1;border-left:4px solid #ffd54f}.countdown-card.qita{border-left:4px solid #000000;background-color:#ffffff}.countdown-card.qita .holiday-name{color:#000000}.countdown-card.qita .holiday-duration{display:none}body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.blocked-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:yellow;color:rgb(0,0,0);padding:15px 20px;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.3);z-index:9999}