:root{--primary-color:#4361ee;--secondary-color:#3f37c9;--accent-color:#4895ef;--danger-color:#f72585;--success-color:#4cc9f0;--light-color:#f8f9fa;--dark-color:#212529;--gray-color:#6c757d;--border-radius:8px;--box-shadow:0 4px 6px rgba(0,0,0,0.1);--transition:all 0.3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f0f0f0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{font-family:'PingFang SC','Microsoft YaHei',sans-serif;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);margin:0;padding:20px;color:var(--dark-color);min-height:100vh}.announcement-container{max-width:900px;margin:20px auto;background-color:white;padding:30px;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap}.header h1{color:var(--primary-color);font-size:28px;margin-bottom:15px}.header h1 i{margin-right:10px;color:var(--accent-color)}.search-box{display:flex;margin-bottom:15px}.search-box input{padding:10px 15px;border:1px solid #ddd;border-radius:var(--border-radius) 0 0 var(--border-radius);width:250px;font-size:14px;transition:var(--transition)}.search-box input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(72,149,239,0.2)}.search-box button{padding:0 15px;background-color:var(--primary-color);color:white;border:none;border-radius:0 var(--border-radius) var(--border-radius) 0;cursor:pointer;transition:var(--transition)}.search-box button:hover{background-color:var(--secondary-color)}.filter-tabs{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.tab-btn{padding:8px 16px;background-color:var(--light-color);border:none;border-radius:20px;cursor:pointer;font-size:14px;transition:var(--transition)}.tab-btn:hover{background-color:#e9ecef}.tab-btn.active{background-color:var(--primary-color);color:white}.announcement-list{margin-bottom:30px}.announcement-item{margin-bottom:20px;padding:20px;border-radius:var(--border-radius);background-color:white;box-shadow:0 2px 4px rgba(0,0,0,0.05);transition:var(--transition);border-left:4px solid transparent}.announcement-item:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,0.1)}.announcement-item.zytz{border-left-color:var(--danger-color);background-color:#fff5f7}.announcement-item.wzgg{border-left-color:var(--success-color);background-color:#f0f9ff}.announcement-item.event{border-left-color:var(--accent-color);background-color:#f8f9fe}.announcement-title{font-size:18px;font-weight:600;color:var(--dark-color);margin-bottom:8px;display:flex;align-items:center}.announcement-title i{margin-right:8px;font-size:16px}.announcement-date{font-size:13px;color:var(--gray-color);margin-bottom:12px;display:flex;align-items:center}.announcement-date i{margin-right:5px;font-size:12px}.announcement-content{white-space:pre-line;line-height:1.7;color:#495057;margin-bottom:15px}.announcement-tag{display:inline-block;padding:3px 8px;font-size:12px;border-radius:4px;margin-right:8px;background-color:var(--light-color);color:var(--gray-color)}.tag-zytz{background-color:#ffebee;color:#d32f2f}.tag-wzgg{background-color:#e3f2fd;color:#1976d2}.tag-event{background-color:#e8f5e9;color:#388e3c}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin:30px 0}.pagination button{width:40px;height:40px;border-radius:50%;border:none;background-color:var(--light-color);color:var(--dark-color);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.pagination button:hover:not(:disabled){background-color:var(--primary-color);color:white}.pagination button:disabled{opacity:0.5;cursor:not-allowed}#page-info{font-size:14px;color:var(--gray-color)}.footer{text-align:center;margin-top:40px;padding-top:20px;border-top:1px solid #eee;color:var(--gray-color);font-size:14px}.social-links{margin-top:15px;display:flex;justify-content:center;gap:15px}.social-links a{color:var(--gray-color);font-size:18px;transition:var(--transition)}.social-links a:hover{color:var(--primary-color)}.no-announcement{text-align:center;padding:40px;color:var(--gray-color);font-size:16px}@media (max-width:768px){.header{flex-direction:column;align-items:flex-start}.search-box{width:100%}.search-box input{width:calc(100% - 50px)}.announcement-container{padding:20px}.announcement-item{padding:15px}}@media (max-width:480px){.filter-tabs{justify-content:center}.header h1{font-size:24px}}.time-display{font-size:14px;color:var(--gray-color);margin-bottom:15px;padding:5px 10px;background-color:#f0f0f0;border-radius:var(--border-radius);font-family:monospace}@media (max-width:768px){.time-display{order:3;width:100%;text-align:center;margin-top:10px}}.announcement-content a{color:var(--primary-color);text-decoration:none;border-bottom:1px dotted var(--primary-color);transition:var(--transition)}.announcement-content a:hover{color:var(--secondary-color);border-bottom-style:solid}.announcement-content br{content:"";display:block;margin-bottom:0.5em}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);animation:fadeIn 0.3s}.modal-content{background-color:white;margin:10% auto;padding:25px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);width:90%;max-width:300px;position:relative;animation:slideDown 0.3s;text-align:center}.close-modal{position:absolute;right:20px;top:15px;font-size:24px;color:var(--gray-color);cursor:pointer;transition:var(--transition)}.close-modal:hover{color:var(--danger-color)}#modal-title{color:var(--primary-color);margin-bottom:20px;text-align:center}#contact-info{text-align:center;font-size:16px;line-height:1.6;word-break:break-all;margin-bottom:15px}#contact-qrcode-container{margin:15px auto;display:flex;justify-content:center;align-items:center;background:#f9f9f9;padding:15px;border-radius:var(--border-radius);max-width:250px}#contact-qrcode{max-width:100%;height:auto;display:block;transition:transform 0.3s ease}#contact-qrcode:hover{transform:scale(1.1)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideDown{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:480px){.modal-content{margin:20% auto;max-width:90%}#contact-qrcode{max-width:80%}}