* { margin: 0; padding: 0; box-sizing: border-box; }
body {
    font-family: Arial, sans-serif;
    background-color: #007bff;
    color: #333;
    line-height: 1.6;
}
.container {
    max-width: 600px;
    margin: 20px auto;
    padding: 20px;
    background: #add8e6;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.center-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
h1 {
    text-align: center;
    color: #2c3e50;
    margin-bottom: 20px;
    font-size: 24px;
}
.notification-count {
    text-align: center;
    margin-bottom: 20px;
    font-size: 18px;
    color: #007bff;
}
.message-area {
    margin-bottom: 20px;
}
textarea {
    width: 100%;
    height: 120px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    resize: none;
    font-size: 16px;
    margin-bottom: 5px;
}
.char-count {
    text-align: right;
    color: #666;
    font-size: 14px;
    margin-bottom: 10px;
}
.templates {
    margin-bottom: 20px;
}
.template-btn {
    background: #f8f9fa;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 8px 15px;
    margin: 0 10px 5px 40px;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.3s ease;
}
.template-btn:hover { background: #007bff; }
.action-buttons {
    display: flex;
    gap: 10px;
}
.btn {
    flex: 1;
    padding: 12px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.3s ease;
}
.notify-btn {
    background: #007bff;
    color: white;
}
.notify-btn:hover { background: #0056b3; }
.call-btn { background: #28a745; color: white; display: none; } /* 默认隐藏拨打电话按钮 */
.call-btn:hover { background: #218838; }
.modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 1000; }
.modal-content { position: relative; background-color: white; margin: 20% auto; padding: 20px; width: 90%; max-width: 400px; border-radius: 10px; text-align: center; }
.modal-title { margin-bottom: 15px; font-size: 18px; color: #2c3e50; }
.modal-phone { font-size: 24px; color: #007bff; margin-bottom: 20px; }
.modal-buttons { display: flex; gap: 10px; justify-content: center; }
.modal-btn { padding: 8px 20px; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; transition: all 0.3s ease; }
.confirm-btn { background: #28a745; color: white; }
.confirm-btn:hover { background: #218838; }
.cancel-btn { background: #dc3545; color: white; }
.cancel-btn:hover { background: #c82333; }

/* 新增样式 */
.highlight {
    color: green;
    font-weight: bold;
}